/* ============================================================
   Páginas de conteúdo do funil — /consultoria, /isca, /nao-dessa-vez
   Pele escura do funil. Componentes de card das LPs, repintados
   nesses tokens: componente do site, cor do funil.
   ============================================================ */

:root{
  --gluon-grey:#181D20;
  --depth-navy:#21323B;
  --base-clara:#ECEEE8;
  --scarborough:#7F9394;
  --aqua-whisper:#C1DFE0;
  --aqua-hover:#9ECACB;
  --yellow-gold:#E2B765;
  --aw10:rgba(193,223,224,0.08);
  --aw20:rgba(193,223,224,0.18);
  --sc15:rgba(127,147,148,0.15);
  --font:'Sora',sans-serif;
  --largura:760px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

body{
  font-family:var(--font);
  background:var(--gluon-grey);
  color:var(--base-clara);
  overflow-x:hidden;
  position:relative;
  -webkit-font-smoothing:antialiased;
  padding-bottom:96px; /* espaço da barra fixa de CTA */
}
body::before{
  content:'';position:fixed;top:-200px;left:50%;
  transform:translateX(-50%);width:720px;height:460px;
  background:radial-gradient(ellipse at 50% 0%,rgba(193,223,224,0.16) 0%,rgba(193,223,224,0.04) 55%,transparent 80%);
  pointer-events:none;z-index:0;
}

.wrap{
  position:relative;z-index:1;
  max-width:var(--largura);
  margin:0 auto;
  padding:0 20px;
}

/* ---------- Marca discreta, sem menu e sem saída ---------- */
.topo-marca{
  display:flex;align-items:center;justify-content:center;gap:10px;
  padding:22px 0 4px;
}
.topo-marca svg{width:30px;height:30px}
.topo-marca span{
  font-size:.6rem;font-weight:600;letter-spacing:.10em;
  text-transform:uppercase;color:var(--scarborough);
}

/* ---------- Seções ---------- */
section{padding:44px 0}
section:first-of-type{padding-top:20px}

.selo{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.66rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--scarborough);
  background:rgba(193,223,224,0.06);
  border:1px solid rgba(193,223,224,0.14);
  padding:6px 14px;border-radius:20px;margin-bottom:18px;
}
.selo::before{
  content:'';width:6px;height:6px;border-radius:50%;
  background:var(--aqua-whisper);box-shadow:0 0 8px rgba(193,223,224,0.6);
}

h1{
  font-size:clamp(1.6rem,4.8vw,2.4rem);font-weight:800;
  line-height:1.2;letter-spacing:-.01em;margin-bottom:16px;
  text-wrap:balance;
}
h2{
  font-size:clamp(1.25rem,3.6vw,1.7rem);font-weight:700;
  line-height:1.28;letter-spacing:-.01em;margin-bottom:14px;
  text-wrap:balance;
}
h3{font-size:1rem;font-weight:600;line-height:1.35;margin-bottom:7px}

.accent{
  color:transparent;
  background:linear-gradient(135deg,var(--aqua-whisper) 0%,rgba(193,223,224,0.5) 100%);
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 0 24px rgba(193,223,224,0.18));
}

p{font-size:.9rem;line-height:1.72;color:var(--scarborough)}
p + p{margin-top:12px}
p strong,li strong{color:var(--aqua-whisper);font-weight:600}
.lead{font-size:.98rem;line-height:1.68;color:var(--base-clara);font-weight:400}

/* ---------- VSL ---------- */
.vsl{
  width:100%;aspect-ratio:16/9;
  border:1px solid rgba(193,223,224,0.14);
  border-radius:16px;overflow:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.55);
  background:#000;
}
.vsl iframe{width:100%;height:100%;border:0;display:block}
.linha-vsl{
  font-size:.8rem;color:var(--scarborough);
  text-align:center;margin-top:14px;letter-spacing:.01em;
}

/* ---------- Contador de vagas ----------
   O visual é o do linktree. A conta, não: aqui o número vem do config e
   é alimentado pelo que a Ingrid fecha. Com VAGAS_RESTANTES em null, nada
   disso aparece. Contador que anda sozinho com o calendário queima a
   escassez, e escassez queimada não desqueima. */
.vagas{
  display:flex;flex-direction:column;gap:9px;
  background:var(--depth-navy);
  border:1px solid rgba(193,223,224,0.10);
  border-radius:14px;padding:15px 17px;margin-top:18px;
}
.vagas__linha{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-size:.8rem;font-weight:600;color:var(--aqua-whisper);
}
.vagas__conta{font-size:.72rem;color:var(--scarborough);font-weight:500;font-variant-numeric:tabular-nums}
.vagas__barra{height:5px;border-radius:3px;background:var(--sc15);overflow:hidden}
.vagas__fill{
  height:100%;width:0%;border-radius:3px;
  background:var(--aqua-whisper);
  box-shadow:0 0 10px rgba(193,223,224,0.45);
  transition:width .9s cubic-bezier(0.16,1,0.3,1);
}
@media (prefers-reduced-motion:reduce){.vagas__fill{transition:none}}

/* ---------- Cards ---------- */
.cards{display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:640px){.cards.duas{grid-template-columns:1fr 1fr}}

.card{
  background:var(--depth-navy);
  border:1px solid rgba(193,223,224,0.10);
  border-radius:16px;
  padding:20px;
}
.card p{font-size:.85rem;line-height:1.65}
.card__icone{
  width:34px;height:34px;border-radius:10px;
  display:grid;place-items:center;margin-bottom:12px;
  background:rgba(193,223,224,0.10);
  border:1px solid rgba(193,223,224,0.16);
  color:var(--aqua-whisper);
}

/* ---------- Lista de itens do plano ---------- */
.itens{list-style:none;display:flex;flex-direction:column;gap:11px}
/* O li NÃO pode ser flex: um <strong> no meio do texto viraria um item
   flex separado e a frase quebraria em duas colunas. Marcador absoluto. */
.itens li{
  position:relative;
  padding-left:18px;
  font-size:.9rem;line-height:1.6;color:var(--base-clara);
}
.itens li::before{
  content:'';position:absolute;left:0;top:.52em;
  width:7px;height:7px;border-radius:50%;
  background:var(--aqua-whisper);
  box-shadow:0 0 8px rgba(193,223,224,0.5);
}

/* ---------- A semana, passo a passo ---------- */
.semana{display:flex;flex-direction:column;gap:0}
.semana[hidden]{display:none}
.semana__passo{
  display:flex;gap:16px;
  padding:16px 0;
  border-bottom:1px solid rgba(193,223,224,0.08);
}
.semana__passo:last-child{border-bottom:0}
/* Nome da etapa do Brick by Brick em cima do título (objeção de tempo) */
.semana__prazo{font-style:normal;font-weight:500;letter-spacing:.04em;text-transform:none;color:var(--scarborough)}
.semana__etapa{
  display:block;margin-bottom:3px;
  font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--aqua-whisper);opacity:.75;
}
.semana__n{
  flex-shrink:0;width:30px;height:30px;border-radius:9px;
  display:grid;place-items:center;
  background:rgba(193,223,224,0.08);
  border:1px solid rgba(193,223,224,0.16);
  font-size:.72rem;font-weight:700;color:var(--aqua-whisper);
}

/* ---------- Linha do tempo (objeção de tempo) ----------
   No estilo da LP Brick by Brick: linha vertical, bolinha aqua em cada
   marco, título forte e o texto embaixo. */
.linha-tempo{position:relative;margin:16px 0 4px;padding-left:30px}
.linha-tempo::before{
  content:'';position:absolute;left:7px;top:8px;bottom:14px;width:2px;
  background:rgba(193,223,224,0.28);border-radius:2px;
}
.linha-tempo__item{position:relative;padding-bottom:20px}
.linha-tempo__item:last-child{padding-bottom:0}
.linha-tempo__item::before{
  content:'';position:absolute;left:-30px;top:3px;width:16px;height:16px;border-radius:50%;
  background:var(--aqua-whisper);box-shadow:0 0 0 4px rgba(193,223,224,0.14),0 0 10px rgba(193,223,224,0.4);
}
.linha-tempo__item h3{font-size:1rem;margin-bottom:6px;color:var(--base-clara)}
.linha-tempo__item p{font-size:.88rem;line-height:1.65}

/* ---------- Objeção de tempo: argumento, prova e convite ----------
   Três blocos com o mesmo respiro entre eles (48px), e 12-16px dentro de
   cada um. Antes era um card só de quase 2.000px. */
.tempo-prova{padding:48px 0 0}
.tempo-prova__bloco{margin-top:48px}
.tempo-prova__bloco h2{margin-bottom:20px}
.tempo-prova .linha-tempo{margin-top:0}
.tempo-prova .prints{padding-top:0}
.tempo-convite{margin-top:48px;padding-top:32px;border-top:1px solid rgba(226,183,101,0.28)}
@media (max-width:600px){
  .tempo-convite .cta{font-size:.9rem;padding-left:14px;padding-right:14px;gap:8px}
}

/* ---------- Prints de feedback: faixa que arrasta pro lado ----------
   Mesma da isca (que ainda tem a cópia dela no próprio HTML). */
.prints{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 2px 6px;
  -webkit-overflow-scrolling:touch;scrollbar-width:none}
.prints::-webkit-scrollbar{display:none}
.prints img{flex:0 0 auto;width:min(78vw,300px);height:auto;align-self:flex-start;border-radius:14px;
  border:1px solid rgba(193,223,224,0.12);scroll-snap-align:start;background:#0f1416}
.prints__dica{font-size:.72rem;color:var(--scarborough);margin-top:4px}

/* ---------- Faixa BRICK BY BRICK, de ponta a ponta ----------
   A mesma divisória de tela grande da LP Brick by Brick (c.png de lá).
   Sai do .wrap pra encostar nas bordas da tela. */
.faixa-brick{
  width:100vw;margin:0 0 0 calc(50% - 50vw);
  /* 26/09: sem fundo e sem linhas, só o texto da imagem (PNG transparente) */
  line-height:0;
}
.faixa-brick img{display:block;width:100%;height:auto;opacity:.85}

/* ---------- Prova social ---------- */
.depo{
  background:var(--depth-navy);
  border:1px solid rgba(193,223,224,0.10);
  border-radius:16px;padding:20px;
}
.depo blockquote{
  font-size:.88rem;line-height:1.7;color:var(--base-clara);
  font-weight:400;margin-bottom:14px;
}
.depo figcaption{display:flex;align-items:center;gap:11px}
.depo__inicial{
  width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;flex-shrink:0;
  background:radial-gradient(circle at 30% 30%,var(--aqua-whisper),var(--scarborough));
  color:#111820;font-weight:700;font-size:.85rem;
}
.depo__nome{font-size:.82rem;font-weight:600;color:var(--base-clara);line-height:1.3}
.depo__papel{font-size:.7rem;color:var(--scarborough);line-height:1.3}

/* ---------- Bloco de objeção de preço ---------- */
.objecao{
  background:linear-gradient(160deg,rgba(226,183,101,0.07),rgba(33,50,59,0.5));
  border:1px solid rgba(226,183,101,0.2);
  border-radius:18px;padding:24px 22px;
  margin-top:8px;
}
.objecao .selo{
  background:rgba(226,183,101,0.08);
  border-color:rgba(226,183,101,0.24);
  color:var(--yellow-gold);
}
.objecao .selo::before{background:var(--yellow-gold);box-shadow:0 0 8px rgba(226,183,101,0.6)}
/* O destaque do bloco de objeção é o argumento, não uma conta. Dividir o
   preço por 180 dias respondia a objeção errada: quem marcou "não consigo"
   não está travado na matemática por dia. */
.virada{
  font-size:clamp(1.15rem,4vw,1.5rem);
  font-weight:700;
  line-height:1.35;
  color:var(--base-clara);
  letter-spacing:-.01em;
  margin:22px 0 16px;
  padding-left:16px;
  border-left:3px solid var(--yellow-gold);
  text-wrap:balance;
}

/* As duas ferramentas grátis do bloco de objeção. É a única saída do funil,
   e é de propósito: quem chegou aqui já disse que não fecha agora. Abrem em
   aba nova pra não levar a página embora. */
.ferramentas{display:grid;gap:10px;grid-template-columns:1fr}
@media (min-width:620px){.ferramentas{grid-template-columns:1fr 1fr}}

.ferramenta{
  display:flex;align-items:flex-start;gap:12px;
  background:rgba(193,223,224,0.04);
  border:1px solid rgba(193,223,224,0.12);
  border-radius:14px;padding:15px 16px;
  text-decoration:none;
  transition:background .15s,border-color .15s,transform .15s;
}
.ferramenta:hover{
  background:rgba(193,223,224,0.08);
  border-color:rgba(193,223,224,0.28);
  transform:translateY(-1px);
}
.ferramenta__icone{
  flex-shrink:0;width:32px;height:32px;border-radius:9px;
  display:grid;place-items:center;
  background:rgba(193,223,224,0.10);
  border:1px solid rgba(193,223,224,0.16);
  color:var(--aqua-whisper);
}
.ferramenta__nome{
  display:block;font-size:.87rem;font-weight:600;
  color:var(--base-clara);line-height:1.35;margin-bottom:3px;
}
.ferramenta__sub{
  display:block;font-size:.74rem;line-height:1.5;color:var(--scarborough);
}

.objecao__saida{
  margin-top:20px;padding-top:16px;
  border-top:1px solid rgba(226,183,101,0.15);
  font-size:.82rem;font-style:normal;
}

@media (prefers-reduced-motion:reduce){
  .ferramenta:hover{transform:none}
}

/* ---------- Tabela de valores ---------- */
/* Revelada por IntersectionObserver, nunca por hover: hover não existe
   no celular, e é de lá que vem mais de 80% do tráfego. */
.valores{
  background:linear-gradient(165deg,#1e262a 0%,var(--depth-navy) 100%);
  border:1px solid rgba(193,223,224,0.16);
  border-radius:20px;
  padding:28px 24px;
  box-shadow:0 30px 80px rgba(0,0,0,.45);
  opacity:0;
  transform:translateY(26px);
  transition:opacity .7s cubic-bezier(0.16,1,0.3,1),transform .7s cubic-bezier(0.16,1,0.3,1);
}
.valores.revelada{opacity:1;transform:translateY(0)}

.valores__topo{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:12px;flex-wrap:wrap;margin-bottom:6px;
}
.valores__nome{font-size:1.05rem;font-weight:700;color:var(--base-clara)}
.valores__prazo{font-size:.72rem;color:var(--scarborough);letter-spacing:.06em;text-transform:uppercase}

.valores__preco{
  font-size:clamp(2.1rem,7.5vw,3rem);font-weight:800;
  color:var(--aqua-whisper);line-height:1.05;
  letter-spacing:-.02em;margin:14px 0 4px;
  filter:drop-shadow(0 0 26px rgba(193,223,224,0.2));
}
.valores__parcela{font-size:.9rem;color:var(--scarborough);margin-bottom:22px}
.valores hr{border:0;height:1px;background:rgba(193,223,224,0.1);margin:20px 0}

.valores__nota{
  font-size:.76rem;line-height:1.6;color:rgba(127,147,148,0.9);
  margin-top:18px;
}

/* ---------- CTA ---------- */
.cta{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  background:var(--aqua-whisper);color:#111820;
  font-family:var(--font);font-size:.94rem;font-weight:700;
  padding:16px 30px;border-radius:24px;text-decoration:none;border:0;
  cursor:pointer;letter-spacing:.01em;
  transition:opacity .15s,transform .15s;
}
.cta:hover{opacity:.88;transform:translateY(-1px)}
.cta:active{transform:scale(.98)}
.cta--bloco{width:100%}

.cta-fixo{
  position:fixed;left:0;right:0;bottom:0;z-index:20;
  padding:12px 20px calc(12px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(24,29,32,0) 0%,rgba(24,29,32,.96) 38%);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.cta-fixo__interno{max-width:var(--largura);margin:0 auto;display:flex;gap:12px}

/* Enquanto o botão do topo está na tela, a barra fixa é só ruído: dois
   botões iguais competindo. Ela sobe quando o de cima sai de vista. */
.cta-fixo--oculto{
  opacity:0;
  transform:translateY(100%);
  pointer-events:none;
  transition:opacity .25s ease,transform .3s cubic-bezier(0.16,1,0.3,1);
}
.cta-fixo--fim{opacity:0;transform:translateY(100%);pointer-events:none}
.cta-fixo{transition:opacity .25s ease,transform .3s cubic-bezier(0.16,1,0.3,1)}
@media (prefers-reduced-motion:reduce){
  .cta-fixo,.cta-fixo--oculto{transition:none}
}
.cta-fixo .cta{flex:1}

/* ---------- Entrada suave das seções ---------- */
.revela{
  opacity:0;transform:translateY(22px);
  transition:opacity .6s cubic-bezier(0.16,1,0.3,1),transform .6s cubic-bezier(0.16,1,0.3,1);
}
.revela.revelada{opacity:1;transform:translateY(0)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .revela,.valores{transition:none;opacity:1;transform:none}
  .cta:hover,.cta:active{transform:none}
}

@media (max-width:600px){
  section{padding:34px 0}
  .card,.depo{padding:17px}
  .valores{padding:24px 20px}
}

/* ---------- Extrato das tentativas (objeção de valor, 26/09) ---------- */
.extrato{
  margin:18px 0 26px;text-align:left;padding:18px 20px;border-radius:16px;
  background:var(--depth-navy);border:1px solid rgba(193,223,224,0.10);
}
.extrato__linha{
  display:flex;justify-content:space-between;gap:16px;
  padding:9px 0;font-size:.86rem;color:var(--scarborough);
  border-bottom:1px dashed rgba(193,223,224,0.12);
}
.extrato__linha span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}
.extrato__total{
  border-bottom:0;padding-top:12px;
  color:var(--erro);font-weight:600;
}
.extrato__total span:last-child{text-decoration:line-through;text-decoration-thickness:1px}
.extrato__comigo{
  margin-top:10px;padding:12px 14px;border:1px solid var(--aw20);border-radius:12px;
  background:rgba(193,223,224,0.06);color:var(--aqua-whisper);font-weight:600;
}
.extrato__nota{margin-top:10px;font-size:.7rem;color:var(--scarborough);opacity:.7}

/* ---------- Ponte nutri da moda x zericardonutri (objeções) ----------
   27/09: um card só, no visual do extrato e do stack (navy, divisórias
   tracejadas, aqua). O "antes" fica apagado e o "depois" claro; o Brick by
   Brick é a divisória do meio. Sem vermelho e verde. */
.ponte{
  margin-top:18px;border-radius:16px;overflow:hidden;
  background:var(--depth-navy);border:1px solid rgba(193,223,224,0.10);
}
.ponte__lado{padding:18px 20px}
.ponte__lado--antes{background:rgba(0,0,0,0.14)}
.ponte__rotulo{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.ponte__lado--antes .ponte__rotulo{color:var(--scarborough)}
.ponte__lado--depois .ponte__rotulo{color:var(--aqua-whisper)}
.ponte ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ponte li{
  display:flex;gap:11px;align-items:flex-start;font-size:.86rem;line-height:1.5;
  padding:9px 0;border-bottom:1px dashed rgba(193,223,224,0.10);
}
.ponte li:last-child{border-bottom:0;padding-bottom:0}
.ponte li i{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;margin-top:1px}
.ponte__lado--antes li{color:var(--scarborough)}
.ponte__lado--antes li i{background:rgba(127,147,148,0.14);color:var(--scarborough)}
.ponte__lado--depois li{color:var(--base-clara)}
.ponte__lado--depois li i{background:rgba(193,223,224,0.12);color:var(--aqua-whisper)}
/* a divisória: Brick by Brick entre os dois lados */
.ponte__meio{
  display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
  padding:12px 20px;text-align:center;
  border-top:1px solid rgba(193,223,224,0.14);border-bottom:1px solid rgba(193,223,224,0.14);
  background:rgba(193,223,224,0.05);
}
.ponte__agora{font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--scarborough)}
.ponte__meio strong{font-size:.9rem;color:var(--aqua-whisper)}
.ponte__meio span:last-child{font-size:.72rem;color:var(--scarborough)}

/* ---------- Crenças riscadas (objeção de valor, 26/09) ---------- */
.crencas{display:flex;flex-direction:column;gap:28px}
/* 26/09: fora do box, centralizada */
.crenca{text-align:center;max-width:520px;margin:0 auto}
.crenca__rotulo{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--aqua-whisper);margin-bottom:12px}
.crenca__falsa{
  font-size:clamp(1.2rem,4.2vw,1.5rem);font-weight:700;line-height:1.3;color:var(--scarborough);margin-bottom:12px;
  text-decoration:line-through;text-decoration-color:rgba(232,139,125,0.7);text-decoration-thickness:2px;
}
.crenca__verdade{font-size:.88rem;line-height:1.65;color:var(--base-clara)}

/* Extrato dentro do card "Sobre o valor" (26/09): um tom abaixo do card */
.objecao .extrato{background:rgba(0,0,0,0.18);margin:16px 0 22px}

/* ---------- Ponte da Epifania (objeção de valor, 26/09) ---------- */
.epifania{text-align:center;max-width:540px;margin-left:auto;margin-right:auto}
.epifania p{font-size:.92rem;line-height:1.75;color:var(--scarborough);margin-bottom:14px}
.epifania .epifania__clique{
  font-size:clamp(1.05rem,3.8vw,1.25rem);font-weight:700;line-height:1.45;color:var(--base-clara);
  margin:22px 0;
}

/* ---------- Stack (objeção de valor, 26/09) ---------- */
.stack[hidden]{display:none}
.stack{
  margin-bottom:18px;padding:8px 20px 18px;border-radius:16px;
  background:var(--depth-navy);border:1px solid rgba(193,223,224,0.10);
}
.stack__item{
  display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:start;
  padding:14px 0;border-bottom:1px dashed rgba(193,223,224,0.12);
}
.stack__item i{
  width:22px;height:22px;border-radius:50%;display:grid;place-items:center;margin-top:1px;
  background:rgba(193,223,224,0.10);color:var(--aqua-whisper);
}
.stack__item strong{display:block;font-size:.9rem;font-weight:600;color:var(--base-clara);line-height:1.4}
.stack__crenca{
  display:block;margin-top:4px;font-size:.78rem;color:var(--scarborough);
  text-decoration:line-through;text-decoration-color:rgba(232,139,125,0.7);
}
.stack__valor{font-size:.9rem;color:var(--scarborough);white-space:nowrap;font-variant-numeric:tabular-nums}
.stack__total{
  display:flex;justify-content:space-between;gap:12px;padding-top:16px;
  font-weight:700;font-size:1rem;color:var(--base-clara);
}
.stack__total span:last-child{text-decoration:line-through;text-decoration-color:rgba(232,139,125,0.8);text-decoration-thickness:2px}
.stack__hoje{margin-top:10px;font-size:.84rem;color:var(--aqua-whisper);font-weight:600}

/* ---------- Convite do modelo mais leve (objeção de valor, 26/09) ----------
   Tudo centralizado, no eixo do botão; a pergunta final sem linha e com peso
   de fecho. A objeção de tempo fica como está. */
.modo-limpo .tempo-convite{text-align:center}
.modo-limpo .tempo-convite h3{font-size:1.15rem!important;margin-bottom:12px!important}
.modo-limpo .tempo-convite > p:not(.objecao__saida){max-width:500px;margin-left:auto;margin-right:auto;line-height:1.7}
.modo-limpo .tempo-convite .objecao__saida{
  border-top:0;margin-top:26px;padding-top:0;
  font-size:1rem;font-weight:600;line-height:1.5;color:var(--base-clara);
  max-width:520px;margin-left:auto;margin-right:auto;text-wrap:balance;
}

/* ---------- Card da objeção de tempo (26/09) ----------
   Intro apagada, a conta, "Tempo você já deu." em destaque, a virada e o
   fecho em lista com check. */
#secObjecaoTempo .objecao p{margin-bottom:14px}
.tempo-card__intro{font-size:.84rem;color:var(--scarborough)}
.tempo-card__destaque{
  font-size:clamp(1.3rem,4.6vw,1.7rem)!important;font-weight:800;line-height:1.2;
  color:var(--yellow-gold);margin:6px 0 16px!important;
}
.tempo-card__fecho{margin-top:20px;margin-bottom:10px!important;font-weight:600;color:var(--base-clara)}
.tempo-card__itens{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tempo-card__itens li{display:flex;gap:11px;align-items:flex-start;font-size:.88rem;line-height:1.5;color:var(--base-clara)}
.tempo-card__itens li i{
  flex-shrink:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;margin-top:1px;
  background:rgba(226,183,101,0.14);color:var(--yellow-gold);
}

/* ---------- Tabela de habilidades (objeção de tempo, 26/09) ---------- */
.habilidades[hidden]{display:none}
.habilidades{
  margin-bottom:18px;padding:6px 18px 10px;border-radius:16px;
  background:var(--depth-navy);border:1px solid rgba(193,223,224,0.10);
}
.habilidades__linha{
  display:grid;grid-template-columns:1fr 104px 84px;gap:12px;align-items:center;
  padding:13px 0;border-bottom:1px dashed rgba(193,223,224,0.12);
  font-size:.86rem;line-height:1.45;color:var(--base-clara);
}
.habilidades__linha span:not(:first-child){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.habilidades__topo span{white-space:normal!important;line-height:1.3}
.habilidades__topo{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--scarborough);padding:12px 0 10px}
.habilidades__topo span:last-child{color:var(--aqua-whisper)}
.habilidades__sozinho{color:var(--scarborough);text-decoration:line-through;text-decoration-color:rgba(232,139,125,0.7)}
.habilidades__comigo{color:var(--aqua-whisper);font-weight:600}
.habilidades__total{border-bottom:0;font-weight:700;font-size:.95rem;padding-top:16px}
.habilidades__total .habilidades__sozinho{text-decoration-thickness:2px}
@media (max-width:420px){.habilidades__linha{grid-template-columns:1fr 84px 70px;gap:8px;font-size:.8rem}}

/* ---------- Quadro do método (objeções, 26/09) ----------
   Cópia do .escuro-card da home do site (style.css), no tamanho do celular. */
.escuro-card[hidden]{display:none}
.escuro-card{
  background:#1f2d36 url('/funil/fotos/escuro-card.png') no-repeat center center/cover;
  border-radius:20px;box-shadow:0 16px 63px -2px rgba(0,0,0,0.45);
  min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:24px;margin:8px 0 28px;border:1px solid rgba(193,223,224,0.12);
}
.escuro-card h2{font-size:clamp(19px,4.4vw,28px);font-weight:800;line-height:1.35;letter-spacing:-0.5px;color:#fff;margin:0}
.escuro-card h2 span{
  color:var(--aqua-whisper);text-shadow:0 0 4px rgba(193,223,224,0.5);
  animation:escuro-glow-breath 6s ease-in-out infinite;display:inline-block;
}
@keyframes escuro-glow-breath{0%,100%{text-shadow:0 0 3px rgba(193,223,224,0.4)}50%{text-shadow:0 0 10px rgba(193,223,224,0.85)}}
@media (prefers-reduced-motion:reduce){.escuro-card h2 span{animation:none}}

/* Roteiro dentro do card de tempo (26/09) */
.tempo-card__roteiro{font-size:.92rem;line-height:1.7;color:var(--scarborough)}
.tempo-card__desfecho{
  font-size:clamp(1.02rem,3.6vw,1.14rem);line-height:1.55;font-weight:600;color:var(--base-clara);
  padding-bottom:18px;margin-bottom:18px!important;border-bottom:1px solid rgba(226,183,101,0.18);
}

/* ---------- Garantia (objeções, 26/09) ---------- */
.garantia[hidden]{display:none}
.garantia{
  margin-top:18px;padding:24px 22px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(226,183,101,0.08),rgba(33,50,59,0.5));
  border:1px solid rgba(226,183,101,0.28);
}
.garantia__selo{
  width:44px;height:44px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;
  background:rgba(226,183,101,0.14);color:var(--yellow-gold);
}
.garantia h3{font-size:1.05rem;margin-bottom:10px;color:var(--base-clara)}
.garantia p{font-size:.86rem;line-height:1.7;color:var(--scarborough);max-width:520px;margin:0 auto}
.garantia .garantia__fecho{margin-top:12px;font-weight:600;color:var(--yellow-gold)}

/* ---------- Escassez junto do preço (objeções, 26/09) ---------- */
.escassez[hidden]{display:none}
.escassez{margin-top:18px;text-align:center}
.escassez__texto{font-size:.9rem;color:var(--scarborough);margin-bottom:12px}
.escassez__texto strong{color:var(--base-clara)}
.escassez .vagas{text-align:left}

/* ---------- Vagas dentro da caixa do semestral (objeções, 27/09) ---------- */
.vagas-caixa[hidden]{display:none}
.vagas-caixa{display:flex;align-items:center;gap:14px;text-align:left}
.vagas-caixa p{font-size:.84rem;line-height:1.55;color:var(--base-clara)}
.vagas-caixa strong{color:var(--aqua-whisper)}
.vagas-caixa__num{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:58px}
.vagas-caixa__n{display:inline-block;font-size:2.4rem;font-weight:800;line-height:1;color:var(--aqua-whisper);text-shadow:0 0 18px rgba(193,223,224,0.35)}
.vagas-caixa__rot{font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.25;text-align:center;color:var(--scarborough)}
@keyframes vagaDesce{from{opacity:.2;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.vagas-caixa__n.desceu{animation:vagaDesce .32s ease-out}
/* "Com os 6 meses comigo, você investe" fora da caixa do stack */
p.stack__hoje[hidden]{display:none}
p.stack__hoje{text-align:center;margin:26px 0 14px;font-size:1rem;font-weight:600}

/* ---------- Artes das objeções (27/09, v2) ----------
   Escada: os tijolos se assentam e a bolinha sobe acendendo cada degrau.
   Perdida: a bolinha sobe, cai e volta pro zero, em loop. */
.arte-caixa{margin:6px 0 14px}
.arte-caixa--perdida{margin:44px auto 40px;max-width:520px}
.arte{width:100%;height:auto;display:block;overflow:visible}
.arte__chao{stroke:rgba(193,223,224,0.16);stroke-width:1}
.arte__tijolo{
  fill:rgba(193,223,224,0.06);stroke:rgba(193,223,224,0.28);stroke-width:1;
  opacity:0;transform:translateY(-10px);transform-box:fill-box;
  transition:opacity .28s ease,transform .28s ease,fill .35s ease,stroke .35s ease;
  transition-delay:calc(var(--i) * 40ms),calc(var(--i) * 40ms),0s,0s;
}
.montada .arte__tijolo{opacity:1;transform:none}
.arte__coluna.acesa .arte__tijolo{fill:rgba(193,223,224,0.22);stroke:var(--aqua-whisper)}
.arte__coluna.acesa:last-child .arte__tijolo{fill:rgba(193,223,224,0.34);filter:drop-shadow(0 0 5px rgba(193,223,224,0.5))}
.arte__bola{
  fill:var(--aqua-whisper);filter:drop-shadow(0 0 6px rgba(193,223,224,0.8));
  opacity:0;transition:opacity .3s ease;
}
.montada .arte__bola{opacity:1}
.arte__bola--perdida{fill:var(--scarborough);filter:none;opacity:1}
.arte__trilha{fill:none;stroke:rgba(127,147,148,0.45);stroke-width:1.6}
.arte__titulo{font-family:var(--font);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;fill:var(--scarborough)}
.arte__rot{font-family:var(--font);font-size:11px;font-weight:600;fill:var(--scarborough)}
.arte__rot--zero{fill:rgba(232,139,125,0.85);font-size:10px}
.arte__rot--alvo{fill:var(--aqua-whisper);font-weight:700;opacity:0;transition:opacity .45s ease}
.chegou .arte__rot--alvo{opacity:1}
@media (prefers-reduced-motion:reduce){
  .arte__tijolo,.arte__bola,.arte__rot--alvo{opacity:1;transform:none;transition:none}
}

/* arte perdida v3: eixo do zero, checkpoints e pensamentos (27/09) */
.arte__zero{stroke:rgba(193,223,224,0.28);stroke-width:1}
.arte__seta{fill:none;stroke:rgba(193,223,224,0.28);stroke-width:1}
.arte__eixo{font-family:var(--font);font-size:8.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;fill:rgba(193,223,224,0.45)}
.arte__marca-ponto{fill:var(--gluon-grey);stroke:rgba(127,147,148,0.6);stroke-width:1.2;transition:fill .3s ease,stroke .3s ease}
.arte__pensa{font-family:var(--font);font-size:9.5px;font-weight:700;fill:rgba(127,147,148,0.45);transition:fill .3s ease}
.arte__marca.ativa .arte__pensa--alto{fill:var(--aqua-whisper)}
.arte__marca.ativa .arte__pensa--baixo{fill:#E88B7D}
.arte__marca.ativa .arte__marca-ponto{fill:var(--base-clara);stroke:var(--base-clara)}
.arte-caixa--perdida .arte__rot--zero{opacity:0;transition:opacity .4s ease}
.arte-caixa--perdida.fim .arte__rot--zero{opacity:1}
@media (prefers-reduced-motion:reduce){.arte-caixa--perdida .arte__rot--zero{opacity:1}}

/* ---------- Objeção de valor no padrão do site (27/09) ----------
   H1 sem brilho: branco forte com o final em aqua, como os títulos da
   página. Card "Sobre o valor" navy como os outros cards, selo aqua. */
.modo-limpo.modo-hero #tituloTopo{   /* 28/09: só o topo centralizado das objeções */

  font-weight:800!important;font-size:clamp(1.9rem,6.4vw,2.7rem)!important;line-height:1.12!important;
  letter-spacing:-.02em!important;color:var(--base-clara);max-width:14ch!important;margin:10px auto 28px!important;
}
.modo-limpo.modo-hero #tituloTopo .accent{
  display:inline!important;font-size:1em!important;font-weight:800;text-shadow:none!important;
  color:var(--aqua-whisper);-webkit-text-fill-color:var(--aqua-whisper);
}
.modo-limpo .objecao{
  background:var(--depth-navy);border:1px solid rgba(193,223,224,0.10);border-radius:16px;
}
.modo-limpo .objecao .selo{background:rgba(193,223,224,0.06);border-color:rgba(193,223,224,0.14);color:var(--scarborough)}
.modo-limpo .objecao .selo::before{background:var(--aqua-whisper);box-shadow:0 0 8px rgba(193,223,224,0.6)}
.modo-limpo .objecao #objConta{color:var(--base-clara);font-size:.95rem;line-height:1.7}

/* Texto da conta fora do card (objeção de valor, 27/09) */
.objecao[hidden]{display:none}
.modo-limpo .conta-solta{
  text-align:center;max-width:34ch;margin:8px auto 22px;
  font-size:clamp(1rem,3.6vw,1.12rem);line-height:1.7;color:var(--scarborough);text-wrap:pretty;
}
.modo-limpo .conta-solta strong{color:var(--base-clara);font-weight:700}

/* ---------- Objeção de tempo no padrão da de valor (28/09) ----------
   Roteiro solto e centralizado fora do card; card navy sem selo; os
   destaques dourados viram aqua. */
.modo-limpo .conta-solta.tempo-solto-desfecho{color:var(--base-clara);font-weight:700;margin-top:-6px}
.modo-limpo .tempo-card__destaque{color:var(--aqua-whisper)}
.modo-limpo .virada{border-left-color:var(--aqua-whisper)}
.modo-limpo .tempo-card__itens li i{background:rgba(193,223,224,0.12);color:var(--aqua-whisper)}
.modo-limpo .tempo-card__desfecho{border-bottom-color:rgba(193,223,224,0.14)}
.selo[hidden]{display:none!important}

/* item do extrato com o que foi vendido riscado embaixo (28/09) */
.extrato__risco{display:block;margin-top:3px;font-size:.74rem;color:var(--scarborough);opacity:.85;
  text-decoration:line-through;text-decoration-color:rgba(232,139,125,0.8)}

/* convite do modelo menor no fim da página, linha aqua no padrão limpo (28/09) */
.modo-limpo .tempo-convite{border-top-color:rgba(193,223,224,0.18)}
#perdidaLu[hidden],#secPonteLu[hidden]{display:none}

/* pergunta por gênero entre o preço e a garantia (28/09) */
.objecao__saida.pergunta-garantia{
  border-top:0!important;padding-top:0!important;margin:30px auto 8px!important;max-width:24ch;
  text-align:center;font-size:clamp(1.1rem,4.2vw,1.35rem)!important;font-weight:700!important;line-height:1.35;
  color:var(--base-clara)!important;text-wrap:balance;
}

/* ---------- /consultoria normal: outros pacotes (28/09) ---------- */
.linha-vsl[hidden],.pacotes[hidden]{display:none}
.valores__selo{
  display:inline-block;padding:4px 10px;border-radius:999px;font-size:.62rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--gluon-grey);background:var(--aqua-whisper);
}
.pacotes{margin-top:34px}
.pacotes__titulo{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--scarborough);margin-bottom:12px}
.pacote{padding:16px 18px;border-radius:14px;border:1px solid rgba(193,223,224,0.10);background:rgba(33,50,59,0.45);margin-bottom:10px}
.pacote__topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:6px}
.pacote__nome{font-size:.92rem;font-weight:600;color:var(--base-clara)}
.pacote__preco{font-size:.92rem;font-weight:700;color:var(--base-clara);white-space:nowrap}
.pacote__preco small{font-size:.72rem;font-weight:500;color:var(--scarborough)}
.pacote p{font-size:.8rem;line-height:1.6;color:var(--scarborough)}

/* ---------- /consultoria da Lu, homem: a conta do semestral (30/09) ---------- */
.conta-sem[hidden],.antes-depois[hidden]{display:none}
.conta-sem{margin-top:22px;padding:20px 20px 18px;border-radius:16px;border:1px solid var(--aw20);background:var(--depth-navy)}
.conta-sem__titulo{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow-gold);margin-bottom:8px}
.conta-sem__abre{font-size:.9rem;line-height:1.55;color:var(--base-clara);margin-bottom:14px}
.conta-sem__abre:last-child{margin-bottom:0}
.conta-sem__abre strong{color:var(--aqua-whisper)}

.antes-depois{margin-top:22px}
.antes-depois img{display:block;width:100%;height:auto;border-radius:14px}
.antes-depois figcaption{margin-top:10px;font-size:.85rem;line-height:1.55;color:var(--scarborough)}
.antes-depois figcaption strong{color:var(--base-clara)}

/* o "8 grande" solto embaixo do vídeo, num card como o do preço (28/09) */
.vagas-caixa--solta{
  margin:18px auto 0;max-width:440px;padding:14px 18px;border-radius:16px;
  background:var(--depth-navy);border:1px solid rgba(193,223,224,0.10);
}

/* ---------- Fechamento das objeções (30/09, lentes Ray + Brunson) ----------
   Garantia com nome, depois a transição, a metáfora por gênero, os 3 passos
   do que acontece depois do clique e o botão principal. O modelo menor vem
   por último, como link de texto. */
.garantia__nome{display:inline-block;margin:0 auto 8px!important;padding:4px 12px;border-radius:999px;
  font-size:.7rem!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--yellow-gold)!important;background:rgba(226,183,101,0.12);border:1px solid rgba(226,183,101,0.35)}
.garantia p + p{margin-top:10px}
.fechamento[hidden]{display:none}
.fechamento{margin:44px auto 0;max-width:540px;text-align:center}
.fechamento__transicao{font-size:.95rem;line-height:1.75;color:var(--scarborough);text-wrap:pretty}
.fechamento__metafora .pergunta-fechamento{
  border-top:0!important;padding-top:0!important;margin:26px auto 30px!important;max-width:26ch;
  font-size:clamp(1.15rem,4.4vw,1.4rem)!important;font-weight:700!important;line-height:1.38;
  color:var(--base-clara)!important;text-wrap:balance;
}
.fechamento__titulo{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--aqua-whisper);margin-bottom:14px}
.fechamento__passos{list-style:none;counter-reset:passo;margin:0 0 26px;padding:0;text-align:left;display:grid;gap:10px}
.fechamento__passos li{counter-increment:passo;position:relative;padding:14px 16px 14px 52px;border-radius:14px;
  background:rgba(33,50,59,0.55);border:1px solid rgba(193,223,224,0.12);font-size:.88rem;line-height:1.55;color:var(--base-clara)}
.fechamento__passos li::before{content:counter(passo);position:absolute;left:16px;top:50%;transform:translateY(-50%);
  width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
  font-size:.75rem;font-weight:800;color:var(--gluon-grey);background:var(--aqua-whisper)}
.cta-leve{display:inline-block;margin-top:2px;font-size:.9rem;font-weight:600;color:var(--aqua-whisper);
  text-decoration:underline;text-decoration-color:rgba(193,223,224,0.4);text-underline-offset:4px}
.cta-leve:hover{text-decoration-color:var(--aqua-whisper)}
.modo-limpo .tempo-convite{margin-top:40px}
.modo-limpo .tempo-convite h3{font-size:.98rem!important;color:var(--scarborough)}

/* Arte "por conta própria", rodada da skill svg-diagram (30/09): texto maior
   pra ler no celular e contorno na cor do fundo, pra linha nunca cortar
   um pensamento. */
.arte__pensa{font-size:10.5px;paint-order:stroke;stroke:var(--gluon-grey);stroke-width:4px;stroke-linejoin:round}
.arte__rot--zero,.arte__titulo{paint-order:stroke;stroke:var(--gluon-grey);stroke-width:4px;stroke-linejoin:round}
.arte__marca.ativa .arte__marca-ponto{filter:drop-shadow(0 0 4px rgba(193,223,224,0.6))}

/* 30/09, pedido do Zé: pílula com bolinha desvaloriza o site. O selo que
   sobrou (quando traz informação) vira só uma linha de texto discreta. */
.selo,.objecao .selo,.modo-limpo .objecao .selo{background:none!important;border:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
.selo::before,.objecao .selo::before,.modo-limpo .objecao .selo::before{display:none!important;content:none!important}
.garantia__nome{background:none!important;border:0!important;padding:0!important;border-radius:0!important}

/* ---------- 07/10: artes novas (aprovadas pelo Zé) ----------
   Escada: degrau brilha quando a bolinha pisa e o mês acende embaixo.
   Altos e baixos: linha se desenha atrás da bolinha, fundo aqua acima
   do zero e coral abaixo. */
@keyframes arte-pisou{0%{filter:drop-shadow(0 0 0 rgba(193,223,224,0))}35%{filter:drop-shadow(0 0 7px rgba(193,223,224,0.85))}100%{filter:drop-shadow(0 0 0 rgba(193,223,224,0))}}
.arte__coluna.pisou .arte__tijolo{animation:arte-pisou .5s ease-out}
.arte__etapa{font-family:var(--font);font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;fill:rgba(127,147,148,0.55);transition:fill .3s ease}
.arte__etapa.acesa{fill:var(--aqua-whisper)}
.arte__fantasma{fill:none;stroke:rgba(127,147,148,0.12);stroke-width:1.6;stroke-dasharray:3 4}
.arte__desenho{stroke:rgba(193,223,224,0.55);stroke-width:1.8;stroke-linecap:round}
.arte__area--cima{fill:rgba(193,223,224,0.10)}
.arte__area--baixo{fill:rgba(232,139,125,0.11)}
@media (prefers-reduced-motion:reduce){.arte__coluna.pisou .arte__tijolo{animation:none}}
/* 07/10: brilho do quadro do método parado (regra de uma coisa andando por tela) */
.escuro-card h2 span{animation:none;text-shadow:0 0 8px rgba(193,223,224,0.6)}