/* Entrada con fade hacia arriba; aparición escalonada de izquierda a derecha */

@keyframes grid-item-enter {
    from {
        opacity: 0;
        transform: translateY(1.25rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[data-grid-enter]:not(.is-grid-enter-done) > *:not([data-grid-enter-skip]) {
    opacity: 0;
    transform: translateY(1.25rem);
}

[data-grid-enter].is-grid-enter-active > *:not([data-grid-enter-skip]) {
    animation: grid-item-enter .55s cubic-bezier(.22, .61, .36, 1) both;
    animation-delay: calc(.1s + min(var(--grid-enter-index, 0) * 70ms, 560ms));
}

@media (prefers-reduced-motion: reduce) {
    html:not(.site-motion-user-on) [data-grid-enter]:not(.is-grid-enter-done) > *:not([data-grid-enter-skip]),
    html:not(.site-motion-user-on) [data-grid-enter].is-grid-enter-active > *:not([data-grid-enter-skip]) {
        opacity: 1;
        transform: none;
        animation: none;
    }
}