/* Pantalla de carga "Cargando…" / "Loading…" de Barona Enterprise.
   src/layout.js la pone como primer elemento del <body> de cada página para que se vea desde el primer pintado;
   la retira /assets/js/loader.js al terminar la carga. Sin JavaScript la oculta loader-noscript.css y, si un script
   falla, la animación sl-failsafe la desvanece sola a los 10 s. Fondo azul noche: nunca hay destello blanco. */
html{background:#050a18}
.sl{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;margin:0;padding:24px 16px;
  background:radial-gradient(900px 600px at 80% -10%,rgba(47,123,255,.22),transparent 60%),radial-gradient(700px 500px at -10% 110%,rgba(139,92,246,.14),transparent 60%),#050a18;
  color:#eef3ff;text-align:center;font:500 15px/1.4 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;opacity:1;visibility:visible;
  animation:sl-failsafe .4s ease 10s forwards}
.sl-logo{display:block;width:min(220px,58vw);height:auto;animation:sl-breathe 2.2s ease-in-out infinite}
.sl-bar{position:relative;display:block;width:min(220px,58vw);height:3px;border-radius:3px;background:rgba(140,180,255,.16);overflow:hidden}
.sl-bar i{position:absolute;top:0;bottom:0;left:0;width:40%;border-radius:inherit;background:linear-gradient(100deg,#8cc1fb 0%,#39d0ff 45%,#8b5cf6 100%);box-shadow:0 0 12px rgba(57,208,255,.6);animation:sl-slide 1.15s ease-in-out infinite}
.sl-text{display:block;font:500 12px/1.2 "JetBrains Mono",ui-monospace,Consolas,monospace;letter-spacing:.22em;text-transform:uppercase;color:#8494b8}
/* Con JavaScript activo, loader.js manda (espera el evento load); la animación de emergencia solo actúa a los 20 s */
html[data-sl-js] .sl{animation-delay:20s}
.sl.sl-out{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s}
@keyframes sl-slide{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
@keyframes sl-breathe{0%,100%{opacity:1}50%{opacity:.72}}
@keyframes sl-failsafe{to{opacity:0;visibility:hidden;pointer-events:none}}
@media (prefers-reduced-motion:reduce){.sl-logo,.sl-bar i{animation:none}.sl-bar i{width:100%;opacity:.5}}