/* Pantalla de carga "Cargando…" de Planta Vida.
   Está en el HTML de cada página (primer elemento del <body>) para que se vea desde el primer pintado; la retira
   assets/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. */
.sl{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:0;padding:24px 16px;
  background:radial-gradient(900px 600px at 50% 30%,#ffffff 0%,#eefaff 55%,#dff4fc 100%);color:#062a4a;text-align:center;
  font:600 15px/1.4 Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;opacity:1;visibility:visible;
  animation:sl-failsafe .4s ease 10s forwards}
.sl-logo{display:block;width:88px;height:88px;border-radius:22px;box-shadow:0 18px 40px rgba(6,42,74,.18);animation:sl-pulse 1.8s ease-in-out infinite}
.sl-name{display:block;margin-top:6px;font:800 24px/1.1 Outfit,Manrope,system-ui,sans-serif;letter-spacing:.02em}
.sl-name em{font-style:normal;font-weight:700;color:#079fc8}
.sl-bar{position:relative;display:block;width:min(200px,60vw);height:4px;border-radius:4px;background:rgba(6,42,74,.12);overflow:hidden}
.sl-bar i{position:absolute;top:0;bottom:0;left:0;width:40%;border-radius:inherit;background:linear-gradient(90deg,#25c7e8,#079fc8);animation:sl-slide 1.15s ease-in-out infinite}
.sl-text{display:block;font-size:14px;letter-spacing:.06em;color:#5d7283}
/* 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-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@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}}