/*
Theme Name: Travel Sales Kit
Theme URI: https://mktcusco.com
Author: Kenyer Huancara
Author URI: https://www.facebook.com/kenyer
Description: Tema base para herramientas de venta turística: catálogo de tours, salidas confirmadas, cotizaciones por WhatsApp y páginas comerciales para agencias de viaje.
Version: 1.0.0
Tags: travel, tours, sales, catalog, whatsapp, tourism, responsive, accessibility
Text Domain: travel-sales-kit
Domain Path: /languages
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/


/* poppins-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v23-latin-regular.woff2') format('woff2'); 
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v23-latin-600.woff2') format('woff2');
}
*{margin:0; padding:0;box-sizing:border-box}
:root{
  --font_title:"Be Vietnam Pro", sans-serif;
  --font_content: "Poppins", sans-serif;
  --color_first:#000000;
  --color_second:#E9492D;
  --color_title_first:#000000;
  --color_title_second:#E9492D;
  --color_text_first: #63687A;
  --color_text_second: #ffffff;
  --color_text_strong: #222222;
  --color_section_first:#F7F8FC;
  --padding_big: 4rem;
  --padding_small: 2rem;
  --padding_text: 1rem;
}

body{ background-color: #ffffff; font-family:var(--font_content);font-size: 1rem;margin: 0;}
img{border: none; padding:0; max-width:100%; height:auto;}
img a{border:none;}
html{scroll-behavior: smooth;}

.alignleft{float:left;border:none;margin:0 10px 10px 0;}
.alignright{float:right;border:none;margin:0 0 10px 10px;}
.aligncenter{display:block; margin:0 auto 10px;}
.const{background: url(images/const.png) no-repeat center top; padding-top: 175px;text-align: center !important;}
.sidebarRight ul{list-style: none;}
.sidebarRight ul li{list-style: none;padding: 0}

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

li{list-style: none;}

/* container */
.container {max-width:1366px;margin: 0 auto;padding:0;}
li{list-style: none;}  

/* content */
.content{font-family: var(--font_content);}

.content h1{font-size: 3.25rem;line-height:1.1;color: var(--color_title_first);font-family: var(--font_title);font-weight: 700;padding-bottom: var(--padding_text);}
.content h2{font-size: 2.625rem;line-height:1.15;color:  var(--color_title_first);font-family: var(--font_title);font-weight: 600;padding-bottom: var(--padding_text);}
.content h3{font-size: 1.5rem;line-height:1.2;color:  var(--color_title_first);font-family: var(--font_title);font-weight: 600;padding-bottom: var(--padding_text);}
.content h4{font-size: 1.4rem;line-height:1.3;color:  var(--color_title_first);font-family: var(--font_title);font-weight: 500;padding-bottom: var(--padding_text);}
.content h5{font-size: 1.25rem;line-height:1.35;color:  var(--color_title_first);font-family: var(--font_title);font-weight: 500;padding-bottom: var(--padding_text);}
.content h6{font-size: 1.125rem;line-height:1.4;color:  var(--color_title_first);font-family: var(--font_title);font-weight: 500;padding-bottom: var(--padding_text);}

.content p{font-size: 1rem;line-height: 1.6;font-weight: 400;color: var(--color_text_first);font-family: var(--font_content);padding-bottom: var(--padding_text);}
.content p strong {font-weight: 600;color: var(--color_text_strong)}
.content ul, .content ol{margin-left: 1.875rem;padding-bottom: 7px;font-size:1rem;line-height: 1.4}
.content li{list-style-type: disc;padding: 5px 0;text-align: left;line-height: 1.4;color: var(--color_text_first);font-family: var(--font_content);font-weight: 400;font-size: 1rem;}
.content ol li{list-style: decimal;}

.content table{width: 100%; height: auto; margin-bottom: 1.125rem;border-collapse:collapse;overflow-x:auto;}
.content td{border: 1px solid #e3e3e3; padding: 10px; box-sizing: border-box;}

.clear{clear:both;}
.clear:after{clear:both;display: block; content:""; height: 0; visibility: hidden;}

p:empty{display: none;}
.reset{letter-spacing: -1px;font-size: 0;word-spacing: -1px;}
.reset_space{letter-spacing: initial;font-size: 1rem;word-spacing: initial;}
.visually_hidden{position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip: rect(0, 0, 0, 0);  white-space: nowrap;  border: 0;}
.hidden_destok{display:none;}

.title{text-align:center;}
.title h1 {padding-bottom: var(--padding_text);font-size: 50px;color: var(--color_title_first);}
.title h2 {padding-bottom: var(--padding_text);font-size: 50px;color: var(--color_title_first);font-weight: 700;}
.title .title__description p strong {color: #949598;font-size: 1.5rem;font-weight: 100;}

.btn_readmore {display: table;font-size: 1.125rem;font-style: normal;font-weight: 300;color: #ffffff;padding: 12px 53px;border: solid 2px var(--color_second);border-radius: 7px;position:relative;transition:all 0.3s ease-out;background: var(--color_second);margin: auto;}
.btn_readmore:hover{background: #fff;color: #000;text-decoration:none}

iframe[src*="youtube.com"], iframe[src*="youtube-nocookie.com"] {position: relative;aspect-ratio: 16 / 9;width: 100% !important;  height: auto !important;  max-width: 100%;  border: 0;  display: block;  border-radius: 12px; /* Opcional, estética */}
/*fin*/

/*Header*/
.header{background-color: #000000ab !important;background-blend-mode: darken;display: flex;align-items: center;padding: 4rem 0;background-size: cover;}
.header__logo img {    width: 180px;    display: block;    margin: 0 auto 2rem;}
.header__info {    color: #fff;    text-align: center;}
.header__info p, .header__info p strong {    color: #fff;}

/*titulo*/
.title_content{padding: 4rem 0 1rem;text-align:center;}

/*buscador*/
.catalogo_buscador{position: sticky;top: 0;background: #fff;z-index: 100;padding-bottom: 4rem;}
.catalogo_buscador input{width:100%;padding: 14px 58px;border:1px solid #ddd;border-radius:8px;font-size:1rem;box-shadow:0 5px 20px rgba(0,0,0,.10);max-width: 990px;display: table;margin: auto;height: 60px;}

.catalogo_buscador{transition:all .3s ease;}
.buscador-fixed input{        margin:auto;    display:block;    height:60px;    border:none;    background:#fff;    font-size:18px;    font-weight:600;    box-shadow:0 5px 20px rgba(0,0,0,.10);}
.catalogo_buscador.buscador-fixed {background: #1b213f;padding: 1rem;box-shadow: 0 10px 30px rgb(0 0 0 / 48%);}

#buscar_tour_catalogo::-webkit-search-cancel-button{    -webkit-appearance: none;    appearance: none;    display: none;}

.catalogo_buscador .container {    max-width: 900px;    position: relative;}
#limpiar_busqueda {position: absolute;right: 15px;background: none;border: none;top: 50%;transform: translateY(-50%);}
.svg_limpiar path{    stroke:#ef4444;    transition:.3s;}
#limpiar_busqueda:hover .svg_limpiar path{    stroke:#b91c1c;}

.icono_buscar{    position:absolute;    left:20px;    top:50%;    transform:translateY(-50%);    color:#999;    pointer-events:none;}
.icono_buscar path {    stroke: #565555;}
#buscar_tour_catalogo:focus ~ .icono_buscar path{ stroke: #868181; }

#limpiar_busqueda{    opacity: 0;    visibility: hidden;    pointer-events: none;}
#limpiar_busqueda.is-active{    opacity: 1;    visibility: visible;    pointer-events: auto;}
#tags_tours{    transition:.3s ease;}
#tags_tours.ocultar_tags{    opacity:0;    visibility:hidden;    max-height:0;    overflow:hidden;    margin:0;    padding:0;}

/*Tours en linea*/
.menu-tours-inline {text-align: center;padding-bottom: 2rem;background: #eee;border-radius: 15px;margin-bottom: 4rem;}
.menu-tours-inline .tags_title {font-size: 3rem;padding-bottom: 0;color: #afaeae;}
.menu-tours-inline a {background: #a7a4a4;padding: 8px 9px;margin:5px;display: inline-block;border-radius: 5px;font-size: 13px;font-family: var(--font_content);color: #ffffff;}

/*Items Tour*/
.con_tour_day {display: grid;grid-template-columns: 1fr 1fr;gap: 1.5rem;}
.item_tour_day {display: grid;grid-template-columns: 45% 1fr;background: #F5F5F5;}

.img_item_tour_day {position: relative;font-size: 0;}
.img_item_tour_day img {    height: 100%;    object-fit: cover;}
.img_item_tour_day p {position: absolute;top: 1rem;right: 50%;transform: translateX(50%);background: #F0C051;color: #000;padding: 5px 15px;font-size: 1rem;font-weight: bolder;}
.img_item_tour_day p sub {vertical-align: baseline;}

.info_item_tour {    padding: 1rem;}
.info_item_tour h2 {font-size: 19px;padding-bottom: 10px;}
.info_item_tour h3 {    font-size: 15px;padding-bottom: 10px;}
.info_item_tour p, .info_item_tour li  {font-size: 13px;padding: 0;padding-bottom: 7px;line-height: 1.4;}
.info_item_tour li  {line-height: 1.2;}

.catalogo_horario {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 1rem;    background: #F7EEDC;    padding: 6px 12px;    margin-bottom: 10px;}
.catalogo_horario p {display: grid;grid-template-columns: 25px 1fr;align-items: center;margin: 0;padding: 0;}
.catalogo_horario .icon_clock {    grid-row: 1 / span 2;}

.text_item_tour {padding: 1rem 0 0;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: #242d5a;border:solid 2px}
a.video-link {background: #dc2626;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;}


/*Footer*/
.footer_box{background: #474545;margin-top: 4rem;}
.footer__info .textwidget {    display: flex;    align-items: center;    justify-content: space-between;    color:#fff;    padding: 2rem 0;}

.footer__info .textwidget p, .footer__info .textwidget strong {    color: inherit;    padding: 0;}

#Copyright{text-align: center;font-size: 14px;color: #FFF;font-weight: 100;padding: 10px 0;width: 100%;/* text-transform: uppercase; */background: #2f2e2e;}
#Copyright p{font-weight: 100;letter-spacing: 1px;padding-bottom: 0;text-align: center;font-size: 14px;color: #e0dede;}
#Copyright a{color: #eae8e8;text-decoration: none;font-weight: 700;text-transform: uppercase;}

/*Carrito*/
.item_tour_day.tour_seleccionado {outline: 1px solid #047857;box-shadow: 0 0 10px 4px rgb(0 0 0 / 26%);opacity: 0.9;}
.item_tour_day{    position: relative;    overflow: hidden;}
.item_tour_day.tour_seleccionado::before{content: attr(data-selected);position: absolute;top: 26px;right: -48px;width: 190px;padding: 8px 0;background: linear-gradient(180deg, #3eb666, #1e6b30);color: #fff;text-align: center;font-size: 13px;font-weight: 700;text-transform: uppercase;transform: rotate(
45deg);z-index: 10;box-shadow: 0 4px 10px rgba(0,0,0,.25);}

a.btn-ver-carrito {background: #22c55e;display: flex;align-items: center;gap: 8px;padding: 1rem;position: fixed;bottom: 2rem;right: 0;border-radius: 10px 0 0 10px;text-transform: uppercase;font-weight: bolder;font-size: 11px;}
a.btn-ver-carrito span em {    display: block;    font-size: 2em;    font-style: normal;}

strong#contador_tours {    position: absolute;    right: 50%;    transform: translateX(50%);    top: -20px;    background: #ffa90f;    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    font-size: 20px;}
.carrito_pulse{    animation: carritoPulse .45s ease;}
@keyframes carritoPulse{
    0%{transform:scale(1);}
    50%{transform:scale(1.12);}
    100%{transform:scale(1);}
}
#catalogo_carrito{    width:100%;    max-width:700px;    background:#fff;    border-radius:10px;    padding:30px;}
.catalogo_carrito_header{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:15px;text-align: center;}
.catalogo_carrito_header h3{margin:0;font-size:30px;color:var(--color_third);text-align: c;}
.catalogo_carrito_header h3 em{font-style:normal; }

.catalogo_carrito_header p{    margin:5px 0 0;    color:#6b7280;}

#catalogo_carrito_items{    display:flex;    flex-direction:column;    gap:12px;}
.carrito_item{display:flex;    justify-content:space-between;    align-items:center;    padding:15px 20px;    border:1px solid #e5e7eb;    border-radius:8px;    background:#fafafa;}
.carrito_item strong{display:block;color:var(--color_third);font-size: 1rem;font-weight: 400;}
.carrito_item span{font-size: 1rem;color:#047857;border-right: solid 2px;padding-right: 1rem;}
.catalogo_carrito_footer{    margin-top:25px;    border-top:1px solid #e5e7eb;    padding-top:20px;}
.btn_enviar_wpp{    display:flex;    align-items:center;    justify-content:center;    width:100%;    background:#25D366;    color:#fff;    text-decoration:none;    padding:16px;    border-radius:8px;    font-size:18px;    font-weight:700;}
.btn_enviar_wpp.disabled{    opacity:.5;    pointer-events:none;}
.carrito_item{    display:flex;    align-items:center;    justify-content:space-between;    gap:15px;}
.btn_eliminar_tour{    width:32px;    height:32px;    border:0;    border-radius:50%;    background:#ef4444;    color:#fff;    font-size:22px;    line-height:1;    font-weight:700;    cursor:pointer;}
.btn_eliminar_tour:hover{    background:#dc2626;}

.carrito_item{    display:flex;    align-items:center;    justify-content:space-between;    gap:20px;}
.carrito_info{    flex:1;    display:flex;    align-items:center;}
.carrito_info strong{    flex:1;    font-weight:400;}
.carrito_info span{    width:140px;      /* ancho fijo */    text-align:right;    color:#047857;    border-right:solid 2px #047857;    padding-right:16px;}


@media(max-width:768px){
    :root{
      --padding_big: 2rem;
      --padding_small: 1rem;
    }
    html{scroll-behavior: smooth;}
    
    .con_tour_day {grid-template-columns: 1fr;padding: 0 1rem;}
}

@media(max-width:620px){

    .title_content{padding:2rem 1rem;}
    .title_content h1 {    font-size: 2rem;}
    
    .catalogo_buscador {    padding: 1rem;}

    .menu-tours-inline .tags_title {    font-size: 2rem;}
    .menu-tours-inline {    border-radius: 0;}
    
    .item_tour_day {    display: block;}
    .img_item_tour_day img {    width: 100%;    height: 350px;}
    .info_item_tour h2 {    text-align: center;    font-size: 25px;}
    .footer__info .textwidget {    flex-direction: column;}
    
    .carrito_info {    flex-direction: column;    align-items: baseline;}
    .carrito_info span {    width: auto;    padding: 7px 0;    border: none;}
    
    a.btn-ver-carrito {    width: 100%;    bottom: 0;    border-radius: 0;    display: grid;    grid-template-columns: 41px 1fr 40px;z-index:100;}
    strong#contador_tours {    position: initial;    transform: initial;}
    a.btn-ver-carrito span em {    display: initial;    font-size: inherit;}
    a.btn-ver-carrito span {    display: inline-flex;    gap: 7px;    font-size: 14px;}
    a.btn-ver-carrito img {    width: 39px;}
    
    
}