/**
 * Arkad AOS Animations: reglas propias sobre la hoja de AOS.
 * La hoja de AOS solo oculta elementos cuando <html> tiene «aos-js».
 */

/* R1, B4 y C5: todo visible si las animaciones están apagadas o no arrancaron.
   También interactivo: la hoja de AOS pone «pointer-events: none» a todo
   [data-aos] y solo lo quita al recibir «aos-animate»; con AOS apagado ese
   estado nunca llega y los enlaces, botones y acordeones de dentro no
   responderían al toque. */
html.aos-js.aos-off [data-aos],
html.aos-js.aos-failed [data-aos] {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    pointer-events: auto !important;
}

/* B5 y C3: sin transformación después de terminar la animación. El paso al
   estado final es invisible (misma posición y escala), así que va sin
   transición; al salir de pantalla vuelve la transición de AOS. */
html.aos-js [data-aos].aos-animate.aos-settled {
    transform: none !important;
    transition-property: opacity !important;
}

/* P4: lo que se ve al cargar solo se mueve, sin aparecer desde opacidad 0. */
html.aos-js [data-aos].aos-atf {
    opacity: 1 !important;
    visibility: visible !important;
}

/* C4: sin scroll horizontal por las animaciones laterales. */
.aos-clip-x {
    overflow-x: clip;
}

@supports not (overflow-x: clip) {
    .aos-clip-x {
        overflow-x: hidden;
    }
}