/* Fondo animado (red de nodos) y tema claro/oscuro de Gestión Onnes. Lo acompaña /marca/fondo.js.
   Para evitar el parpadeo, cada página pone en <head>, antes de los estilos:
   <script>try{var t=localStorage.getItem("tema");if(t)document.documentElement.setAttribute("data-theme",t)}catch(e){}</script>
   Los selectores repiten :root para ganarle a onnes.css, que fija el tema oscuro. */
:root:root[data-theme="light"]{
  --bg:#f3f6f9;--panel:#ffffff;--panel2:#eef2f6;--fg:#16202c;--muted:#5a6879;--line:#d6dde6;
  --accent:#e06a0f;--accent-fg:#ffffff;--ok:#1d8a57;--err:#b3261e;color-scheme:light}
canvas.fondo-red{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}
body>*:not(canvas.fondo-red){position:relative;z-index:1}
.tema-btn{font:inherit;font-size:1rem;line-height:1;border:1px solid var(--line);background:var(--panel);color:var(--fg);border-radius:999px;width:34px;height:34px;padding:0;cursor:pointer}
.tema-btn:hover,.tema-btn:focus-visible{border-color:var(--accent);outline:none}
.tema-btn.flotante{position:fixed;top:12px;right:12px;z-index:2}
:root[data-theme="light"] .metrica .v.warn{color:#9a6200}