/* PYARCHITECTURE — transición entre páginas.
   Usa la View Transitions API entre documentos: el navegador toma un snapshot
   de la página que sale y lo cruza con la que entra, sin JavaScript.
   Las dos páginas tienen que declarar la regla, por eso esta hoja se carga en
   todas. En navegadores sin soporte simplemente no pasa nada, y el respaldo
   de page-transition.js se encarga del velo de salida. */

@view-transition { navigation: auto; }

/* La que sale retrocede apenas; la que entra sube. Mismo easing del sitio. */
::view-transition-old(root){
  animation: pt-sale .34s cubic-bezier(0.22,1,0.36,1) both;
}
::view-transition-new(root){
  animation: pt-entra .46s cubic-bezier(0.22,1,0.36,1) both;
}
@keyframes pt-sale  { to   { opacity:0; transform:scale(.994); } }
@keyframes pt-entra { from { opacity:0; transform:translateY(10px); } }

/* El nav es idéntico entre páginas: se le da nombre propio para que no entre
   en el snapshot de la raíz y no parpadee mientras el contenido cruza. */
.mast{ view-transition-name: mast; }
::view-transition-old(mast),
::view-transition-new(mast){ animation: none; }

@media (prefers-reduced-motion: reduce){
  @view-transition { navigation: none; }
  ::view-transition-old(root),
  ::view-transition-new(root){ animation: none; }
}