/* Radar de Gasto Público · chrome compartido — unifica el "shell" (superficies, tipografía IBM Plex,
   header + nav en pills) de los tableros que tienen CSS propio: organigrama, mapa,
   matriz, territorial, ciudad, ministerios. Se enlaza DESPUÉS del <style> inline de
   cada página para ganar la cascada sin reescribir sus visualizaciones bespoke.
   Rediseño 2026-07 · alineado con assets/sector.css. */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap');

/* ── Tokens unificados: cubre los nombres de AMBAS familias (blue/neutral y warm gold) ── */
:root{
  --bg:#0a0c0f; --bg1:#0a0c0f;
  --panel:#101318; --panel2:#171b22; --raise:#12161c;
  --line:#242a33; --line2:#1e242c;
  --txt:#eef1f5; --ink:#eef1f5;
  --mut:#aab3bf; --muted:#aab3bf; --mut2:#8b95a3; --faint:#5c6470;
  /* acento unificado a azul (los links/nav de todos los tableros quedan iguales) */
  --accent:#6ea8fe; --accent-2:#4fce9a; --gold:#6ea8fe; --accent2:#a9cbff;
  --accent-soft:rgba(110,168,254,.13);
  /* semáforo (nombres es/en) */
  --ok:#4fce9a; --verde:#4fce9a;
  --warn:#e7c14a; --amarillo:#e7c14a;
  --bad:#f0616d; --rojo:#f0616d;
  --naranja:#f2984f; --gris:#8b95a3;
  --sans:'IBM Plex Sans',system-ui,-apple-system,sans-serif;
  --mono:'IBM Plex Mono','SFMono-Regular',ui-monospace,monospace;
}

/* ── Tipografía base ── */
body{font-family:var(--sans) !important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body,html{background:var(--bg)}

/* ── Header ── */
header{background:rgba(10,12,15,.86) !important;border-bottom:1px solid var(--line) !important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
header h1{font-weight:700 !important;letter-spacing:-.01em;color:var(--txt)}
.tag{font:600 10.5px/1 var(--mono);color:var(--accent2);background:var(--accent-soft);
  border:1px solid #2b405a;border-radius:20px;padding:6px 10px;letter-spacing:.02em}

/* ── Nav (cubre .nav a / #nav a / .navlink de las tres variantes) ── */
.nav a,#nav a,.navlink{font-family:var(--sans);font-size:12px;color:var(--mut2);
  border:1px solid var(--line) !important;border-radius:999px !important;
  padding:5px 12px !important;display:inline-flex;align-items:center;gap:6px;
  background:transparent !important;transition:border-color .15s,color .15s;line-height:1.6}
.nav a:hover,#nav a:hover,.navlink:hover{color:var(--txt) !important;border-color:#39424f !important;
  background:transparent !important;text-decoration:none}
.nav a.home,#nav a.home,.navlink.home{color:var(--accent2) !important;border-color:#2b405a !important}
.nav a.active,#nav a.active,.navlink.active{color:var(--txt) !important;border-color:var(--txt) !important;
  background:transparent !important;font-weight:600}
.navlink svg,#nav a svg{width:15px;height:15px}
/* menú desplegable "Entidades ▾" que traen organigrama/mapa/matriz */
.dd summary{font-family:var(--sans);color:var(--mut2)}
.dd .menu{background:var(--panel2);border:1px solid var(--line);border-radius:12px}
.dd .menu a{color:var(--mut)} .dd .menu a:hover{color:var(--txt)}