:root{--bg:#0b0f14;--panel:#121821;--panel2:#182130;--line:#243044;
--tx:#e6edf7;--dim:#8b9bb4;--ok:#3ddc97;--warn:#ffc857;--bad:#ff6b6b;--acc:#5aa9ff}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1200px 600px at 20% -10%,#16233a 0%,var(--bg) 55%);
color:var(--tx);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
min-height:100vh}
.wrap{max-width:1040px;margin:0 auto;padding:40px 22px 80px}
a{color:var(--acc);text-decoration:none}
a:hover{text-decoration:underline}
header.cab{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:30px}
.kicker{color:var(--dim);font-size:12px;letter-spacing:.18em;text-transform:uppercase}
h1{font-size:30px;line-height:1.2;margin:8px 0 6px;font-weight:650;letter-spacing:-.02em}
.sub{color:var(--dim);font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:0 0 34px}
.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);
border-radius:14px;padding:18px 18px 16px}
.card .lbl{color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.card .big{font-size:26px;font-weight:650;margin:6px 0 4px;letter-spacing:-.01em}
.card .meta{color:var(--dim);font-size:13px}
.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.pill{font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid transparent}
.pill.ok{color:var(--ok);background:#3ddc9714;border-color:#3ddc9733}
.pill.warn{color:var(--warn);background:#ffc85714;border-color:#ffc85733}
.pill.bad{color:var(--bad);background:#ff6b6b14;border-color:#ff6b6b33}
.pill.info{color:var(--acc);background:#5aa9ff14;border-color:#5aa9ff33}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;vertical-align:middle;
box-shadow:0 0 0 3px #ffffff08}
.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}
.dot.bad{background:var(--bad)}.dot.info{background:var(--acc)}
.dot.upd{background:var(--warn)}.dot.unk{background:var(--dim)}
h2.seccion{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:var(--dim);
margin:34px 0 12px;font-weight:600}
.lista{display:flex;flex-direction:column;gap:8px}
.fila{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);
border-radius:11px;padding:13px 16px;transition:border-color .15s,transform .15s}
.fila:hover{border-color:#33507a;transform:translateY(-1px);text-decoration:none}
.fila .f{color:var(--dim);font-variant-numeric:tabular-nums;font-size:13px;min-width:128px}
.fila .t{flex:1;font-weight:550}
.fila .arrow{color:var(--dim)}
table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:14.5px}
th{text-align:left;color:var(--dim);font-weight:600;font-size:12px;text-transform:uppercase;
letter-spacing:.08em;border-bottom:1px solid var(--line);padding:8px 10px}
td{padding:9px 10px;border-bottom:1px solid #1b2534;vertical-align:top}
tr:last-child td{border-bottom:none}
td.icono{width:34px;text-align:center;font-size:15px}
td.detalle{color:var(--dim)}
.tabla-estado tr td:first-child{font-size:15px}
code{background:#0e1620;border:1px solid var(--line);border-radius:5px;padding:1px 6px;
font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#a9c8f0}
ul{padding-left:20px;margin:12px 0}
li{margin:5px 0}
h1+p,h2+p{margin-top:8px}
.volver{display:inline-flex;align-items:center;gap:7px;color:var(--dim);font-size:13.5px;
margin-bottom:18px}
.volver:hover{color:var(--acc)}
footer{margin-top:56px;padding-top:18px;border-top:1px solid var(--line);color:var(--dim);font-size:12.5px}
@media(max-width:560px){.fila .f{min-width:0;font-size:12px}.fila{flex-wrap:wrap;gap:6px}h1{font-size:24px}}