/* Bahía — compilado desde tokens.json del Design System (revisión 3). No editar a mano: cambiar tokens.json y recompilar. */
:root{
  --navy:#092b55;
  --marca:#142b6b;
  --blue:#0758a8;
  --cyan:#007e92;
  --ink:#17324d;
  --muted:#5c6e80;
  --line:#dce4ec;
  --line-strong:#c9d8e8;
  --surface:#ffffff;
  --surface-soft:#f0f5f9;
  --surface-banda:#e8eff6; /* banda "Hablemos": un paso más que surface-soft, para no pegarse a la última sección */
  --accent-soft:#edf4fa;
  --eje-habitable:#9e3b2b;
  --eje-habitable-soft:#f7e9e6;
  --eje-productiva:#c28a0a;
  --eje-productiva-soft:#f8f0d9;
  --eje-cuida:#b5386f;
  --eje-cuida-soft:#f8e8ef;
  --eje-verde:#2f7d4a;
  --eje-verde-soft:#e8f3ec;
  --eje-segura:#4d4fa3;
  --eje-segura-soft:#ebebf6;
  --eje-participativa:#0b7f8b;
  --eje-participativa-soft:#e3f2f3;
  --eje-cultural:#7a3fae;
  --eje-cultural-soft:#f0e8f7;
  --eje-deportiva:#1f78c2;
  --eje-deportiva-soft:#e6f0fa;
  --eje-respuesta:#566b7f;
  --eje-respuesta-soft:#eceff2;
  --ria:#0b8f9c;
  --ria-deep:#06616b;
  --papel:#f4efe6;
  --papel-line:#e3dccd;
  --tinta:#0d1b2a;
  --accion:#12b5d6;
  --accion-hover:#5fd2ea;
  --accion-ink:#06233f;
  --aviso:#fff3c9;
  --aviso-ink:#593300;
  --aviso-line:#d9aa31;
  --alerta-amarillo:#fff3c9;
  --alerta-naranja:#ffad59;
  --alerta-rojo:#a92332;
  --tema-salud:#b4263a;
  --tema-comunidad:#c7631b;
  --tema-seguridad:#4a4f7a;
  --focus:#00a9bc;
  --borde-foto:#092b5526; /* borde sutil de las fotos de noticias: delimita las de fondo claro */
  --on-navy:#d6e2ef;
  --on-navy-muted:#b9cbdd;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  --wrap:1200px;
  --radius-xs:3px;
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:14px;
  --radius-pill:999px;
  --shadow-ficha:0 30px 70px #02132a55;
  --shadow-panel:0 24px 60px #092b5522;
  --shadow-accion:0 10px 30px #12b5d640;
  --font-sans:Neuwelt, Arial, sans-serif;
}
.display-xl{font-size:118px;line-height:0.92;font-weight:700;font-family:var(--font-sans);letter-spacing:-0.045em}
.display{font-size:80px;line-height:0.96;font-weight:700;font-family:var(--font-sans);letter-spacing:-0.04em}
.display-sm{font-size:54px;line-height:1.05;font-weight:700;font-family:var(--font-sans);letter-spacing:-0.03em}
.h2{font-size:42px;line-height:1.08;font-weight:700;font-family:var(--font-sans);letter-spacing:-0.02em}
.h3{font-size:25px;line-height:1.15;font-weight:700;font-family:var(--font-sans);letter-spacing:-0.025em}
.h4{font-size:18px;line-height:1.2;font-weight:700;font-family:var(--font-sans);letter-spacing:-0.01em}
.lead{font-size:19px;line-height:1.55;font-weight:400;font-family:var(--font-sans)}
.body-lg{font-size:17px;line-height:1.6;font-weight:400;font-family:var(--font-sans)}
.body{font-size:16px;line-height:1.55;font-weight:400;font-family:var(--font-sans)}
.small{font-size:14px;line-height:1.5;font-weight:400;font-family:var(--font-sans)}
.caption{font-size:13px;line-height:1.45;font-weight:400;font-family:var(--font-sans)}
.eyebrow{font-size:11px;line-height:1;font-weight:700;font-family:var(--font-sans);letter-spacing:0.16em;text-transform:uppercase}
.tag{font-size:11px;line-height:1;font-weight:700;font-family:var(--font-sans);letter-spacing:0.14em;text-transform:uppercase}
.numeral{font-size:34px;line-height:1;font-weight:700;font-family:var(--font-sans);letter-spacing:-0.04em}