/* Gobierno · Orden Global
   El mismo sistema que /safe y que el informe de la Junta: obsidiana, marfil y un oro preciso (#C9A961).
   Cinzel para los títulos, Fraunces para las cifras y los lemas, Archivo para el texto, JetBrains Mono para direcciones.
   Contraste AA sobre --obsidiana y --superficie. Sin recursos externos: todo se sirve desde este mismo servidor. */
@font-face{font-family:"Cinzel";font-weight:400 900;font-display:swap;src:url(/gobierno/fuentes/cinzel-normal-latin.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url(/gobierno/fuentes/fraunces-normal-latin.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;src:url(/gobierno/fuentes/fraunces-italic-latin.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/gobierno/fuentes/archivo-latin.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:100 800;font-display:swap;src:url(/gobierno/fuentes/jetbrains-mono-latin.woff2) format("woff2")}
:root{
  --obsidiana:#07080A;--superficie:#0D0F12;--superficie-2:#121519;--elevada:#171B20;--hundida:#050607;
  --linea:rgba(239,231,214,.08);--linea-2:rgba(239,231,214,.14);--linea-oro:rgba(201,169,97,.34);--linea-oro-2:rgba(201,169,97,.6);
  --marfil:#EFE7D6;--marfil-2:#BDB5A4;--marfil-3:#9A9384;
  --oro:#C9A961;--oro-fuerte:#E2C98C;--oro-hondo:#9C7B3A;--oro-tinte:rgba(201,169,97,.09);--oro-tinte-2:rgba(201,169,97,.18);
  --bien:#5CC79E;--bien-tinte:rgba(92,199,158,.12);--aviso:#E8B65A;--aviso-tinte:rgba(232,182,90,.12);--mal:#F08474;--mal-tinte:rgba(240,132,116,.12);--info:#8FBAD8;--info-tinte:rgba(143,186,216,.12);
  --titulo:"Cinzel",ui-serif,Georgia,serif;--cifra:"Fraunces",ui-serif,Georgia,serif;--texto:"Archivo",ui-sans-serif,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;
  --r:14px;--r-g:20px;--ancho:1180px;
  --sombra:0 1px 0 rgba(255,255,255,.035) inset,0 30px 60px -32px rgba(0,0,0,.9);
  --caja-fondo:radial-gradient(120% 140% at 100% 0%,rgba(201,169,97,.10) 0%,transparent 46%),linear-gradient(180deg,#111317 0%,#0B0C0F 100%);
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--obsidiana);color:var(--marfil)}
body{font:15px/1.6 var(--texto);font-variant-numeric:tabular-nums lining-nums;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;
  background-image:radial-gradient(70% 50% at 85% -10%,rgba(201,169,97,.10),transparent 60%),radial-gradient(60% 40% at -10% 0%,rgba(201,169,97,.05),transparent 60%)}
a{color:var(--oro);text-decoration:none}a:hover{color:var(--oro-fuerte)}
button,input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}
::selection{background:var(--oro-tinte-2)}
:focus-visible{outline:2px solid var(--oro);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono{font-family:var(--mono);font-size:12.5px;letter-spacing:0;word-break:break-all}
.tenue{color:var(--marfil-2)}.muy-tenue{color:var(--marfil-3)}
.saltar{position:fixed;left:16px;top:12px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--oro);color:#16110A;font-weight:600;transform:translateY(-200%)}
.saltar:focus{transform:none}

/* ─── Barra superior ─────────────────────────────────────────────────── */
.barra{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:rgba(7,8,10,.82);border-bottom:1px solid var(--linea)}
.barra .dentro{max-width:var(--ancho);margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:18px}
.marca{display:flex;align-items:center;gap:12px;color:var(--marfil)}
.marca img{height:22px;width:auto}
.marca b{font-family:var(--titulo);font-weight:600;letter-spacing:.16em;font-size:14px;text-transform:uppercase}
.marca span{font-size:12px;color:var(--marfil-3);letter-spacing:.04em}
.barra nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.barra nav a{padding:8px 12px;border-radius:10px;color:var(--marfil-2);font-size:14px}
.barra nav a:hover{background:var(--oro-tinte);color:var(--marfil)}
.barra nav a[aria-current="page"]{color:var(--oro-fuerte);background:var(--oro-tinte)}
.quien{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--marfil-2)}
.quien .rol{font-family:var(--titulo);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--oro);border:1px solid var(--linea-oro);border-radius:999px;padding:3px 9px}

/* ─── Estructura ─────────────────────────────────────────────────────── */
main{max-width:var(--ancho);margin:0 auto;padding:40px 24px 80px}
.eti{font-family:var(--titulo);font-weight:600;font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--oro)}
h1,h2,h3{font-family:var(--titulo);font-weight:600;letter-spacing:.02em;margin:0;color:#F3E9D2}
h1{font-size:clamp(32px,5vw,52px);line-height:1.05}
h2{font-size:24px;line-height:1.15;margin-bottom:6px}
h3{font-size:16px;letter-spacing:.06em}
.lema{font-family:var(--cifra);font-style:italic;font-weight:350;font-size:clamp(18px,2.2vw,22px);line-height:1.45;color:#E9DDC2;max-width:720px;margin:14px 0 0}
.filete{height:1px;width:120px;background:linear-gradient(90deg,var(--oro),transparent);margin:18px 0 26px}
.cabeza{display:flex;gap:28px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:34px}
.cabeza .logo-emp{height:64px;width:auto;opacity:.95}
.seccion{margin-top:44px}
.seccion > .titulo{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.rejilla{display:grid;gap:18px}
.r2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.r3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}

/* ─── Tarjetas con doble filete (como el informe) ────────────────────── */
.tarjeta{position:relative;background:var(--caja-fondo);border:1px solid var(--linea-oro);border-radius:var(--r-g);padding:26px 26px 24px;box-shadow:var(--sombra)}
.tarjeta::after{content:"";position:absolute;inset:5px;border:1px solid rgba(201,169,97,.12);border-radius:calc(var(--r-g) - 5px);pointer-events:none}
.tarjeta.llana{background:var(--superficie);border-color:var(--linea-2)}
.tarjeta.llana::after{display:none}
.tarjeta h3{margin-bottom:6px}
.tarjeta .para{color:var(--marfil-2);font-size:14px;margin:4px 0 16px}
.cifra{font-family:var(--cifra);font-weight:380;font-size:40px;line-height:1;letter-spacing:-.01em;color:#F3E9D2}
.cifra small{font-family:var(--titulo);font-size:13px;letter-spacing:.16em;color:var(--oro);margin-left:8px}
.dato{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid var(--linea);font-size:14px}
.dato:first-of-type{border-top:0}
.dato span:first-child{color:var(--marfil-3)}

/* Anillo de umbral: cinco puntos, los necesarios en oro */
.anillo{display:flex;align-items:center;gap:16px;margin:6px 0 14px}
.anillo svg{width:76px;height:76px;flex:none}
.anillo .num{font-family:var(--cifra);font-size:34px;line-height:1}
.anillo .num em{font-style:italic;color:var(--marfil-3);font-size:20px}
.anillo .txt{font-size:13px;color:var(--marfil-2)}

/* ─── Estados ────────────────────────────────────────────────────────── */
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.02em;padding:3px 10px;border-radius:999px;border:1px solid var(--linea-oro);color:var(--oro-fuerte);background:var(--oro-tinte);white-space:nowrap}
.chip.bien{color:var(--bien);border-color:rgba(92,199,158,.4);background:var(--bien-tinte)}
.chip.aviso{color:var(--aviso);border-color:rgba(232,182,90,.4);background:var(--aviso-tinte)}
.chip.mal{color:var(--mal);border-color:rgba(240,132,116,.45);background:var(--mal-tinte)}
.chip.info{color:var(--info);border-color:rgba(143,186,216,.4);background:var(--info-tinte)}
.alerta{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r);border:1px solid var(--linea-2);background:var(--superficie);margin-bottom:10px;font-size:14px}
.alerta.aviso{border-color:rgba(232,182,90,.35);background:var(--aviso-tinte)}
.alerta.mal{border-color:rgba(240,132,116,.4);background:var(--mal-tinte)}
.alerta.info{border-color:rgba(143,186,216,.3);background:var(--info-tinte)}
.vacio{padding:26px;text-align:center;color:var(--marfil-3);border:1px dashed var(--linea-2);border-radius:var(--r)}

/* ─── Tablas ─────────────────────────────────────────────────────────── */
.tabla{width:100%;border-collapse:collapse;font-size:14px}
.envoltura{overflow-x:auto;border:1px solid var(--linea-2);border-radius:var(--r);background:var(--superficie)}
.tabla th{font-family:var(--titulo);font-weight:600;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;text-align:left;color:var(--oro);padding:12px 14px;border-bottom:1px solid var(--linea-oro);white-space:nowrap}
.tabla td{padding:12px 14px;border-bottom:1px solid var(--linea);vertical-align:top}
.tabla tr:last-child td{border-bottom:0}
.tabla td.n,.tabla th.n{text-align:right}

/* ─── Botones y formularios ──────────────────────────────────────────── */
.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;border:1px solid var(--linea-oro-2);background:linear-gradient(180deg,#D6B979,#B8954F);color:#16110A;font-weight:650;cursor:pointer;letter-spacing:.01em}
.boton:hover{filter:brightness(1.07);color:#16110A}
.boton:disabled{opacity:.55;cursor:not-allowed}
.boton.sec{background:transparent;color:var(--oro-fuerte)}
.boton.sec:hover{background:var(--oro-tinte)}
.boton.peq{padding:7px 12px;font-size:13px;border-radius:10px}
.acciones{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.campo label{font-size:13px;color:var(--marfil-2);font-weight:550}
.campo input,.campo select,.campo textarea{background:var(--hundida);border:1px solid #6B665C;border-radius:10px;padding:10px 12px;color:var(--marfil)}
.campo textarea{min-height:110px;resize:vertical}
.campo .ayuda{font-size:12.5px;color:var(--marfil-3)}
fieldset{border:1px solid var(--linea-2);border-radius:var(--r);padding:16px 16px 4px;margin:0 0 14px}
legend{font-family:var(--titulo);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--oro);padding:0 8px}

/* ─── Entrada ────────────────────────────────────────────────────────── */
.entrada{max-width:560px;margin:8vh auto 0;text-align:center}
.entrada .tarjeta{text-align:left;margin-top:28px}
.entrada .logo-emp{height:72px}
.entrada ol{padding-left:20px;color:var(--marfil-2);font-size:14px}
.nota{font-size:13px;color:var(--marfil-3);margin-top:14px}
.garantia{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--marfil-2);border-top:1px solid var(--linea);padding-top:14px;margin-top:16px}
.garantia b{color:var(--oro-fuerte)}
details.tecnico summary{cursor:pointer;color:var(--oro);font-size:13px;margin-top:12px}
details.tecnico pre{white-space:pre-wrap;font-family:var(--mono);font-size:12px;background:var(--hundida);border:1px solid var(--linea-2);border-radius:10px;padding:12px;color:var(--marfil-2)}

/* ─── Selector de empresa ────────────────────────────────────────────── */
.empresas{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));margin-top:36px}
.empresa{display:flex;flex-direction:column;gap:14px;color:var(--marfil);transition:transform .18s ease,border-color .18s ease}
.empresa:hover{transform:translateY(-3px);border-color:var(--linea-oro-2);color:var(--marfil)}
.empresa .logo-emp{height:54px;width:auto;align-self:flex-start}
.empresa .pie{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.empresa .enlaces{display:flex;gap:16px;font-size:14px}

/* ─── Solicitudes ────────────────────────────────────────────────────── */
.solicitud{margin-bottom:16px}
.solicitud .cab{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.solicitud .id{font-family:var(--mono);font-size:12px;color:var(--marfil-3)}
.barra-voto{height:8px;border-radius:999px;background:var(--hundida);border:1px solid var(--linea-2);overflow:hidden;margin:12px 0 6px}
.barra-voto i{display:block;height:100%;background:linear-gradient(90deg,#9C7B3A,#E2C98C)}
.comentarios{border-top:1px solid var(--linea);margin-top:14px;padding-top:10px;font-size:14px}
.comentarios p{margin:6px 0}

/* ─── Pie ────────────────────────────────────────────────────────────── */
footer{max-width:var(--ancho);margin:0 auto;padding:28px 24px 48px;border-top:1px solid var(--linea);color:var(--marfil-3);font-size:13px;display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between}
footer .sello{font-family:var(--titulo);letter-spacing:.2em;font-size:11px;color:var(--oro-hondo);text-transform:uppercase}

@media (max-width:720px){
  .barra .dentro{flex-wrap:wrap;padding:12px 16px}
  .barra nav{order:3;width:100%;margin-left:0;overflow-x:auto;flex-wrap:nowrap}
  main{padding:28px 16px 64px}
  .tarjeta{padding:20px 18px}
  .cifra{font-size:32px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.p-oro{fill:#C9A961}.p-resto{fill:#2E2A22;stroke:rgba(201,169,97,.35);stroke-width:1}
.lista-oro{list-style:none;margin:0;padding:18px 26px}
.lista-oro li{position:relative;padding:9px 0 9px 22px;border-top:1px solid var(--linea)}
.lista-oro li:first-child{border-top:0}
.lista-oro li::before{content:"";position:absolute;left:2px;top:17px;width:7px;height:7px;transform:rotate(45deg);background:var(--oro)}

/* ─── Grupo: selector siempre visible y casas con su color ─────────────── */
body{--casa:#C9A961}
.selector{position:sticky;top:61px;z-index:19;background:rgba(10,11,13,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--linea)}
.selector .dentro{max-width:var(--ancho);margin:0 auto;padding:8px 24px;display:flex;gap:6px;overflow-x:auto}
.selector a{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid var(--linea-2);color:var(--marfil-2);font-size:14px;white-space:nowrap}
.selector a:hover{color:var(--marfil);border-color:var(--linea-oro)}
.selector a.activa{color:#F3E9D2;border-color:var(--casa);background:color-mix(in srgb,var(--casa) 14%,transparent)}
.selector a.sin{opacity:.5}
.selector .casa-g{font-family:var(--titulo);letter-spacing:.14em;font-size:12px;text-transform:uppercase}
.punto-casa{width:9px;height:9px;border-radius:50%;display:inline-block}
.rol-mini{font-size:11px;color:var(--marfil-3);border-left:1px solid var(--linea-2);padding-left:8px}
.filete{background:linear-gradient(90deg,var(--casa),transparent)}
.cabeza .eti{color:var(--casa)}
.grupo-rejilla{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}
.casa-bloque{border-color:color-mix(in srgb,var(--casa) 45%,transparent);border-top:3px solid var(--casa)}
.casa-bloque .eti{color:var(--casa)}
.casa-bloque.sin-acceso{opacity:.7}
.cab-casa{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.cab-casa .logo-emp{height:44px;width:auto}
.mini-caja{border-top:1px solid var(--linea);padding-top:10px;margin-top:10px}
.mini-caja .anillo svg{width:56px;height:56px}
.mini-caja .anillo .num{font-size:26px}
.chip-casa{display:inline-block;font-size:12px;font-weight:650;padding:2px 9px;border-radius:999px;color:var(--casa);border:1px solid color-mix(in srgb,var(--casa) 50%,transparent);background:color-mix(in srgb,var(--casa) 10%,transparent)}
tr.asientos td{background:var(--hundida);font-size:13px}
dialog.dialogo{max-width:640px;width:calc(100% - 32px);color:var(--marfil)}
dialog::backdrop{background:rgba(3,4,5,.72)}
@media (max-width:720px){.selector{top:auto;position:relative}.selector .dentro{padding:8px 16px}}