@import url('/fonts/fuentes-v2.css');
:root{--fondo:#0b0d0c;--panel:#121512;--panel2:#171b17;--linea:rgba(231,201,143,.18);--marfil:#f5f1ea;--tenue:#a9a294;--oro:#e7c98f;--oro2:#c9a56a;--verde:#7fbf9a;--terra:#d98a74;--azul:#8fb4d9}
*{box-sizing:border-box}
html,body{margin:0;background:var(--fondo);color:var(--marfil);font:15px/1.5 'Inter Tight',system-ui,sans-serif}
body{background:radial-gradient(900px 500px at 85% -10%,rgba(231,201,143,.10),transparent 70%),var(--fondo);min-height:100vh}
button{font:inherit;color:inherit;cursor:pointer}
.serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400}
.top{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;padding:18px max(16px,3vw);border-bottom:1px solid var(--linea)}
.marca{display:flex;align-items:center;gap:14px}
.mono{width:46px;height:46px;border-radius:50%;border:1px solid var(--oro);display:grid;place-items:center;font-family:'Instrument Serif',Georgia,serif;font-size:26px;color:var(--oro)}
#brand{font-family:'Instrument Serif',Georgia,serif;font-size:26px;letter-spacing:.12em;color:var(--oro);line-height:1}
#kind{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--tenue)}
.der{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#badge{font:500 11px/1 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--terra);border:1px solid rgba(217,138,116,.45);padding:7px 10px;border-radius:20px}
#hoy{color:var(--tenue);font-size:13px}
#langs{display:flex;gap:6px}
#langs button{background:none;border:1px solid var(--linea);border-radius:18px;padding:5px 11px;font-size:12px;letter-spacing:.1em;color:var(--tenue)}
#langs button.on{background:var(--oro);color:#14110d;border-color:var(--oro)}
main{padding:22px max(16px,3vw) 40px;display:grid;gap:22px;max-width:1280px;margin:0 auto}
#kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.kpi{background:var(--panel);border:1px solid var(--linea);border-radius:14px;padding:14px 16px}
.kpi b{display:block;font-family:'Instrument Serif',Georgia,serif;font-size:34px;line-height:1;color:var(--oro);font-weight:400}
.kpi span{font-size:13px;color:var(--tenue)}
.kpi.warn b{color:var(--terra)}
#tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
#tabs button{flex:0 0 auto;display:flex;gap:8px;align-items:center;background:var(--panel);border:1px solid var(--linea);border-radius:12px;padding:10px 14px;color:var(--tenue)}
#tabs button i{font-style:normal}
#tabs button.on{background:linear-gradient(120deg,#f1d9a6,#e7c98f 60%,#d4b47a);color:#14110d;border-color:transparent}
#vista{background:var(--panel);border:1px solid var(--linea);border-radius:18px;padding:22px clamp(16px,2.5vw,30px)}
.vista-cab h2{margin:0;font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(28px,3.2vw,40px);line-height:1.05}
.vista-cab p{margin:6px 0 18px;color:var(--tenue);max-width:70ch}
.lista{display:grid;gap:8px}
.fila{display:grid;grid-template-columns:86px 1fr auto;gap:14px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--panel2);border:1px solid rgba(255,255,255,.04)}
.fila.hecho{opacity:.5}
.fila.hecho .cuerpo b{text-decoration:line-through}
.hora{font:500 14px 'JetBrains Mono',monospace;color:var(--oro)}
.cuerpo b{display:block;font-weight:600}
.cuerpo span{display:block;color:var(--tenue);font-size:13.5px}
.cuerpo em{display:block;font-style:normal;color:var(--oro);font-size:13px;margin-top:3px}
.estado{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.chip{font-size:12px;padding:3px 10px;border-radius:12px;border:1px solid currentColor;white-space:nowrap}
.chip.ok{color:var(--verde)} .chip.warn{color:var(--terra)} .chip.info{color:var(--azul)} .chip.oro{color:var(--oro)}
.accion{background:none;border:1px solid var(--linea);border-radius:10px;padding:6px 10px;font-size:13px;color:var(--marfil)}
.accion:hover{border-color:var(--oro)}
.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.tarjeta{text-align:left;display:grid;gap:6px;justify-items:start;background:var(--panel2);border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:16px}
.tarjeta:hover{border-color:var(--oro)}
.t-nombre{font-family:'Instrument Serif',Georgia,serif;font-size:24px;line-height:1.05}
.t-sub{color:var(--tenue);font-size:13px}
.t-nota{color:var(--oro);font-size:13px}
.bloque{background:var(--panel2);border-radius:14px;padding:14px 16px;margin-bottom:12px}
.bloque-cab{display:flex;justify-content:space-between;margin-bottom:8px}
.bloque-cab span{font:500 13px 'JetBrains Mono',monospace;color:var(--oro)}
.check{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-top:1px solid rgba(255,255,255,.05);cursor:pointer}
.check input{accent-color:#e7c98f;width:18px;height:18px;margin-top:2px}
.check input:checked+span{color:var(--tenue);text-decoration:line-through}
.msg-wrap{display:grid;grid-template-columns:260px 1fr;gap:16px}
.msg-lista{display:grid;gap:8px;align-content:start}
.msg-op{text-align:left;background:var(--panel2);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:10px 12px}
.msg-op.on{border-color:var(--oro);color:var(--oro)}
.msg-vista{background:var(--panel2);border-radius:14px;padding:16px}
.msg-meta{color:var(--tenue);font-size:13px;margin-bottom:10px}
pre{white-space:pre-wrap;font:15px/1.6 'Inter Tight',system-ui,sans-serif;margin:0 0 14px;color:var(--marfil)}
.btn-oro{background:var(--oro);color:#14110d;border:0;border-radius:10px;padding:10px 16px;font-weight:600}
.informe{display:grid;gap:16px}
.inf-cab{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}
.inf-cab h3{margin:4px 0;font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:30px}
.inf-cab p{margin:0;color:var(--tenue)}
.lbl{font:500 11px 'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--oro)}
.inf-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.inf-cifras div{background:var(--panel2);border-radius:12px;padding:14px}
.inf-cifras b{display:block;font-family:'Instrument Serif',Georgia,serif;font-size:30px;font-weight:400;color:var(--oro)}
.inf-cifras span{font-size:13px;color:var(--tenue)}
.inf-lista{margin:0;padding-left:20px;display:grid;gap:6px}
.pie-nota{color:var(--tenue);font-size:13px;margin:14px 0 0}
footer{text-align:center;color:var(--tenue);font-size:12.5px;padding:0 16px 28px}
footer a{color:var(--oro)}
@media (max-width:720px){
  .fila{grid-template-columns:1fr;gap:6px}
  .estado{justify-content:flex-start}
  .msg-wrap{grid-template-columns:1fr}
  .msg-lista{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
}
@media print{body{background:#fff;color:#000}.top,#kpis,#tabs,footer,.btn-oro{display:none}#vista{border:0;background:#fff;color:#000}}
.extra{display:grid;gap:4px;text-decoration:none;color:var(--marfil);background:linear-gradient(120deg,rgba(231,201,143,.12),rgba(231,201,143,.03));border:1px solid var(--linea);border-radius:18px;padding:20px 24px}
.extra b{font-size:30px;line-height:1.1}
.extra span:not(.lbl){color:var(--tenue)}
.extra i{font-style:normal;color:var(--oro);margin-top:4px}
.extra:hover{border-color:var(--oro)}