/* Fundido suave entre la portada y las páginas de ingreso (solo entre páginas, con la marca quieta).
   Se carga únicamente en esas dos pantallas: el fundido ocurre si ambas lo piden. */
@view-transition { navigation: auto; }
.marca { view-transition-name: marca; }
::view-transition-old(root), ::view-transition-new(root) {
  animation-duration: 260ms;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}