/* Paso suave entre el inicio y cada colección (Félix, 19/10/2026: «un difuminado agradable», no deslizar).
   Chrome, Edge y Safari reciente: transición entre páginas del navegador (View Transitions).
   Los demás: transicion.js desvanece la página antes de irse y la nueva aparece igual. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: .42s ease both transicion-salir; }
::view-transition-new(root) { animation: .5s ease both transicion-entrar; }
@keyframes transicion-salir { to { opacity: 0; filter: blur(10px); } }
@keyframes transicion-entrar { from { opacity: 0; filter: blur(10px); } }

/* Respaldo sin View Transitions. «backwards»: al terminar no queda ningún filtro en <body>
   (un filtro que se queda rompe los botones fijos, como el del carrito). */
.sin-vt body { animation: .5s ease backwards transicion-entrar; }
html.saliendo body { opacity: 0; filter: blur(10px); transition: opacity .35s ease, filter .35s ease; }

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
  .sin-vt body { animation: none; }
  html.saliendo body { transition: none; }
}