/* =========================================================
   Transições suaves entre páginas (View Transitions API, MPA).
   Liga o efeito em navegadores que suportam; quem não suporta
   cai no fallback de assets/js/transicoes.js. Respeita
   prefers-reduced-motion.
   ========================================================= */

@view-transition { navigation: auto; }

@keyframes ls-fade-in  { from { opacity: 0; transform: translateY(8px); } }
@keyframes ls-fade-out { to   { opacity: 0; transform: translateY(-8px); } }

::view-transition-old(root) { animation: ls-fade-out 0.22s ease both; }
::view-transition-new(root) { animation: ls-fade-in  0.28s ease both; }

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