@font-face{font-family:Fraunces;font-weight:100 900;font-display:swap;src:url(fontes/Fraunces.ttf)}
@font-face{font-family:Corpo;font-weight:200 900;font-display:swap;src:url(fontes/SourceSans3.ttf)}
@font-face{font-family:Mono;font-weight:500;font-display:swap;src:url(fontes/IBMPlexMono-Medium.ttf)}

/* CORES DA MARCA: trocar aqui. Os geradores em produtos/_gerar leem estes valores (PDF, imagens, planilha e mascote). */
:root{
  --lousa:#0F4F3C;
  --lousa-escura:#0A3A2C;
  --lousa-clara:#E2EEE6;
  --giz:#F7F5EA;
  --giz-sombra:#D5D3C4;
  --papel:#FBFAF3;
  --tinta:#13241E;
  --grafite:#46564F;
  --linha:#D8DFD3;
  --revisao:#FF7A59;
  --revisao-texto:#B8391B;
  --revisao-clara:#FFE1D6;
  --largura:720px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:12px}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 18px/1.5 Corpo,system-ui,sans-serif;overflow-wrap:break-word}
img,svg{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2{font-family:Fraunces,Georgia,serif;font-weight:800;line-height:1.08;letter-spacing:-.015em;margin:0}
h1{font-size:clamp(2.4rem,10.5vw,4.1rem)}
h2{font-size:clamp(1.8rem,7vw,2.6rem);margin-bottom:.55em}
h3{font-weight:700;font-size:1.15rem;line-height:1.22;margin:0 0 4px}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
.miolo{width:min(100% - 32px,var(--largura));margin-inline:auto}
.largo{width:min(100% - 32px,1120px);margin-inline:auto}
section{padding:52px 0}
.sem-baixo{padding-bottom:0}
.centro{text-align:center}
.pular{position:absolute;left:-999px}.pular:focus{left:8px;top:8px;background:#fff;color:var(--tinta);padding:8px;z-index:9}
:focus-visible{outline:3px solid var(--revisao-texto);outline-offset:3px;border-radius:3px}
.topo :focus-visible,.heroi :focus-visible,.lousa :focus-visible,footer :focus-visible,.barra-compra :focus-visible,.comando:focus-visible{outline-color:var(--giz)}
.eti{font-weight:700;font-size:.82rem;letter-spacing:.07em;text-transform:uppercase;margin:0 0 8px}
.sec{font-family:Fraunces,Georgia,serif;font-weight:800;font-size:1.4rem;margin:30px 0 10px}

/* Topo */
.topo{background:var(--lousa);color:var(--giz);padding:12px 0 2px}
.topo .largo{display:flex;align-items:center;justify-content:space-between;gap:12px}
.marca{display:flex;align-items:center;gap:9px;font-family:Fraunces,Georgia,serif;font-weight:800;font-size:1.15rem;text-decoration:none;white-space:nowrap}
.marca img{width:42px;height:42px}

/* Abertura: lousa com moldura de giz */
.heroi{background:var(--lousa);color:var(--giz);padding:26px 0 44px;position:relative}
.heroi::before{content:"";position:absolute;inset:6px 8px 8px;border:2px solid var(--giz);opacity:.2;border-radius:10px;pointer-events:none}
.grade-heroi{display:grid;gap:26px;align-items:center;position:relative}
.heroi .eti{color:var(--lousa-clara)}
.heroi .sub{font-size:1.16rem;line-height:1.42;max-width:34em;margin:16px 0 22px}
.heroi h1{position:relative}
.corrigido{position:relative;display:inline-block;padding-bottom:.1em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 12' preserveAspectRatio='none'%3E%3Cpath d='M3 8C60 3 120 10 180 6S270 4 297 7' fill='none' stroke='%23FF7A59' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat left bottom/100% .16em}
.capa{width:min(100%,430px);height:auto;margin-inline:auto;border-radius:12px;border:3px solid var(--giz);box-shadow:0 12px 0 var(--lousa-escura)}
.capa-cena{width:min(100%,430px);margin-inline:auto}

/* Botões: coral é o único destaque */
.botao{font:800 1.08rem/1.2 Corpo,system-ui,sans-serif;display:block;width:100%;max-width:430px;text-align:center;background:var(--revisao);color:var(--lousa-escura);padding:16px 20px;border:0;border-radius:10px;text-decoration:none;cursor:pointer;box-shadow:0 4px 0 var(--revisao-texto);transition:transform .12s}
.botao:hover{transform:translateY(-2px)}
.botao[disabled]{cursor:not-allowed;opacity:.7}
.botao-p{width:auto;padding:9px 13px;font-size:.9rem;box-shadow:0 3px 0 var(--revisao-texto);white-space:nowrap;display:none}
.nota-botao{font-size:.94rem;margin:12px 0 0}
.recusar{display:block;text-align:center;margin-top:16px;font:inherit;font-size:1rem;text-decoration:underline;background:none;border:0;color:var(--grafite);cursor:pointer;width:100%;max-width:430px;padding:8px}
.kiwify-botoes{margin-top:18px;max-width:430px}

/* Números */
.numeros{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);background:var(--lousa-escura);color:var(--lousa-clara);text-align:center;font-size:.8rem;line-height:1.2;padding:14px 8px}
.numeros b{display:block;font:800 clamp(1.25rem,5.4vw,1.8rem)/1.1 Fraunces,Georgia,serif;color:var(--giz);margin-bottom:3px}

/* Faixas */
.lousa{background:var(--lousa);color:var(--giz)}
.clara{background:var(--lousa-clara)}
.lousa .eti{color:var(--lousa-clara);margin-top:18px}
.lousa a:not(.botao){color:var(--giz)}
.lousa .botao{margin-top:26px}

/* Situações e passos */
.situacoes,.passos{list-style:none;display:grid;gap:12px}
.situacoes li,.passos li{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:15px}
.situacoes img,.passos img{width:50px;height:50px;flex:none}
.aviso{font-size:.95rem;color:var(--grafite);margin:20px 0 0}
.fecho{margin:20px 0 0;font-weight:600}

/* Comando */
.comando{background:var(--lousa-escura);color:var(--giz);font:500 .9rem/1.6 Mono,ui-monospace,monospace;padding:16px;border-radius:10px;margin:0 0 18px}
.comando mark{background:var(--revisao-clara);color:var(--tinta);padding:0 3px;border-radius:2px}
.revisao{background:var(--revisao-clara);color:var(--tinta);border-radius:10px;padding:15px 16px;margin-top:20px}
.eti-rev{color:var(--revisao-texto);font-weight:800;font-size:.82rem;letter-spacing:.07em;text-transform:uppercase;margin:0 0 6px}
.revisao ul{padding-left:20px;font-size:1rem;line-height:1.38}
.revisao li{margin-bottom:5px}

/* Erros */
.erros{list-style:none;display:grid;gap:12px}
.erros li{background:#fff;border-left:6px solid var(--revisao);border-radius:0 10px 10px 0;padding:13px 15px;box-shadow:0 0 0 1px var(--linha)}

/* Alerta */
.alerta{display:flex;gap:13px;align-items:flex-start;background:var(--revisao-clara);border-left:7px solid var(--revisao);border-radius:0 12px 12px 0;padding:16px;margin-bottom:24px}
.alerta img{width:46px;height:46px;flex:none}
.alerta p{margin:0;line-height:1.42}
.alerta strong{color:#7E2410}
section > .miolo > .alerta:last-child{margin-bottom:0}

/* O que vem */
.partes{display:grid;gap:16px}
.parte{background:var(--lousa);color:var(--giz);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.parte-cena{padding:10px 26px 0}
.parte-cena img{width:100%;max-width:300px;margin-inline:auto}
.parte-tx{flex:1;background:#fff;color:var(--tinta);padding:15px 16px 17px;border:1px solid var(--linha);border-top:0;border-radius:0 0 14px 14px}
.parte h3{font-family:Fraunces,Georgia,serif;font-weight:800;font-size:1.5rem;color:var(--lousa)}
.parte .eti{color:var(--grafite);font-size:.76rem;margin-bottom:4px}
.parte p{margin-bottom:8px;line-height:1.35}
.parte ol{padding-left:26px;font-size:.98rem;line-height:1.35}
.parte li{margin-bottom:3px}
.trilho{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 14px;-webkit-overflow-scrolling:touch}
.trilho figure{flex:0 0 min(72%,270px);margin:0;scroll-snap-align:start}
.trilho img{width:100%;border-radius:8px;box-shadow:0 0 0 1px var(--linha),0 6px 0 var(--lousa-clara)}
.trilho figcaption{font-size:.88rem;line-height:1.28;color:var(--grafite);margin-top:12px}
.clara .trilho img{box-shadow:0 0 0 1px var(--linha),0 6px 0 var(--lousa)}

/* Para quem */
.duas{display:grid;gap:28px}
.duas h2{font-size:1.7rem}
.lista-sim,.lista-nao,.limite{list-style:none;display:grid;gap:9px}
.lista-sim li,.lista-nao li,.limite li{position:relative;padding-left:32px;line-height:1.38}
.lista-sim li::before{content:"";position:absolute;left:3px;top:.2em;width:16px;height:9px;border-left:4px solid var(--revisao-texto);border-bottom:4px solid var(--revisao-texto);transform:rotate(-45deg)}
.lista-nao li::before,.limite li::before{content:"";position:absolute;left:3px;top:.62em;width:18px;height:4px;border-radius:2px;background:var(--lousa)}

/* Quem */
.quem{display:grid;gap:10px}
.quem img{background:var(--lousa);border-radius:14px;padding:12px 24px;width:100%;max-width:340px}

/* Oferta */
.preco{display:grid;gap:22px;justify-items:start}
.preco > img{width:min(100%,290px);border-radius:12px;border:3px solid var(--giz)}
.valor{font-family:Fraunces,Georgia,serif;font-size:clamp(3.2rem,15vw,4.6rem);font-weight:800;line-height:1;letter-spacing:-.03em;margin:8px 0 18px}
.oferta-caixa{background:#fff;border:3px solid var(--lousa);border-radius:14px;padding:22px 18px;box-shadow:0 8px 0 var(--lousa)}
.oferta-caixa .valor{margin-top:20px;color:var(--lousa)}
.barra-ok{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--lousa-escura);color:var(--giz);padding:11px 16px;font-weight:700;text-align:center;line-height:1.25}
.barra-ok img{width:28px;height:28px;flex:none}
.capas{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px}
.capas img{border-radius:10px;width:100%}
.capas span{display:block;font-weight:700;margin-top:6px;line-height:1.2;font-size:.95rem}

/* Perguntas */
details{background:#fff;border-radius:10px;margin-bottom:9px;box-shadow:0 0 0 1px var(--linha)}
summary{font-weight:700;padding:14px 16px;cursor:pointer;line-height:1.28}
details p{padding:0 16px 14px;margin:0}

/* Fecho */
.final{text-align:center}
.final img{max-width:360px;margin:0 auto 6px;width:100%}
.final .botao{margin-inline:auto}

/* Rodapé */
.bandeja{display:flex;gap:10px;align-items:center;background:var(--lousa-escura);border-top:2px solid rgb(247 245 234 / .3);padding:9px max(16px,calc((100% - 1120px)/2))}
.bandeja i{display:block;height:9px;width:54px;border-radius:5px;background:var(--giz)}
.bandeja i:nth-child(2){width:32px;background:var(--revisao)}
.bandeja i:nth-child(3){width:42px;height:13px;border-radius:3px;background:var(--giz-sombra)}
footer{background:var(--lousa);color:var(--giz);padding:28px 0 30px;font-size:.96rem}
footer .largo{display:grid;gap:20px}
.rod-marca{display:grid;grid-template-columns:auto 1fr;gap:0 10px;align-items:center;align-content:start}
.rod-marca img{grid-row:1/3;width:44px;height:44px}
.rod-marca strong{font:800 1.2rem/1.1 Fraunces,Georgia,serif}
.rod-marca span{font-size:.9rem;color:var(--lousa-clara)}
.rod-col h2{font:700 .8rem/1.2 Corpo,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--lousa-clara);margin:0 0 7px}
.rod-col p{margin:0 0 6px}
.rod-col nav{display:flex;flex-wrap:wrap;gap:6px 16px}
.rod-aviso{font-size:.86rem;color:var(--lousa-clara);margin:0}
.pendente{background:var(--revisao-clara);color:#7E2410;padding:2px 6px;border-radius:4px;font-weight:700}

/* Barra de compra fixa, só no celular */
.barra-compra{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--lousa-escura);color:var(--giz);padding:9px 16px;border-top:3px solid var(--revisao);z-index:5}
.barra-compra b{display:block;font:800 1.25rem/1 Fraunces,Georgia,serif}
.barra-compra span{font-size:.8rem;color:var(--lousa-clara)}
.barra-compra .botao{width:auto;padding:11px 18px;font-size:1rem;flex:none}

/* Termos e privacidade: mesma marca, mais sóbrios */
.legal{padding:34px 0 52px}
.legal h1{font-size:clamp(2rem,8vw,2.8rem);margin:12px 0 18px}
.legal h2{font-size:1.28rem;color:var(--lousa);margin:26px 0 7px;padding-top:15px;border-top:1px solid var(--linha)}
.legal h2:first-of-type{border-top:0;padding-top:0}

/* Comparação do upsell e do downsell */
.sec-compara{padding-top:26px}
.so-grande{display:none}
.heroi del,.de-por del{text-decoration-thickness:2px}
.heroi .sub strong{font-size:1.3em}
.compara{display:grid;gap:12px;margin-bottom:14px}
.compara h2{font-size:1.32rem;margin:0 0 3px}
.col-tem,.col-soma{border-radius:12px;padding:15px 16px}
.col-tem{background:var(--lousa-clara)}
.col-soma{background:var(--lousa);color:var(--giz)}
.col-nome{font-weight:700;margin:0 0 9px;line-height:1.25}
.col-soma .lista-sim li::before{border-color:var(--revisao)}
.nota-anexo{background:#fff;border-left:6px solid var(--lousa);border-radius:0 10px 10px 0;box-shadow:0 0 0 1px var(--linha);padding:12px 14px;margin:0 0 24px;line-height:1.4}
.de-por{margin:0;font-size:1.15rem;font-weight:600}
.oferta-caixa .de-por + .valor{margin:2px 0 6px}
.conta{display:inline-block;background:var(--revisao-clara);color:#7E2410;font-weight:700;border-radius:6px;padding:4px 10px;margin:0 0 14px}
.mais-completo{margin:26px 0 0;padding-top:16px;border-top:1px solid rgb(247 245 234 / .3);font-size:1rem;text-align:center}
.rod-col p a{word-break:break-word}
.rod-nota{font-size:.86rem;color:var(--lousa-clara)}
.legal h3{font-size:1.02rem;margin:12px 0 3px}
.legal ul{padding-left:20px;margin:0 0 1em}
.legal li{margin-bottom:5px;line-height:1.42}
.legal-fonte{font-size:.92rem;color:var(--grafite)}

/* Telas maiores */
@media (min-width:720px){
  .compara{grid-template-columns:1fr 1.35fr}
  section{padding:68px 0}
  .situacoes{grid-template-columns:repeat(3,1fr)}
  .situacoes li{display:block}
  .situacoes img{margin-bottom:10px}
  .erros{grid-template-columns:1fr 1fr}
  .duas{grid-template-columns:1fr 1fr}
  .partes{grid-template-columns:repeat(2,1fr)}
  .quem{grid-template-columns:300px 1fr;gap:28px;align-items:center}
  .preco{grid-template-columns:290px 1fr;align-items:center}
  .capas{grid-template-columns:repeat(4,1fr)}
  .trilho figure{flex:0 0 240px}
  footer .largo{grid-template-columns:1.4fr 1fr 1.4fr}
  .rod-aviso{grid-column:1/-1}
  .barra-compra{display:none}
  .botao-p{display:block}
}
@media (min-width:960px){
  .so-grande{display:block}
  .grade-heroi{grid-template-columns:1.15fr .85fr;gap:48px}
  .heroi{padding:44px 0 72px}
  .partes{grid-template-columns:repeat(3,1fr)}
  .trilho{justify-content:safe center}
  .trilho figure{flex:0 0 208px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
  .botao:hover{transform:none}
}

/* Botões gerados pela Cakto: a marca vale sobre o estilo padrão do script dela. */
.kiwify-botoes cakto-upsell-buttons,.kiwify-botoes cakto-upsell-accept,.kiwify-botoes cakto-upsell-reject{display:block;width:100%}
.kiwify-botoes cakto-upsell-buttons+cakto-upsell-buttons{margin-top:14px}
.kiwify-botoes cakto-upsell-accept::part(button){width:100%;font:inherit;font-size:1.1rem;font-weight:800;line-height:1.25;border-radius:12px;padding:17px 20px;border:0;box-sizing:border-box}
.kiwify-botoes cakto-upsell-reject::part(button){font:inherit;font-size:1rem;text-decoration:underline;background:none;color:inherit;border:0;width:100%;margin-top:6px;cursor:pointer}