/**
 * Text Reveal Animations
 */

.reveal-text {
    overflow: hidden;
}

.reveal-line {
    overflow: hidden;
    display: block;
}

.reveal-line-inner {
    display: inline-block;
    opacity: 0;
    transform: translateY(100%);
    will-change: transform, opacity;
}

/* Estados de animación */
.reveal-line-inner.animated {
    opacity: 1;
    transform: translateY(0);
}

/* Estilos opcionales para mejorar la legibilidad durante carga */
body.azulpavo-reveal-active h1,
body.azulpavo-reveal-active h2,
body.azulpavo-reveal-active h3,
body.azulpavo-reveal-active .reveal-text {
    visibility: visible;
}

/* Performance */
.reveal-line-inner {
    backface-visibility: hidden;
    perspective: 1000px;
}