/* ── PAGE TRANSITION SPLASH (compartido) ──────────────────────────────────
   Ver public/js/page-transitions.js para el uso. Estas variables de color
   (--bg, --accent, --accent2) ya existen en el :root de cada página con
   estos mismos nombres, así que el splash hereda la paleta de cada una
   sin necesidad de redefinir nada acá. */

#page-splash {
  position: fixed; inset: 0; background: var(--bg);
  z-index: 9999; display: flex; align-items: center; justify-content: center;
  pointer-events: none; opacity: 0; transition: opacity 0.25s ease;
}
#page-splash.show { opacity: 1; pointer-events: all; }
#page-splash.exit { opacity: 0; }
.splash-logo {
  font-family: "Syne", sans-serif; font-weight: 800; font-size: 2rem;
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  animation: splashPulse 0.8s ease-in-out infinite alternate;
}
@keyframes splashPulse {
  from { opacity: 0.5; transform: scale(0.97); }
  to   { opacity: 1;   transform: scale(1.03); }
}