/*
Theme Name: SELVACENTRAL.COM.PE
Theme URI: https://selvacentral.com.pe/
Author: SELVACENTRAL.COM.PE
Author URI: https://selvacentral.com.pe/
Description: SELVACENTRAL.COM.PE
Version: 1
*/

@import url("css/reset.css");
@import url("css/font.css");


* { box-sizing: border-box; }
body { font-size: 16px; color: #444; font-weight: 400; font-family: HSans, Helvetica, Arial, Lucida Grande, sans-serif; background: #FFF; }
a:link { color: #0054c8; text-decoration: none; }
a:hover { color: #0054c8; text-decoration: none; }
a:active { color: #0054c8; text-decoration: none; }
a:visited { color: #0054c8; text-decoration: none; }

.alignleft { float: left; margin: 4px 10px 5px 0; }
.alignright { float: right; margin: 4px 0 5px 10px; }
.aligncenter { text-align: center; margin-bottom: 15px; }
img.aligncenter{ margin-left: auto; margin-right: auto; display: block; }

/* ACC */

.wrapper { width: 100%; }

.container { max-width: 1100px; width: 95%; margin: auto; }

.padding { padding: 30px 0; }

.flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }

.title-two { background: #064887; padding: 10px; border-radius: 5px; margin-bottom: 4px; }
.title-two h2 { color: #FFF; font-size: 1em; text-transform: uppercase; }

.button {  }

.cta { display: inline-block; margin: 0; padding: 10px 15px; border-radius: 20px; }
.cta-big { padding: 15px 30px; }
a.cta { color: #FFF; background: #1877f1; }
a:hover.cta { background: #166ee0; }

/* HEADER */
.header { padding: 5px 0; background: #0ca200; }
.header__logo { width: 50%; }
.header__logo img { max-width: 180px; width: 100%; height: auto; }

/* NAV */
.nav { background: #d7703c; }
.nav ul { width: 1100px; margin: auto;
			display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; }
.nav ul li { border-right: #f2834b solid 1px; }
.nav ul li:last-child { border-right: 0; }
.nav ul li a { color: #FFF; line-height: 1.3em; padding: 15px; display: block; }
.nav ul li a:hover { background: #f2834b; }
.nav ul li strong { font-weight: 500; }
.nav ul li:hover > ul { display: block; }
.nav ul ul { display: none; position: absolute; z-index: 99; width: 220px; margin-left: 0; margin-top: 0; background: #0054c8; padding-bottom: 4px; box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px 1px; }
.nav ul ul li { border-right: 0; }
.nav ul ul li a { padding: 8px 10px; text-align: left; }
.nav ul ul li a:hover { background: none; color: #FF0; }
.nav ul ul li a:before { content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 5px; color: #FFF; }

/* MAIN */
.page {  }
.page--padding { padding:40px 0; }
.page--grey { background:#EEE; }
.page--cover { background:#222; text-align:center; }
.page--cover .title-1 { color:#FFF !important; }
.page--cover p { color:#FFF; line-height:1.3em; }

.title { text-align:left; line-height:2em; margin-bottom:15px; }
.title-1 { font-size:1.6em; color:#d7703c; font-weight:700; text-transform:uppercase; }
.title-line { width: 10%; height: 2px; margin: auto; background: #F90; margin-top: 10px; }

.page-slide {  }
.page-slide__box { position: absolute; z-index: 9; width: 30%; margin-top: 5%; left: 10%; border-radius: 20px; background: #F60; padding: 40px; 
				   -webkit-transform: skew(5deg); 
				   -moz-transform: skew(5deg); 
				   -o-transform: skew(5deg); }
.page-slide__box p { font-size: 1.3em; color: #FFF; line-height: 1.3em;
					-webkit-transform: skew(-5deg); 
				   -moz-transform: skew(-5deg); 
				   -o-transform: skew(-5deg);); }
.page-slide__box strong { font-weight: 700; }
.page-slide__box em { font-style: italic; }
.page-slide img { width: 100%; height: auto; }

@media screen and (max-width: 1100px) {
.page-slide__box { width: 35%; margin-top: 5%; border-radius: 10px; padding: 10px; } 
.page-slide__box p { font-size: 1em; }
}
@media screen and (max-width: 500px) {
.page-slide__box { width: 48%; margin-top: 3%; }
.page-slide__box p { font-size: 0.8em; }
}

.page-intro { background: #222; color: #FFF; }
.page-intro .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.page-intro__text { width: 48%; }
.page-intro__text-top { color: #FFF; font-size: 2em; margin-bottom: 5px; }
.page-intro__text h1 { font-size: 2em; color: #ffee00; font-weight: 500; margin-bottom: 10px; }
.page-intro__text p { line-height: 1.3em; margin-bottom: 10px; }
.page-intro__video { width: 48%; }
.page-intro__video video { width: 100%; height: auto; }
.page-intro__video-button { display: none; }

.page-package { background: #EEE; }
.page-package .title-1 { color: #de0000 !important; }
.page-package .button { text-align: center; }
.page-package a.cta { background: #de0000; }
.page-package a:hover.cta { background: #c80000; }

.page-services { background: #EEE; }

.page-tours {  }
.page-tours .title-1 { color: #F60 !important; }
.page-tours__wrapper {  display: flex; flex-wrap: wrap; justify-content: space-between; align-items:  stretch; }
.page-tours__box { width: 30%; border: #eee solid 1px; padding: 10px; border-bottom-right-radius: 20px; }
.page-tours__box:nth-child(1) { background-image: url(images/aventura.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; border: 0; }
.page-tours__box-title { background: #090; padding: 10px; border-radius: 5px; font-size: 1.2em; color: #FFF; text-align: center; margin-bottom: 5px; }
.page-tours__box ul { margin-bottom: 5px; }
.page-tours__box ul li { padding: 5px 0; }
.page-tours__box ul li a { color: #444; }
.page-tours__box ul li a:hover { color: #F60; }
.page-tours__box ul li a:before { content: "\f067"; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-left: 5px; margin-right: 10px; color: #F60; }
.page-tours__box .button {  }
.page-tours__box a.cta { background: #090; }
.page-tours__box a:hover.cta { background: #080; }

.page-instagram { border-top: #EEE solid 1px; border-bottom: #EEE solid 1px; }
.page-instagram .title-1 { color: #ed4956 !important; }
.page-instagram .button { text-align: center; }
.page-instagram a.cta { background: #b900b4 linear-gradient(60deg, #ffd521, #f50000 50%, #b900b4); }
.page-instagram a:hover.cta { background: #b900b4 linear-gradient(60deg, #b900b4, #f50000 50%, #ffd521); }

.page-instagram__box-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
.page-instagram__box { width: 22.5%; max-width: 225px; height: auto; position: relative; margin-bottom: 15px; }
.page-instagram__box img { width: 100%; height: auto; border-radius: 3px; }
.page-instagram__box-user { position: absolute; z-index: 9; width: 90%; margin: auto; left: 0; right: 0; height: 16px; margin-top: -25px; color: #FFF; }

.page-blog {  }
.page-blog .title-1 { color: #0054c8 !important; }
.page-blog .button { text-align: center; }

.page-content {  }
.page-content--background { background: #EEE; }


/* CONTENT */
.content { width: 650px; }
.content-full {  }

/* ASIDE */
.aside { width: 280px; position: sticky; top: 40px; }

.aside-mus {  }
.aside-mus__box { margin-bottom: 10px; }
.aside-mus__box:last-child { margin-bottom: 0; }
.aside-mus__box img { width: 100%; height: auto; border-radius: 3px; }

/* SINGLE */
.single {  }
.single h1 { font-size: 2em; color: #000; font-weight: 500; line-height: 1.2em; margin-bottom:10px; }
.single h2 { font-size: 1.5em; color: #222; line-height: 1.3em; margin-bottom: 10px; }
.single h3 { font-size: 1.3em; color: #222; font-weight: 500; margin-bottom: 10px; }
.single h4 { font-size: 1.2em; color: #0054c8; font-weight: bold; margin-bottom: 10px; }
.single p { line-height: 1.3em; margin-bottom: 10px; }
.single a { text-decoration: underline; }
.single a:hover { text-decoration: none; }
.single em { font-style: italic; color: #0054c8; }
.single strong { font-weight: 700; }
.single b { font-weight: 700; }
.single ul { margin-bottom: 10px; }
.single ol { margin-bottom: 10px; }
.single li { margin-left: 35px; padding: 2px 0; list-style-type: disc; line-height: 1.3em; }
.single li li { margin-left: 35px; padding: 2px 0; list-style-type: circle; line-height: 1.3em; }
.single figure { margin-bottom: 10px; }
.single img { width: 100%; height: auto; border-radius: 3px; }

.single .alignleft { float: left; margin: 5px 10px 5px 0; }
.single .alignright { float: right; margin: 5px 0 5px 10px; }
.single .aligncenter { text-align: center; margin-bottom: 10px; }
.single img.aligncenter { margin-left: auto; margin-right: auto; display: block; }



/* SINGLE ACC */
.home {  }
.home .wp-block-columns { margin-bottom: 0; }

.cover { background: #EEE; padding: 20px; }
.cover figure { margin: 0; }

.media {  }
.media .wp-block-media-text { border-bottom: #EEE solid 1px; padding-top: 20px; padding-bottom: 20px; }
.media .wp-block-media-text:last-child { border-bottom: 0 !important; }
.media .wp-block-media-text__media {  }
.media .wp-block-media-text__content h2 { font-size: 1.5em; line-height: 1.3em; margin-bottom: 10px; }
.media .wp-block-media-text__content p { text-align: left; }
.media a.wp-block-button__link { color: #FFF !important; text-decoration: none !important; background: #1877f1; }
.media a:hover.wp-block-button__link { background: #166ee0; }

/* SINGLE ACC TRAVEL */
.datos { background: #FFC; padding: 10px; border: #FC0 solid 1px; border-radius: 3px; }
.datos p {text-align: left; }
.datos strong { font-size: 1.3em; color: #F60; font-weight: 500; }
.datos em { font-style: normal; color: #F60; font-weight: 500; }

.item { font-size: 1.3em !important; color: #FFF !important; padding: 10px; background: #0054c8; border-radius: 5px;  }
.item a { color: #FFF; }

.subtitulo { font-size: 1.8em; color: #F60; text-align: left; margin-top: 15px; margin-bottom: 5px; }
.subtitulo:before { content: "\f0a9"; display: inline-block; font-family: 'Font Awesome 5 Free'; color: #F60; font-weight: 900; width: 35px; }

.incluye { background: #FFC; padding: 10px; border: #FC0 solid 1px; border-radius: 3px; }
.incluye li { margin-left: 25px; list-style-type: none; border-bottom: #ffd65a solid 1px; }
.incluye li:before { content: "\f00c"; display: inline-block; font-family: 'Font Awesome 5 Free'; color: #090; font-weight: 900; width: 25px; margin-left: -25px; }
.incluye li:last-of-type { border-bottom: 0; }

.no-incluye { background: #EEE; padding: 10px; border: #CCC solid 1px; border-radius: 3px; }
.no-incluye li { margin-left: 25px; list-style-type: none; border-bottom: #CCC solid 1px; }
.no-incluye li:before { content: "\F056"; display: inline-block; font-family: 'Font Awesome 5 Free'; color: #999; font-weight: 900; width: 25px; margin-left: -25px; }
.no-incluye li:last-of-type { border-bottom: 0; }

.single--travel .whatsapp { text-align:center; margin-top:10px; margin-bottom:20px; }
.single--travel .whatsapp a { font-size:1.6em; font-weight:bold; color:#FFF; text-decoration:none; display:inline-block; background:#090; padding:15px 20px; border-radius:5px; }
.single--travel .whatsapp a:hover { background:#070; }
.single--travel .whatsapp span:before { content:"\f232"; font-family:'Font Awesome 5 Brands'; font-weight:400; display:inline-block; margin-right:5px; color:#FF0; }

/* HOTELS */
.hotels { position:relative; background:#f6e9bf; border-radius:10px; margin-top:60px; margin-bottom:40px; padding-left:10px; padding-right:10px; line-height:1.3em; text-align:center; }
.hotels-title { position:absolute; background:#0053cd; width:90%; top:0; left:0; right:0; margin:auto; padding:10px 0; border-radius:10px; margin-top:-30px;
				color:#FFF; font-size:1.3em; text-transform:uppercase; font-weight:bold; }
.hotels-title span { font-size:1.1rem; }
.hotels-flex { display:flex; flex-wrap:nowrap; justify-content:space-around; align-items:flex-start; }
.hotels-box { width:47%; margin-top:40px; margin-bottom:60px; }
.hotels-box-title-1 { font-size:1.1em; font-weight:bold; }
.hotels-box-title-2 { font-size:1.3em; font-weight:bold; text-transform:uppercase; color:#F60; margin-bottom:5px; }
.hotels-box-image { background:#FFF; border-radius:10px; border:#FFF solid 4px; overflow:hidden; margin-bottom:4px; }
.hotels-box-price { font-size:1.3em; text-transform:uppercase; color:#F00; font-weight:bold; }
.hotels-box-location {  }
.hotels-box-food { background:#090; border-radius:3px; display:inline-block; padding:3px 5px; color:#FFF; }
.hotels-contact { position:absolute; width:80%; bottom:0; left:0; right:0; margin:auto; margin-bottom:-20px; background:#F60; padding:10px 0; border-radius:10px;
					color:#FFF; text-transform:uppercase; font-size:1.2em; font-weight:bold; }
.hotels-contact span { font-size:1rem; color:#ffe63d; }

/* ARTICLES */
.pack-wrapper { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; }
.pack { width:30%; background:#FFF; border-radius:10px; overflow:hidden; margin-bottom:15px; box-shadow:2px 3px 7px rgb(176 176 176 / 30%); }
.pack-image { position:relative; }
.pack-image img { width:100%; height:auto; }
.pack-image-wallets { position:absolute; width:70px; height:32px; right:0; bottom:22%; z-index:9;
	background-image:url(images/paq-billeteras.png); background-repeat:no-repeat; background-position:center; background-size:cover;}
.pack-image-booking { position:absolute; right:0; bottom:3%; z-index:9; background:#720E9E; padding:5px; border-bottom-left-radius:5px; border-top-left-radius:5px; font-size:0.8em; color:#FFF; }
.pack-text { padding:0 5px 5px 5px; text-align:center;  }
.pack-text-title { padding:10px 0; border-bottom:#EEE solid 1px; }
.pack-text-title h3 a { color:#de0000; font-weight: 500; line-height:1.2em; }
.pack-text-title h3 a:hover { text-decoration:underline; }
.pack-text-duration { padding:10px 0; font-size:0.9em; text-transform:uppercase; border-bottom:#EEE solid 1px; }
.pack-text-prices { padding:10px 0; text-align:center; font-size:0; }
.pack-text-prices-regular { display:inline-block; margin-right:10px; font-size:1rem; }
.pack-text-prices-offer { display:inline-block; margin-left:10px; font-size:1.3rem; color:#de0000; font-weight:500; }
.pack-text-button { text-align:center; }
.pack-text-button a { background:#d7703c; padding:12px 0; border-radius:3px; transition-duration:.25s; display:block; color:#FFF; }
.pack-text-button a:hover { background:#af0000; transition-duration:.25s; }

.art-services__wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.art-services { width: 30%; background: #FFF; border-radius: 3px; box-shadow: 2px 3px 7px rgb(176 176 176 / 30%); padding-bottom: 20px; margin-bottom: 15px; }
.art-services__image {  }
.art-services__image img { width: 100%; height: auto;  }
.art-services__text { padding: 0 10px 0 10px; font-size: 0.9em; text-align: center;  }
.art-services__text-header { padding: 10px 0; border-bottom: #EEE solid 1px; margin-bottom: 8px; }
.art-services__text-header-title { color: #de0000; line-height: 1.2em; }
.art-services__text-content { line-height: 1.1em; margin-bottom: 8px; }
.art-services__text-address { color: #F90; margin-bottom: 2px; }
.art-services__text-map { margin-bottom: 12px; }
.art-services__text-map a { text-decoration: underline; }
.art-services__text-map a:hover { text-decoration: none; }
.art-services__text-whatsapp {  }
.art-services__text-whatsapp a { color: #FFF; background: #84c86b; padding: 8px; border-radius: 3px; transition-duration: .25s; display: inline-block; }
.art-services__text-whatsapp a:hover { background: #75b45e; transition-duration: .25s; }
.art-services__text-whatsapp a:before { content: "\f232"; font-family: 'Font Awesome 5 Brands'; font-weight: 400; display: inline-block; width: 16px; margin-right: 3px; color: #FFF; }


.art__wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.art { max-width: 225px; width: 22.5%; margin-bottom: 15px; }
.art__image { margin-bottom: 5px; }
.art__image img { width: 100%; height: auto; border-radius: 3px; }
.art__text {  }
.art__text-header {  }
.art__text-header-title a { line-height: 1.3em; }
.art__text-header-title a:hover { text-decoration: underline; }
.art__text-header-title .fas { color: #FC0; margin-right: 10px; }


/* FOOTER */
.footer {  }

.footer-social { padding: 15px 0; background: #d7703c; text-align: center; font-size: 0; }
.footer-social__link { display: inline-block; width: 55px; height: 55px; border-radius: 10px; border: #FFF solid 2px; overflow: hidden; text-align: center; margin-left: 15px; margin-right: 1cm; }
.footer-social__link:hover { border:#FFF solid 2px; background: #0ca200; }
.footer-social__link a { font-size: 2.2rem; line-height: 3rem; color: #FFF; display: block; }

.footer-contact { background: #333; }
.footer-contact .container { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: stretch; }
.footer-contact a { text-decoration: underline; color: #FFF; }
.footer-contact a:hover { text-decoration: none; }
.footer-contact__box { width: 30%; color: #ccc; line-height: 1.3em; border: #CCC solid 1px; border-radius: 15px; padding: 15px; }
.footer-contact__box:nth-child(3) { text-align: right; }
.footer-contact__box-title { color: #eee; text-transform: uppercase; font-weight: 500; margin-bottom: 5px; }
.footer-contact__box-data-email {  }
.footer-contact__box-data-email:before { content: "\f0e0"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 5px; }
.footer-contact__box-data-phone {  }
.footer-contact__box-data-phone:before { content: "\f232"; display: inline-block; font-family: 'Font Awesome 5 Brands'; font-weight: 400; margin-left: 2px; margin-right: 5px; }
.footer-contact__box-data-text {  }

.footer-copyright { padding: 30px 0; background: #333; border-top: #444 solid 1px; color: #CCC; font-weight: 500; text-transform: uppercase; text-align: center; }