/* ============================================================
   PLANO ESTRATÉGICO — JOSÉ SALOMÃO · CÂMARA DOS DEPUTADOS / TO 2026
   Override do tema: acento VERMELHO (PT) sobre a base azul-marinho.
   Carregar DEPOIS de styles.css + v2.css + ataides.css.
   ============================================================ */

:root {
  /* acento principal → VERMELHO PT (antes laranja NOVO / azul-bandeira) */
  --green:     oklch(0.575 0.205 27);
  --green-dim: oklch(0.575 0.205 27 / 0.17);
}

/* marca / brand → vermelho */
.brand .mark { background: linear-gradient(150deg, var(--green), oklch(0.66 0.20 32)); box-shadow: 0 6px 16px -4px oklch(0.575 0.205 27 / 0.5); }
.brand .who span { color: var(--green); }

/* ---------------- abertura (intro com faixas tricolor do estado) ---------------- */
#intro { background: oklch(0.165 0.028 250); }
#intro .imark { background: linear-gradient(150deg, var(--green), oklch(0.66 0.20 32)); box-shadow: 0 14px 40px -8px var(--green); }
#intro .iname .ln.l2 b { color: var(--green); }
#intro .isub { color: var(--green); }
.mono-mark { font-family: var(--disp); font-weight: 700; color: #fff; letter-spacing: -0.02em; }

/* CTA de fim de página → vermelho */
.page-cta a {
  color: #fff;
  background: linear-gradient(135deg, var(--green), oklch(0.66 0.20 32));
  box-shadow: 0 12px 32px -8px oklch(0.575 0.205 27 / 0.6), inset 0 1px 0 rgb(255 255 255 / 0.28);
}
.page-cta a svg path { stroke: #fff; }
.page-cta a:hover { box-shadow: 0 18px 44px -8px oklch(0.575 0.205 27 / 0.7), inset 0 1px 0 rgb(255 255 255 / 0.4); }

/* ============================ ESTRATÉGIA DE VOTO CONCENTRADO (anéis) ============================ */
.tiers { display: flex; flex-direction: column; gap: 12px; margin: 18px 0 22px; }
.tier {
  position: relative; display: grid; grid-template-columns: 132px 1fr; gap: 22px;
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r);
  padding: 18px 22px; overflow: hidden;
}
.tier::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 4px; background: var(--green); }
.tier .tlabel { display: flex; flex-direction: column; gap: 4px; }
.tier .tk { font-family: var(--mono); font-size: 10px; letter-spacing: 0.13em; text-transform: uppercase; color: var(--green); }
.tier .tn { font-family: var(--disp); font-weight: 700; font-size: 19px; color: var(--ink); line-height: 1.05; letter-spacing: -0.01em; }
.tier .tdesc { font-size: 13.5px; color: var(--ink-3); margin: 0 0 8px; }
.tier .chips { margin-top: 2px; }
/* gradação de intensidade do núcleo para a borda */
.tier.t1 { background: var(--green-dim); border-color: oklch(0.575 0.205 27 / 0.4); }
.tier.t1 .tn { color: var(--green); }
.tier.t2::before { opacity: 0.78; }
.tier.t3::before { opacity: 0.55; }
.tier.t4 { background: var(--bg-2); border-style: dashed; }
.tier.t4::before { opacity: 0.32; }

/* selo / reconhecimento (TCE, enquete) */
.seal {
  display: inline-flex; align-items: center; gap: 9px;
  font-family: var(--mono); font-size: 11px; letter-spacing: 0.05em;
  padding: 7px 14px; border-radius: 8px; color: var(--violet);
  background: var(--violet-dim); border: 1px solid oklch(0.865 0.175 95 / 0.4);
}
.seal svg { width: 14px; height: 14px; }

@media (max-width: 860px) {
  .tier { grid-template-columns: 1fr; gap: 8px; }
}