/* SITE-BOOT CSS — estilos que el motor el motor externo original habria inyectado en runtime para
   .adep-preloader y .adep-marquee__track. Todo lo demas (.adep-hero, .adep-contador,
   nav, etc.) ya tiene su CSS en el <style> de  / prototipos/*.css; aqui solo va
   lo que NO existia en ningun sitio del repo. Usa el mismo --rayo-svg de marca ya
   definido en el <style> base para que el glifo sea identico al resto del sitio. */

.adep-preloader{
  position:fixed; inset:0; z-index:2000;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px;
  background:var(--bosque,#0e2419); color:var(--fondo,#f4efe4);
  transition:opacity .6s cubic-bezier(.22,.61,.36,1), clip-path .7s cubic-bezier(.76,0,.24,1);
}
.adep-preloader__mark{
  width:34px; height:64px;
  background:var(--accent,#54b435);
  -webkit-mask:var(--rayo-svg) center/contain no-repeat; mask:var(--rayo-svg) center/contain no-repeat;
  animation:preloader-pulse 1.4s ease-in-out infinite;
}
.adep-preloader__label{
  font:700 12px/1.3 var(--font-display,'Archivo',system-ui,sans-serif);
  letter-spacing:.22em; text-transform:uppercase; text-align:center; max-width:60vw;
}
@keyframes preloader-pulse{
  0%,100%{ opacity:.7; transform:scale(1); }
  50%{ opacity:1; transform:scale(1.08); }
}
/* salida "cortina": se retira hacia arriba y se desvanece */
.adep-preloader--salida{
  opacity:0; clip-path:inset(0 0 100% 0); pointer-events:none;
}
@media (prefers-reduced-motion:reduce){
  .adep-preloader__mark{ animation:none; }
}

/* ---- marquee: la cinta duplicada se desplaza -50% en bucle continuo ---- */
.adep-marquee__track{
  display:flex; align-items:center; width:max-content;
  animation:adep-marquee-scroll linear infinite;
}
section[data-bloque="marquee-infinito"]:hover .adep-marquee__track{
  animation-play-state:paused; /* pausaHover del bloque original */
}
@keyframes adep-marquee-scroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}
@media (prefers-reduced-motion:reduce){
  .adep-marquee__track{ animation:none; }
}