/* ═══════════════════════════════════════════════════════════════════
   Nuestro análisis · Resultado fiscal y Los supuestos del presupuesto
   Se carga después de estilos.css y usa sólo sus tokens (estetica-v7).
   Mismo tratamiento que "Quién gana y quién pierde": kicker con línea,
   titular sin caja, gráfico sobre la superficie del bloque (#1E1E1E).
   ═══════════════════════════════════════════════════════════════════ */

/* ═══ COYUNTURA DEL CAPÍTULO "EL MODELO" ═══ */
.capitulo__coyuntura { margin-top: var(--s-4); }

/* ═══ BLOQUES ═══ */
.macro {
  /* El borde de los puntos del gráfico separa dos valores pegados (29% y 30%):
     tiene el color de la superficie para que no se lea como contorno. */
  --macro-fondo: var(--c-oscuro);
  margin-top: var(--s-9);
}
.macro + .macro { margin-top: var(--s-8); }
.macro__titular {
  margin-top: var(--s-3);
  max-width: 30em;
  font: 850 var(--fs-3) / var(--lh-titulo-chico) var(--font-display);
  font-stretch: 68%;
}
.macro__bajada { margin-top: var(--s-3); max-width: var(--ancho-texto); font: 400 var(--fs-1) / 1.5 var(--font-texto); color: var(--c-sobre-oscuro-2); }
.macro__figura { margin: var(--s-5) 0 0; max-width: 880px; }
/* Alto reservado mientras se dibuja (sin JS, el lienzo queda vacío y no ocupa). */
.js .macro__lienzo[data-macro="fiscal"]:empty { min-height: 320px; }
.js .macro__lienzo[data-macro="pautas"]:empty { min-height: 420px; }
.macro__svg { display: block; margin-top: var(--s-4); overflow: visible; }
.macro__svg + .macro__svg { margin-top: var(--s-6); }
.macro__fuente { margin-top: var(--s-3); font-size: var(--fs-0); line-height: 1.45; color: var(--c-sobre-oscuro-2); }
.macro__dolar { margin-top: var(--s-5); max-width: var(--ancho-texto); font: 400 var(--fs-1) / 1.5 var(--font-texto); }

/* ═══ LEYENDA ═══ */
.macro__leyenda {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-2) var(--s-5);
  font: 600 var(--fs-0) / 1.3 var(--font-display);
  font-stretch: 87%;
}
.macro__leyenda li { display: inline-flex; align-items: center; gap: var(--s-2); }
.macro__muestra { flex: none; width: 12px; height: 12px; }
.macro__muestra--primario { background: var(--d-suba-osc); }
.macro__muestra--financiero { background: #FFFFFF; }
.macro__muestra--deficit { background: var(--dato-baja-oscuro); }
.macro__muestra--presupuesto, .macro__muestra--hoy, .macro__muestra--rem { border-radius: 50%; }
.macro__muestra--presupuesto { background: #FFFFFF; }
.macro__muestra--hoy { background: var(--c-celeste); }
.macro__muestra--rem { background: var(--dato-baja-oscuro); }