/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1765910263
Updated: 2025-12-16 18:37:43

*/

 /*@import url("https://use.typekit.net/scj8dwp.css");*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body,html{
	overflow-x:hidden !important;
}

@media (max-width: 550px) {
    .body-single-exp {
        /* Solo mostrar el fondo topográfico, ocultar cacao.png */
        background-image: url('../../uploads/2025/12/background-topografico-transparente.png') !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }
    .body-single-cruceros {
        position: relative;
        background-image:url('../../uploads/2025/12/background-topografico-transparente.png') !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }
}

.destino-extraordinario {
    /* Capas de fondo: 1. Palmera (superior), 2. Fondo general (inferior) */
    background-image: 
        url('../../uploads/2025/12/palmera.png'),
        url('../../uploads/2025/12/background-topografico-transparente.png');
    
    /* Posición: Palmera arriba a la derecha, Fondo centrado */
    background-position: 
        top right,
        top center;
    
    /* No repetir las imágenes */
    background-repeat: 
        no-repeat,
        no-repeat;
    
    /* Tamaño: Palmera original, Fondo cubriendo el área */
    background-size: 
        auto,
        contain;
}

.experiencias-signature {
    position: relative;
    background-image: 
        url('../../uploads/2025/12/tucan.png'),
        url('../../uploads/2025/12/loro.png');
        
    /* Posición: Tucán arriba a la izquierda, Loro abajo a la derecha */
    background-position: 
        left 121px,
        bottom right;
    
    /* No repetir las imágenes */
    background-repeat: 
        no-repeat,
        no-repeat;
    
    /* Tamaño: Tucán original, Loro original */
    background-size: 
        auto,
        auto;
}

.experiencias-signature::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 750px; /* Ajusta esta altura según necesites */
    background-color: #eef0ee;
    background-image: url('../../uploads/2025/12/background-topografico-transparente.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.quienes-somos {
    position: relative;
    background-image: 
        url('../../uploads/2025/12/hoja-de-palma.png');
        
    /* Posición: Tucán arriba a la izquierda, Loro abajo a la derecha */
    background-position: 
        left 310px;
    
    /* No repetir las imágenes */
    background-repeat: 
        no-repeat;
    
    /* Tamaño: Tucán original, Loro original */
    background-size:
        371px;
}

 .quienes-somos-page{
    position: relative;
    background-image: 
        url('../../uploads/2025/12/hoja-de-palma.png'),
        url('../../uploads/2025/12/background-topografico-transparente.png');
        
    /* Posición: Tucán arriba a la izquierda, Loro abajo a la derecha */
    background-position: 
        left center,
        center top;
    
    /* No repetir las imágenes */
    background-repeat: 
        no-repeat,
        no-repeat;
    
    /* Tamaño: Tucán original, Loro original */
    background-size: 
        auto,
        contain;
}

.seccion-contacto {
    /* Capas de fondo: 1. Palmera (superior), 2. Fondo general (inferior) */
    background-image: 
        url('../../uploads/2025/12/colibri.png'),
        url('../../uploads/2025/12/background-destino-extraorinario.jpg');
    
    /* Posición: Palmera arriba a la derecha, Fondo centrado */
    background-position: 
        left 150px,
        center center;
    
    /* No repetir las imágenes */
    background-repeat: 
        no-repeat,
        no-repeat;
    
    /* Tamaño: Palmera original, Fondo cubriendo el área */
    background-size: 
        250px,
        cover;
}

/* =========================================
   ESTILOS DE HEADER
   ========================================= */

nav.elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item:nth-child(6){
    position: absolute;
    right: -6%;
    top: 3px;
}

header.sticky-header {
    --header-height: 100px;
    --shrink-header-to: 0.6;
    --transition: .45s cubic-bezier(.4, 0, .2, 1);
    background-color: rgba(244, 245, 248, 0);
    transition: background-color var(--transition),
    backdrop-filter var(--transition),
    box-shadow var(--transition);
    position:absolute;
    width: 100%;
}

body.home header.sticky-header .elementor-nav-menu > li.menu-item > a.elementor-item{
    color: #ffffff !important;
}

body:not(.home) header.sticky-header{
    background-color: #ffffff !important;
}

body:not(.home) header.sticky-header .elementor-nav-menu > li.menu-item > a.elementor-item{
    color: #243c58;
}
/***

* Sticky header activated

*/

header.sticky-header.elementor-sticky--effects {
    background-color: rgba(244, 245, 248, 0);
}

/***
* Sticky header activated - Home Page
*/
body.home header.sticky-header.header-scrolled {
    background-color: #243c58 !important;
}

header.sticky-header > .elementor-container {

    min-height: var(--header-height);

    transition: min-height var(--transition);

}

header.sticky-header.elementor-sticky--effects > .elementor-container {

    min-height: calc( var(--header-height) * var(--shrink-header-to) );

}

/***

* Shorter header on mobile (70px instead of 100px)

*/

@media only screen and (max-width: 767px) {

    header.sticky-header {

        --header-height: 70px;

    }

}

/***

* class: .logo

*/

header.sticky-header .logo img {

    transition: transform var(--transition);

}

header.sticky-header.elementor-sticky--effects .logo img {

    transform: scale(.8);

}

/***
* Logo Color Fix for Inner Pages (White Header -> Blue Logo)
* Color: #243c58
*/
body:not(.home) header.sticky-header .elementor-widget-theme-site-logo img,
body:not(.home) header.sticky-header .logo img {
    filter: brightness(0) saturate(100%) invert(21%) sepia(13%) saturate(3078%) hue-rotate(174deg) brightness(97%) contrast(94%);
}

.cat-body-cruceros{
    position: relative;
    background-image: 
        url('../../uploads/2025/12/iguana.png');
        
    /* Posición: Iguana a la izquierda */
    background-position: 
        left 140px;
    
    /* No repetir las imágenes */
    background-repeat: 
        no-repeat;
    
    /* Tamaño: Iguana original */
    background-size: 
        auto;
}

.cat-body-cruceros::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 750px; /* Ajusta esta altura según necesites */
    background-color: #eef0ee;
    background-image: url('../../uploads/2025/12/background-topografico-transparente.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.body-single-cruceros {
    position: relative;
    background-image: 
        url('../../uploads/2025/12/cacao.png'),
        url('../../uploads/2025/12/background-topografico-transparente.png');
        
    /* Posición: Tucán arriba a la izquierda, Loro abajo a la derecha */
    background-position: 
        right 140px,
        center top;
    
    /* No repetir las imágenes */
    background-repeat: 
        no-repeat,
        no-repeat;
    
    /* Tamaño: Tucán original, Loro original */
    background-size: 
        auto,
        contain;
}

.body-single-exp {
    position: relative;
    background-image: 
        url('../../uploads/2025/12/cacao.png'),
        url('../../uploads/2025/12/background-topografico-transparente.png');
        
    /* Posición: Tucán arriba a la izquierda, Loro abajo a la derecha */
    background-position: 
        right 140px,
        center top;
    
    /* No repetir las imágenes */
    background-repeat: 
        no-repeat,
        no-repeat;
    
    /* Tamaño: Tucán original, Loro original */
    background-size: 
        auto,
        contain;
}

/* Reverse Gallery Grid Widget */

.reverse-gallery .jet-woo-product-gallery-grid {
	flex-direction: row-reverse;
}


/* Zoom effect for Reverse Gallery */
.reverse-gallery .jet-woo-product-gallery__image, .gallery-zoom .jet-woo-product-gallery__image {
    overflow: hidden;
}

.reverse-gallery .jet-woo-product-gallery__image img.wp-post-gallery, .gallery-zoom .jet-woo-product-gallery__image img.wp-post-gallery {
    transition: transform 0.5s ease;
    transform-origin: center center;
    display: block !important; /* Asegura que la imagen se comporte correctamente */
}

.reverse-gallery .jet-woo-product-gallery__image:hover img.wp-post-gallery, .gallery-zoom .jet-woo-product-gallery__image:hover img.wp-post-gallery {
    transform: scale(1.1);
}

/* -------------------------------------------------------------------------
   LOOP GRID CENTER ODD ITEM (Centrar el último item si es impar)
   ------------------------------------------------------------------------- */
.loop-grid-center .elementor-loop-container.elementor-grid {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 30px;
}

.loop-grid-center .elementor-loop-container.elementor-grid > .e-loop-item,
.loop-grid-center .elementor-loop-container.elementor-grid > .elementor-grid-item {
    flex: 0 1 calc(50% - 15px);
}

@media (max-width: 767px) {
    .loop-grid-center .elementor-loop-container.elementor-grid > .e-loop-item,
    .loop-grid-center .elementor-loop-container.elementor-grid > .elementor-grid-item {
        flex-basis: 100%;
    }
}

.cat-body-exp{
    position: relative;
    background-image: 
        url('../../uploads/2025/12/colibri-reflejo.png');
        
    /* Posición: Iguana a la izquierda */
    background-position: 
        right 140px;
    
    /* No repetir las imágenes */
    background-repeat: 
        no-repeat;
    
    /* Tamaño: Iguana original */
    background-size: 
        auto;
}

.cat-body-exp::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 750px; /* Ajusta esta altura según necesites */
    background-color: #eef0ee;
    background-image: url('../../uploads/2025/12/background-topografico-transparente.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.form-container form.jet-form input.text-field{
    background:transparent;
    border:0;
    border-bottom:1px solid #243c58;
    border-radius: 0;
	font-family: "PT Sans", Sans-serif !important;
    height: 60px;
	letter-spacing: 1.2px;
    padding:10px 0;
    width:100%;
}

.form-container form.jet-form input.date-field{
    background:transparent;
    border:0;
    border-bottom:1px solid #243c58;
    border-radius: 0;
	font-family: "PT Sans", Sans-serif !important;
    height: 60px;
	letter-spacing: 1.2px;
    padding:10px 0;
    width:100%;
}

.form-container form.jet-form textarea.textarea-field{
    background:transparent;
    border:0;
    border-bottom:1px solid #243c58;
    border-radius: 0;
	font-family: "PT Sans", Sans-serif !important;
    height: 160px;
	letter-spacing: 1.2px;
	margin-bottom:40px;
    padding:10px 0;
    width:100%;
}

.form-container form.jet-form button.submit-type-reload{
    background:#c7cec8 url('../../uploads/2025/12/FLECHA-DIANOGAL-ARRIBA.svg') no-repeat 155px center;
    background-size: 15px;
    border:0;
    border-radius: 0;
    color: #233b5a;
	font-family: "PT Sans", Sans-serif !important;
	font-weight:bold;
    height: 70px;
	letter-spacing: 1.2px;
	margin-top:40px;
    padding: 18px;
	transition: all .5s ease-in-out;
    width: 208px;
}

.form-container form.jet-form button.submit-type-reload:hover{
	background-color:#c4a56e;
}

.form-container form.jet-form select.jet-form__field{
    background:none;
    border:0;
    border-bottom:1px solid #243c58;
    border-radius: 0;
    color: #233b5a;
	font-family: "PT Sans", Sans-serif !important;
	letter-spacing: 1.2px;
    height: 60px;
    padding: 18px;
    width: 208px;
}

.form-container .jet-form__field-label{
	font-family: "PT Sans", Sans-serif !important;
}

.form-container .jet-form__field-label a {
	color:#000;
	font-family: "PT Sans", Sans-serif !important;
	margin: 0 10px;
}

.dias-noches{
    display: inline-block;
    margin: auto;
    width: 500px !important;
}

/* -------------------------------------------------------------------------
 * ESTILOS PARA REPEATER DE ICONOS (Experiencias Signature)
 * Widget: Dynamic Repeater
 * Widget Class: .container-repeater-icon
 * Item Class (HTML interno): .item-icon-exp
 * ------------------------------------------------------------------------- */

/* 1. Contenedor de Ítems del Dynamic Repeater */
.container-repeater-icon .jet-listing-dynamic-repeater__items {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important; /* Centrado horizontal */
    width: 100% !important;
    gap: 30px;
}

/* 2. Cada Ítem del Repeater (El div que envuelve tu HTML personalizado) */
.container-repeater-icon .jet-listing-dynamic-repeater__item {
    display: flex;
    justify-content: center;
}

/* 3. Tu estructura interna (Icono + Texto) */
.item-icon-exp {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 120px;
}

/* 4. Estilos del Icono (Imagen) */
.item-icon-exp img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin-bottom: 10px;
    display: block;
}

/* 5. Estilos del Texto */
.item-icon-exp span {
	font-family: "PT Sans", Sans-serif !important;
    font-size: 16px;
	letter-spacing:1.2px;
    line-height: 1.3;
    color: #000;
    font-weight: 500;
}

/* -------------------------------------------------------------------------
 * ESTILOS PARA LISTAS CON ICONO PERSONALIZADO
 * Clase widget: .iconos-ul
 * ------------------------------------------------------------------------- */
.iconos-ul ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0;
}

.iconos-ul ul li {
    position: relative;
    padding-left: 40px; /* Espacio reservado para el icono */
    margin-bottom: 15px;
    line-height: 2.2;
}

.iconos-ul ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0; /* Ajuste vertical inicial */
    width: 28px; /* Tamaño del icono */
    height: 28px;
    background-image: url('../../uploads/2025/12/icono-flecha-ul.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* -------------------------------------------------------------------------
 * ESTILOS PARA SUBMENU NAVIGATION (Underline en Hover/Active)
 * ------------------------------------------------------------------------- */
/* Hover: Cuando pasas el mouse por encima del enlace del submenú */
.elementor-nav-menu--main .elementor-sub-item:hover,
.elementor-nav-menu--main .elementor-sub-item:focus {
    text-decoration: underline !important;
    text-underline-offset: 4px !important; /* Separación */
}

/* Active: Cuando estás en esa página */
.elementor-nav-menu--main .elementor-sub-item.elementor-item-active {
    text-decoration: underline !important;
    text-underline-offset: 4px !important; /* Separación */
}

/* Estilos para el repetidor de iconos - CORREGIDO ESTRUCTURA JETENGINE */

/* El contenedor FLEX real generado por JetEngine */
.repetidor-iconos .jet-listing-dynamic-repeater__items {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 30px !important;
    max-width: 1200px; 
    margin: 0 auto !important;
}

/* El item contenedor generado por JetEngine - General (para TODOS los items) */
.repetidor-iconos .jet-listing-dynamic-repeater__item {
    width: 350px !important;
    max-width: 350px !important;
    flex: 0 0 350px !important;
    margin: 0 !important; 
    box-sizing: border-box;
}

/* Tu clase interna para estilos de contenido */
.item-icon {
	font-family: "PT Sans", Sans-serif !important;
    width: 100%; /* Llenar el padre */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px;
}

/* Imagen del icono */
.item-icon img {
    max-width: 100px;
    height: auto;
    margin-bottom: 15px;
}

/* Título h3 */
.item-icon h3 {
	font-family: "PT Sans", Sans-serif !important;
    font-size: 16px;
    font-weight: 700 !important;
	letter-spacing: 1.2px;
    margin-bottom: 10px;
    color: #000;
}

/* Descripción p */
.item-icon p {
	font-family: "PT Sans", Sans-serif !important;
    font-size: 16px; /* 18px */
    line-height: 1.5;
    letter-spacing: 1.2px;
    color: #000;
}

span.elementor-button-text, span.jet-form__label-text{
	font-family: "PT Sans", Sans-serif !important;
}

/* Responsivo simple */
@media (max-width: 800px) {
    .repetidor-iconos .jet-listing-dynamic-repeater__item {
        width: 100%;
        flex: 0 0 100%;
        max-width: 450px; /* Un tope razonable en móvil */
        margin: 0 auto;
    }
}
.direccion-contacto-page, .direccion-contacto-page a{
	color:#000;
	font-family: "PT Sans", Sans-serif !important;
}

.direccion-footer a span{
	font-family: "PT Sans", Sans-serif !important;
}

.form-single-cruceros {
    position: relative;
    background-image: 
        url('../../uploads/2025/12/colibri.png');
        
    /* Posición: Colibrí arriba a la izquierda */
    background-position: 
        left top;
    
    /* No repetir las imágenes */
    background-repeat: 
        no-repeat;
    
    /* Tamaño: Original (ajustar si es necesario, e.g. auto o px específicos) */
    background-size: 
        auto;
}

.form-single-exp {
    position: relative;
    background-image: 
        url('../../uploads/2025/12/colibri.png');
        
    /* Posición: Colibrí arriba a la izquierda */
    background-position: 
        left top;
    
    /* No repetir las imágenes */
    background-repeat: 
        no-repeat;
    
    /* Tamaño: Original (ajustar si es necesario, e.g. auto o px específicos) */
    background-size: 
        auto;
}


/* -------------------------------------------------------------------------
   AJUSTES RESPONSIVOS PARA FONDOS DOBLES (1470px, 1440px y 1280px)
   ------------------------------------------------------------------------- */

/* Para pantallas hasta 1470px */
@media (max-width: 1470px) {
	 /* Form Single Cruceros */
    .form-single-cruceros {
        background-size: 150px; /* Reducir colibrí */
        background-position: left top;
    }
    /* Form Single Exp */
    .form-single-exp {
        background-size: 200px; /* Reducir colibrí */
        background-position: left 90px;
    }
    /* Destino Extraordinario */
    .destino-extraordinario {
        background-size: 270px, contain; /* Reducir palmera */
        background-position: top right, top center;
    }

    /* Experiencias Signature */
    .experiencias-signature {
        background-size: 213px, 213px; /* Reducir tucán y loro */
        background-position: left 80px, bottom right;
    }

    /* Quienes Somos */
    .quienes-somos {
        background-size: 280px;
        background-position: left 455px;
    }

    /* Quienes Somos Page */
    .quienes-somos-page {
        background-size: 300px, contain;
        background-position: left center, center top;
    }

    /* Sección Contacto */
    .seccion-contacto {
        background-size: 210px, cover;
        background-position: left 100px, center center;
    }
    
    /* Categoría Cruceros */
    .cat-body-cruceros {
        background-size: 380px; /* Reducir iguana */
        background-position: left 100px;
    }

    /* Single Cruceros */
    .body-single-cruceros {
        background-size: 270px, contain; /* Reducir cacao */
        background-position: right 100px, center top;
    }
	
	/* Single Experiencia */
    .body-single-exp {
        background-size: 267px, contain; /* Reducir cacao */
        background-position: right 93px, center top;
    }

    /* Categoría Experiencias */
    .cat-body-exp {
        background-size: 225px; /* Reducir colibrí */
        background-position: right 130px;
    }
}

/* Para pantallas hasta 1440px */
@media (max-width: 1440px) {
	 /* Form Single Cruceros */
    .form-single-cruceros {
        background-size: 150px; /* Reducir colibrí */
        background-position: left top;
    }
    /* Form Single Exp */
    .form-single-exp {
        background-size: 200px; /* Reducir colibrí */
        background-position: left 90px;
    }
    /* Destino Extraordinario */
    .destino-extraordinario {
        background-size: 270px, contain; /* Reducir palmera */
        background-position: top right, top center;
    }

    /* Experiencias Signature */
    .experiencias-signature {
        background-size: 213px, 213px; /* Reducir tucán y loro */
        background-position: left 80px, bottom right;
    }

    /* Quienes Somos */
    .quienes-somos {
        background-size: 280px;
        background-position: left 455px;
    }

    /* Quienes Somos Page */
    .quienes-somos-page {
        background-size: 300px, contain;
        background-position: left center, center top;
    }

    /* Sección Contacto */
    .seccion-contacto {
        background-size: 210px, cover;
        background-position: left 100px, center center;
    }
    
    /* Categoría Cruceros */
    .cat-body-cruceros {
        background-size: 380px; /* Reducir iguana */
        background-position: left 100px;
    }

    /* Single Cruceros */
    .body-single-cruceros {
        background-size: 270px, contain; /* Reducir cacao */
        background-position: right 100px, center top;
    }
	
	/* Single Experiencia */
    .body-single-exp {
        background-size: 267px, contain; /* Reducir cacao */
        background-position: right 93px, center top;
    }

    /* Categoría Experiencias */
    .cat-body-exp {
        background-size: 225px; /* Reducir colibrí */
        background-position: right 130px;
    }
}

/* Para pantallas hasta 1280px */
@media (max-width: 1280px) {
	.form-single-cruceros {
        background-size: 130px;
        background-position: left top;
    }
    .form-single-exp {
        background-size: 130px;
        background-position: left top;
    }
    /* Destino Extraordinario */
    .destino-extraordinario {
        background-size: 200px, contain;
    }

    /* Experiencias Signature */
    .experiencias-signature {
        background-size: 120px, 120px;
        background-position: left 50px, bottom right;
    }
    
    /* Quienes Somos */
    .quienes-somos {
        background-size: 180px;
        background-position: left 200px;
    }

    /* Quienes Somos Page */
    .quienes-somos-page {
        background-size: 180px, contain;
    }

    /* Sección Contacto */
    .seccion-contacto {
        background-size: 90px, cover;
        background-position: left 80px, center center;
    }

    /* Categoría Cruceros */
    .cat-body-cruceros {
        background-size: 180px;
        background-position: left 80px;
    }

    /* Single Cruceros */
    .body-single-cruceros {
        background-size: 130px, contain;
        background-position: right 80px, center top;
    }

    /* Categoría Experiencias */
    .cat-body-exp {
        background-size: 130px;
        background-position: right 80px;
    }
}


/* -------------------------------------------------------------------------
   AJUSTES MENU MOBILE (.main-menu-mobile)
   ------------------------------------------------------------------------- */

/* 1. Icono Hamburguesa (Color por defecto: Azul Oscuro/Brand) */
.main-menu-mobile .elementor-menu-toggle i {
    color: #083B5A !important; 
}
.main-menu-mobile .elementor-menu-toggle svg {
    fill: #083B5A !important;
}

/* 1.1 Excepción para HOME (Color: Blanco) */
/* Solo aplicar blanco en la página HOME explícitamente */
body.home .main-menu-mobile .elementor-menu-toggle i {
    color: #ffffff !important; 
}
body.home .main-menu-mobile .elementor-menu-toggle svg {
    fill: #ffffff !important;
}

/* 2. Fondo del dropdown transparente o oscuro (evitar blanco sólido) */
.main-menu-mobile .elementor-nav-menu--dropdown {
    background-color: rgba(0, 0, 0, 0.9) !important; /* Fondo oscuro */
}

/* 3. Color de enlaces en el dropdown */
.main-menu-mobile .elementor-nav-menu--dropdown a,
.main-menu-mobile .elementor-nav-menu--dropdown .elementor-item {
    color: #ffffff !important;
    background-color: transparent !important; /* Quitar fondo blanco de items */
}

/* 4. Hover de enlaces en el dropdown */
.main-menu-mobile .elementor-nav-menu--dropdown a:hover,
.main-menu-mobile .elementor-nav-menu--dropdown .elementor-item:hover,
.main-menu-mobile .elementor-nav-menu--dropdown .elementor-item-active {
    color: #cccccc !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* 5. Correcciones de espaciado y submenús */
/* Eliminar espacio lateral gris en submenús (Indentación y márgenes) */
.main-menu-mobile .elementor-nav-menu--dropdown ul,
.main-menu-mobile .elementor-nav-menu--dropdown ul.sub-menu,
.main-menu-mobile .elementor-nav-menu--dropdown li,
.main-menu-mobile .elementor-nav-menu--dropdown li.menu-item {
    padding-left: 0 !important;
    margin-left: 0 !important;
    left: 0 !important;
}

/* Asegurar que el enlace ocupe todo el ancho y elimine padding heredado */
.main-menu-mobile .elementor-nav-menu--dropdown .elementor-sub-item {
    width: 100% !important;
    padding-left: 20px !important; /* Mantener padding interno del texto si se desea, o 0 */
}

/* Eliminar indentación específica de Elementor en submenús */
.main-menu-mobile .elementor-nav-menu--dropdown .elementor-nav-menu--layout-horizontal .elementor-nav-menu--dropdown ul {
    margin-left: 0 !important;
}

/* Padding superior extra en el primer ítem (Experiencias Signature) */
.main-menu-mobile .elementor-nav-menu--dropdown > ul > li:first-child {
    padding-top: 30px !important;
}

/* Padding inferior extra al final (Banderas WPML) - Aplicado al UL para no afectar el cierre del menú */
.main-menu-mobile .elementor-nav-menu--dropdown > ul {
    padding-bottom: 50px !important;
}


.colum-slider-home{
	position:relative;
}
.texto-slider-float{
	bottom: 20px;
  	left: 45px;
  	position: absolute !important;
  	width: 640px !important;
  	z-index: 20;
}

@media (max-width: 767px) {
    .texto-slider-float {
		text-align:center;
        width: 90% !important;
        left: 5% !important;
        bottom: 60px !important; /* Subir un poco en mobile */
    }
	/* Centrar logo del footer en mobile */
	.logo-footer-gray {
		display: block !important;
		margin: 0 auto !important;
	}
	
	/* Centrar iconos sociales en mobile */
    .custom-social-icons {
        justify-content: center !important;
    }
	
	/* Ajustar altura del logo del header en mobile */
    .logo-header-custom {
        max-height: 60px !important; /* Altura máxima para evitar que sea muy alto */
        width: auto !important;      /* Mantener proporción */
        display: block;              /* Asegurar bloque */
        margin: 0 auto;              /* Centrar si es necesario, opcional */
    }
}

.footer-container .jet-listing-grid__item{
	padding:0 !important;
}

.listing-container .jet-listing-grid__item{
	padding: 0 !important;
}

/* -------------------------------------------------------------------------
   CSS AUTOMÁTICO PARA LOGO AZUL EN INTERIORES
   Aplica filtro azul al logo cuando tiene la clase .logo-interior-blue
   Generado por Shortcode [global_image]
------------------------------------------------------------------------- */
img.logo-interior-blue {
    /* Filtro aproximado para #083B5A (Azul Oscuro) */
    filter: brightness(0) saturate(100%) invert(20%) sepia(49%) saturate(449%) hue-rotate(168deg) brightness(100%) contrast(99%);
}

footer .elementor-column-gap-default > .elementor-column > .elementor-element-populated{
	padding: 0 10px !important;
}

#breadcrumbs span{
	font-family: "PT Sans", Sans-serif !important;
}


/* -------------------------------------------------------------------------
   21. ELEMENTOR LIGHTBOX CUSTOMIZATION
   - Mantiene el lightbox activo (Enable Gallery: Sí).
   - Oculta botones de zoom, compartir y pantalla completa.
   - Ajusta la opacidad del fondo si es necesario (Elementor usa .elementor-lightbox).
------------------------------------------------------------------------- */

/* Ocultar botones específicos del Lightbox de Elementor */
.elementor-lightbox .elementor-slideshow__header,
.elementor-lightbox .elementor-slideshow__footer,
.elementor-lightbox .dialog-lightbox-close-button, /* Cuidado: esto oculta el botón de cerrar también? User quiere quitar zoom y compartir */
.elementor-lightbox .elementor-slideshow__zoom-button,
.elementor-lightbox .elementor-slideshow__share-button,
.elementor-lightbox .elementor-slideshow__fullscreen-button {
    display: none !important;
}

/* Asegurar que el botón de cerrar SÍ se vea (si el usuario lo quiere conservar) */
.elementor-lightbox .dialog-lightbox-close-button {
    display: block !important; /* Revertir si se ocultó arriba por accidente */
}

/* Ajustar opacidad del fondo del lightbox (Overlay) */
/* El usuario dice que "la opacidad se vuelve más oscura" con Enable Gallery. 
   Podemos controlarla aquí. El default suele ser rgba(0,0,0,0.8) */
.elementor-lightbox {
    background-color: rgba(0, 0, 0, 0.8) !important; /* Ajusta este 0.8 a tu gusto (0.5 más claro, 0.9 más oscuro) */
}
