/* Navegación nativa progresiva: no altera el flujo si View Transitions no existe. */
@view-transition {
  navigation: auto;
}

.site-header,
body > header {
  view-transition-name: gg-site-header;
}

::view-transition-old(gg-site-header),
::view-transition-new(gg-site-header) {
  animation-duration: 240ms;
  animation-timing-function: ease-out;
}

::view-transition-old(*),
::view-transition-new(*) {
  animation-duration: 240ms;
  animation-timing-function: ease-out;
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-image-pair(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation-duration: 0s;
    animation-delay: 0s;
  }
}