/*
Author: KENYER H.
*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap');
@font-face {
  font-family: 'The Absolute';
  src: url('fonts/TheAbsolute.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'The Absolute Brush';
  src: url('fonts/TheAbsoluteBrush.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root{
    --font_title:'Oswald', sans-serif;
    --font_content:'Poppins', serif;
     --font_absolute: 'The Absolute', sans-serif;
    --font_absolute-brush: 'The Absolute Brush', cursive;
    --padding_big: 70px;
    --padding_small: 35px;
}

*{margin:0;padding:0;}

body{background-color: #181818;font-family:var(--font_title);font-size: 1rem;margin: 0;}
img{border: none; padding:0; max-width:100%; height:auto;}
img a{border:none;}

/* links */ 
a{color:inherit; text-decoration:none;}
a:hover{color:#000; text-decoration: underline;}

li{list-style: none;}

/* container */
.container {max-width:1200px;margin: 0 auto;padding:0;}

li{list-style: none;}

.copyright {background: #0c0c0c;color: #797474;font-size: 10px;text-align: center;padding: 5px;font-weight: 100;}
.copyright a {color: #ff4d0078;}

.box_header_catalogo {position: relative;border-bottom: solid 12px #29f0b1;font-size: 0;}
.text_header {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;align-items: center;z-index: 100;}
.text_header h1 {font-family: var(--font_title);color: #fff;text-transform: uppercase;font-size: 4rem;}
.text_header img {}
.img_header {background: #000;line-height: 0;font-size: 0;}
.img_header::before {content: "";background: #00000038;width: 100%;height: 100%;position: absolute;}
.header_idiomas_catalogo ul {display: flex;    align-items: center;    justify-content: center;}
.header_idiomas_catalogo ul li {padding: 5px;}

.header_catalogo_info {text-align: center;font-size: 1rem;color: #fff;padding: 1rem 0;}
.header_catalogo_redes .textwidget{display: flex;align-items: center;justify-content: center;}
.header_catalogo_redes a{ margin-left: 9px}
.header_catalogo_redes img {filter: saturate(0) brightness(1.5);height: 20px;object-fit: contain;}
.header_catalogo_redes a:hover img{filter:none;transform:scale(1.04)}
.header_idiomas_catalogo {padding-top: 1rem;}

.main_catalogo h1 {font-family: var(--font_absolute);color: #fff;font-size: 6rem;text-align: center;padding: 3rem 0;}

/*pasos para pagar con Yape*/
.how_book {display: flex;justify-content: space-between;flex-wrap: wrap;padding: 4rem 0!important;position: relative;}
.how_book h2 {color: #10b6bd;text-align: center;text-transform: uppercase;font-family:var(--font_title);font-weight: 600;font-size: 2.5rem;width: 100%;}
.con_how_book {display: flex;justify-content: space-between;}
.item_how_book {background: #4c114d;width: 384px;color: #fff;padding: 4.5rem 1.5rem 1.5rem 1.5rem;box-sizing: border-box;position: relative;text-align: center;margin-top: 5rem;}

.item_how_book span {--width: 120px;position: absolute;left: 50%;top: -70px;transform: translate(-50% , 0);background: #3d9296;border: solid 10px;width: var(--width);height: var(--width);border-radius: 50%;display: flex;align-items: center;justify-content: center;text-transform: uppercase;font-size: 1.5rem;}
.con_vertical {display: flex;align-items: center;justify-content: center;gap: 1rem;}
.con_vertical b {text-transform: uppercase;display: block;}
.con_vertical p img + img {padding: 15px;}
.item_how_book p:nth-of-type(1) {padding: 1rem 0;}
.item_how_book p:nth-of-type(1) strong {font-size:1.3em}

.item_how_book.step_3 img {/* transform: rotate(19deg); */padding-top: 1rem;width: 186px;}

.item_how_book.step_1 img {    width: 290px;border: solid 6px #430444;    border-radius: 15px;}

a.prev , a.next {display: none;}

.menu-tours-linea {  font-size: 14px;  line-height: 1.8;  text-align: left;  color: #333;}
.menu-tours-linea .enlace-tour {  display: inline-block;  padding: 4px 10px;  margin-right: 6px;  border: 1px solid #999;  border-radius: 4px;  color: #333;  text-decoration: none;  transition: all 0.2s ease;}
.menu-tours-linea .enlace-tour:hover {  background-color: #333;  color: #fff;  border-color: #333;}
.menu-tours-inline a {background: #257478;padding: 2px;margin: 1px;display: inline-block;border-radius: 5px;font-size: 11px;font-family: var(--font_content);color: #fff;}
.menu-tours-inline {    text-align: center;    padding-bottom: 2rem;}


.item_tour_day:nth-child(-n+1), .item_tour_day:nth-child(3n+4){--color_day: #3b5998;}
.item_tour_day:nth-child(3n){--color_day: #388E3C;}

.item_tour_day {display: grid;grid-template-rows: auto 1fr auto;background: transparent;--color_day: #E64A19;border: solid 3px var(--color_day);}
.con_tour_day {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 3rem 1.5rem;padding-bottom:6rem;}
.info_item_tour {display: grid;grid-template-rows: auto 1fr auto;}
.img_item_tour_day {position: relative;font-size: 0;}
.img_item_tour_day p {position: absolute;bottom: 1rem;right: 1rem;background: var(--color_day);color: #fff;padding: 5px 15px;font-size: 1rem;}
.img_item_tour_day p sub {vertical-align: baseline;}
.item_tour_day {position: relative;background: transparent;--color_day: #e93d3d;border: solid 3px var(--color_day);}



.con_tour_day .text_item_tour_day {background: var(--color_day);color: #fff;padding: 1rem;display: grid;grid-template-columns: 1fr 1fr;font-family: var(--font_content);} 
.con_tour_day.packages .text_item_tour_day{display:block}

.item_tour_day h2 {color: #ffffff;padding: 15px 5px;font-family: var(--font_title);font-size: 26px;text-align: center;}

.text_item_tour_day h3 {font-weight: 400;padding: 0.7rem 0;}
.text_item_tour_day ul li {padding-bottom: 10px;/* line-height: 1.4; */font-size: 0.85em;font-weight: 300;}
.text_item_tour_day ul:nth-of-type(1){display: grid;grid-template-columns: 1fr 1fr;border: solid 1px #5656568c;padding: 6px;background: #00000085;grid-column: 1 / span 2;}
.text_item_tour_day ul:nth-of-type(1) li {list-style:none;position:relative;background: url(./images/ico-clock.png)left center no-repeat;background-position-x: 0;padding: 0 0 0 30px;background-size: 20px;}
.text_item_tour_day ul:nth-of-type(2) li {list-style:none;position:relative;background: url(./images/ico-globe.png)left top no-repeat;background-position-y: 2px;padding-left: 25px;background-size: 13px;}
.text_item_tour_day ul:nth-of-type(3) li {list-style:none;flex-basis:50%;position:relative;background: url(./images/ico-check.png)left top no-repeat;background-position-y: 2px;padding-left: 23px;background-size: 17px;}
.text_item_tour_day ul:nth-of-type(4) li {list-style:none;flex-basis:50%;position:relative;background: url(./images/ico-x.png)left top no-repeat;background-position-y: 2px;padding-left: 23px;background-size: 17px;}

.text_item_tour_day h3:nth-of-type(1) {grid-column: 1 /span 2;}
.text_item_tour_day ul:nth-of-type(2) {grid-column: span 2;}
.text_item_tour_day ul:nth-of-type(3) {grid-row: 5;}

.text_item_tour {padding: 1rem;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 7px;border-top: solid 2px #fff;background: var(--color_day);}
.text_item_tour a{display:flex;align-items:center;justify-content:center;padding: 7px 7px;border-radius: 10px;color: #fff;transition:all 0.3s;}
.text_item_tour a svg{padding-right:5px;Fill:#fff;transition:all 0.3s;}

a.wpp-link {background: #055a3f;border:solid 2px}
a.pdf-link {background: #ff4141;border:solid 2px}
a.video-link {background: #242d5a;border:solid 2px}
a.wpp-link:hover {color: #055a3f;background:#FFF    }
a.pdf-link:hover {color: #ff4141;background:#FFF}
a.video-link:hover {color: #242d5a;background:#FFF}
a.wpp-link:hover svg{fill: #055a3f;}
a.pdf-link:hover svg{fill: #ff4141;}
a.video-link:hover svg{fill: #242d5a;}

img.img_default {width: 384px;height: 324px;object-fit: scale-down;background: #3c3c3c;}
.item_tour_day img:nth-child(2){position: absolute;top: 12px;right: 12px;width: 110px;}
p.titulo_qr_yape {position: absolute;top: 118px;bottom: auto;right: 12px;display: flex;align-items: center;justify-content: space-between;padding: 5px 10px;background: #257478;font-size: 15px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}

footer {background: #2c494f;color: #fff;padding: 1rem;font-family: 'Poppins';}
footer .container {display: flex;justify-content: space-around;align-items: center;}
footer .container p {display: flex;align-items: center;}
footer .container p svg {padding-right: 8px;}

a.post-edit-link {color: #fff;position: fixed;top: 1rem;left: 1rem;z-index: 1000;background: #4c114d;padding: 7px 15px;border-radius: 5px;}

.item_tour_day.Inhabilitar {display: none;}
p.titulo_qr_yape {position: absolute;top: 118px;bottom: auto;right: 12px;display: flex;align-items: center;    justify-content: space-between;padding: 5px 10px;background: #257478;font-size: 15px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
p.titulo_qr_yape img {border-radius: 0!important;width: 30px;padding-left: 4px;}

/* Style the tab */
.tab-itemstour {display: flex;width: 100%;align-items: center;justify-content: center;}

.tab-itemstour {overflow: hidden;/* border: 1px solid #ccc; */background-color: #f1f1f1;}
.tab-itemstour button {background-color: inherit;  border: none;outline: none;cursor: pointer;padding: 14px 16px;transition: 0.3s;text-transform: uppercase;font-family: var(--font_title);font-weight: 700;letter-spacing: 1px;}
.tab-itemstour button:hover {background-color: #ddd;}
.tab-itemstour button.active {background-color: #27aebd;color: #fff;}
.tabcontent {display: none;padding: 6px 12px;border: 1px solid #ccc;border-top: none;}

@media(max-width:1200px){
    :root{
        --padding_big: 60px;
        --padding_small: 35px;
    }
    html{font-size: 0.9rem;}
    .container {max-width:1024px;}
    .item_how_book {width: 330px;}
    }
@media(max-width:1024px){
:root{
        --padding_big: 50px;
        --padding_small: 35px;
    }
 html{font-size: 0.8rem;}
.container {max-width:768px;}
.header{height: 350px;}
.item_how_book {width: 250px;}
.img_header img {height: 100%;object-fit: cover;}
}

@media(max-width:768px){
:root{--padding: 25px;}
html{font-size: 0.9rem;}
.con_tour_day {grid-template-columns: 1fr 1fr;}
a.prev , a.next {display: block;}

footer .container p {font-size: 10px;}

}
@media(max-width:480px){

:root{--padding: 25px;}
html{font-size: 0.8rem;scroll-snap-type: y mandatory;}
.item_tour_day {width: 100%;/* padding: 10px; */box-sizing: border-box;display: block;margin-bottom: 2rem;}
.con_tour_day {display: block;padding: 10px;box-sizing: border-box;}
.item_tour_day:nth-child(odd) {background: #000000;}
a.prev {position: absolute;background: #3d9296;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50%;top: 50%;left: 5%;}
a.next {position: absolute;background: #3d9296;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50%;top: 50%;right: 5%;}
.how_book {display: flex;justify-content: center;}
footer .container {flex-direction: column;}
footer .container p {padding-bottom: 5px;}

a.wpp-link span {padding-left: 5px;}
    
.con_tour_day a.wpp-link {font-size: 14px;}
.main_catalogo h1 {line-height: 1;font-size: 5rem;/* font-family: var(--font_title); */}

.img_item_tour_day p {font-size: 1.5rem;}

.item_tour_day:nth-child(1n) img{--color_day:#257478;}
.item_tour_day:nth-child(2n) img{--color_day:#9e23a0;}
.item_tour_day:nth-child(3n) img{--color_day:#e66627;}


.item_tour_day img:nth-child(1) {}
.item_tour_day h2 {color: #fff;padding: 5px;}
picture.img_header img {height: 98vh;object-fit: cover;width: 100%;}
header.header {height: 98vh;}
.item_tour_day img:nth-child(2) {/* display: none; */}
p.titulo_qr_yape {display: none;}

a.prev {position: absolute;background: #3d9296;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50%;top: 50%;left: 5%;}
a.next {position: absolute;background: #3d9296;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50%;top: 50%;right: 5%;}
.how_book {display: flex;justify-content: center;}
    .menu-tours-inline{display:none}

}
@media(max-width:320px){
    :root{--padding: 35px;}
    html{font-size: 0.9rem;}
    
}
