.elementor-4378 .elementor-element.elementor-element-44fb494{--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-4378 .elementor-element.elementor-element-1e36f5c{--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;}.elementor-4378 .elementor-element.elementor-element-1e36f5c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4378 .elementor-element.elementor-element-60e81b1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4378 .elementor-element.elementor-element-bcb7abc{--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;}.elementor-4378 .elementor-element.elementor-element-bcb7abc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4378 .elementor-element.elementor-element-747db2f > .elementor-widget-container{background-color:#20134500;}.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-menu-toggle{margin-left:auto;background-color:#FF0897;}.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu--main .elementor-item:hover,
					.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu--main .elementor-item:focus{color:#e11a8d;fill:#e11a8d;}.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#e11a8d;}.elementor-4378 .elementor-element.elementor-element-747db2f .e--pointer-framed .elementor-item:before,
					.elementor-4378 .elementor-element.elementor-element-747db2f .e--pointer-framed .elementor-item:after{border-color:#e11a8d;}.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu--dropdown a, .elementor-4378 .elementor-element.elementor-element-747db2f .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu--dropdown{background-color:#201345;}.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu--dropdown a:hover,
					.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu--dropdown a:focus,
					.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu--dropdown a.highlighted{background-color:#FF0897;}.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu--dropdown a.elementor-item-active{color:#FF8080;background-color:#54595F;}.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu--dropdown .elementor-item, .elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-4378 .elementor-element.elementor-element-747db2f .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-4378 .elementor-element.elementor-element-747db2f div.elementor-menu-toggle{color:#201345;}.elementor-4378 .elementor-element.elementor-element-747db2f div.elementor-menu-toggle svg{fill:#201345;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-4378 .elementor-element.elementor-element-1e36f5c{--width:175px;}.elementor-4378 .elementor-element.elementor-element-60e81b1{width:var( --container-widget-width, 189px );max-width:189px;--container-widget-width:189px;--container-widget-flex-grow:0;}.elementor-4378 .elementor-element.elementor-element-bcb7abc{--width:124px;}.elementor-4378 .elementor-element.elementor-element-747db2f{--nav-menu-icon-size:28px;}.elementor-4378 .elementor-element.elementor-element-747db2f .elementor-menu-toggle{border-width:0px;border-radius:8px;}}@media(min-width:768px){.elementor-4378 .elementor-element.elementor-element-1e36f5c{--width:19.766%;}.elementor-4378 .elementor-element.elementor-element-bcb7abc{--width:68.707%;}}/* Start custom CSS for nav-menu, class: .elementor-element-747db2f *//* =========================================
   1. ESTILOS GENERALES Y STICKY HEADER (Escritorio)
   ========================================= */
.elementor-header {
    position: sticky;
    position: -webkit-sticky; /* Safari */
    top: 0;
    z-index: 999;
    background-color: #ffffff; 
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Color de los enlaces principales en escritorio */
.elementor-nav-menu--main > .elementor-nav-menu > li > a {
    color: #333333; /* Texto oscuro para contraste */
    font-weight: 500;
    padding: 10px 20px;
}

/* =========================================
   2. SUBMENÚ MEJORADO (DISEÑO EMPÁTICO)
   ========================================= */
/* Caja del submenú */
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu,
.elementor-nav-menu--dropdown ul.sub-menu {
    /* CAMBIO AQUÍ: De #201345 a RGBA con 0.85 de opacidad */
    background-color: rgba(32, 19, 69, 0.85) !important; 
    border-radius: 12px; /* Bordes redondeados */
    box-shadow: 0 15px 30px rgba(32, 19, 69, 0.25); /* Sombra elegante */
    border: none !important;
    padding: 12px 0;
    margin-top: 15px; /* Separación del header */
    backdrop-filter: blur(5px); /* Opcional: añade un efecto borroso detrás */
}

/* Flechita decorativa arriba del submenú (Opcional) */
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu:before {
    content: '';
    position: absolute;
    top: -6px;
    left: 20px;
    width: 0; 
    height: 0; 
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    /* Ajustado también para que coincida con el fondo */
    border-bottom: 6px solid rgba(32, 19, 69, 0.85); 
}

/* Enlaces dentro del submenú */
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu li a {
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding: 10px 25px;
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(255,255,255,0.05); /* Línea divisoria muy sutil */
}

/* Hover (al pasar el mouse) en submenú */
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu li a:hover {
    background-color: #e11a8d !important; /* ROSA MARCA */
    color: #ffffff !important;
    padding-left: 30px; /* Pequeña animación de movimiento */
}

/* Iconos de flechas en el menú */
.ast-icon svg, .elementor-item .sub-arrow {
    fill: #ffffff !important; /* Asegurar que sean blancos */
}

/* =========================================
   3. BOTÓN HAMBURGUESA FLOTANTE (MÓVIL Y TABLET)
   ========================================= */
@media (max-width: 1024px) {

    /* El botón toggle FLOTANTE y fijo al bajar */
    .elementor-menu-toggle {
        position: fixed !important;
        top: 25px;       /* Distancia desde arriba */
        right: 20px;     /* Distancia desde la derecha */
        z-index: 99999;  /* Siempre encima de todo */
        background-color: #FF0897 !important; /* FONDO ROSA */
        width: 55px;     /* Tamaño del botón */
        height: 55px;
        border-radius: 50%; /* Círculo perfecto */
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 15px rgba(255, 8, 151, 0.4); /* Sombra brillante */
        transition: transform 0.3s ease, background-color 0.3s ease;
        margin: 0 !important;
    }

    /* Estilo de las líneas del ícono */
    .elementor-menu-toggle i, 
    .elementor-menu-toggle svg {
        fill: #FFFFFF !important;
        color: #FFFFFF !important;
        width: 24px;
        height: 24px;
    }

    /* Estado ACTIVO (Cuando se abre el menú) */
    .elementor-menu-toggle.elementor-active {
        background-color: #201345 !important; /* Cambia a AZUL OSCURO */
        transform: rotate(90deg); /* Animación de giro */
    }

    /* =========================================
       4. CORRECCIÓN: DESPLIEGUE DEL MENÚ
       ========================================= */
    /* Forzamos al contenedor del menú a ser pantalla completa fija */
    .elementor-nav-menu--dropdown {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important; /* Ancho total */
        height: 100vh !important; /* Alto total */
        /* CAMBIO AQUÍ: Bajado de 0.98 a 0.9 para más transparencia en móvil */
        background-color: rgba(32, 19, 69, 0.9) !important; 
        padding-top: 100px !important; /* Espacio superior para no tapar el botón */
        padding-bottom: 50px;
        overflow-y: auto; /* Scroll si el menú es largo */
        z-index: 99990; /* Debajo del botón flotante */
        inset: 0 !important;
    }

    /* Estilo de los enlaces en móvil */
    .elementor-nav-menu--dropdown li a {
        font-size: 18px !important;
        text-align: center;
        color: #ffffff !important;
        background-color: transparent !important;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 15px !important;
    }

    /* Estilo activo/hover en móvil */
    .elementor-nav-menu--dropdown li a:hover,
    .elementor-nav-menu--dropdown li.current-menu-item a {
        color: #FF0897 !important; /* Texto ROSA */
        background: transparent !important;
    }
    
    /* Ajuste para submenús dentro del móvil */
    .elementor-nav-menu--dropdown .sub-menu {
        background-color: rgba(0,0,0,0.2) !important; /* Un poco más oscuro */
        margin-top: 0 !important;
        box-shadow: none !important;
    }
}/* End custom CSS */