:root{--negro:#0D0D0D;--naranja:#E8830A;--gris:#444;--fondo:#F6F5F3;--borde:#D9D6D0;--blanco:#fff;
--ok:#14532D;--ok-bg:#DDF1E4;--aviso:#7A4500;--aviso-bg:#FFEBC7;--mal:#8E1B16;--mal-bg:#FADAD7;--neutro-bg:#ECEAE6}
*{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--negro);background:var(--fondo)}
a{color:var(--negro)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--naranja);outline-offset:2px}
.salto{position:absolute;left:-999px;top:0;background:var(--negro);color:#fff;padding:.5rem 1rem;z-index:10}
.salto:focus{left:0}
header.sup{background:var(--negro);color:#fff;border-bottom:4px solid var(--naranja)}
.sup .in{max-width:1100px;margin:0 auto;padding:.75rem 16px;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;justify-content:space-between}
.marca{font-weight:700;font-size:1.1rem;letter-spacing:.01em}
.marca span{color:var(--naranja)}
.sup nav{display:flex;gap:.25rem;flex-wrap:wrap}
.sup nav a{color:#fff;text-decoration:none;padding:.4rem .8rem;border-radius:6px}
.sup nav a[aria-current=page]{background:var(--naranja);color:var(--negro);font-weight:600}
.sup nav a:hover{text-decoration:underline}
main{max-width:1100px;margin:0 auto;padding:1.25rem 16px 4rem}
main:focus{outline:none}
h1{font-size:1.6rem;margin:.2rem 0 .4rem}
h2{font-size:1.2rem;margin:1.6rem 0 .6rem}
.fila{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;align-items:flex-start}
.card{background:var(--blanco);border:1px solid var(--borde);border-radius:10px;padding:1rem 1.1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}
a.card{text-decoration:none;display:block}
a.card:hover{border-color:var(--naranja)}
a.card h2{margin:.4rem 0 .1rem}
.vacio{text-align:center;padding:2rem 1rem}
.btn{background:var(--negro);color:#fff;border:2px solid var(--negro);border-radius:8px;padding:.5rem 1rem;font:inherit;font-weight:600;cursor:pointer}
.btn:hover{background:var(--naranja);border-color:var(--naranja);color:var(--negro)}
.btn.sec{background:#fff;color:var(--negro)}
.btn.sec:hover{background:var(--neutro-bg);border-color:var(--negro)}
.btn.peq{padding:.2rem .6rem;font-size:.9rem}
.btn.peligro{background:#fff;color:var(--mal);border-color:var(--mal)}
.btn.peligro:hover{background:var(--mal-bg)}
.enlace{background:none;border:0;padding:0;font:inherit;text-decoration:underline;cursor:pointer;color:inherit}
.badge{display:inline-block;padding:.05rem .55rem;border-radius:99px;font-size:.82rem;font-weight:600;background:var(--neutro-bg);white-space:nowrap}
.badge.ok{background:var(--ok-bg);color:var(--ok)}
.badge.aviso{background:var(--aviso-bg);color:var(--aviso)}
.badge.mal{background:var(--mal-bg);color:var(--mal)}
.tabs{display:flex;gap:.25rem;border-bottom:2px solid var(--borde);margin:1rem 0}
.tabs a{padding:.5rem 1rem;text-decoration:none;border-bottom:4px solid transparent;margin-bottom:-2px}
.tabs a[aria-current=page]{border-bottom-color:var(--naranja);font-weight:700}
.tabla{overflow-x:auto;background:var(--blanco);border:1px solid var(--borde);border-radius:10px}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{padding:.5rem .7rem;border-bottom:1px solid var(--borde);text-align:left;vertical-align:top}
thead th{background:var(--neutro-bg);font-size:.85rem}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}
tbody th{white-space:nowrap}
td.acc{white-space:nowrap}
td.acc .btn{margin:0 .1rem}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.8rem;margin:.8rem 0}
.kpi{background:var(--blanco);border:1px solid var(--borde);border-radius:10px;padding:.8rem 1rem;display:flex;flex-direction:column}
.kpi-n{font-size:1.9rem;font-weight:800;line-height:1.1}
.kpi-t{font-weight:600}
.kpi small{color:var(--gris)}
.kpi.mal{border-color:var(--mal);background:var(--mal-bg)}
.kpi.ok{border-color:var(--ok)}
.barra{height:8px;background:var(--neutro-bg);border-radius:99px;overflow:hidden;min-width:90px}
.barra i{display:block;height:100%;background:var(--ok)}
.barra.aviso i{background:#C47A00}
.barra.mal i{background:var(--mal)}
.banner{border-radius:8px;padding:.6rem .9rem;margin:0 0 1rem;font-size:.95rem}
.banner.aviso{background:var(--aviso-bg);color:var(--aviso)}
.banner.mal{background:var(--mal-bg);color:var(--mal)}
.banner.info{background:var(--neutro-bg)}
.nota{color:var(--gris);font-size:.9rem}
dialog{border:0;border-radius:12px;padding:0;max-width:560px;width:calc(100% - 24px);max-height:92vh;overflow:auto;box-shadow:0 10px 40px rgba(0,0,0,.35)}
dialog::backdrop{background:rgba(0,0,0,.55)}
dialog form{padding:1.2rem 1.3rem}
dialog h2{margin-top:0}
.campo{margin:0 0 .85rem}
.campo label{display:block;font-weight:600;margin-bottom:.2rem}
.campo small{display:block;color:var(--gris)}
.campo input:not([type=checkbox]),.campo select{width:100%;font:inherit;padding:.45rem .55rem;border:2px solid #8a867f;border-radius:6px;background:#fff}
.campo.check label{font-weight:400;display:flex;gap:.5rem;align-items:flex-start}
fieldset{border:1px solid var(--borde);border-radius:8px;margin:0 0 .85rem;padding:.5rem .8rem}
fieldset label{display:flex;gap:.5rem;font-weight:400;padding:.1rem 0}
legend{font-weight:600;padding:0 .3rem}
.acciones{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1rem;flex-wrap:wrap}
.error{color:var(--mal);font-weight:600;margin:.4rem 0 0}
#toast{position:fixed;left:50%;bottom:1.2rem;transform:translateX(-50%);background:var(--negro);color:#fff;padding:.6rem 1.1rem;border-radius:8px;z-index:20;max-width:92vw}
#toast:empty{display:none}
details{background:var(--blanco);border:1px solid var(--borde);border-radius:10px;padding:.6rem 1rem;margin:1rem 0}
summary{cursor:pointer;font-weight:600}
.informe{background:#fff;border:1px solid var(--borde);border-radius:10px;padding:1.5rem 1.8rem}
.informe h1{font-size:1.4rem}
.informe h2{font-size:1.05rem;margin-top:1.2rem}
.informe .pie{margin-top:1.5rem;padding-top:.8rem;border-top:1px solid var(--borde);font-size:.85rem;color:var(--gris)}
@media print{
  body{background:#fff;font-size:11pt}
  header.sup,.tabs,.no-print,.banner,#toast{display:none!important}
  main{padding:0;max-width:none}
  .informe{border:0;padding:0}
  .tabla{border:0;overflow:visible}
}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
a.btn{display:inline-block;text-decoration:none}
.estado{font-size:.85rem;padding:.15rem .7rem;border-radius:99px;background:#2a2a2a;color:#fff}
.estado:empty{display:none}
.estado.aviso{background:var(--aviso-bg);color:var(--aviso)}
.estado.mal{background:var(--mal-bg);color:var(--mal)}