@keyframes fadeInGlobal_e2cf54ca {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes waveMovement_e2cf54ca {
    /* La ola en sí dura aproximadamente 1 segundo dentro de la animación total.
       Para que el retraso en cadena cree una ola corta (3-4 letras), el tiempo total
       de animación debe incluir la duración de la ola y la pausa de 5 segundos. */
    0% { transform: translateY(0); }
    15% { transform: translateY(-4px); } /* Sube */
    30% { transform: translateY(0); }    /* Baja a posición original */
    100% { transform: translateY(0); }   /* Pausa durante el resto del ciclo */
}

.wave-title-e2cf54ca {
    display: inline-block;
    opacity: 0; 
    animation: fadeInGlobal_e2cf54ca 2s ease-in-out forwards; 
}

.wave-title-e2cf54ca span {
    display: inline-block;
    /* La duración total de la animación de cada letra se define aquí. 
       Ajustado en JS dinámicamente para lograr una ola corta con 5s de pausa. */
    animation-name: waveMovement_e2cf54ca;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-play-state: paused;
}

.wave-title-e2cf54ca.start-wave span {
     animation-play-state: running;
}
