/* Transiciones entre páginas (View Transitions API, sin JS). La barra de arriba se queda
 * quieta y el contenido cambia con un fundido. Aparte de app.css para que el kiosco
 * (que no carga este fichero) no tenga transiciones. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  .navbar { view-transition-name: topbar; }
  ::view-transition-old(root) { animation: vt-out .18s ease-in both; }
  ::view-transition-new(root) { animation: vt-in .32s cubic-bezier(.2,.8,.2,1) both; }
  @keyframes vt-out { to { opacity: 0; transform: translateY(-6px); } }
  @keyframes vt-in { from { opacity: 0; transform: translateY(10px); } }
}