/* ============================================================
   EDUKA · splash de entrada
   Se va solo por CSS a los 3.7s; js/splash.js es la red de seguridad.
   ============================================================ */

#splash{
  position:fixed;inset:0;z-index:999;background:var(--crema);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;
  animation:splashOut .9s cubic-bezier(.6,0,.2,1) 3.7s forwards;
}
#splash.off{opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}
@keyframes splashOut{to{opacity:0;visibility:hidden}}

.splash-word{display:flex;gap:clamp(6px,1.6vw,20px)}
.splash-word span{
  font-family:var(--serif);font-size:clamp(48px,12vw,140px);line-height:1;color:var(--cuero);
  opacity:0;transform:translateY(26px);filter:blur(6px);
  animation:letterIn 1.5s var(--ease-suave) forwards;
  animation-delay:calc(.35s + var(--i)*.42s);
}
@keyframes letterIn{to{opacity:1;transform:none;filter:blur(0)}}

.splash-sub{
  font-family:var(--mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--cuero);opacity:0;animation:letterIn 1.6s ease 2.5s forwards;
}