html.ctorres-app-nav-busy {
  cursor: progress;
}

#ctorres-app-nav-progress {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 2147483000;
  height: 2px;
  pointer-events: none;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left center;
  background: var(--ctorres-app-nav-accent, currentColor);
  transition:
    transform 140ms ease,
    opacity 90ms ease;
}

#ctorres-app-nav-progress.is-loading {
  opacity: .55;
  transform: scaleX(.72);
}

#ctorres-app-nav-progress.is-finishing {
  opacity: 0;
  transform: scaleX(1);
}

/*
 * v1.3: el contenido no se anima y el estado del menú móvil se resetea tras navegar.
 * La página actual permanece visible hasta que la siguiente está preparada
 * y luego se reemplaza de forma atómica. No hay fade, oscurecimiento,
 * snapshots ni View Transition sobre header, menú o contenido.
 */

@media (prefers-reduced-motion: reduce) {
  #ctorres-app-nav-progress {
    transition: none !important;
  }
}