/* NodoSOE — Splash de arranque (Opción B aprobada + rebrand) */
#splash-nodos{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
  background:var(--ink);
  transition:opacity .45s ease, visibility .45s ease;
}
#splash-nodos.splash-hidden{opacity:0;visibility:hidden;pointer-events:none}

#splash-nodos .glow{
  position:absolute;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,146,42,.16),transparent 65%);
  animation:splashGlow 2.6s ease-in-out infinite;
}
@keyframes splashGlow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}

#splash-nodos .mark{position:relative;animation:splashLatido 2.6s ease-in-out infinite}
@keyframes splashLatido{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
#splash-nodos .mark svg{display:block;filter:drop-shadow(0 8px 30px rgba(232,146,42,.35))}

#splash-nodos .splash-inner{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;
}

#splash-nodos .word{
  color:#fff;font-size:26px;font-weight:800;letter-spacing:.01em;
  opacity:0;animation:splashSube .7s .5s cubic-bezier(.2,.8,.3,1) forwards;
  text-align:center;
}
#splash-nodos .word span{
  background:linear-gradient(135deg,var(--amber-soft),#B4651F);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

#splash-nodos .tag{
  color:rgba(255,255,255,.5);font-size:11.5px;font-weight:600;letter-spacing:.22em;
  text-transform:uppercase;margin-top:8px;text-align:center;
  opacity:0;animation:splashSube .7s .7s cubic-bezier(.2,.8,.3,1) forwards;
}
#splash-nodos .tag-en{
  color:rgba(255,255,255,.28);font-size:9.5px;font-weight:500;letter-spacing:.18em;
  text-transform:uppercase;margin-top:5px;text-align:center;
  opacity:0;animation:splashSube .7s .85s cubic-bezier(.2,.8,.3,1) forwards;
}
@keyframes splashSube{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

#splash-nodos .load{
  width:150px;height:4px;border-radius:3px;background:rgba(255,255,255,.09);overflow:hidden;
  opacity:0;animation:splashSube .5s 1s forwards;
}
#splash-nodos .load i{
  display:block;height:100%;width:42%;border-radius:3px;
  background:linear-gradient(90deg,var(--amber),var(--amber-soft));
  animation:splashCarga 1.4s 1.1s ease-in-out infinite;
}
@keyframes splashCarga{0%{transform:translateX(-110%)}100%{transform:translateX(380%)}}

@media (prefers-reduced-motion: reduce){
  #splash-nodos .glow, #splash-nodos .mark, #splash-nodos .load i{animation:none}
  #splash-nodos .word, #splash-nodos .tag, #splash-nodos .tag-en, #splash-nodos .load{
    animation:none;opacity:1;transform:none;
  }
}
