.elementor-6 .elementor-element.elementor-element-5780275{--display:flex;--min-height:90vh;--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;--overflow:hidden;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-5387ca3{width:var( --container-widget-width, 50% );max-width:50%;margin:-90px 133px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:end;}.elementor-6 .elementor-element.elementor-element-5387ca3.elementor-element{--align-self:flex-end;}.elementor-6 .elementor-element.elementor-element-5387ca3 .elementor-heading-title{font-family:"Alteight", Sans-serif;font-size:21px;font-weight:400;color:#5F5F5F;}.elementor-6 .elementor-element.elementor-element-7e02daa > .elementor-widget-container{margin:10px 130px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-7e02daa.elementor-element{--align-self:flex-end;}.elementor-6 .elementor-element.elementor-element-7e02daa .qodef-qi-button{font-family:"Cormorant Infant", Sans-serif;font-size:20px;font-weight:400;letter-spacing:1.5px;color:#D3D3D3;}.elementor-6 .elementor-element.elementor-element-7e02daa .qodef-qi-button:hover{color:#292929;}.elementor-6 .elementor-element.elementor-element-8df5a92{margin:70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:10;text-align:center;}.elementor-6 .elementor-element.elementor-element-8df5a92 .elementor-heading-title{font-family:"Spectral SC", Sans-serif;font-size:120px;font-weight:700;letter-spacing:-0.08em;word-spacing:25px;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-6 .elementor-element.elementor-element-11a9607{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 80px;padding:0px 0px 0px 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-11a9607 .elementor-heading-title{font-family:"Montagu Slab", Sans-serif;font-size:30px;font-weight:400;font-style:italic;line-height:47px;letter-spacing:5.8px;word-spacing:5px;color:#787878;}:root{--page-title-display:none;}/* Start custom CSS for heading, class: .elementor-element-5387ca3 *//* 1. EL CONTENEDOR DEL PÁRRAFO */
.elementor-6 .elementor-element.elementor-element-5387ca3 .elementor-widget-container {
    overflow: hidden;
    display: block;
}

/* 2. LA ANIMACIÓN DEL TEXTO */
.elementor-6 .elementor-element.elementor-element-5387ca3 p, .elementor-6 .elementor-element.elementor-element-5387ca3 .elementor-heading-title {
    display: block;
    margin: 0;
    line-height: 1.6; /* Espaciado elegante entre líneas */
    
    /* EFECTO DE REVELADO SUAVE (Más estético para párrafos largos) */
    opacity: 0;
    transform: translateY(20px);
    
    /* - 2s: Duración de la aparición.
       - 1.5s: Delay para que empiece después del título y el subtítulo.
    */
    animation: revealParagraph 2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: 1.5s; 
}

/* 3. DEFINICIÓN DEL MOVIMIENTO (De abajo hacia arriba con Fade In) */
@keyframes revealParagraph {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8df5a92 *//* Contenedor del título (la ventana de revelado) */
.elementor-6 .elementor-element.elementor-element-8df5a92 {
    overflow: hidden; 
    display: block;
    /* Bajamos la prioridad aquí también */
    z-index: 1 !important; 
    position: relative;
}

/* El texto animado */
.elementor-6 .elementor-element.elementor-element-8df5a92 .elementor-heading-title {
    display: block;
    margin: 0;
    transform: translateY(115%);
    animation: revealEditorial 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    
    /* Esta línea es el secreto: */
    /* Evita que el título cree un nuevo contexto de apilado que ignore al menú */
    isolation: auto; 
}

@keyframes revealEditorial {
    0% { transform: translateY(115%); }
    100% { transform: translateY(0%); }
}

/* ESTO ES LO MÁS IMPORTANTE:
   Si el menú (overlay) aparece, el título debe desaparecer 
   o quedar totalmente atrás. 
*/
:root:has(.overlay[style*="clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)"]) .elementor-6 .elementor-element.elementor-element-8df5a92 {
    z-index: -1 !important;
    opacity: 0;
    transition: opacity 0.3s ease;
}
/* 1. EL CONTENEDOR (La ventana invisible) */
.elementor-6 .elementor-element.elementor-element-8df5a92 {
    overflow: hidden; /* Corta el texto para que no se vea abajo */
    display: block;
    line-height: 1.2; 
    z-index: 1; /* Mantenemos el z-index bajo para que tu menú burger gane siempre */
}

/* 2. EL TEXTO (El movimiento exacto del video) */
.elementor-6 .elementor-element.elementor-element-8df5a92 .elementor-heading-title {
    display: block;
    margin: 0;
    
    /* ESTADO INICIAL: Totalmente abajo */
    transform: translateY(110%);
    
    /* LA MAGIA: 
       - 1.6s: Duración lenta y elegante.
       - cubic-bezier(0.16, 1, 0.3, 1): Es la curva que hace que 'arranque' 
         con fuerza y se deslice suavemente hasta frenar.
       - forwards: Para que se quede arriba al terminar.
    */
    animation: revealInspo 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    
    /* Un pequeño retraso para que el usuario alcance a ver la página antes */
    animation-delay: 0.4s; 
}

/* 3. DEFINICIÓN DEL MOVIMIENTO */
@keyframes revealInspo {
    0% {
        transform: translateY(110%);
    }
    100% {
        transform: translateY(0%);
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-11a9607 *//* 1. CONTENEDOR (La ventana invisible) */
.elementor-6 .elementor-element.elementor-element-11a9607 {
    overflow: hidden; 
    display: block;
    margin-top: -5px; /* Para pegarlo un poco al título si es necesario */
    z-index: 1;
}

/* 2. EL TEXTO DEL SUBTÍTULO */
.elementor-6 .elementor-element.elementor-element-11a9607 .elementor-heading-title {
    display: block;
    margin: 0;
    
    /* ESTADO INICIAL */
    transform: translateY(110%);
    
    /* LA ANIMACIÓN: 
       - 1.4s: Un poco más rápida que el título.
       - delay 0.7s: ESPERA a que el título principal esté a mitad de camino para salir.
    */
    animation: revealSub 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: 0.7s; 
}

/* 3. DEFINICIÓN DEL MOVIMIENTO */
@keyframes revealSub {
    0% {
        transform: translateY(110%);
    }
    100% {
        transform: translateY(0%);
    }
}/* End custom CSS */