/* AC EVENTOS — animaciones: intro del sitio + indicador al cambiar de página */
#splash{position:fixed;inset:0;z-index:9999;background:#07060d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;
  animation:splashOut .6s ease 1.9s forwards;}
#splash::before{content:"";position:absolute;width:70vmax;height:70vmax;border-radius:50%;
  background:radial-gradient(circle,rgba(119,36,237,.45),rgba(46,55,251,.18) 40%,transparent 68%);animation:splashGlow 2.4s ease-in-out infinite alternate;}
#splash img{position:relative;width:min(220px,52vw);height:auto;filter:brightness(0) invert(1);opacity:0;transform:scale(.8);animation:logoIn .9s cubic-bezier(.2,.8,.2,1) .15s forwards;}
#splash .sbar{position:relative;width:min(220px,52vw);height:3px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden;}
#splash .sbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#31DAC6,#2E37FB,#7724ED);animation:sbar 1.6s ease .25s forwards;}
#splash.gone,.no-splash #splash{display:none;}
@keyframes logoIn{to{opacity:1;transform:scale(1);}}
@keyframes sbar{to{width:100%;}}
@keyframes splashGlow{from{transform:scale(.9);opacity:.7}to{transform:scale(1.1);opacity:1}}
@keyframes splashOut{to{opacity:0;visibility:hidden;}}

/* barra de progreso superior */
#navbar{position:fixed;top:0;left:0;height:3px;width:0;z-index:10000;background:linear-gradient(90deg,#31DAC6,#2E37FB,#7724ED);box-shadow:0 0 12px rgba(119,36,237,.7);opacity:0;pointer-events:none;transition:width .4s ease,opacity .25s ease;}
#navbar.on{opacity:1;width:72%;transition:width 6s cubic-bezier(.1,.7,.2,1);}
/* velo + spinner solo si tarda */
#navveil{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;background:rgba(10,8,20,.55);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .25s ease;}
#navveil.on{opacity:1;visibility:visible;}
#navveil .spin{width:54px;height:54px;border-radius:50%;border:4px solid rgba(255,255,255,.18);border-top-color:#31DAC6;border-right-color:#7724ED;animation:spin .8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}
/* entrada suave de cada página */
body{animation:pageIn .45s ease both;}
@keyframes pageIn{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  #splash,#splash::before,#splash img,#splash .sbar i,#navveil .spin,body{animation-duration:.01s!important;animation-delay:0s!important;animation-iteration-count:1!important;}
  #splash{animation:splashOut .2s ease .3s forwards!important;}
}