/* =============================================
   PAGE TRANSITIONS — Etapa 6 · ítem 1
   Overlay full-screen que aparece al click en links
   a otras páginas, navega cuando está cubierto, y se
   funde en la nueva página. Color del overlay = color
   del museo destino.
   ============================================= */

.page-transition-overlay {
  position: fixed;
  inset: 0;
  z-index: 100000;          /* arriba de todo, incluyendo mobile menu close */
  pointer-events: none;
  background: #0a0a0a;       /* default si el destino no tiene color */
  opacity: 0;
  /* Fade-in al "salir" de la página actual */
  transition: opacity 350ms ease;
}

.page-transition-overlay.is-active {
  opacity: 1;
  pointer-events: auto;
}

/* Fade-out al "llegar" a la página nueva. Un poco más largo
   que el fade-in para que el reveal se sienta más espacioso. */
.page-transition-overlay.is-active.is-fading-out {
  opacity: 0;
  transition: opacity 450ms ease;
}

/* prefers-reduced-motion: deshabilitado completamente.
   El JS hace el navigate directo sin overlay. */
@media (prefers-reduced-motion: reduce) {
  .page-transition-overlay { display: none !important; }
}