/* ==========================================================================
   MED · evergreen.css — seções novas da página evergreen
   Depende de tokens.css + base.css + components.css + secoes.css (o mesmo design system da página da CPA).
   Só composição: cor, tipo e movimento vêm dos tokens.
   ========================================================================== */

/* ---------- Utilidades ---------- */
.secao__acao { margin-top: var(--s-8); }
.secao--clara .nota strong { color: var(--tx-escuro); }
.secao--clara .t-lead strong, .secao--clara .t-body strong { color: var(--tx-escuro); font-weight: 600; }
.secao--escura .t-lead strong, .secao--grafite .t-lead strong, .secao--grafite .t-body strong, .secao--escura .t-body strong { color: var(--tx-claro); font-weight: 600; }

/* ---------- 01 · Hero ---------- */
.hero--evergreen .t-h1 { text-wrap: balance; }
.hero__sub { display: grid; gap: var(--s-3); }
.hero__sub .t-lead { max-width: 52ch; }
.btn-apoio { flex-wrap: wrap; }
.btn-apoio__sep { color: var(--ouro); opacity: .6; }
.tripe { max-width: 560px; margin-top: var(--s-6); padding-top: var(--s-5); border-top: 1px solid var(--linha-escura); }
.tripe .formula { margin: 0; padding: 0; border: 0; font-size: var(--t-caps); }
.tripe .formula span { color: var(--ouro-claro); }
.tripe__texto { margin: var(--s-3) 0 0; font-size: var(--t-small); line-height: 1.6; color: var(--tx-claro-3); }
@media (min-width: 961px) {
  .hero--evergreen .t-h1 { font-size: clamp(2.2rem, 1.2rem + 2.4vw, 3.4rem); }
}
@media (max-width: 640px) {
  .btn-apoio__sep { display: none; }
  .btn-apoio { column-gap: var(--s-2); row-gap: 2px; }
  .hero--evergreen .t-h1 { font-size: clamp(1.95rem, 1.3rem + 3.2vw, 2.4rem); }
  .tripe { margin-top: var(--s-5); padding-top: var(--s-4); }
}

/* ---------- 02 · O Direito é o começo (linho) ---------- */
.direito-secao__topo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-7) clamp(40px, 6vw, 96px); align-items: center; margin-bottom: var(--s-9); }
/* Dossiê do caso: ficha de papel com aba dourada */
.caso { position: relative; padding: clamp(24px, 3vw, 40px); border-radius: 0 var(--r-lg) var(--r-lg) var(--r-lg); background: #FBF8F3; box-shadow: inset 0 0 0 1px var(--linha-clara), var(--sh-claro); }
/* Aba da pasta: leva o filete dourado (3px, na cor de início do gradiente) para a faixa continuar da aba até a base */
.caso::before { content: ""; position: absolute; left: 0; top: -14px; width: 38%; height: 15px; border-radius: 8px 8px 0 0; background: linear-gradient(#8C6A2E, #8C6A2E) 0 0 / 3px 100% no-repeat, #FBF8F3; box-shadow: inset 1px 1px 0 var(--linha-clara), inset -1px 0 0 var(--linha-clara); }
/* Filete dourado: o mesmo retângulo arredondado do cartão, recortado em 3px à esquerda — acompanha a curva do canto */
.caso::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(180deg, #8C6A2E 0%, #C09648 38%, #E6CF9E 62%, #C09648 100%); clip-path: inset(0 calc(100% - 3px) 0 0); pointer-events: none; }
.caso__rotulo { display: flex; align-items: center; gap: var(--s-2); margin: 0 0 var(--s-5); font-family: var(--f-caps); font-size: var(--t-micro); font-weight: 600; letter-spacing: var(--tr-caps-2); text-transform: uppercase; color: var(--ouro-profundo); }
.caso__itens { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.caso__itens li { padding: 9px 16px; border-radius: var(--r-pill); font-family: var(--f-display); font-size: 1.25rem; font-weight: 600; line-height: 1.1; color: var(--tx-escuro); background: var(--linho); box-shadow: inset 0 0 0 1px rgba(127,95,39,.28); }
.caso__fecho { margin: var(--s-5) 0 0; font-family: var(--f-display); font-size: 1.35rem; font-style: italic; color: var(--tx-escuro-2); }

/* Dois pensamentos pesando na balança */
.pensamentos { display: grid; grid-template-columns: minmax(0, 1fr) minmax(200px, 320px) minmax(0, 1fr); gap: var(--s-6); align-items: center; }
.pensamento { cursor: default; }
.pensamento__rotulo { font-family: var(--f-caps); font-size: var(--t-micro); font-weight: 600; letter-spacing: var(--tr-caps-2); text-transform: uppercase; color: var(--tx-escuro-2); }
.pensamento__frase { margin: var(--s-3) 0 0; font-family: var(--f-display); font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); font-weight: 500; font-style: italic; line-height: 1.2; color: var(--tx-escuro); text-wrap: balance; }
.pensamento--antes { opacity: .62; transition: opacity var(--d-curta); }
.pensamento--antes:hover, .pensamento--antes:focus-visible { opacity: 1; }
.pensamento--depois { box-shadow: inset 0 0 0 1px var(--ouro), var(--sh-claro); }
.pensamento--depois .pensamento__rotulo { color: var(--ouro-profundo); }
.direito-secao .balanca { color: var(--ouro-profundo); }

.dominio { max-width: 820px; margin: var(--s-9) auto 0; }
.dominio__titulo { margin-bottom: var(--s-6); }
/* "Não é…": cada linha é riscada por um filete que se desenha */
.nao-e { list-style: none; margin: 0 auto; padding: 0; display: grid; gap: var(--s-3); justify-items: center; }
.nao-e__item { position: relative; padding: 0 4px; font-family: var(--f-display); font-size: clamp(1.25rem, 1.05rem + .7vw, 1.6rem); line-height: 1.3; color: var(--tx-escuro-2); text-align: center; }
.nao-e__item::after { content: ""; position: absolute; left: 0; right: 0; top: 54%; height: 1.5px; background: var(--vinho); opacity: .7; transform-origin: left; transform: scaleX(0); transition: transform .9s var(--ease-seda) calc(.5s + var(--i, 0) * 120ms); }
.nao-e__item.is-in::after { transform: scaleX(1); }
.raciocinio { margin-top: var(--s-8); }
.raciocinio__chamada { margin: 0; font-family: var(--f-caps); font-size: var(--t-caps); font-weight: 600; letter-spacing: var(--tr-caps); text-transform: uppercase; color: var(--ouro-profundo); }
.raciocinio__termo { margin: var(--s-2) 0 var(--s-5); font-family: var(--f-display); font-size: var(--t-h1); font-weight: 500; font-style: italic; line-height: 1; letter-spacing: -.01em; color: var(--ouro-profundo); }
.raciocinio__texto { max-width: 600px; margin-inline: auto; }
.direito-secao__nota { max-width: 620px; margin: var(--s-8) auto 0; }
.direito-secao__nota strong { margin: 0; }

@media (max-width: 960px) {
  .direito-secao__topo { grid-template-columns: 1fr; margin-bottom: var(--s-8); }
  .pensamentos { grid-template-columns: 1fr; }
  .pensamentos .balanca { order: 1; max-width: 280px; }
  .pensamento--antes { order: 0; } .pensamento--depois { order: 2; }
}

/* ---------- 03 · A primeira virada (ônix) ---------- */
.virada-secao { overflow: hidden; }
.virada-secao .aurora::before { opacity: .4; }
.virada-secao__topo { max-width: 860px; margin: 0 auto var(--s-8); }
.viradas { list-style: none; margin: 0 auto; padding: 0; max-width: 900px; border-top: 1px solid var(--linha-escura); }
.virada { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: var(--s-2) var(--s-6); align-items: baseline; padding: var(--s-5) 0; border-bottom: 1px solid var(--linha-escura); }
.virada__ordem { font-family: var(--f-caps); font-size: var(--t-micro); font-weight: 600; letter-spacing: var(--tr-caps-2); text-transform: uppercase; color: var(--ouro); }
.virada__frase { margin: 0; font-family: var(--f-display); font-size: clamp(1.3rem, 1.05rem + .8vw, 1.75rem); font-weight: 500; line-height: 1.25; color: var(--tx-claro); text-wrap: pretty; }
.virada__frase b { font-weight: 600; font-style: italic; text-transform: uppercase; letter-spacing: .04em; background: var(--grad-ouro-texto); -webkit-background-clip: text; background-clip: text; color: transparent; padding-right: .08em; }
.virada-secao__ponte { max-width: 760px; margin: var(--s-9) auto var(--s-7); }
.pilares--virada .pilar__resultado { margin-top: var(--s-2); padding-top: var(--s-4); display: block; text-transform: none; letter-spacing: 0; font-family: var(--f-display); font-size: 1.4rem; font-weight: 500; line-height: 1.25; color: var(--ouro-claro); }
.pilares--virada .pilar { container-type: inline-size; }
.pilares--virada .pilar__nome { margin-top: var(--s-5); font-size: clamp(1.2rem, 8cqi, 1.75rem); letter-spacing: .06em; }
.virada-secao__fecho { margin: var(--s-9) 0 0; font-family: var(--f-display); font-size: var(--t-h2); font-weight: 500; line-height: var(--lh-title); letter-spacing: var(--tr-title); text-wrap: balance; }
@media (max-width: 640px) {
  .virada { grid-template-columns: 1fr; }
  .virada-secao__ponte { margin-top: var(--s-8); }
}

/* ---------- 04 · Quando um pilar fica para trás (linho) ---------- */
.cenarios-secao__topo { max-width: 760px; margin: 0 auto var(--s-8); }
.cenarios { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-5); align-items: stretch; }
.cenario { display: flex; flex-direction: column; gap: var(--s-3); }
.cenario__grafico { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; align-items: end; height: 120px; margin-bottom: var(--s-3); padding-bottom: 28px; border-bottom: 1px solid var(--linha-clara); }
.cenario__barra { position: relative; display: block; height: 100%; }
.cenario__barra i { position: absolute; left: 0; right: 0; bottom: 0; height: calc(var(--h) * 100%); border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, var(--ouro-claro), var(--ouro) 55%, var(--ouro-profundo)); transform-origin: bottom; transform: scaleY(0); transition: transform 1.2s var(--ease-seda) .3s; }
.cenario__barra--baixa i { background: repeating-linear-gradient(135deg, rgba(107,31,44,.55) 0 4px, rgba(107,31,44,.25) 4px 8px); box-shadow: inset 0 0 0 1px rgba(107,31,44,.55); }
.cenario__barra b { position: absolute; left: 0; right: 0; bottom: -24px; text-align: center; font-family: var(--f-caps); font-size: 9px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--tx-escuro-2); }
.cenario.is-in .cenario__barra i, .cenarios-secao__fecho.is-in .cenario__barra i { transform: scaleY(1); }
.cenario__titulo { margin: 0; font-family: var(--f-display); font-size: 1.55rem; font-weight: 600; line-height: 1.15; text-wrap: balance; }
.cenario__titulo span { color: var(--ouro-profundo); font-weight: 400; }
.cenario__texto { margin: 0; font-size: var(--t-small); color: var(--tx-escuro-2); }
.cenario__fala { margin: 0; padding-left: var(--s-4); border-left: 2px solid var(--ouro); font-family: var(--f-display); font-size: 1.3rem; font-style: italic; font-weight: 500; line-height: 1.25; color: var(--tx-escuro); }
.cenario__alerta { position: absolute; top: clamp(18px, 2vw, 24px); right: clamp(18px, 2vw, 24px); padding: 5px 12px; border-radius: var(--r-pill); font-family: var(--f-caps); font-size: 9px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--vinho); background: rgba(107,31,44,.08); box-shadow: inset 0 0 0 1px rgba(107,31,44,.3); }
.cenario--perigo { box-shadow: inset 0 0 0 1px rgba(107,31,44,.35), var(--sh-claro); }
.cenario--perigo .cenario__grafico { margin-top: var(--s-6); }
.cenarios-secao__fecho { max-width: 780px; margin: var(--s-9) auto 0; }
.cenario__grafico--juntos { width: 220px; height: 110px; margin: 0 auto var(--s-6); border-bottom-color: rgba(127,95,39,.3); }
.cenarios-secao__fecho .t-h3 { font-weight: 500; }
@media (max-width: 960px) {
  .cenarios { grid-template-columns: 1fr; max-width: 560px; margin-inline: auto; }
}

/* ---------- 05 · Por que continuam travados (grafite) ---------- */
.travados-secao__grade { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--s-7) clamp(40px, 6vw, 96px); align-items: center; }
.remendos { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--linha-escura); }
.remendo { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1.1fr); gap: var(--s-3) var(--s-4); align-items: center; padding: var(--s-5) 0; border-bottom: 1px solid var(--linha-escura); }
.remendo__quando { font-family: var(--f-caps); font-size: var(--t-micro); font-weight: 600; letter-spacing: var(--tr-caps-2); text-transform: uppercase; line-height: 1.6; color: var(--tx-claro-2); }
.remendo .ico { color: var(--ouro); }
.remendo__compra { font-family: var(--f-display); font-size: clamp(1.25rem, 1.05rem + .6vw, 1.55rem); font-weight: 500; line-height: 1.2; color: var(--tx-claro); }
.travados-secao__depois { margin-top: var(--s-9); }
.pergunta-aberta { margin: var(--s-5) 0 var(--s-7); font-family: var(--f-display); font-size: clamp(2.6rem, 1.6rem + 4.4vw, 5rem); font-style: italic; font-weight: 400; line-height: 1; background: var(--grad-ouro-texto); -webkit-background-clip: text; background-clip: text; color: transparent; padding: 0 .1em .08em; }
.travados-secao__verdades { display: grid; gap: var(--s-2); }
.travados-secao__verdades p { margin: 0; font-family: var(--f-display); font-size: var(--t-h3); font-weight: 500; line-height: 1.25; }
.travados-secao__verdades p + p { color: var(--tx-claro-2); }
.travados-secao__nota { margin-top: var(--s-8); }
@media (max-width: 960px) {
  .travados-secao__grade { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .remendo { grid-template-columns: 1fr; gap: 6px; }
  .remendo .ico { display: none; }
}

/* ---------- 06 · Jornada: o "boa sorte" riscado ---------- */
.jornada-secao__topo .t-lead { max-width: 52ch; }
.boa-sorte { max-width: 760px; margin: calc(var(--s-7) * -1) auto var(--s-8); text-align: center; }
.boa-sorte__antes { margin: 0; color: var(--tx-claro-2); }
.boa-sorte__fala { margin: var(--s-3) 0; font-family: var(--f-display); font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.2rem); font-style: italic; color: var(--tx-claro-3); }
.boa-sorte__fala s { text-decoration-color: var(--vinho); text-decoration-thickness: 2px; }
.boa-sorte__depois { margin: 0; font-family: var(--f-display); font-size: var(--t-h3); font-weight: 600; }
.jornada-secao .secao__acao { margin-top: var(--s-7); }

/* ---------- 07 · Três dimensões (linho) ---------- */
.dimensoes-secao__topo { max-width: 860px; margin: 0 auto var(--s-8); }
.dimensoes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-5); }
.dimensao { display: flex; flex-direction: column; gap: var(--s-3); }
.dimensao__nome { margin: var(--s-3) 0 0; font-family: var(--f-display); font-size: 1.75rem; font-weight: 600; line-height: 1.1; }
.dimensao__texto { margin: 0; color: var(--tx-escuro-2); }
.convergencia--tres { width: min(80%, 640px); margin-top: var(--s-2); }
.dimensoes-secao__fecho { max-width: 700px; margin: 0 auto; font-weight: 500; }
@media (max-width: 960px) {
  .dimensoes { grid-template-columns: 1fr; max-width: 560px; margin-inline: auto; }
  .convergencia--tres { display: none; }
  .dimensoes-secao__fecho { margin-top: var(--s-7); }
}

/* ---------- 08 · Grade em acordeão (linho 2) ---------- */
.grade-acordeao { max-width: 880px; margin: 0 auto; }
.grade-acordeao .faq__pergunta { gap: var(--s-4); padding-block: var(--s-5); }
.grade-pilar__cabeca { flex: 1; display: grid; gap: 4px; }
.grade-pilar__num { font-family: var(--f-caps); font-size: var(--t-micro); font-weight: 600; letter-spacing: var(--tr-caps-2); text-transform: uppercase; color: var(--ouro-profundo); }
.grade-pilar__nome { font-family: var(--f-display); font-size: clamp(1.4rem, 1.15rem + .8vw, 1.9rem); font-weight: 600; line-height: 1.15; }
.grade-pilar__qtd { flex: none; padding: 6px 12px; border-radius: var(--r-pill); font-family: var(--f-caps); font-size: 10px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--tx-escuro-2); box-shadow: inset 0 0 0 1px var(--linha-clara); }
.grade-acordeao .faq__resposta { visibility: hidden; transition: grid-template-rows var(--d-curta) var(--ease-seda), visibility 0s var(--d-curta); }
.grade-acordeao .faq__item.is-aberto .faq__resposta { visibility: visible; transition-delay: 0s; }
.grade-acordeao .grade-modulos { padding: 0 0 var(--s-5); columns: 2; column-gap: var(--s-7); }
.grade-acordeao .grade-modulos li { break-inside: avoid; }
/* Grade do Almir: quantidade de aulas, complementares e lives */
.grade-modulos__qtd { display: inline-block; margin-left: 6px; font-family: var(--f-caps); font-size: 10px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--tx-escuro-2); white-space: nowrap; }
.grade-modulos__tipo { display: inline-block; margin-right: 6px; font-family: var(--f-caps); font-size: 10px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--ouro-profundo); }
.grade-modulos__live .grade-modulos__tipo, .grade-modulos li.grade-modulos__live::before { color: var(--vinho); }
.grade-acordeao .grade-modulos--extras { margin-top: calc(var(--s-5) * -1); }
.grade-secao__link { margin: var(--s-4) 0 0; }
.grade-secao__link .btn--link { color: var(--ouro-profundo); white-space: normal; }
.grade-acordeao .faq__pergunta:focus-visible { outline: 2px solid var(--ouro-profundo); outline-offset: 4px; border-radius: var(--r-sm); }
[data-grade-tudo] .ico { transition: transform var(--d-curta) var(--ease-seda); }
[data-grade-tudo].is-aberto .ico { transform: rotate(45deg); }
.grade-secao__depois { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-5) clamp(32px, 5vw, 80px); align-items: center; max-width: 980px; margin: var(--s-9) auto 0; padding-top: var(--s-7); border-top: 1px solid var(--linha-clara); }
.grade-secao__depois .t-h3 { font-weight: 500; }
@media (max-width: 760px) {
  .grade-acordeao .grade-modulos { columns: 1; }
  .grade-pilar__qtd { display: none; }
  .grade-secao__depois { grid-template-columns: 1fr; }
}

/* ---------- 09 · Quem vai te acompanhar (grafite) ---------- */
.mentores-secao { overflow: hidden; }
.mentor-bloco { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--s-8) clamp(40px, 6vw, 104px); align-items: center; }
.mentor-bloco .moldura-d { width: min(100%, 440px); }
/* Foto da Bárbara (2:3 num quadro 4:5): zoom com a cabeça no terço superior, no centro do D (a foto original deixa muito painel vazio no alto à esquerda). */
.moldura-d--barbara.is-in .moldura-d__foto img { transform: translate(-5%, -9%) scale(1.4); transform-origin: 44% 33%; }
.mentor-bloco--espelho { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); }
.mentor-bloco--espelho .moldura-d { order: 2; margin-left: auto; }
.mentor-bloco__nome { margin: 0; font-family: var(--f-caps); font-size: var(--t-caps); font-weight: 600; letter-spacing: var(--tr-caps); text-transform: uppercase; color: var(--ouro); }
.mentor-bloco__texto .t-h2 + .mentor-bloco__nome { margin-top: var(--s-6); } /* o margin:0 acima anula o espaçamento da .pilha; sem isso o nome encosta no título */
.mentor-bloco--espelho .mentor-bloco__nome { font-size: 1rem; }
.perguntas { display: grid; gap: var(--s-4); padding: var(--s-5) var(--s-6); border-radius: var(--r-lg); background: rgba(243,238,230,.03); box-shadow: inset 0 0 0 1px var(--linha-escura); }
.perguntas__linha { margin: 0; display: grid; gap: 4px; }
.perguntas__linha span { font-size: var(--t-small); color: var(--tx-claro-3); }
.perguntas__linha b { font-family: var(--f-display); font-size: 1.4rem; font-weight: 500; font-style: italic; line-height: 1.25; color: var(--tx-claro-2); }
.perguntas__regra { text-decoration: line-through; text-decoration-color: var(--vinho); text-decoration-thickness: 2px; }
.perguntas__linha--expert b { font-size: clamp(1.45rem, 1.2rem + .8vw, 1.85rem); font-weight: 600; color: var(--ouro-claro); }
.ponte-mentores { max-width: 760px; margin: var(--s-9) auto var(--s-8); }
.ponte-mentores .divisor { justify-content: center; margin-bottom: var(--s-5); }
.ponte-mentores .divisor::before, .ponte-mentores .divisor::after { flex: 0 0 80px; }
.ponte-mentores .t-h3 { font-weight: 500; }
.competencias { list-style: none; margin: var(--s-2) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.competencias li { padding: 8px 14px; border-radius: var(--r-pill); font-family: var(--f-caps); font-size: 10px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--ouro-claro); background: rgba(192,150,72,.06); box-shadow: inset 0 0 0 1px var(--linha-ouro); }
.competencias li:last-child { color: #1A1408; background: var(--grad-ouro); box-shadow: none; }
.mentores-secao__fecho { max-width: 760px; margin: var(--s-9) auto 0; }
.mentores-secao__fecho .t-lead { margin-inline: auto; }
.mentores-secao .secao__acao { margin-top: var(--s-7); }
@media (max-width: 960px) {
  .mentor-bloco, .mentor-bloco--espelho { grid-template-columns: 1fr; }
  .mentor-bloco .moldura-d, .mentor-bloco--espelho .moldura-d { order: 0; width: min(100%, 400px); margin-inline: auto; }
}
@media (max-width: 640px) {
  .perguntas { padding: var(--s-5); }
}

/* ---------- 10 · O que você recebe (linho) ---------- */
.recebe-secao .mentorias { grid-template-columns: minmax(0, .8fr) minmax(0, 2fr); }
.recebe-secao .mentor__nome { font-size: 1.45rem; }
.entregaveis--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.recebe-secao .entregavel__numero--nome { font-size: 1.55rem; line-height: 1.1; }
@media (max-width: 960px) { .entregaveis--6 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .entregaveis--6 { grid-template-columns: 1fr; } }

/* ---------- 12 · Para quem é (linho) ---------- */
.checklist { list-style: none; margin: 0 auto; padding: 0; max-width: 1000px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--s-7); }
.checklist li { display: flex; gap: var(--s-4); align-items: flex-start; padding: var(--s-4) 0; border-bottom: 1px solid var(--linha-clara); font-size: 1.0625rem; line-height: 1.5; color: var(--tx-escuro); }
.checklist .ico { flex: none; width: 22px; height: 22px; margin-top: 1px; padding: 3px; border-radius: 50%; color: #fff; background: var(--ouro-profundo); stroke-width: 2.4; }
.paraquem-secao__nota { max-width: 680px; margin: var(--s-8) auto 0; }
@media (max-width: 760px) { .checklist { grid-template-columns: 1fr; } }

/* ---------- 13 · Para quem não é (grafite) ---------- */
.naoe-secao__grade { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--s-7) clamp(40px, 6vw, 96px); align-items: center; }
.nao-lista { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--linha-escura); }
.nao-lista li { display: flex; gap: var(--s-4); align-items: flex-start; padding: var(--s-5) 0; border-bottom: 1px solid var(--linha-escura); font-family: var(--f-display); font-size: clamp(1.2rem, 1.05rem + .5vw, 1.45rem); font-weight: 500; line-height: 1.3; color: var(--tx-claro-2); }
.nao-lista .ico { margin-top: 4px; color: #E36A7E; }
.naoe-secao__fecho { margin: var(--s-9) 0 0; font-family: var(--f-display); font-size: var(--t-h3); font-weight: 500; line-height: 1.25; text-wrap: balance; }
@media (max-width: 960px) { .naoe-secao__grade { grid-template-columns: 1fr; } }

/* ---------- 14 · Stack ---------- */
.stack-secao .stack__nome { font-size: var(--t-caps); }
.stack__linha[hidden] { display: none; } /* total escondido enquanto os valores não chegam */

/* ---------- 15 · Investimento ---------- */
.oferta__corpo .oferta__prazo { font-size: 1.2rem; }
/* botão com o texto completo da copy: quebra em duas linhas dentro do cartão em vez de vazar */
.oferta .btn--lg { white-space: normal; line-height: 1.35; padding-block: 14px; text-align: center; }
.oferta__micro { margin: var(--s-4) 0 0; font-size: .8125rem; line-height: 1.5; color: var(--tx-claro-3); }
.oferta__alternativa { margin-top: var(--s-5); padding-top: var(--s-5); border-top: 1px solid var(--linha-escura); display: grid; justify-items: center; gap: var(--s-2); }
.oferta__alternativa p { margin: 0; font-size: var(--t-small); color: var(--tx-claro-2); }
.oferta__alternativa .btn--link { font-size: .75rem; }

/* ---------- 16 · Condição vigente (módulo) ---------- */
.condicao-secao[hidden] { display: none; }
.condicao { max-width: 760px; margin-inline: auto; display: flex; gap: var(--s-5); align-items: center; }
.condicao .bonus__texto { font-size: var(--t-body); }

/* ---------- 17 · Objeção (linho) ---------- */
.objecao-secao__grade { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-7) clamp(40px, 6vw, 96px); align-items: center; }
.nao-precisa { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--linha-clara); }
.nao-precisa li { padding: var(--s-4) 0 var(--s-4) 40px; position: relative; border-bottom: 1px solid var(--linha-clara); font-family: var(--f-display); font-size: clamp(1.2rem, 1.05rem + .5vw, 1.45rem); font-weight: 500; line-height: 1.3; color: var(--tx-escuro); }
.nao-precisa li::before { content: ""; position: absolute; left: 0; top: calc(var(--s-4) + .35em); width: 24px; height: 24px; border-radius: 50%; background: linear-gradient(var(--ouro-profundo), var(--ouro-profundo)) center / 10px 1.5px no-repeat; box-shadow: inset 0 0 0 1px rgba(127,95,39,.4); }
.objecao-secao__precisa { margin: var(--s-6) 0 0; font-family: var(--f-display); font-size: clamp(1.7rem, 1.3rem + 1.6vw, 2.5rem); font-weight: 600; line-height: 1.15; }
.objecao-secao__depois { margin-top: var(--s-9); }
@media (max-width: 960px) { .objecao-secao__grade { grid-template-columns: 1fr; } }

/* ---------- 19 · Fechamento ---------- */
.final-secao__pergunta { font-family: var(--f-display); font-size: clamp(1.4rem, 1.15rem + .9vw, 1.9rem); font-style: italic; line-height: 1.3; color: var(--ouro-claro); text-wrap: balance; }
.mais-um { list-style: none; margin-inline: auto; padding: 0; max-width: 520px; display: grid; gap: 0; }
.mais-um li { padding: var(--s-3) 0; border-bottom: 1px solid var(--linha-escura); font-family: var(--f-display); font-size: 1.3rem; font-weight: 500; color: var(--tx-claro-2); }
.mais-um li:first-child { border-top: 1px solid var(--linha-escura); }
.resumo__chamada { margin: var(--s-2) 0; font-family: var(--f-display); font-size: var(--t-h2); font-weight: 500; line-height: var(--lh-title); }
.resumo__linha { font-size: 1.3rem; }

/* ---------- Rodapé ---------- */
.rodape__legal a { color: var(--tx-claro-2); text-underline-offset: 3px; }
.rodape__legal a:hover { color: var(--ouro-claro); }

/* ==========================================================================
   FORMULÁRIO DE CAPTURA · <dialog class="captura">
   ========================================================================== */
.captura { padding: 0; border: 0; background: transparent; color: var(--tx-claro); width: 100%; height: 100%; max-width: none; max-height: none; overflow: auto; }
.captura:not([open]) { display: none; }
.captura[open] { display: grid; place-items: center; padding: 16px; }
.captura::backdrop { background: rgba(14,15,17,.86); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.captura__caixa { position: relative; width: min(100%, 520px); padding: clamp(28px, 5vw, 48px); border-radius: var(--r-xl); overflow: hidden; isolation: isolate; text-align: left;
  background: radial-gradient(120% 70% at 50% 0%, #1E1A16 0%, var(--onix-2) 55%, var(--onix) 100%);
  box-shadow: inset 0 0 0 1px var(--linha-ouro), 0 40px 100px rgba(0,0,0,.6);
  animation: modal-entra var(--d-curta) var(--ease-seda); }
.captura__selo { position: absolute; z-index: -1; right: -60px; bottom: -50px; width: 260px; opacity: .05; pointer-events: none; }
.captura__fechar { position: absolute; top: 14px; right: 14px; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; border: 0; cursor: pointer; color: var(--tx-claro-2); background: rgba(243,238,230,.05); box-shadow: inset 0 0 0 1px var(--linha-escura-2); transition: color var(--d-micro), box-shadow var(--d-micro); }
.captura__fechar:hover { color: var(--ouro-claro); box-shadow: inset 0 0 0 1px var(--ouro); }
.captura__etapa { display: grid; gap: var(--s-4); }
.captura__etapa[hidden] { display: none; }
.captura__titulo { margin: 0; padding-right: 36px; font-family: var(--f-display); font-size: clamp(1.7rem, 1.35rem + 1.4vw, 2.3rem); font-weight: 500; line-height: 1.12; letter-spacing: var(--tr-title); text-wrap: balance; }
.captura__texto { margin: 0; font-size: var(--t-small); line-height: 1.6; color: var(--tx-claro-2); }
.captura__form { display: grid; gap: var(--s-4); margin-top: var(--s-2); }
.campo { display: grid; gap: 6px; }
.campo__rotulo { font-family: var(--f-caps); font-size: var(--t-micro); font-weight: 600; letter-spacing: var(--tr-caps-2); text-transform: uppercase; color: var(--ouro-claro); }
.campo__entrada { width: 100%; min-height: 56px; padding: 0 18px; border: 0; border-radius: var(--r-md); font: inherit; font-size: 1.0625rem; color: var(--tx-claro); background: rgba(243,238,230,.05); box-shadow: inset 0 0 0 1px var(--linha-escura-2); transition: box-shadow var(--d-micro), background var(--d-micro); }
.campo__entrada::placeholder { color: rgba(243,238,230,.32); }
.campo__entrada:hover { box-shadow: inset 0 0 0 1px rgba(243,238,230,.3); }
.campo__entrada:focus { outline: none; background: rgba(243,238,230,.07); box-shadow: inset 0 0 0 1.5px var(--ouro), 0 0 0 4px rgba(192,150,72,.15); }
.campo.is-erro .campo__entrada { box-shadow: inset 0 0 0 1.5px #E36A7E; }
.campo__erro { margin: 0; min-height: 0; font-size: .8125rem; line-height: 1.4; color: #F0A3B0; }
.campo__erro:empty { display: none; }
.captura__enviar { margin-top: var(--s-2); }
.captura__enviar:disabled { cursor: progress; opacity: .85; }
.captura.is-enviando .captura__enviar .ico { animation: captura-seta 1s var(--ease-pendulo) infinite; }
@keyframes captura-seta { 50% { transform: translateX(6px); } }
.captura__micro { margin: 0; font-size: .75rem; line-height: 1.55; color: var(--tx-claro-3); }
.captura__micro a { color: var(--tx-claro-2); text-underline-offset: 2px; }
.captura [data-etapa="ok"] { justify-items: start; }
@media (max-width: 640px) {
  .captura[open] { place-items: end center; padding: 0; }
  .captura__caixa { width: 100%; border-radius: var(--r-xl) var(--r-xl) 0 0; padding-bottom: calc(28px + env(safe-area-inset-bottom)); animation-name: captura-sobe; }
  @keyframes captura-sobe { from { transform: translateY(40px); opacity: 0; } }
  .captura .btn { letter-spacing: .14em; }
}