/* ===========================================================
   TRANSICIÓN ENTRE PÁGINAS · crissnowww
   Al pasar de una página a otra del mismo sitio, la vieja se funde
   y la nueva entra subiendo un poco, como dentro de una app.
   Solo funciona entre páginas que carguen este archivo; en navegadores
   sin soporte no pasa nada (navegación normal).
   =========================================================== */
@view-transition { navigation: auto; }

::view-transition-old(root) {
  animation: 200ms cubic-bezier(.23,1,.32,1) both ap-vt-out;
}
::view-transition-new(root) {
  animation: 360ms cubic-bezier(.16,1,.3,1) both ap-vt-in;
}
@keyframes ap-vt-out { to   { opacity: 0; transform: translate3d(0,-10px,0) scale(.992); } }
@keyframes ap-vt-in  { from { opacity: 0; transform: translate3d(0,16px,0)  scale(.992); } }

/* Menos movimiento: solo fundido, sin desplazamiento */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root) { animation: 160ms linear both ap-vt-fade-out; }
  ::view-transition-new(root) { animation: 200ms linear both ap-vt-fade-in; }
  @keyframes ap-vt-fade-out { to { opacity: 0; } }
  @keyframes ap-vt-fade-in { from { opacity: 0; } }
}