/* ============================================================
   PREMIUM 2026 — o resto da home no idioma da capa
   (02/10/2026) Pedido do dono: "gostei demais dessa página inicial,
   quero que o site inteiro acompanhe como ela está… um visual
   premium… não mude muita coisa, mas quero que tenha essa impressão."
   Depois: "não foque nas páginas extras (artigos, equipe e núcleos)".
   Só a home. Nenhum texto, cor de destaque ou seção mudou; o que muda
   é o acabamento, para cada seção falar como a capa:
   1. os painéis escuros (equipe, método, chamada final, a faixa do
      "Resultado na margem.") e o rodapé usam o MESMO preto da capa,
      com o mesmo levantamento cinza no canto (eram azul-marinho);
   2. cartões sobre o preto sem contorno: superfície cheia, como o
      cartão da foto da sede ("nenhum fio");
   3. um desenho de botão só: cantos de 18px e sem sombra, como o
      "Agendar diagnóstico jurídico" da capa (o do FAQ tinha 4px);
   4. o link "Agendar diagnóstico jurídico →" da faixa escura perde o
      sublinhado e ganha a seta no círculo, como o "Ver os 11 núcleos";
   5. títulos das seções com a entrelinha e o aperto do título da capa;
   6. rótulo de capítulo numa linha só, como a etiqueta da capa:
      "II  QUEM CONDUZ" em vez de "II — CAPÍTULO" + "QUEM CONDUZ".
   Carrega depois do cores-2026.css. Voltar = tirar o <link>.
   Backup do index: scratchpad/index.pre-premium-2026.bak.html
   ============================================================ */

/* ---------- 1. O preto da capa ---------- */
:root {
  --mx-ink:
    radial-gradient(70% 55% at 0% 0%, rgba(255, 255, 255, 0.05), transparent 62%),
    linear-gradient(180deg, #101216 0%, #08090B 58%);
  --mx-ink-card: #15171C;
  --mx-ink-card-2: #1C1F25;
  /* 2. sem contorno: a borda continua lá (1px), mas invisível */
  --mx-ink-line: transparent;
}
.site-footer { background-color: #08090B; }

/* os três cartões "O que sustenta o método" eram só contorno: viram
   superfície, um degrau abaixo dos quatro passos */
#metodo .conviccao { background: rgba(255, 255, 255, 0.025); }

/* ---------- 3. Um desenho de botão ---------- */
#cta-final .btn,
#faq .btn {
  border-radius: 18px;
  box-shadow: none;
}
#cta-final .btn:hover,
#faq .btn:hover { box-shadow: none; }

/* ---------- 4. O link da faixa escura, como o da capa ---------- */
#nucleos .extrato-total .link-arrow {
  gap: 12px;
  padding-bottom: 0;
  border-bottom: 0;
}
#nucleos .extrato-total .link-arrow .arrow {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: rgba(240, 187, 74, 0.14);
  transition:
    transform 320ms var(--ease-emphasized),
    background-color 200ms ease,
    color 200ms ease;
}
#nucleos .extrato-total .link-arrow:hover .arrow {
  background-color: #F0BB4A;
  color: #0B0C0F;
}

/* ---------- 5. Títulos das seções ----------
   O corte "de cartaz" é 77,5% do corpo declarado: com entrelinha 1,03
   as linhas ficavam a 1,33 do tamanho visível; a capa usa 1,20. */
main section:not(#hero) h2.h1 {
  line-height: 0.94;
  letter-spacing: -0.03em;
}

/* ---------- 6. Rótulo de capítulo numa linha ----------
   O "— Capítulo" (fio + palavra) sai; o numeral romano fica, na cor de
   sempre, e a etiqueta da seção vem ao lado dele. */
main .section-num {
  font-size: 0;
  gap: 0;
  margin: 0 0.85rem 0 0;
  vertical-align: baseline;
}
main .section-num .rule { display: none; }
main .section-num .roman {
  font-size: 0.8125rem;
  letter-spacing: 0.04em;
  line-height: 1;
}
main .section-num + .eyebrow {
  display: inline-block;
  vertical-align: baseline;
}
/* etiquetas com o mesmo espaçamento de letra da etiqueta da capa */
main section:not(#hero) .eyebrow { letter-spacing: 0.1em; }

/* ---------- 7. O "VI" do fundo do FAQ ----------
   No desktop ele ficava atrás das perguntas, cortado pelos cartões.
   Vai para a coluna do título, que embaixo é vazia (como o "&" da capa,
   atrás do texto e nunca debaixo de um cartão). */
@media (min-width: 1024px) {
  #faq.has-chapter-ghost::after {
    top: auto;
    right: auto;
    bottom: clamp(3rem, 9vh, 6.5rem);
    left: max(1rem, calc(50% - 600px));
  }
}