/* css/page-transitions.css */

/* Define los elementos que participan en la transición.
   Por defecto, todo el body es el "root". */
::view-transition-old(root) {
  animation: none; /* Desactiva la animación por defecto */
}

::view-transition-new(root) {
  animation: none; /* Desactiva la animación por defecto */
}

/* Puedes añadir animaciones personalizadas aquí */
/* Ejemplo de un fade-in/fade-out simple */
/*
@keyframes fade-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

::view-transition-old(root) {
    animation: fade-out var(--transition-duration) var(--transition-type) forwards;
}

::view-transition-new(root) {
    animation: fade-in var(--transition-duration) var(--transition-type) forwards;
}
*/