/* Nina · página de vendas v2.1 (04/11/2026) · só o que é desta página.
   A base (paleta oklch, Bricolage Grotesque + Figtree locais, botão amarelo, faixas, placeholders, balões) continua em estilo.css,
   que não muda: ele é o mesmo arquivo do quiz, e o quiz confere a cópia idêntica.
   Ícones: uma família só (sprite no topo do index.html), traço 1,75, cor do texto, sempre decorativos. */

.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.icone{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;display:block}

/* negrito da copy: no texto corrido, a tinta forte; no título, o marca-texto */
.secao p strong,.hero p strong,.faq .resposta strong{color:var(--tinta)}
.hero h1 strong,.titulo-secao strong{font-weight:inherit;background-color:color-mix(in oklch,var(--marca) 62%,var(--branco));padding:0 .12em;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* moldura de celular usada nas conversas (sombra macia, sem deslocamento duro) */
.celular{background:var(--branco);border:2px solid var(--tinta);border-radius:34px;padding:12px 9px;width:min(100%,340px);box-shadow:0 22px 44px -30px color-mix(in oklch,var(--tinta) 55%,transparent)}
.celular-tela{border-radius:24px;background:color-mix(in oklch,var(--faixa) 70%,var(--branco));padding:20px 12px 18px;display:flex;flex-direction:column;gap:10px}
.celular .bolha{font-size:.95rem;max-width:90%}
.celular .conversa{margin-top:0;max-width:none}

/* ---------- Dobra 1 ---------- */
.hero h1.headline-v21{font-size:clamp(1.75rem,3.2vw + .9rem,3rem);line-height:1.14;max-width:26ch;letter-spacing:-.012em}
.hero-visual{align-items:center}
.hero-aparelho{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:18px}
.hero-aparelho .moldura--celular{width:min(100%,260px)}
@media (max-width:480px){.hero-aparelho .moldura--celular{width:min(100%,224px)}}
.etiquetas-hero{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:26rem}
.etq{display:inline-flex;align-items:center;gap:8px;background:var(--branco);border:1px solid var(--linha);border-radius:40px;padding:5px 13px 5px 5px;font-weight:600;font-size:.9rem;line-height:1.35;color:var(--tinta)}
.etq .icone{width:28px;height:28px;padding:5px;border-radius:50%;background:var(--marca-suave)}
.etq p{max-width:none}
@media (min-width:960px){
  .hero-aparelho{display:block;padding:12px 0}
  .etiquetas-hero{display:block;max-width:none}
  .etq{position:absolute;box-shadow:0 10px 24px -18px color-mix(in oklch,var(--tinta) 60%,transparent)}
  .etq:nth-child(1){top:8%;left:-4%}
  .etq:nth-child(2){top:22%;right:-6%}
  .etq:nth-child(3){top:63%;left:-9%}
  .etq:nth-child(4){top:76%;right:-4%}
  .etq:nth-child(5){top:89%;left:3%}
}
@media (max-width:480px){
  .hero{padding-top:14px}
  .hero .sub{margin-top:14px;font-size:1rem;line-height:1.5}
}

/* ---------- Dobra 2 ---------- */
/* v2.4 (pedido do dono): tudo centrado. Título em até 2 linhas em 1440px; vídeo, parágrafo e grade de sinais com a mesma largura (até 960px) */
.dobra2-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;justify-items:center;text-align:center}
@media (min-width:768px){.dobra2-grade{gap:24px}.dobra2-grade > p{font-size:1.12rem}}
.dobra2-grade > .titulo-secao{margin:0 auto;max-width:36ch;text-align:center}
.dobra2-grade > .video-explicativo{max-width:960px;margin-inline:auto}
.dobra2-grade > p{max-width:960px;margin-inline:auto;text-align:center;color:var(--tinta-2);text-wrap:pretty}
.dobra2-grade > p strong{color:var(--tinta)}
.sinais-titulo{margin:44px auto 0;text-align:center;font-family:var(--f-titulo);font-weight:700;font-size:1.15rem;line-height:1.4;color:var(--tinta);max-width:960px;text-wrap:balance}
/* auditoria v2.2, item 8: lista de conferência, não 5 cartões; v2.4: centrada, na largura do vídeo */
.sinais-grade{list-style:none;padding:0;margin:18px auto 0;max-width:960px;display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--linha)}
.sinal{display:flex;flex-direction:row;align-items:center;gap:14px;border-bottom:1px solid var(--linha);padding:12px 0;max-width:none}
.sinal p{font-size:1rem;line-height:1.45;color:var(--tinta-2)}
.sinal-ico{width:36px;height:36px;flex:none;border-radius:50%;background:var(--marca-suave);color:var(--tinta);display:grid;place-items:center}
@media (min-width:960px){
  .sinais-grade{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
  .sinal{padding:14px 0}
  /* o 5º sinal, sozinho na última linha, ocupa as duas colunas e fica no meio */
  .sinal:last-child:nth-child(odd){grid-column:1 / -1;justify-content:center}
}

/* ---------- Dobra 3: conversa animada ---------- */
.lead-forte{font-family:var(--f-titulo);font-weight:600;font-size:clamp(1.25rem,3.4vw,1.6rem);line-height:1.4;max-width:24ch;margin-top:-8px}
.lead-forte strong{font-weight:700}
.funciona-grade{display:grid;gap:32px;align-items:start}
.celular-chat{display:flex;flex-direction:column;align-items:center;gap:10px}
.chat-rotulo{font-size:.85rem;color:var(--tinta-3);font-style:italic}
.chat{min-height:0}
.chat-previa{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.etq-demo{font-size:.78rem;color:var(--tinta-3);font-style:italic;text-align:center}
.passo{transition:opacity .5s var(--ease),transform .5s var(--ease)}
.anim-pronta .passo{opacity:0;transform:translateY(10px)}
.anim-pronta .passo.visivel{opacity:1;transform:none}
.passos-legenda{list-style:none;padding:0;display:grid;gap:0;border-top:1px solid var(--linha);max-width:30rem}
.passos-legenda li{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--linha);color:var(--tinta-2);transition:color .3s}
.passos-legenda p{font-size:1.06rem;line-height:1.4}
.passo-ico{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--linha);background:var(--branco);display:grid;place-items:center;color:var(--tinta);flex:none;transition:background-color .3s,border-color .3s}
.passos-legenda li.ativo{color:var(--tinta)}
.passos-legenda li.ativo p{font-weight:700}
.passos-legenda li.ativo .passo-ico{background:var(--marca);border-color:var(--tinta)}
@media (min-width:900px){
  .funciona-grade{grid-template-columns:minmax(0,380px) minmax(0,1fr);column-gap:80px;row-gap:0;grid-template-rows:1fr auto auto 1fr}
  .celular-chat{grid-column:1;grid-row:1 / -1;align-items:flex-start}
  .chat-rotulo{align-self:center}
  .funciona-lado{grid-column:2;grid-row:2;padding-top:0}
  .passos-legenda{grid-column:2;grid-row:3;align-self:start;position:static;margin-top:32px}
}

/* ---------- Dobra 4: Lais (trechos literais) ---------- */
.lais-cabeca{display:grid;gap:24px;align-items:start}
.lais-contexto{color:var(--tinta-2);max-width:var(--texto)}
.foto-lais{display:block;width:min(100%,180px);aspect-ratio:1}
.foto-lais img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--branco);box-shadow:0 0 0 2px var(--tinta)}
@media (max-width:859px){.foto-lais{order:-1;width:120px}}
@media (min-width:860px){.lais-cabeca{grid-template-columns:minmax(0,1fr) 200px;gap:56px}.foto-lais{width:200px}}
.lais-ig{font-family:var(--f-texto);font-weight:700;color:var(--tinta);text-decoration-color:var(--marca);text-decoration-thickness:2px;text-underline-offset:3px;white-space:nowrap}
@media (hover:hover){.lais-ig:hover{text-decoration-color:var(--tinta)}}
.citacao{margin:0}
.citacao p{font-size:1.02rem;line-height:1.55;color:var(--tinta)}
.citacao-grande{position:relative;margin-top:40px;background:var(--branco);border:2px solid var(--tinta);border-radius:var(--r-3);padding:24px 22px 26px;display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:start;max-width:56rem}
.cit-ico.cit-ico--destaque{width:48px;height:48px;background:var(--marca);color:var(--tinta)}
.cit-ico--destaque .icone{width:24px;height:24px}
.citacao--destaque p{font-family:var(--f-titulo);font-weight:600;font-size:clamp(1.25rem,3.2vw,1.85rem);line-height:1.45;letter-spacing:-.005em}
.citacoes-grade{list-style:none;padding:0;margin-top:16px;display:grid;gap:12px;max-width:56rem}
.cartao-citacao{background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-3);padding:18px 18px 20px;display:flex;gap:14px;align-items:flex-start}
.cit-ico{width:38px;height:38px;border-radius:50%;background:var(--faixa);color:var(--tinta-2);display:grid;place-items:center;flex:none}
.cit-ico .icone{width:20px;height:20px}
@media (min-width:768px){.citacoes-grade{grid-template-columns:1fr 1fr;gap:16px}}
@media (min-width:768px) and (max-width:899px){.citacoes-grade{align-items:start}}
/* auditoria v2.2, item 7: citações em colunas, cada cartão com a altura da sua frase */
@media (min-width:900px){
  .citacoes-grade{display:block;columns:3;column-gap:16px;max-width:none}
  .cartao-citacao{break-inside:avoid;margin-bottom:16px}
  .citacao-grande{max-width:none}
}
.assinatura{margin-top:22px;font-family:var(--f-titulo);font-weight:700;font-size:1.05rem;line-height:1.5;color:var(--tinta);max-width:none}
.assinatura::before{content:"";display:inline-block;vertical-align:middle;width:28px;height:2px;margin-right:12px;background:var(--tinta)}
.dobra-lais-v21 .cta{margin-top:36px}
/* v2.4: botão, garantia e linha do Claude Pro centrados (Dobras 4 e 5) */
.dobra-lais-v21 .cta,.dobra5-v21 .cta{margin-inline:auto;text-align:center}
.dobra-lais-v21 .cta .garantia,.dobra5-v21 .cta .garantia{justify-content:center;margin-inline:auto}
.dobra-lais-v21 .cta .custo,.dobra5-v21 .cta .custo{max-width:none}

/* ---------- Dobra 5: celular fixo (Rascunho B, escolhido pelo dono em 04/11/2026) ---------- */
/* computador (900px+, com JS): o celular fica parado e troca de tela conforme o texto ativo; celular, ou sem JS: cada texto com o print logo abaixo */
.dobra5-v21 .recursos{display:grid;gap:44px;margin-top:8px}
.dobra5-v21 .recurso{display:grid;gap:18px;min-width:0}
.dobra5-v21 .recurso-cab{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.dobra5-v21 .recurso-cab h3{font-size:clamp(1.3rem,3vw,1.6rem)}
.recurso-ico{color:var(--tinta);display:block;flex:none}
.dobra5-v21 .recurso-cab .recurso-ico{width:44px;height:44px;border-radius:50%;background:var(--marca-suave);display:grid;place-items:center}
.recurso-ico .icone{width:24px;height:24px}
.dobra5-v21 .recurso-texto > p{color:var(--tinta-2);max-width:34rem}
.dobra5-v21 .recurso-texto .zap{margin-top:16px}
.dobra5-v21 .print{display:flex;flex-direction:column;gap:8px;align-items:center}
.dobra5-v21 .print-celular{width:min(100%,270px);background:var(--branco);border:2px solid var(--tinta);border-radius:30px;padding:8px;box-shadow:0 22px 44px -30px color-mix(in oklch,var(--tinta) 55%,transparent)}
.dobra5-v21 .print-celular img{display:block;width:100%;height:auto;border-radius:22px}
.dobra5-v21 .print figcaption{font-size:.8rem;line-height:1.45;color:var(--tinta-3);font-style:italic;text-align:center;max-width:22rem}
.print-sistema{font-style:normal;font-weight:700;color:var(--tinta-2)}
.zap--balao blockquote{box-shadow:0 1px 0 color-mix(in oklch,var(--tinta) 12%,transparent)}
.dobra5-v21 > .wrap > .cta{margin-top:44px}
.dobra5-v21 .fixo{display:none}
@media (min-width:900px){
  /* --tel-h cabe entre o topo fixo (60px) e a legenda (52px); o primeiro e o último bloco têm mais de meio celular de altura, para as telas 1 e 7 também aparecerem com o celular parado */
  .dobra5-v21 .passeio--fixo{--tel-h:min(660px,calc(100vh - 140px));--primeiro-h:calc(var(--tel-h) / 2 + 110px);--ultimo-h:calc(var(--tel-h) / 2 + 220px);display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(40px,7vw,96px)}
  .dobra5-v21 .passeio--fixo .recursos{gap:0;margin-top:0}
  .dobra5-v21 .passeio--fixo .recurso{min-height:264px;padding-block:10px;align-content:center}
  .dobra5-v21 .passeio--fixo .recurso:first-child{min-height:var(--primeiro-h);padding-top:0}
  .dobra5-v21 .passeio--fixo .recurso:last-child{min-height:var(--ultimo-h);padding-bottom:0}
  .dobra5-v21 .passeio--fixo .print{display:none}
  .dobra5-v21 .passeio--fixo .recurso-texto{padding:28px 30px;background:transparent;border:1.5px solid transparent;border-radius:var(--r-3);opacity:.55;transition:opacity .25s var(--ease),background-color .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}
  .dobra5-v21 .passeio--fixo .recurso.ativo .recurso-texto{opacity:1;background:var(--branco);border-color:color-mix(in oklch,var(--tinta) 18%,var(--linha));box-shadow:0 18px 36px -32px color-mix(in oklch,var(--tinta) 60%,transparent)}
  .dobra5-v21 .passeio--fixo .fixo{display:block}
  .dobra5-v21 .fixo-colar{position:sticky;top:calc(60px + (100vh - 60px - var(--tel-h) - 52px) / 2);display:flex;flex-direction:column;align-items:center;gap:10px}
  .dobra5-v21 .print-celular.fixo-tela{width:max-content;height:var(--tel-h)}
  .dobra5-v21 .fixo-vidro{position:relative;height:100%;aspect-ratio:390 / 760;border-radius:22px;overflow:hidden}
  .dobra5-v21 .fixo-vidro img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;opacity:0;visibility:hidden;transition:opacity .28s var(--ease),visibility 0s linear .28s}
  .dobra5-v21 .fixo-vidro img.ativo{opacity:1;visibility:visible;transition:opacity .28s var(--ease)}
  .dobra5-v21 .fixo-legenda{font-size:.8rem;line-height:1.45;color:var(--tinta-3);font-style:italic;text-align:center;max-width:300px}
}
@media (min-width:900px) and (prefers-reduced-motion:reduce){
  .dobra5-v21 .passeio--fixo .recurso-texto,.dobra5-v21 .fixo-vidro img,.dobra5-v21 .fixo-vidro img.ativo{transition:none}
}

/* ---------- Dobra 6: linha do tempo ---------- */
/* v2.4: o "8 etapas / de 20 a 40 minutos" saiu; o cabeçalho é uma coluna só, com o título em 2 linhas no computador */
.etapas-abertura{color:var(--tinta-2);max-width:var(--texto)}
@media (min-width:960px){.etapas-cabeca .titulo-secao{max-width:32ch}.etapas-abertura{max-width:44rem}}
.linha-tempo{list-style:none;padding:0;margin-top:44px;display:grid;gap:0;position:relative}
.linha-tempo li{display:grid;grid-template-columns:60px 1fr;column-gap:16px;padding-bottom:28px;position:relative;align-content:start}
.linha-tempo li::before{content:"";position:absolute;left:29px;top:56px;bottom:0;width:2px;background:var(--linha)}
.linha-tempo li:last-child{padding-bottom:0}
.linha-tempo li:last-child::before{display:none}
.lt-marco{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1}
.lt-num{font-family:var(--f-titulo);font-weight:800;font-size:1.3rem;line-height:1;color:var(--tinta);font-variant-numeric:tabular-nums;order:2}
.lt-ico{width:52px;height:52px;border-radius:50%;border:2px solid var(--tinta);background:var(--papel);display:grid;place-items:center;color:var(--tinta)}
.secao--faixa .lt-ico{background:var(--faixa)}
.lt-no-ar .lt-ico{background:var(--marca)}
.selo-no-ar{order:3;display:inline-flex;align-items:center;gap:5px;background:var(--verde);color:var(--branco);font-family:var(--f-titulo);font-weight:700;font-size:.74rem;line-height:1;padding:5px 8px;border-radius:40px;white-space:nowrap}
.selo-no-ar::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--branco)}
.lt-texto{padding-top:12px}
.lt-texto h3{margin-bottom:6px}
.lt-texto p{color:var(--tinta-2)}
@media (min-width:1100px){
  .linha-tempo{grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 32px}
  .linha-tempo li{grid-template-columns:1fr;padding-bottom:0}
  .linha-tempo li::before{left:64px;right:-32px;top:26px;bottom:auto;width:auto;height:2px}
  .linha-tempo li:nth-child(4)::before{right:0}
  .linha-tempo li:last-child::before{display:block;right:0}
  .lt-marco{flex-direction:row;align-items:center;gap:12px;justify-content:flex-start}
  .lt-num{order:0;font-size:2.4rem;letter-spacing:-.03em;min-width:0;position:absolute;left:0;top:-46px}
  .linha-tempo{margin-top:72px;row-gap:64px}
  .linha-tempo li:nth-child(n+5){margin-top:0}
  .lt-texto{padding-top:18px}
}

/* ---------- Dobras 7 e 8: conversa + texto ---------- */
.grade-chat{display:grid;gap:40px}
.grade-chat .celular{justify-self:center}
@media (min-width:960px){
  .grade-chat{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px;align-items:center}
  .grade-chat--inversa{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
  .grade-chat--inversa > .celular{order:-1}
}
.celular--baixo .celular-tela{padding-top:26px;padding-bottom:26px;min-height:240px;justify-content:center}
.recados-titulo{margin-top:28px;font-weight:700;color:var(--tinta)}
.chips{list-style:none;padding:0;margin-top:14px;display:flex;flex-wrap:wrap;gap:10px;max-width:40rem}
.chip{display:inline-flex;align-items:center;gap:8px;background:var(--branco);border:1px solid var(--linha);border-radius:40px;padding:8px 15px 8px 11px;font-size:.96rem;line-height:1.3;color:var(--tinta)}
.chip .icone{width:19px;height:19px;color:var(--tinta-3)}
.chip p{max-width:none}
.recados-fim{margin-top:20px;color:var(--tinta-2);max-width:36rem}
.envio-sensivel{font-weight:700;color:var(--tinta)}
.caixa-opcional{margin-top:24px;background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-3);padding:20px 20px 22px;max-width:36rem}
.caixa-opcional-cab{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.caixa-opcional-cab h3{font-size:1.12rem}
.caixa-opcional-cab .recurso-ico{color:var(--tinta-2)}
.caixa-opcional p{color:var(--tinta-2);font-size:1rem;line-height:1.6}
.aviso-envio{margin-top:14px;font-size:.9rem;line-height:1.55;color:var(--tinta-2);max-width:36rem}
.conversa--pedidos .bolha{max-width:92%}

/* ---------- Dobra 9: requisitos ---------- */
.requisitos-grade{list-style:none;padding:0;display:grid;gap:16px;margin-top:8px}
.requisito{background:var(--branco);border:2px solid var(--tinta);border-radius:var(--r-3);padding:24px 22px 26px;display:flex;flex-direction:column;gap:16px}
.requisito-ico{width:56px;height:56px;border-radius:50%;background:var(--marca);color:var(--tinta);display:grid;place-items:center}
.requisito-ico .icone{width:26px;height:26px}
.requisito > p{font-family:var(--f-titulo);font-weight:600;font-size:clamp(1.12rem,2.6vw,1.3rem);line-height:1.45;color:var(--tinta)}
@media (min-width:720px){.requisitos-grade{grid-template-columns:1fr 1fr;gap:24px}}

/* ---------- Dobra 10: preço ---------- */
.preco-v21{max-width:34rem;margin-inline:auto;background:var(--marca-suave);box-shadow:none;padding:32px 24px 28px}
.preco-v21 .preco-valor{font-size:clamp(4.2rem,17vw,6.4rem);text-align:center}
.preco-v21 .preco-valor small{font-size:1.6rem}
.preco-v21 .preco-desc,.preco-v21 .preco-hot{text-align:center;max-width:none}
.preco-v21 .preco-desc{font-size:1.08rem}
.garantia-escudo{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;line-height:1.5;color:var(--tinta)}
.escudo-ico{color:var(--verde);flex:none}
.escudo-ico .icone{width:28px;height:28px}
.preco-v21 .linha-colada{font-size:.86rem;border-top-color:color-mix(in oklch,var(--tinta) 25%,transparent)}

/* ---------- Dobra 11: garantia e limites ---------- */
/* v2.4 (pedido do dono): a seção inteira centrada: selo, título, texto, os limites */
.dobra11-v21 .wrap{text-align:center}
.garantia-grade{display:grid;gap:20px;justify-items:center}
.garantia-grade .medida{margin-inline:auto;max-width:44rem}
.garantia-grade .medida p{margin-inline:auto}
.garantia-grade .titulo-secao{margin-inline:auto;margin-bottom:18px}
.selo-escudo{width:120px;height:auto;display:block;margin-inline:auto}
.selo-escudo-forma{fill:var(--marca);stroke:var(--tinta);stroke-width:3}
.selo-escudo-linha{fill:none;stroke:var(--tinta);stroke-width:1.5;stroke-dasharray:4 4}
.selo-escudo-num{font-family:var(--f-titulo);font-weight:800;font-size:44px;fill:var(--tinta)}
.selo-escudo-txt{font-family:var(--f-titulo);font-weight:700;font-size:17px;fill:var(--tinta)}
.limites{margin-top:40px;padding-top:28px;border-top:1px solid var(--linha)}
.limites h3{margin-inline:auto}
.limites h3{font-size:clamp(1.25rem,3vw,1.5rem);margin-bottom:22px}
.limites-lista{list-style:none;padding:0;display:grid;gap:20px}
.limites-lista li{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;max-width:none}
.limite-ico{color:var(--tinta-3)}
.limites-lista p{margin-inline:auto}
.limites-lista p{color:var(--tinta-2)}
@media (min-width:900px){.limites-lista{grid-template-columns:1fr 1fr;gap:24px 48px}}
@media (min-width:1100px){.limites-lista{grid-template-columns:repeat(3,1fr);gap:24px 40px}}
@media (max-width:767px){.selo-escudo{width:96px}}

/* ---------- Dobra 12: cartão de contato ---------- */
.cartao-contato{background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-3);padding:28px 22px;display:grid;gap:24px;max-width:60rem;margin-inline:auto}
.foto-redonda{width:150px;height:150px;border-radius:50%}
.foto-redonda img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--branco);box-shadow:0 0 0 2px var(--tinta)}
.contato-texto .titulo-secao{margin-bottom:14px}
.contato-texto > p{color:var(--tinta-2)}
.contato-linhas{list-style:none;padding:0;margin-top:20px;padding-top:18px;border-top:1px dashed var(--linha);display:flex;flex-wrap:wrap;gap:12px 28px}
.contato-linhas li{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--tinta)}
.contato-linhas .icone{color:var(--tinta-2)}
@media (min-width:768px){.cartao-contato{grid-template-columns:180px minmax(0,1fr);gap:44px;padding:40px}.foto-redonda{width:180px;height:180px}}

/* ---------- Dobra 13: FAQ ---------- */
@media (min-width:1024px){.faq-grade{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:64px;align-items:start}.faq-grade .faq{margin-top:6px}.faq-grade .titulo-secao{position:sticky;top:96px}}

/* ---------- Dobra 14: fechamento em cor cheia ---------- */
.fechamento-v21{background:var(--marca);color:var(--tinta);text-align:center}
.fechamento-v21 h2{font-size:clamp(1.9rem,5.4vw,3.1rem);font-weight:600;max-width:22ch;margin-inline:auto;color:var(--tinta)}
.fechamento-v21 h2 strong{font-weight:800;white-space:nowrap;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
.fechamento-v21 .medida{margin:22px auto 0}
.fechamento-v21 .medida p{color:var(--tinta);max-width:none}
.fechamento-v21 .cta{margin:32px auto 0;align-items:center}
.fechamento-v21 .botao{background:var(--tinta);color:var(--papel);border-color:var(--tinta);box-shadow:0 3px 0 oklch(16% 0.04 258)}
@media (hover:hover){.fechamento-v21 .botao:hover{background:var(--tinta-2);box-shadow:0 5px 0 oklch(16% 0.04 258)}}
.fechamento-v21 .garantia{text-align:left;color:var(--tinta)}

@media (prefers-reduced-motion:reduce){
  .anim-pronta .passo{opacity:1;transform:none}
}

/* ---------- v2.2: prints dos sistemas de teste ---------- */
.tela--print{padding:0;background:none;display:block}
.tela--print img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:20px}
.previa-print img{display:block;width:100%;aspect-ratio:390/430;object-fit:cover;object-position:top;border-radius:12px;border:1px solid var(--linha)}
@media (max-width:599px){.previa-print img{aspect-ratio:390/340}}
/* ---------- v2.2: a caixa "opcional" vem antes do título da Dobra 8 ---------- */
.caixa-opcional--topo{margin:0 0 28px}

/* ---------- auditoria v2.2 (itens 1, 4 e 9): overrides de estilo.css, que precisa ficar igual ao do quiz ---------- */
:root{--secao:clamp(48px,6vw,80px)}
main > .secao{padding:48px 16px}
main > .secao--compacta{padding:40px 16px}
@media (min-width:768px){main > .secao{padding:72px 32px}main > .secao--compacta{padding:56px 32px}}
@media (min-width:1200px){main > .secao{padding:80px 32px}main > .secao--compacta{padding:64px 32px}}
main h2{font-size:clamp(1.5rem,2.2vw + .9rem,2.25rem)}
main > .dobra9-v21{padding-bottom:16px}
main > .dobra10-v21{padding-top:24px}

/* ---------- vídeo explicativo, dentro da Dobra 2 (entre o título e o parágrafo) ---------- */
.video-explicativo{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;background:var(--tinta);border:2px solid var(--tinta);border-radius:var(--r-3);box-shadow:6px 6px 0 color-mix(in oklch,var(--tinta) 14%,transparent)}