.elementor-2354 .elementor-element.elementor-element-401e504{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2354 .elementor-element.elementor-element-2fb50b3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2354 .elementor-element.elementor-element-1d8207a{text-align:left;}.elementor-2354 .elementor-element.elementor-element-1d8207a .wpr-logo{padding:0px 0px 0px 0px;border-style:none;}.elementor-2354 .elementor-element.elementor-element-1d8207a .wpr-logo-image{max-width:120px;}.elementor-2354 .elementor-element.elementor-element-1d8207a.wpr-logo-position-left .wpr-logo-image{margin-right:0px;}.elementor-2354 .elementor-element.elementor-element-1d8207a.wpr-logo-position-right .wpr-logo-image{margin-left:0px;}.elementor-2354 .elementor-element.elementor-element-1d8207a.wpr-logo-position-center .wpr-logo-image{margin-bottom:0px;}.elementor-2354 .elementor-element.elementor-element-1d8207a .wpr-logo-image img{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-2354 .elementor-element.elementor-element-1d8207a .wpr-logo-title{color:#605BE5;margin:0 0 0px;}.elementor-2354 .elementor-element.elementor-element-1d8207a .wpr-logo-description{color:#888888;}.elementor-2354 .elementor-element.elementor-element-94f8a06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-menu-item.tahefobu-pointer-item{transition-duration:0.2s;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-menu-item.tahefobu-pointer-item:before{transition-duration:0.2s;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-menu-item.tahefobu-pointer-item:after{transition-duration:0.2s;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-mobile-toggle-wrap{text-align:center;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-nav-menu .tahefobu-menu-item,
					 .elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-nav-menu > .menu-item-has-children > .tahefobu-sub-icon{color:#333333;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .menu-item-has-children .tahefobu-sub-icon{font-size:14px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc.tahefobu-pointer-background:not(.tahefobu-sub-icon-none) .tahefobu-nav-menu-horizontal .menu-item-has-children .tahefobu-pointer-item{padding-right:calc(14px + px);}.elementor-2354 .elementor-element.elementor-element-3d0d6dc.tahefobu-pointer-border:not(.tahefobu-sub-icon-none) .tahefobu-nav-menu-horizontal .menu-item-has-children .tahefobu-pointer-item{padding-right:calc(14px + px);}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-nav-menu .tahefobu-menu-item{padding-left:7px;padding-right:7px;padding-top:15px;padding-bottom:15px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc.tahefobu-pointer-background:not(.tahefobu-sub-icon-none) .tahefobu-nav-menu-vertical .menu-item-has-children .tahefobu-sub-icon{text-indent:-7px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc.tahefobu-pointer-border:not(.tahefobu-sub-icon-none) .tahefobu-nav-menu-vertical .menu-item-has-children .tahefobu-sub-icon{text-indent:-7px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-nav-menu > .menu-item{margin-left:10px;margin-right:10px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-nav-menu-vertical .tahefobu-nav-menu > li > .tahefobu-sub-menu{margin-left:10px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc.tahefobu-main-menu-align-left .tahefobu-nav-menu-vertical .tahefobu-nav-menu > li > .tahefobu-sub-icon{right:10px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc.tahefobu-main-menu-align-right .tahefobu-nav-menu-vertical .tahefobu-nav-menu > li > .tahefobu-sub-icon{left:10px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-menu-item{border-radius:0px 0px 0px 0px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-nav-menu .tahefobu-menu-item:hover,
					 .elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-nav-menu .tahefobu-menu-item.tahefobu-active-menu-item{background-color:#3C3F20;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-sub-menu .tahefobu-sub-menu-item,
					 .elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-sub-menu > .menu-item-has-children .tahefobu-sub-icon{color:#3C3F20;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-sub-menu .tahefobu-sub-menu-item{background-color:#ffffff;padding-left:15px;padding-right:15px;padding-top:13px;padding-bottom:13px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-sub-menu .tahefobu-sub-icon{right:15px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc.tahefobu-main-menu-align-right .tahefobu-nav-menu-vertical .tahefobu-sub-menu .tahefobu-sub-icon{left:15px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-nav-menu-horizontal .tahefobu-nav-menu > li > .tahefobu-sub-menu{margin-top:0px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc.tahefobu-sub-divider-yes .tahefobu-sub-menu li:not(:last-child){border-bottom-color:#e8e8e8;border-bottom-width:1px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-sub-menu{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E8E8;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-sub-menu .tahefobu-sub-menu-item:hover,
					 .elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-sub-menu > .menu-item-has-children .tahefobu-sub-menu-item:hover .tahefobu-sub-icon,
					 .elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-sub-menu .tahefobu-sub-menu-item.tahefobu-active-menu-item,
					 .elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-sub-menu > .menu-item-has-children.current_page_item .tahefobu-sub-icon{color:#ffffff;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-sub-menu .tahefobu-sub-menu-item:hover,
					 .elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-sub-menu .tahefobu-sub-menu-item.tahefobu-active-menu-item{background-color:#3C3F20;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-mobile-nav-menu a,
					 .elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-mobile-nav-menu .menu-item-has-children > a:after{color:#3C3F20;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-mobile-nav-menu li{background-color:#ffffff;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-mobile-nav-menu a{width:100%;padding-left:10px;padding-right:10px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-mobile-nav-menu .menu-item-has-children > a:after{margin-left:10px;margin-right:10px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-mobile-nav-menu .tahefobu-mobile-menu-item{padding-top:10px;padding-bottom:10px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc.tahefobu-mobile-divider-yes .tahefobu-mobile-nav-menu a{border-bottom-color:#e8e8e8;border-bottom-width:1px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-mobile-nav-menu .tahefobu-mobile-sub-menu-item{font-size:12px;padding-top:5px;padding-bottom:5px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-mobile-nav-menu{margin-top:10px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-mobile-nav-menu li a:hover,
					 .elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-mobile-nav-menu .menu-item-has-children > a:hover:after,
					 .elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-mobile-nav-menu li a.tahefobu-active-menu-item,
					 .elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-mobile-nav-menu .menu-item-has-children.current_page_item > a:hover:after{color:#ffffff;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-mobile-nav-menu a:hover,
					 .elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-mobile-nav-menu a.tahefobu-active-menu-item{background-color:#3C3F20;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-mobile-toggle{border-color:#FFFFFF;width:45px;border-width:0px;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-mobile-toggle-text{color:#FFFFFF;}.elementor-2354 .elementor-element.elementor-element-3d0d6dc .tahefobu-mobile-toggle-line{background-color:#FFFFFF;height:3px;margin-bottom:5px;}.elementor-2354 .elementor-element.elementor-element-b2c8669{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}@media(max-width:767px){.elementor-2354 .elementor-element.elementor-element-2fb50b3{--width:30%;}.elementor-2354 .elementor-element.elementor-element-94f8a06{--width:50%;}.elementor-2354 .elementor-element.elementor-element-b2c8669{--width:20%;}}@media(min-width:768px){.elementor-2354 .elementor-element.elementor-element-2fb50b3{--width:20%;}.elementor-2354 .elementor-element.elementor-element-94f8a06{--width:70%;}.elementor-2354 .elementor-element.elementor-element-b2c8669{--width:10%;}}/* Start custom CSS for wp-widget-polylang, class: .elementor-element-091fd0f */nav[aria-label="Choose a language"] ul {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
}

nav[aria-label="Choose a language"] ul li.lang-item {
    display: inline-flex !important;
    float: none !important;
    margin: 0 !important;
}

nav[aria-label="Choose a language"] ul li.lang-item a {
    display: inline-flex;
    align-items: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-401e504 */#tahefobu-header:not(.ta-sticky-active) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;            /* Mantiene el header por encima del contenido */
}


/* ============================================================
   1. FONDO DEL HEADER (transparencia / blanco)
   ============================================================ */

/* Arriba: fondo transparente. SIN animación al subir.
   !important porque Elementor aplica su propio fondo al 401e504. */
#tahefobu-header .elementor-element.elementor-element-401e504 {
    background-color: transparent !important;
    background-image: none !important;   /* Anula imagen/degradado de Elementor */
    transition: none;
}

/* Scrolleado: fondo blanco sólido. CON animación rápida al bajar.
   >>> Para cambiar el color del header al hacer scroll,
       modifica el #FFFFFF de aquí abajo. <<< */
#tahefobu-header.ta-sticky-active .elementor-element.elementor-element-401e504 {
    background-color: #FFFFFF !important;
    transition: background-color 0.15s ease-in-out;
}


/* ============================================================
   2. COLOR DEL TEXTO E ICONOS DEL MENÚ
   ============================================================ */

/* Arriba (header transparente): texto e iconos BLANCOS.
   SIN animación al subir.
   >>> Para cambiar el color del menú arriba, modifica #FFFFFF. <<< */
#tahefobu-header .elementor-element-3d0d6dc .tahefobu-menu-item,
#tahefobu-header .elementor-element-3d0d6dc .tahefobu-sub-icon {
    color: #FFFFFF;
    transition: none;
}

/* Scrolleado (header blanco): texto e iconos VERDES.
   CON animación rápida al bajar.
   >>> Para cambiar el color del menú en sticky, modifica #3C3F20. <<< */
#tahefobu-header.ta-sticky-active .elementor-element-3d0d6dc .tahefobu-menu-item,
#tahefobu-header.ta-sticky-active .elementor-element-3d0d6dc .tahefobu-sub-icon {
    color: #3C3F20;
    transition: color 0.15s ease-in-out;
}



/* Hover sobre un enlace (en CUALQUIER estado):
   fondo verde + texto blanco.
   >>> Para cambiar el color del hover, modifica los valores. <<< */
.elementor-element-3d0d6dc .tahefobu-nav-menu li:hover > .tahefobu-menu-item {
    color: #FFFFFF !important;
    background-color: #3C3F20 !important;
}
.elementor-element-3d0d6dc .tahefobu-nav-menu li:hover > .tahefobu-menu-item .tahefobu-sub-icon {
    color: #FFFFFF !important;
}

/* Item activo = la página en la que estás (ej. "Home" en el inicio).
   SIN fondo, mismo color que los demás enlaces.
   Arriba blanco, scrolleado verde. */
#tahefobu-header .elementor-element-3d0d6dc .tahefobu-active-menu-item {
    color: #FFFFFF !important;
    background-color: transparent !important;
}
#tahefobu-header.ta-sticky-active .elementor-element-3d0d6dc .tahefobu-active-menu-item {
    color: #3C3F20 !important;
    background-color: transparent !important;
}


/* Sub-item activo (página actual dentro de un submenú):
   fondo verde sólido. Anula la regla genérica de item activo,
   que solo debe afectar al menú principal. */
.elementor-element-3d0d6dc .tahefobu-sub-menu .tahefobu-active-menu-item,
#tahefobu-header .elementor-element-3d0d6dc .tahefobu-sub-menu .tahefobu-active-menu-item,
#tahefobu-header.ta-sticky-active .elementor-element-3d0d6dc .tahefobu-sub-menu .tahefobu-active-menu-item {
    background-color: #3C3F20 !important;
    color: #FFFFFF !important;
}

/* ============================================================
   3. CAMBIO DE LOGO AL HACER SCROLL
   Mecanismo: arriba se ve el <img> del logo blanco.
   Al hacer sticky, el <img> se oculta (opacity:0) y se muestra
   el logo verde como imagen de fondo del contenedor.
   El logo NO tiene animación: cambia instantáneo en ambos sentidos.
   ============================================================ */

/* Arriba: logo blanco visible. SIN animación. */
#tahefobu-header .elementor-element-1d8207a .wpr-logo-image img {
    opacity: 1;
    transition: none;        /* Sin animación al subir */
}

/* Scrolleado: oculta el logo blanco. SIN animación. */
#tahefobu-header.ta-sticky-active .elementor-element-1d8207a .wpr-logo-image img {
    opacity: 0;
    transition: none;        /* Sin animación al bajar */
}

/* Scrolleado: muestra el logo verde como fondo del contenedor.
   >>> Para cambiar el logo verde, reemplaza la URL de abajo. <<< */
#tahefobu-header.ta-sticky-active .elementor-element-1d8207a .wpr-logo-image {
    background-image: url('https://incaritravel.com/wp-content/uploads/2026/02/logo-verde-incari-travel_Mesa-de-trabajo-1-scaled.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    min-height: 80px;        /* Altura del área del logo en sticky */
}


/* ============================================================
   4. HEADER MÁS COMPACTO EN STICKY
   Reduce el espaciado vertical del header al hacer scroll,
   para que la barra blanca sea más fina.
   >>> Para que sea más fino, baja los 5px (ej. 2px o 0).
       Para que sea más alto, súbelos (ej. 10px). <<< */
#tahefobu-header.ta-sticky-active .elementor-element-401e504 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    transition: padding 0.15s ease-in-out;   /* Animación rápida al bajar */
}

/* ============================================================
   6. MENÚ RESPONSIVE (HAMBURGUESA + PANEL DESPLEGABLE)
   ============================================================ */

/* --- 6.1 ÍCONO HAMBURGUESA ---
   Son 3 <span> que se pintan con background-color, NO con color.
   Arriba: líneas blancas, sin animación.
   Sticky: líneas verdes, animación rápida. */
#tahefobu-header .tahefobu-mobile-toggle-line {
    background-color: #FFFFFF;
    transition: none;
}
#tahefobu-header.ta-sticky-active .tahefobu-mobile-toggle-line {
    background-color: #3C3F20;
    transition: background-color 0.15s ease-in-out;
}

/* --- 6.2 ITEMS DEL PANEL DESPLEGABLE ---
   El panel abierto tiene fondo blanco SIEMPRE (no flota sobre el hero),
   así que los items van verdes sin importar el estado sticky. */
#tahefobu-header .tahefobu-mobile-menu-item,
#tahefobu-header .tahefobu-mobile-sub-menu-item,
#tahefobu-header.ta-sticky-active .tahefobu-mobile-menu-item,
#tahefobu-header.ta-sticky-active .tahefobu-mobile-sub-menu-item {
    color: #3C3F20 !important;
}

/* --- 6.3 ITEM ACTIVO EN EL PANEL (ej. "Andean Peru") --- */
#tahefobu-header .tahefobu-mobile-nav-menu .tahefobu-active-menu-item,
#tahefobu-header.ta-sticky-active .tahefobu-mobile-nav-menu .tahefobu-active-menu-item {
    background-color: #3C3F20 !important;
    color: #FFFFFF !important;
}

/* --- 6.4 NEUTRALIZAR EL HOVER EN EL PANEL MÓVIL ---
   En táctil, tocar un item-acordeón (ej. "Bolivia") deja un
   hover "pegado" que pinta el fondo verde. En el panel móvil
   no debe existir ese resaltado: solo el item activo se marca. */
#tahefobu-header .tahefobu-mobile-nav-menu li:hover > .tahefobu-mobile-menu-item,
#tahefobu-header .tahefobu-mobile-nav-menu li:hover > .tahefobu-mobile-sub-menu-item {
    background-color: transparent !important;
    color: #3C3F20 !important;
}/* End custom CSS */