/* ============================================================ modo oscuro
   RRHH (planta de legisladores). 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 fondos blancos escritos a mano (esta hoja tiene
   muchos "background:#fff"). --sup es la superficie de las cajas en oscuro. */
.tema-btn{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:999px;
  font:600 12.5px var(--ff);padding:4px 11px;cursor:pointer;margin-left:8px;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;--muted:#a8bccc;--faint:#7d94a6;--line:#2a3a48;
  --c:#2eaee6;--c-d:#5ad0ff;--c-dd:#9fd8f5;--c-l:#14283a;--c-l2:#1b3a52;
  --acc-l:#3a2a14;--ok-fg:#35c493;--ok-bg:#123527;--no-fg:#ff7a6b;--no-bg:#3a1c19;
  color-scheme:dark}
:root[data-tema="oscuro"] .btn{background:var(--sup);color:var(--c-d);border-color:var(--line)}
:root[data-tema="oscuro"] .btn:hover{background:var(--c-l)}
:root[data-tema="oscuro"] .btn.pri{background:#0c7fb4;border-color:#0c7fb4;color:#fff}
:root[data-tema="oscuro"] .btn.pri:hover{background:#0e95cf}
:root[data-tema="oscuro"] .btn.peligro{color:#fff}
:root[data-tema="oscuro"] .tabs a.on{color:#075e88}
:root[data-tema="oscuro"] .vacio,:root[data-tema="oscuro"] .login-caja,:root[data-tema="oscuro"] .filtros-lista,
:root[data-tema="oscuro"] .tabla-scroll,:root[data-tema="oscuro"] .tarj,:root[data-tema="oscuro"] .form-caja,
:root[data-tema="oscuro"] .form-linea,:root[data-tema="oscuro"] .card,:root[data-tema="oscuro"] .res-card,
:root[data-tema="oscuro"] .lg-sec,:root[data-tema="oscuro"] .lg-cab,:root[data-tema="oscuro"] .grilla .col-ag,
:root[data-tema="oscuro"] .nov-grid .nv-dir,:root[data-tema="oscuro"] .pres-grid .nv-dir,
:root[data-tema="oscuro"] table.lista,:root[data-tema="oscuro"] .lista{background:var(--sup)}
:root[data-tema="oscuro"] .filtros select,:root[data-tema="oscuro"] .filtros input,:root[data-tema="oscuro"] .form-linea select,
:root[data-tema="oscuro"] .form-linea 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"] .login-caja input,:root[data-tema="oscuro"] .lg-campo input,
:root[data-tema="oscuro"] .lg-campo select,:root[data-tema="oscuro"] .lg-campo textarea,:root[data-tema="oscuro"] .pres-grid input,
:root[data-tema="oscuro"] select,:root[data-tema="oscuro"] input[type=text],:root[data-tema="oscuro"] input[type=search],
:root[data-tema="oscuro"] input[type=date],:root[data-tema="oscuro"] input[type=number],:root[data-tema="oscuro"] textarea{background:#0f1a24;color:var(--ink);border-color:var(--line)}
:root[data-tema="oscuro"] .lg-campo input[disabled],:root[data-tema="oscuro"] .lg-campo select[disabled],
:root[data-tema="oscuro"] .lg-campo textarea[disabled],:root[data-tema="oscuro"] .lg-ro{background:#1c2a36;color:var(--muted)}
:root[data-tema="oscuro"] .lista th,:root[data-tema="oscuro"] .lista td{border-bottom-color:var(--line)}
:root[data-tema="oscuro"] .lista tr:hover td{background:#182735}
:root[data-tema="oscuro"] .grilla th,:root[data-tema="oscuro"] .grilla td,:root[data-tema="oscuro"] .nov-grid th,
:root[data-tema="oscuro"] .nov-grid td,:root[data-tema="oscuro"] .pres-grid th,:root[data-tema="oscuro"] .pres-grid td{border-color:var(--line)}
:root[data-tema="oscuro"] .grilla th.finde,:root[data-tema="oscuro"] .grilla td.finde,:root[data-tema="oscuro"] .nv-finde{background:#1a2530}
:root[data-tema="oscuro"] .grilla .col-ag{box-shadow:1px 0 0 var(--line)}
:root[data-tema="oscuro"] .error{border-color:#6b2f28;color:#ffb3aa}
:root[data-tema="oscuro"] .exito{border-color:#1f5a3f;color:#8fe6bf}
:root[data-tema="oscuro"] .aviso,:root[data-tema="oscuro"] .pendientes details{border-color:#6b4d1c;color:#ffd28a}
:root[data-tema="oscuro"] .pendientes summary{color:#ffd28a}
:root[data-tema="oscuro"] .chip-e.prog{color:#ffb35c}
:root[data-tema="oscuro"] .fila-vacante td{background:#2b2214!important}
:root[data-tema="oscuro"] tr.tot > td{background:#1c2a36;border-top-color:#4b5f73}
:root[data-tema="oscuro"] tr.fila-viva > td{background:#123527}
:root[data-tema="oscuro"] .card.enlinea-yo{background:linear-gradient(180deg,#123527,var(--sup))}
:root[data-tema="oscuro"] mark{background:#5a4a00;color:#fff}
:root[data-tema="oscuro"] .pr-si{background:#123527;color:#8fe6bf}
:root[data-tema="oscuro"] .pr-no{background:#3a1c19;color:#ffb3aa}
:root[data-tema="oscuro"] .pr-fut{color:#4b5f73}
:root[data-tema="oscuro"] .pr-na{color:#33475c}
:root[data-tema="oscuro"] tr.fila-grupo > td{background:#14283a;color:#9fd8f5}
:root[data-tema="oscuro"] .t-falta{color:#ff7a6b}
:root[data-tema="oscuro"] table.lista thead th a:hover{color:#5ad0ff}
:root[data-tema="oscuro"] .lg-prueba{background:#3a2a12;border-color:#6b4d1c;color:#ffd28a}
:root[data-tema="oscuro"] .lg-prueba b{color:#ffb35c}
:root[data-tema="oscuro"] .lg-foto{background:#1c2a36}
:root[data-tema="oscuro"] .fila-principal td{background:#123527}
:root[data-tema="oscuro"] h1{color:var(--ink)}
@media print{:root[data-tema="oscuro"] body{background:#fff;color:#000}}