/* =========================================
   DELI FASHION
   TRANSICIONES ENTRE INTERFACES
========================================= */


/* =========================================
   ESTADO NORMAL
========================================= */

body {

    opacity: 1;

    transform: translateY(0);

    transition:
        opacity 0.20s ease,
        transform 0.20s ease;

}


/* =========================================
   ENTRADA DE LA INTERFAZ
========================================= */

body.animacion-entrada {

    animation:
        entradaPagina
        0.28s
        ease-out
        both;

}


@keyframes entradaPagina {

    from {

        opacity: 0;

        transform:
            translateY(8px);

    }

    to {

        opacity: 1;

        transform:
            translateY(0);

    }

}


/* =========================================
   SALIDA DE LA INTERFAZ
========================================= */

body.animacion-salida {

    opacity: 0;

    transform:
        translateY(-5px);

    pointer-events: none;

}


/* =========================================
   ACCESIBILIDAD
========================================= */

@media (prefers-reduced-motion: reduce) {

    body,
    body.animacion-entrada,
    body.animacion-salida {

        animation: none !important;

        transition: none !important;

        transform: none !important;

    }

}