/* 1. Define la secuencia de la animación (keyframes) */
@keyframes loop-fade-up-sequence {
    0% {
        opacity: 0.1;
        transform: translateY(20px); /* Comienza un poco abajo y casi invisible */
    }
    50% {
        opacity: 1;
        transform: translateY(0); /* Sube a la posición final y se vuelve visible */
    }
    100% {
        opacity: 0.1;
        transform: translateY(20px); /* Vuelve a bajar/casi desaparecer */
    }
}

/* 2. Define la clase que aplicaremos en Elementor */
.loop-fade-up {
    animation-name: loop-fade-up-sequence;
    animation-duration: 3s; /* Duración de un ciclo completo (más lento para un pulso suave) */
    animation-timing-function: ease-in-out;
    animation-direction: alternate; /* Alterna la dirección del 0% al 100% y viceversa */
    animation-iteration-count: infinite; /* ¡La clave para el bucle indefinido! */
    transform-style: preserve-3d; /* Opcional: Ayuda con la aceleración por hardware */
}