/*=====================================
TRANSITION ENGINE 1.0
=====================================*/

@view-transition{
    navigation:auto;
}

/* La página anterior queda quieta y visible */

::view-transition-old(root){

    animation:none;

    z-index:1;

}

/* La página nueva sube por encima */

::view-transition-new(root){

    z-index:2;

    animation:
        entrada-desde-abajo
        1.8s
        cubic-bezier(.22,.61,.36,1)
        both;

}

@keyframes entrada-desde-abajo{

    from{
        transform:translateY(100vh);
    }

    to{
        transform:translateY(0);
    }

}

/* Accesibilidad */

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

    ::view-transition-old(root),
    ::view-transition-new(root){

        animation-duration:.01ms !important;

    }

}