/* ===========================
   ANIMACIÓN CASCADA - CÓMO TRABAJAMOS
=========================== */

@keyframes cascadeDown {
    from {
        opacity: 0;
        transform: translateY(-40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.step {
    opacity: 0;
    transform: translateY(-40px);
}

.step.cascade-animate {
    animation: cascadeDown 0.6s ease-out forwards;
}

.step:nth-child(1).cascade-animate {
    animation-delay: 0s;
}

.step:nth-child(2).cascade-animate {
    animation-delay: 0.15s;
}

.step:nth-child(3).cascade-animate {
    animation-delay: 0.3s;
}

.step:nth-child(4).cascade-animate {
    animation-delay: 0.45s;
}

.step:nth-child(5).cascade-animate {
    animation-delay: 0.6s;
}