/* ============================================================ modo oscuro
   Despacho de Presidencia y Delegación Río Grande (comparten estilo.css).
   Arranca oscuro de fábrica (tema.js pone data-tema en <html>) y el botón de la
   barra lo pasa a claro. Se redefinen las variables de estilo.css y se corrigen
   los colores que esa hoja tiene escritos a mano. Los PDF embebidos (.visor) se
   ven como siempre: son el escaneo. Copiado del modo oscuro de Contratos. */
.tema-btn{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.36);border-radius:999px;
  font:600 12.5px var(--ff);padding:5px 11px;cursor:pointer;transition:background .14s;white-space:nowrap}
.tema-btn:hover{background:rgba(255,255,255,.28)}
.topb-in>.quien:only-of-type{margin-left:auto}
:root[data-tema="oscuro"]{
  --bg:#0c141c;--sup:#131f2a;--ink:#e8f0f7;--ink-2:#c5d3df;--muted:#a8bccc;--faint:#7d94a6;
  --line:#23333f;--line-2:#2f4353;
  --c-l:#14283a;--c-l2:#1b3a52;--c-l3:#245279;--c-3:#5ad0ff;--c-4:#9fd8f5;
  --acc-l:#3a2a14;--acc-l2:#57401f;--acc-3:#ffb35c;
  --ok:#35c493;--ok-bg:#123527;--ok-bd:#1f5a3f;
  --no:#ff7a6b;--no-bg:#3a1c19;--no-bd:#6b2f28;
  --wr:#ffbf66;--wr-bg:#3a2a12;--wr-bd:#6b4d1c;
  --s1:0 1px 2px rgba(0,0,0,.4),0 1px 3px rgba(0,0,0,.35);--s2:0 2px 4px rgba(0,0,0,.4),0 6px 16px rgba(0,0,0,.4);
  --s3:0 10px 34px rgba(0,0,0,.5);
  color-scheme:dark}
:root[data-tema="oscuro"] body{background-image:none}
:root[data-tema="oscuro"] .tabs a.on{color:#04486a}
:root[data-tema="oscuro"] .tabla thead th{background:linear-gradient(180deg,#182b3b 0%,#14232f 100%);border-bottom-color:var(--line-2)}
:root[data-tema="oscuro"] .tabla th,:root[data-tema="oscuro"] .tabla td{border-bottom-color:var(--line)}
:root[data-tema="oscuro"] .tabla tbody tr:hover td{background:#182735}
:root[data-tema="oscuro"] .chip-e.arch{background:#1c2a36;color:var(--muted);border-color:var(--line-2)}
:root[data-tema="oscuro"] .filtros select,:root[data-tema="oscuro"] .filtros input,
:root[data-tema="oscuro"] .form-caja input,:root[data-tema="oscuro"] .form-caja select,:root[data-tema="oscuro"] .form-caja textarea,
:root[data-tema="oscuro"] .form-disp input,:root[data-tema="oscuro"] .form-disp select,:root[data-tema="oscuro"] .form-adj input,
:root[data-tema="oscuro"] .barra-accion select,:root[data-tema="oscuro"] .form-inline input,:root[data-tema="oscuro"] .form-inline select,
:root[data-tema="oscuro"] .matriz td.m-ent select,:root[data-tema="oscuro"] .esc-motivo,:root[data-tema="oscuro"] .form-doc select,
:root[data-tema="oscuro"] .form-doc input[type=text],:root[data-tema="oscuro"] .login-caja input,
:root[data-tema="oscuro"] .sel-anio select{background:#0f1a24;color:var(--ink);border-color:var(--line-2)}
:root[data-tema="oscuro"] .filtros select:focus,:root[data-tema="oscuro"] .filtros input:focus,
:root[data-tema="oscuro"] .form-caja input:focus,:root[data-tema="oscuro"] .form-caja select:focus,:root[data-tema="oscuro"] .form-caja textarea:focus,
:root[data-tema="oscuro"] .form-disp input:focus,:root[data-tema="oscuro"] .form-disp select:focus,
:root[data-tema="oscuro"] .login-caja input:focus{background:#0c1620}
:root[data-tema="oscuro"] .form-caja input:disabled{color:var(--faint)}
:root[data-tema="oscuro"] .error{color:#ffb3aa}
:root[data-tema="oscuro"] .exito{color:#8fe6bf}
:root[data-tema="oscuro"] .aviso{color:#ffd28a}
:root[data-tema="oscuro"] .grupo-dup{background:#152331}
:root[data-tema="oscuro"] .permisos-caja{background:#0f1a24}
:root[data-tema="oscuro"] .matriz tbody tr:hover td{background:#182735}
:root[data-tema="oscuro"] .btn{color:var(--c-3)}
:root[data-tema="oscuro"] .btn.pri,:root[data-tema="oscuro"] .btn.acc{color:#fff}
:root[data-tema="oscuro"] .tarj b{color:var(--c-3)}
:root[data-tema="oscuro"] .tarj.alerta b{color:var(--acc-3)}
:root[data-tema="oscuro"] .fila-edicion,:root[data-tema="oscuro"] .fila-edicion td{background:#1b3a52!important}
:root[data-tema="oscuro"] ul.docs li{background:var(--sup)}
:root[data-tema="oscuro"] pre.salida{color:var(--ink)}
:root[data-tema="oscuro"] .visor{background:#1c2a36}
@media print{:root[data-tema="oscuro"] body{background:#fff}}