/* =========================================================
   Liderança Profunda · Sistema tipográfico
   Carregado POR ÚLTIMO em todas as páginas: unifica tamanhos que estavam espalhados
   (35 tamanhos diferentes por página) numa escala curta, e troca os rótulos
   em CAIXA ALTA espaçada por rótulos normais em negrito.

   Escala
     13px    detalhe (notas, legendas, datas de linha do tempo)
     14px    rótulo e metadado
     15.5px  texto de card (listas e descrições dentro de caixas)
     17px    texto corrido (parágrafos, respostas, notas)
     19px    texto de apoio sob o título da seção
     21px    subtítulo (títulos dentro de cards de etapa e de perfil)
     25px    título de card / bloco
     30–40px título de seção (h2)
   ========================================================= */

/* ---------- 1. Sobrancelhas (rótulos acima dos títulos): escondidas ----------
   Continuam no HTML, então dá para reverter apagando este bloco. */
.eyebrow,.sec-head .eyebrow,.edit-head .eyebrow,.diff.head .eyebrow,.upsell .eyebrow,.people .eyebrow,.lead-eyebrow{display:none}
.sec-head.solo{display:none}

/* ---------- 2. Rótulos: sem caixa alta, sem espaçamento entre letras ---------- */
/* em cápsula */
.chip{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;padding:6px 13px}
.chip.cert{padding:0}
/* soltos */
.p-lbl,.term b,.symp b,.trilha-h span,.step .fmt,.lvl .fmt,.rail .node .et,.datastrip .et,.hero-note b,
.zerocert .arc b,.origin-meta span,.gap-week,.upsell .pair span,.vid .lbl,.osnp .cap,.creds .lbl,
.lead-field span,.stack li.grp,.hero-portrait .who span,.hero.split .hero-portrait .who span,footer h4{letter-spacing:0;text-transform:none}
.p-lbl,.term b,.symp b,.stack li.grp{font-size:14px;font-weight:600}
.trilha-h span,.step .fmt,.lvl .fmt,.rail .node .et,.origin-meta span,.gap-week,.upsell .pair span,.osnp .cap,.lead-field span{font-size:13px;font-weight:600}
.datastrip .et,.hero-note b{font-size:13.5px;font-weight:600}
.hero-portrait .who span,.hero.split .hero-portrait .who span{font-size:13.5px;font-weight:600}
.creds .lbl{font-size:14px;font-weight:500}
.vid .lbl{font-size:14px;font-weight:600}
.vid .lbl small{font-size:13px}
.zerocert .arc b{font-size:14px}
footer h4{font-size:15px;font-weight:600}
/* subtítulo dos itens da lista de preço ("Etapa 1 · 16 horas presenciais") e "12x de" */
.stack li em{font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:#8FA0B5}
.par,.pricebox .par,.price-col .par,.mini .mprice .par,.so-price .par{font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}

/* ---------- 3. Texto ---------- */
/* texto corrido: 17px */
p,.cmp p,.upsell p,.turma-note,.faq .a,.sit li,ul.sit li,.origin p,.prose p,.narrow p,.tese-close p,.after-origin p,.people p,
.edit-body p,.thesis p+p:not(:last-child){font-size:17px;line-height:1.68}
/* texto de card: 15.5px */
.stack li,.mlist2 li,.mlist li,.so-list li,.term span,.pn span,.diff p,.step p,.mini .mwhat,.skill span,.prog-step p,.p-text,
.track .desc,.track .steps li span,.lvl .intro{font-size:15.5px;line-height:1.6}
/* metadado: 14px */
.p-who,.so-when,.cond,.price-col .cond,.alt-head span,.quiet,.when,.lvl .when,.step .when,.mini .mprice .avista,.so-price .avista{font-size:14px}
.mini .mprice .avista,.so-price .avista{font-size:15px}
/* detalhe: 13px */
.foot em,.rail .node span,.osnp .foot,.cred-tags span,.lvl .foot,.so-price .cond{font-size:13px}

/* ---------- 4. Títulos ---------- */
h2,.sec-head h2,.origin h2,.people h2{font-size:clamp(30px,3.1vw,40px);line-height:1.14;letter-spacing:-.025em}
.sec-head .lead{font-size:19px;line-height:1.6}
/* frase de reconhecimento logo abaixo do título: era quase do tamanho do h2 e brigava com ele */
.statement,.sec-head .statement,.wrap>.statement{font-size:20px;font-weight:500;line-height:1.5;letter-spacing:-.012em;color:var(--mid);max-width:34em;margin-left:auto;margin-right:auto}
/* títulos de card e de bloco: 25px */
.mini h3,.so-main h3,.cmp h3,.alt-head h3,.diff.head h3,.lvl h3,.zerocert h3,.track h3,.upsell h3{font-size:25px;line-height:1.2;letter-spacing:-.025em}
/* subtítulos: 21px */
.p-head h3,.step h4,.inc-label,.trilha-h b,.offer-col .inc-label{font-size:21px;line-height:1.25}
.diff .row b,.diff .row s{font-size:20px}
.rail .node b{font-size:18px}
.skill i{font-size:19px}
/* cartão-tese: contexto em corpo de texto de apoio, frase final como destaque */
.thesis p{font-size:19px;line-height:1.55}
.thesis p:last-child{font-size:clamp(22px,2.4vw,27px);line-height:1.34}
.origin .quote{font-size:19px}

@media(max-width:680px){
  h2,.sec-head h2,.origin h2,.people h2{font-size:28px}
  .sec-head .lead{font-size:17.5px}
  p,.cmp p,.upsell p,.turma-note,.faq .a,.sit li,ul.sit li,.origin p,.prose p,.narrow p,.tese-close p,.after-origin p,.people p{font-size:16.5px}
  .mini h3,.so-main h3,.cmp h3,.alt-head h3,.diff.head h3,.lvl h3,.zerocert h3,.track h3,.upsell h3{font-size:22px}
  .p-head h3,.step h4,.inc-label,.trilha-h b,.offer-col .inc-label{font-size:19px}
}

/* ---------- 5. Fechamentos de seção ----------
   Texto que encerra uma seção (parágrafos depois de cards, notas) ficava centralizado e solto.
   Agora segue um padrão: fio no topo e texto alinhado à coluna da direita de um grid 5/7.
   Com mais de um parágrafo, o primeiro vira a frase de destaque na coluna da esquerda. */
.closing,.narrow.prose.closing,.tese-close.closing{max-width:none;columns:auto;margin:72px 0 0;padding-top:40px;border-top:1px solid var(--line);
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px;row-gap:16px;align-items:start}
.closing p{grid-column:2;margin:0;break-inside:auto}
.closing p:first-child{grid-column:1;grid-row:1 / span 6;font-family:var(--display);font-size:20px;line-height:1.5;font-weight:500;letter-spacing:-.015em;color:var(--ink)}
/* um parágrafo só: legenda centrada sob o bloco, sem coluna vazia nem sobra à direita */
.closing p:only-child{grid-column:1 / -1;grid-row:auto;max-width:720px;margin:0 auto;text-align:center;font-family:var(--sans);font-size:17px;line-height:1.68;font-weight:350;letter-spacing:0;color:var(--mid)}
.turma-note.info,.turma-note.info.caveat{display:block;max-width:none;margin:72px 0 0;padding:40px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none}
/* nota com frase-título em negrito: a frase vai para a coluna da esquerda como destaque, o resto para a direita */
.turma-note.info>div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px;align-items:start}
.turma-note.info>div>b{grid-row:1 / span 4;font-family:var(--display);font-size:20px;line-height:1.5;font-weight:500;letter-spacing:-.015em;color:var(--ink)}
/* destaque de prova: card largo com ícone, logo abaixo dos números */
#prova .turma-note.info.destaque{display:flex;align-items:center;gap:28px;margin:0 0 56px;padding:28px 34px;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl)}
#prova .turma-note.info.destaque>div{display:block}
#prova .turma-note.info.destaque>div>b{font:inherit;font-weight:600;letter-spacing:0;color:var(--ink)}
#prova .turma-note.info.destaque .ed{width:64px;height:64px}
#prova .turma-note.info.destaque .ed svg{width:32px;height:32px}
@media(max-width:800px){
  .closing,.narrow.prose.closing,.tese-close.closing{grid-template-columns:1fr;margin-top:48px;padding-top:28px}
  .closing p,.closing p:first-child,.closing p:only-child{grid-column:1;grid-row:auto}
  .closing p:first-child{font-size:18.5px}
  .turma-note.info,.turma-note.info.caveat{margin-top:48px;padding-top:28px}
  .turma-note.info>div{grid-template-columns:1fr;row-gap:10px}
  .turma-note.info>div>b{grid-row:auto;font-size:18.5px}
  #prova .turma-note.info.destaque{flex-direction:column;align-items:flex-start;gap:16px;padding:26px 24px;margin-bottom:40px}
}
/* nota sem frase-título em negrito: legenda centralizada, como o fecho de um parágrafo só */
.turma-note.info>div:not(:has(>b)){display:block;max-width:720px;margin:0 auto;text-align:center}