/* Tema NÉRIKA (manual de identidad v0.3, 8-nov-2026). Se carga después de app.css y solo cambia lo visible:
   colores medidos en la imagen elegida, tipografía Josefin Sans / Inter / JetBrains Mono. El semáforo de la
   estructura (Rojo, Amarillo, Verde) conserva su significado. */
:root{
  --bg:#030605;--panel:#0E1412;--ink:#FEF8E2;--muted:#A9A58F;--line:#24302B;
  --brand:#0E1412;--brand-2:#FFCE6A;--ok:#3DDC84;--warn:#F2B544;--bad:#FF6B57;--chip:#18221F;
  --oro:#FFCE6A;--oro2:#C58F39;--turq:#1AC2B3;--turq2:#5AE2D4;--marfil:#FEF8E2;
}
body{font-family:Inter,system-ui,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg) radial-gradient(1200px 500px at 50% -10%,rgba(255,206,106,.08),transparent 70%) no-repeat}
a{color:var(--turq2)}
h1,h2{font-family:"Josefin Sans",Inter,sans-serif;font-weight:400;letter-spacing:.04em;color:var(--marfil)}
h1{font-size:24px}
header.top{background:rgba(3,6,5,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
header.top .logo{display:flex;align-items:center;gap:10px;font-family:"Josefin Sans",sans-serif;font-weight:300;letter-spacing:.32em;color:var(--oro);font-size:19px}
header.top .logo img{width:30px;height:30px}
header.top .logo small{letter-spacing:.04em;font-family:Inter,sans-serif;color:var(--muted);opacity:1}
header.top nav a{color:var(--marfil);opacity:.8}
header.top nav a:hover,header.top nav a.activa{background:rgba(255,206,106,.12);color:var(--oro);opacity:1}
header.top .menu-btn{border-color:var(--line);color:var(--oro)}
header.top .usuario,header.top .usuario button{color:var(--muted)}
.panel{background:var(--panel);border-color:var(--line)}
.kpi .v{font-family:"JetBrains Mono",ui-monospace,monospace;color:var(--oro)}
.mono,pre,.doc-lineas{font-family:"JetBrains Mono",ui-monospace,Consolas,monospace}
.aviso.ok{background:#0F2A1D;border-color:#1F5A3A;color:#B7F0CF}
.aviso.err{background:#2E1210;border-color:#6A2A22;color:#FFC9C0}
.aviso.info{background:#0E2427;border-color:#1E5A5C;color:#BFF3EE}
.aviso.warn{background:#2B210C;border-color:#6B5320;color:#FFE3A6}
th{background:#131C19;color:var(--oro)}
tr:hover td{background:#111A17}
td.bad{background:#3A1713;color:#FFC9C0}
.chip{background:var(--chip);color:var(--marfil)}
.chip.ok,.chip.Verde{background:#123524;color:#9FF0C4}
.chip.warn,.chip.Amarillo{background:#3A2E0E;color:#FFE08A}
.chip.bad,.chip.Rojo{background:#3E1813;color:#FFB4A8}
.chip.muted{background:#1A2220;color:var(--muted)}
input[type=text],input[type=password],input[type=date],input[type=number],input[type=url],select,textarea{background:#0A100E;color:var(--marfil);border-color:var(--line)}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(26,194,179,.55);outline-offset:1px}
.btn{background:var(--oro);color:#1A1408;font-weight:600}
.btn:hover{background:#FFDC8F}
.btn.sec{background:transparent;color:var(--oro);border:1px solid var(--oro2)}
.btn.sec:hover{background:rgba(255,206,106,.1)}
.btn.peligro{background:#C2412D;color:#fff}
pre{background:#0A100E;border-color:var(--line);color:var(--marfil)}
.doc-lineas div span.n{color:#5F6A64}
.doc-lineas div.hit,mark{background:rgba(255,206,106,.25);color:var(--marfil)}
details summary{color:var(--turq2)}
footer{color:#6F7A73}
.marca-entrada{text-align:center;margin:24px auto 8px;max-width:560px}
.marca-entrada img{width:100%;max-width:520px;height:auto}
.marca-entrada .siglas{color:var(--muted);font-size:13px;margin-top:6px}
/* Portada (imagen de referencia) solo en la pantalla de entrada */
.marca-portada{max-width:980px;margin:8px auto 0;text-align:center}
.marca-portada img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--line);box-shadow:0 0 60px rgba(255,206,106,.10)}
.marca-portada .eslogan{font-family:"Josefin Sans",sans-serif;font-weight:300;letter-spacing:.12em;color:var(--oro);font-size:clamp(16px,2.6vw,22px);margin:14px 0 2px}
.marca-portada .siglas{color:var(--muted);font-size:13px;margin:0}
@media print{body{background:#fff;color:#1A1408}}
/* Entrada (etapa 1 del rediseno): boton principal en degradado oro a turquesa */
.btn-principal,.btn-principal:hover{background:linear-gradient(90deg,#FFCE6A,#1AC2B3);color:#06110F;font-weight:700;border:none}
.btn-principal:hover{filter:brightness(1.08)}
.btn-principal:focus-visible,.intro-saltar:focus-visible{outline:2px solid var(--turq2);outline-offset:2px}
.tarjeta-entrada{box-shadow:0 0 50px rgba(255,206,106,.07)}
.tarjeta-entrada h1{text-align:center;letter-spacing:.14em;margin-top:0}
.intro-portada .intro-imagen{border:1px solid var(--line);box-shadow:0 0 60px rgba(255,206,106,.10)}
.intro-portada .eslogan{font-family:"Josefin Sans",sans-serif;font-weight:300;letter-spacing:.12em;color:var(--oro);font-size:clamp(18px,3vw,26px);margin:16px 0 4px}
.intro-saltar{font-family:Inter,sans-serif;border-color:var(--oro2);color:var(--marfil)}
body.con-intro footer{display:none}
.marca-portada.compacta{max-width:420px}
.intro-modulo{background:linear-gradient(90deg,rgba(255,206,106,.09),rgba(26,194,179,.05));border-image:linear-gradient(180deg,#FFCE6A,#1AC2B3) 1;color:#E9E3CC}
header.top details.grupo>summary{color:var(--marfil);opacity:.8}
header.top details.grupo>summary:hover,header.top details.grupo.activa>summary,header.top details.grupo[open]>summary{background:rgba(255,206,106,.12);color:var(--oro);opacity:1}
header.top details.grupo>.sub{background:#0B110F;border-color:var(--line)}
