/* Rodada 16 — funil Check → Calculadora → Sessão Estratégica: a mesma trilha de três passos no topo
   das três páginas ("Qual problema? · Quanto pesa? · Como resolver?"), com o passo atual marcado. */
.fn-trail { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 4px; margin: 0 0 18px; padding: 0; font: 500 13px var(--f-body); color: var(--on-dark-mut); }
.fn-trail li { display: inline-flex; align-items: center; gap: 7px; }
.fn-trail li + li::before { content: ""; width: 18px; height: 1px; margin-right: 4px; background: rgba(255,255,255,.25); }
.fn-trail i { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; border: 1px solid rgba(255,255,255,.28); font: 600 11.5px var(--f-mono); font-style: normal; }
.fn-trail li[aria-current="step"] { color: #fff; }
.fn-trail li[aria-current="step"] i { border-color: var(--cyan); background: rgba(52,195,240,.16); color: var(--cyan); }
.fn-trail li.done i { border-color: rgba(52,195,240,.5); color: var(--cyan); }
/* "o que acontece depois do CTA" (plano §43): faixa curta de três passos */
.fn-after { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 18px 0 0; padding: 0; counter-reset: fa; }
.fn-after li { counter-increment: fa; display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border: 1px solid var(--line-exec); border-radius: 12px; background: var(--bg-2); font-size: 14px; color: var(--on-dark-mut); }
.fn-after li::before { content: counter(fa); flex: none; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: rgba(52,195,240,.14); color: var(--cyan); font: 600 12px var(--f-mono); }
.fn-after b { display: block; color: #fff; font-weight: 600; }
@media (max-width: 720px) { .fn-after { grid-template-columns: 1fr; } }
.fn-trail a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 480px) { .fn-trail li + li::before { display: none; } .fn-trail { gap: 6px 14px; } }