.elementor-2992 .elementor-element.elementor-element-1e75a91e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2992 .elementor-element.elementor-element-1e75a91e::before, .elementor-2992 .elementor-element.elementor-element-1e75a91e > .elementor-background-video-container::before, .elementor-2992 .elementor-element.elementor-element-1e75a91e > .e-con-inner > .elementor-background-video-container::before, .elementor-2992 .elementor-element.elementor-element-1e75a91e > .elementor-background-slideshow::before, .elementor-2992 .elementor-element.elementor-element-1e75a91e > .e-con-inner > .elementor-background-slideshow::before, .elementor-2992 .elementor-element.elementor-element-1e75a91e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2992 .elementor-element.elementor-element-68188f42 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-2992 .elementor-element.elementor-element-68188f42 .main-menu .main-menu__list > li > a,.elementor-2992 .elementor-element.elementor-element-68188f42 .main-menu .main-menu__list > li > ul > li > a{font-family:"Poppins", Sans-serif;font-size:16px;line-height:1px;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-2992 .elementor-element.elementor-element-68188f42 .main-header__booking-btn,.elementor-2992 .elementor-element.elementor-element-68188f42 .trevlo-btn--white-two::before,.elementor-2992 .elementor-element.elementor-element-68188f42  .trevlo-btn--base::before,.elementor-2992 .elementor-element.elementor-element-68188f42  .trevlo-btn--base{background-color:var( --e-global-color-primary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for trevlo-header, class: .elementor-element-68188f42 *//* ================================================================
   CONFIGURACIÓN HEADER PÁGINAS INTERNAS (TREVELO)
   ================================================================ */

/* 1. Fondo Blanco y Colores Generales (Desktop y Mobile) */
body:not(.home) .main-header--five,
.sticky-header--cloned {
    background-color: #ffffff !important;
}

/* 2. Color de Textos, Iconos y Hamburguesa (Estado Normal) */
body:not(.home) .main-header--five .main-menu__list > li > a,
body:not(.home) .main-header--five :is(.main-header__search, .main-header__cart, .mobile-nav__toggler, .mobile-nav__toggler i),
.sticky-header--cloned :is(.main-menu__list > li > a, .main-header__search, .main-header__cart, .mobile-nav__toggler) {
    color: #1a1a1a !important;
}

/* 3. Forzar líneas de la Hamburguesa a negro (Spans) */
body:not(.home) .main-header--five .mobile-nav__toggler span,
body:not(.home) .main-header--five .mobile-nav__toggler span::before,
body:not(.home) .mobile-nav__toggler span::after {
    background-color: #1a1a1a !important;
    opacity: 1 !important;
}

/* 4. Logo con Filtro Turquesa (#007883) en el Header */
body:not(.home) .main-header--five .main-header__logo img,
.sticky-header--cloned .main-header__logo img {
    filter: brightness(0) saturate(100%) invert(32%) sepia(88%) saturate(1469%) hue-rotate(152deg) brightness(96%) contrast(101%) !important;
    max-height: 45px !important;
}

/* 5. ARREGLO MENÚ DESPLEGABLE (FONDO OSCURO) */
/* Forzar que la "X" de cierre sea blanca */
.mobile-nav__wrapper .mobile-nav__close {
    color: #ffffff !important;
}
.mobile-nav__wrapper .mobile-nav__close::before,
.mobile-nav__wrapper .mobile-nav__close::after {
    background-color: #ffffff !important;
}

/* Quitar filtro al logo dentro del menú lateral para que se vea claro */
.mobile-nav__wrapper .mobile-nav__logo img {
    filter: none !important;
}

/* Asegurar visibilidad del Sticky al volver arriba */
.sticky-header--cloned {
    visibility: visible !important;
    display: block !important;
}

/* 6. Color Turquesa para la Página Activa (Menú Superior) */
body:not(.home) .main-header--five .main-menu__list > li.current-menu-item > a,
body:not(.home) .main-header--five .main-menu__list > li.current_page_item > a,
.sticky-header--cloned .main-menu__list > li.current-menu-item > a {
    color: #007883 !important; /* El turquesa exacto de tu logo */
}

/* Efecto Hover: Cambia a turquesa al pasar el mouse */
body:not(.home) .main-header--five .main-menu__list > li > a:hover,
.sticky-header--cloned .main-menu__list > li > a:hover {
    color: #007883 !important;
}/* End custom CSS */