/* TRANSICIONES SPARK — cruce entre páginas del sitio. Fuente */

@view-transition { navigation: auto; }


::view-transition-old(root) {
  animation: 260ms cubic-bezier(0.4, 0, 1, 1) both vt-salida;
}

::view-transition-new(root) {
  animation: 420ms cubic-bezier(0.16, 1, 0.3, 1) both vt-llegada;
}
@keyframes vt-salida  { to   { opacity: 0; transform: translateY(-10px); } }
@keyframes vt-llegada { from { opacity: 0; transform: translateY(16px); } }


.hd-wrap { view-transition-name: spark-header; }


.barra-movil { view-transition-name: spark-barra; }

/* Reduced motion: el cruce ocurre sin coreografía. */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root),
  ::view-transition-group(*),
  ::view-transition-image-pair(*) { animation: none !important; }
}