/* Pantalla de carga común (nucleo/carga.js). Va por encima de todas las vistas. */
.carga{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 82%,transparent);
  backdrop-filter:blur(6px);opacity:0;transition:opacity .18s ease}
.carga.on{opacity:1}
.carga-caja{display:grid;justify-items:center;gap:14px;padding:22px 26px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);min-width:200px}
.carga-texto{margin:0;font-weight:600;color:var(--ink);text-align:center}
.carga-giro{width:34px;height:34px;border-radius:50%;border:3px solid var(--accent-soft);border-top-color:var(--accent);animation:giro .8s linear infinite}
@keyframes giro{to{transform:rotate(1turn)}}
@media (prefers-reduced-motion:reduce){.carga{transition:none}.carga-giro{animation-duration:2.4s}}