/* Molde Danilo v2: uma folha para as 7 abas (Landing, My application, Ad concepts, Growth plan, Creator engine,
   Memo, Compliance). Cores e fontes chegam por variáveis (:root inline em cada página, gerado do brand.json),
   então cada site tem a cara da própria marca. Mobile-first. Todo texto está no HTML; o JS só anima por cima. */

*,*::before,*::after{box-sizing:border-box}
html{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;background:var(--fundo);color:var(--texto);font-family:var(--fonte-texto);font-size:17px;line-height:1.6;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
/* âncoras (landsOn dos ads) não ficam sob o menu fixo */
[id]{scroll-margin-top:72px}
h1,h2,h3{font-family:var(--fonte-titulo);line-height:1.1;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0;text-wrap:pretty}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:from-font}
:focus-visible{outline:3px solid var(--acento);outline-offset:3px}
.pular{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:8px 12px;z-index:50}
.pular:focus{left:8px}
.n,.ladrilhos dd,.numeros dd,.tabela{font-variant-numeric:tabular-nums}

:root{
  --ease-out:cubic-bezier(.23,1,.32,1);
  --raio:18px;
  --raio-p:10px;
  --sombra:0 1px 2px rgb(0 0 0/.06),0 8px 24px -8px rgb(0 0 0/.16);
  --largura:1200px;
  --pad-sec:clamp(48px,5vw,72px);
}

/* ---------- casca: faixa de rascunho, menu do pacote, rodapé ---------- */
.rascunho{background:var(--texto);color:var(--fundo);font-size:13px;line-height:1.4;text-align:center;padding:7px 16px}
.pacote{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px clamp(12px,3vw,32px);
  background:color-mix(in oklab,var(--fundo) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid color-mix(in oklab,var(--texto) 12%,transparent)}
.pacote-abas{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;justify-content:center}
.pacote-abas::-webkit-scrollbar{display:none}
.pacote-abas a{white-space:nowrap;text-decoration:none;font-size:14px;font-weight:600;padding:8px 12px;border-radius:999px;color:var(--texto);
  transition:background-color .2s ease,color .2s ease}
.pacote-abas a:hover{background:color-mix(in oklab,var(--texto) 8%,transparent)}
.pacote-abas a[aria-current=page]{background:var(--primaria);color:var(--sobre-primaria)}
.pacote-abas .curto{display:none}
.chat{flex:none;text-decoration:none;font-weight:700;font-size:14px;padding:9px 16px;border-radius:999px;background:var(--acento);color:var(--sobre-acento);
  transition:transform .16s var(--ease-out)}
.chat:active,.botao:active,.botao-chat:active{transform:scale(.97)}
/* celular: menu-celular.css (grade 3x2 com as 5 abas inteiras; sem mask, sem rolagem lateral) */
.rodape{position:relative;background:var(--tom-escuro);color:var(--tx-escuro);text-align:center;padding:40px 20px 28px;font-size:14px}
.rodape p{max-width:720px;margin:0 auto 10px}
/* entrada do rodapé em degradê sobre o fim da última seção: sem corte seco de cor */
.rodape::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:calc(var(--pad-sec) * .75);background:linear-gradient(to bottom in oklab,transparent,var(--tom-escuro));pointer-events:none}
.rodape-chat{display:inline-block;margin-top:4px;font-weight:700;text-decoration:none;padding:10px 20px;border-radius:999px;background:var(--tom-fundo);color:var(--tx-fundo)}
/* Fontes: uma linha quase imperceptível no rodapé (ordem do Lucas). */
/* G7: discreta pelo tamanho, com cor sólida e contraste medido (nada de opacidade) */
.rodape .rodape-fontes{font-size:11px;line-height:1.5;color:var(--tx2-escuro);margin-top:18px}
.rodape-fontes a{text-decoration:none}

/* ---------- botões ---------- */
.botao{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;border-radius:999px;font-weight:700;text-decoration:none;
  background:var(--primaria);color:var(--sobre-primaria);transition:transform .16s var(--ease-out),box-shadow .2s ease;box-shadow:var(--sombra)}
.botao-peq{min-height:38px;padding:8px 18px;font-size:14px;box-shadow:none}
@media (hover:hover) and (pointer:fine){.botao:hover{box-shadow:0 2px 4px rgb(0 0 0/.08),0 14px 30px -10px rgb(0 0 0/.3)}}

/* ---------- tons de seção e transição entre fundos ----------
   Cada seção sabe o tom anterior (--de) e abre com um degradê longo dele para o próprio tom: nunca há corte seco. */
.tom{--bg:var(--tom-fundo);--tx:var(--tx-fundo);--tx2:var(--tx2-fundo);--card:var(--card-fundo);--txc:var(--txc-fundo);--linha:var(--linha-fundo);--real:var(--real-fundo);
  background:var(--bg);color:var(--tx)}
.tom-claro{--bg:var(--tom-claro);--tx:var(--tx-claro);--tx2:var(--tx2-claro);--card:var(--card-claro);--txc:var(--txc-claro);--linha:var(--linha-claro);--real:var(--real-claro)}
.tom-suave{--bg:var(--tom-suave);--tx:var(--tx-suave);--tx2:var(--tx2-suave);--card:var(--card-suave);--txc:var(--txc-suave);--linha:var(--linha-suave);--real:var(--real-suave)}
.tom-marca{--bg:var(--tom-marca);--tx:var(--tx-marca);--tx2:var(--tx2-marca);--card:var(--card-marca);--txc:var(--txc-marca);--linha:var(--linha-marca);--real:var(--real-marca)}
.tom-escuro{--bg:var(--tom-escuro);--tx:var(--tx-escuro);--tx2:var(--tx2-escuro);--card:var(--card-escuro);--txc:var(--txc-escuro);--linha:var(--linha-escuro);--real:var(--real-escuro)}
.sec{position:relative;padding:calc(var(--pad-sec) + 16px) clamp(16px,4vw,48px) var(--pad-sec);
  background:linear-gradient(to bottom in oklab,var(--de,var(--bg)) 0,var(--bg) clamp(140px,22vh,240px)) var(--bg)}
.sec-in{max-width:var(--largura);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(28px,4vw,48px);text-align:center}
.sec-estreita{max-width:760px}

/* cabeçalho de seção, centralizado */
.cab{max-width:760px;display:flex;flex-direction:column;align-items:center;gap:14px}
.cab h2{font-size:clamp(30px,3.6vw,50px)}
.cab-txt{color:var(--tx2);font-size:clamp(17px,1.4vw,19px);max-width:62ch;display:grid;gap:10px}

/* ---------- cartões: superfície sempre diferente do fundo ---------- */
.cartao{background:var(--card);color:var(--txc);border-radius:var(--raio);box-shadow:var(--sombra);padding:22px;text-align:center;
  outline:1px solid color-mix(in oklab,var(--txc) 8%,transparent);outline-offset:-1px;display:flex;flex-direction:column;align-items:center;gap:10px}
.cartao h3{font-size:clamp(19px,1.5vw,22px)}
.cartao p{font-size:15.5px;line-height:1.55;color:color-mix(in oklab,var(--txc) 82%,var(--card))}
.cartao-img{position:relative;width:100%;aspect-ratio:4/3;border-radius:var(--raio-p);overflow:hidden;background:color-mix(in oklab,var(--card) 70%,var(--bg))}
.cartao-img img{width:100%;height:100%;object-fit:contain;padding:8px}
.cartao-num{font-family:var(--fonte-titulo);font-size:clamp(34px,3vw,44px);line-height:1;color:var(--tinta)}
.tom-marca .cartao-num,.tom-escuro .cartao-num{color:var(--tinta)}

/* grades centralizadas (flex-wrap centraliza a última linha incompleta) */
.cartoes,.prateleira,.beneficios,.depoimentos,.comparacao,.passos,.formatos,.faq,.numeros,.ladrilhos,.gates,.fotos,.fluxo{
  list-style:none;margin:0;padding:0;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(14px,1.6vw,22px)}
.cartoes>*,.beneficios>*,.depoimentos>*,.comparacao>*,.passos>*,.formatos>*{flex:1 1 240px;max-width:380px}
.prateleira>*{flex:1 1 200px;max-width:260px}

/* ---------- LANDING ---------- */
.marca-barra{background:var(--tom-fundo);border-bottom:1px solid var(--linha-fundo)}
.marca-barra-in{max-width:var(--largura);margin:0 auto;padding:12px clamp(16px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:16px}
.marca-logo{max-height:40px;width:auto;max-width:180px;object-fit:contain}
.marca-nome{font-family:var(--fonte-titulo);font-weight:700;font-size:22px;color:var(--tx-fundo)}

.hero{padding:clamp(32px,4vw,56px) clamp(16px,4vw,48px) 0;overflow:hidden;
  background:radial-gradient(120% 70% at 50% 100%,var(--tom-suave) 0,transparent 70%) var(--tom-fundo)}
.hero.com-faixa{background:linear-gradient(to bottom in oklab,transparent calc(100% - 140px),var(--primaria)),radial-gradient(120% 70% at 50% 100%,var(--tom-suave) 0,transparent 70%) var(--tom-fundo)}
.hero-in{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.hero-tagline{font-family:var(--fonte-titulo);font-size:clamp(16px,1.4vw,19px);font-style:italic;color:var(--real-fundo);letter-spacing:.01em}
.hero h1{font-size:clamp(36px,4.4vw,64px);max-width:18ch;color:var(--tx-fundo)}
.hero-sub{font-size:clamp(17px,1.5vw,20px);max-width:58ch;color:var(--tx2-fundo)}
.hero .botao{margin-top:6px}
.palco{margin-top:clamp(18px,3vw,36px);width:100%;display:grid;grid-template-columns:1fr;align-items:end;justify-items:center;gap:clamp(8px,2vw,28px)}
.palco-3{grid-template-columns:1fr 1.5fr 1fr}
.palco img{object-fit:contain;filter:drop-shadow(0 18px 24px rgb(0 0 0/.18))}
.palco-centro img{max-height:min(40vh,340px);width:auto}
.palco-lado img{max-height:min(28vh,250px);width:auto}
@media (max-width:640px){
  .palco-3{grid-template-columns:1fr 2fr 1fr}
  .palco-centro img{max-height:260px}.palco-lado img{max-height:160px}
}

.faixa{background:var(--primaria);color:var(--sobre-primaria);overflow:hidden;padding:14px 16px;font-family:var(--fonte-titulo);font-size:clamp(16px,1.4vw,20px)}
.faixa-trilho{display:flex;flex-wrap:wrap;justify-content:center;column-gap:40px;row-gap:4px;max-width:var(--largura);margin:0 auto;text-align:center}
.faixa-trilho span+span::before{content:"•";margin-right:40px;opacity:.5}

/* números */
.numeros>div{flex:1 1 200px;max-width:280px;background:var(--card);color:var(--txc);border-radius:var(--raio);padding:26px 18px;box-shadow:var(--sombra);
  display:flex;flex-direction:column;align-items:center;gap:8px}
.numeros dd,.ladrilhos dd,.contadores dd{margin:0}
.numeros .valor,.ladrilhos .valor,.contadores .valor{order:-1}
.extra{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px}
.numeros .valor{font-family:var(--fonte-titulo);font-size:clamp(40px,4.4vw,62px);line-height:1;color:var(--tinta)}
.numeros dt{font-weight:600;font-size:15px}
.numeros .extra{opacity:.8}

/* produtos */
.produto{background:var(--card);color:var(--txc);border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden;display:flex;flex-direction:column;
  outline:1px solid color-mix(in oklab,var(--txc) 8%,transparent);outline-offset:-1px;transition:transform .25s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.produto:hover{transform:translateY(-4px)}}
.produto-img{aspect-ratio:4/3;background:color-mix(in oklab,var(--card) 60%,var(--bg))}
.produto-img{position:relative;overflow:hidden}
.produto-img img,.cartao-img img{position:absolute;inset:0}
.produto-img img{width:100%;height:100%;object-fit:contain;padding:10px}
.produto-info{padding:14px 16px 18px;display:grid;gap:4px}
.produto h3{font-size:17px;line-height:1.25}
.preco{font-weight:700;color:var(--real)}
.cartao .preco,.produto .preco{color:var(--tinta)}
.produto-nota{font-size:14px;opacity:.85}
.prateleira.densa>*{flex-basis:250px;max-width:280px}
.prateleira.densa .produto-img{aspect-ratio:16/10}
.prateleira.densa .produto-info{padding:10px 14px 14px}
.prateleira.densa h3{font-size:15px}
.prateleira.densa .produto-nota{display:none}

.beneficio{text-align:center}
.depo blockquote{margin:0;font-family:var(--fonte-titulo);font-size:clamp(18px,1.5vw,21px);line-height:1.4}
.depo figcaption{font-size:14px;font-weight:600;opacity:.8}
.depo-img{width:72px;height:72px;object-fit:contain;border-radius:50%;background:var(--bg)}

.historia{flex-direction:row;align-items:stretch;text-align:left;max-width:1000px;width:100%;padding:0;overflow:hidden;gap:0}
.historia-img{flex:1 1 42%;background:color-mix(in oklab,var(--card) 60%,var(--bg));display:flex;align-items:center;justify-content:center}
.historia-img img{max-height:420px;object-fit:contain;padding:18px}
.historia-txt{flex:1 1 58%;padding:clamp(22px,3vw,48px);display:grid;gap:14px;align-content:center;font-size:clamp(18px,1.5vw,21px);line-height:1.55}
.historia-txt p{font-size:inherit;color:var(--txc)}
.historia-txt p:first-child{font-family:var(--fonte-titulo);font-size:1.18em;line-height:1.4}
.historia-txt ul{margin:0;padding-left:1.1em;display:grid;gap:6px}
@media (max-width:720px){.historia{flex-direction:column}}

.comp-destaque{outline:3px solid var(--acento)}
.passos{counter-reset:passo}
.passos>li{counter-increment:passo}
.passos>li::before{content:counter(passo);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--primaria);color:var(--sobre-primaria);font-weight:700}

.faq{flex-direction:column;align-items:center;max-width:820px}
.faq details{width:100%;text-align:left;align-items:stretch;padding:0}
.faq summary{cursor:pointer;list-style:none;font-weight:700;font-size:17px;padding:18px 22px;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;line-height:1;transition:transform .2s var(--ease-out)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 22px 20px}

.final{display:flex;align-items:center;justify-content:center;gap:clamp(24px,4vw,64px);flex-wrap:wrap}
.final-img img{max-height:380px;width:auto;object-fit:contain;filter:drop-shadow(0 20px 30px rgb(0 0 0/.35))}
.final-txt{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:520px}
.final-txt h2{font-size:clamp(32px,4vw,56px)}
.tom-escuro .botao,.tom-marca .botao{background:var(--card);color:var(--txc)}

/* ---------- DOCUMENTO: application, memo, compliance ---------- */
.doc-fundo{background:linear-gradient(to bottom in oklab,var(--tom-fundo),var(--tom-suave));padding:clamp(28px,5vw,72px) 16px var(--pad-sec)}
.doc{max-width:780px;margin:0 auto;background:#fff;color:#1d1d1f;border-radius:var(--raio);box-shadow:0 1px 2px rgb(0 0 0/.06),0 30px 60px -30px rgb(0 0 0/.3);
  padding:clamp(26px,5vw,64px);font-size:17px;line-height:1.65}
.doc h1{font-size:clamp(30px,3.6vw,44px);text-align:center;color:#111}
.doc h2{font-size:clamp(20px,1.8vw,24px);margin:32px 0 10px;color:var(--tinta)}
.doc ul,.doc ol{margin:0;padding-left:1.2em;display:grid;gap:8px}
.doc p+p{margin-top:12px}
.doc-sub{text-align:center;color:#555;margin-top:12px!important;font-size:19px}
.doc-meta{text-align:center;color:#666;font-size:14px;margin-top:14px!important}
.doc-quem{display:flex;gap:24px;align-items:center;margin-top:32px;padding:20px;border-radius:var(--raio);background:color-mix(in oklab,var(--primaria) 6%,#fff)}
.doc-quem h2{margin-top:0}
.doc-foto{width:132px;height:132px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--primaria)}
@media (max-width:560px){.doc-quem{flex-direction:column;text-align:left;align-items:flex-start}.doc-foto{align-self:center}}
.doc a{color:var(--tinta)}
.doc-honesto{margin-top:24px!important;padding:14px 18px;border-left:3px solid var(--primaria);background:#f6f6f6;border-radius:0 var(--raio-p) var(--raio-p) 0}
.doc-chat{margin-top:36px;padding:24px;border-radius:var(--raio);background:var(--primaria);color:var(--sobre-primaria);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.doc .doc-chat a{color:inherit}
.botao-chat{display:inline-flex;align-items:center;min-height:46px;padding:10px 24px;border-radius:999px;font-weight:700;text-decoration:none;background:var(--sobre-primaria);
  color:var(--primaria)!important;transition:transform .16s var(--ease-out)}
.doc-assina{margin-top:24px!important;font-family:var(--fonte-titulo);font-size:24px}
.doc-semanas{display:grid;gap:10px;margin:0}
.doc-semanas>div{display:grid;grid-template-columns:90px 1fr;gap:12px}
.doc-semanas dt{font-weight:700;color:var(--tinta)}
.doc-semanas dd{margin:0}
.nao-advogado{margin-top:20px!important;text-align:center;font-weight:700;padding:12px;border-radius:var(--raio-p);background:#f3f3f3}
.contadores{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:24px 0 0}
.contadores>div{display:flex;flex-direction:column;flex:1 1 140px;max-width:200px;text-align:center;padding:16px;border-radius:var(--raio-p);background:color-mix(in oklab,var(--primaria) 7%,#fff)}
.contadores .valor{font-family:var(--fonte-titulo);font-size:40px;line-height:1;color:var(--tinta)}
.contadores dt{font-size:13px;margin-top:6px}
.achados{counter-reset:achado;list-style:none;padding:0!important;margin-top:28px!important;gap:14px!important}
.achados>li{counter-increment:achado;padding:18px 20px;border:1px solid #e6e6e6;border-radius:var(--raio-p)}
.achado-cab{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.achado-cab h2{margin:0;font-size:19px;color:#111}
.achado-cab h2::before{content:counter(achado) ". ";color:var(--tinta)}
.achado-onde{font-size:13px;color:#5f5f5f;margin-top:4px!important}
.achados p:last-child{margin-top:6px}
.selo{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.selo-ok{background:#e3f4e6;color:#1d6b2c}.selo-hold{background:#fff1d6;color:#7a5200}.selo-fix{background:#ffe3e0;color:#9b2318}.selo-never{background:#2a2a2a;color:#fff}

/* ---------- DECK: growth plan, creator engine ---------- */
.deck .sec:first-child{padding-top:clamp(48px,6vw,80px)}
.deck-topo{max-width:900px;display:flex;flex-direction:column;align-items:center;gap:16px}
.deck-topo h1{font-size:clamp(36px,4.8vw,66px)}
.deck-sub{font-size:clamp(17px,1.5vw,20px);color:var(--tx2);max-width:60ch}
.fotos>.foto{flex:1 1 160px;max-width:230px;aspect-ratio:1;background:var(--card);border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra)}
.fotos img{width:100%;height:100%;object-fit:contain;padding:12px}
.deck-foto{max-width:420px}
.deck-foto img{max-height:150px;width:auto;margin:0 auto;object-fit:contain;filter:drop-shadow(0 20px 28px rgb(0 0 0/.3))}
.ladrilhos{margin:0}
.ladrilhos>div{flex:1 1 210px;max-width:280px;padding:22px 18px}
.formatos .cartao-img{aspect-ratio:16/10}
.formatos>.cartao{flex:1 1 180px;max-width:220px}
.ladrilhos .valor.valor-longo{font-size:clamp(24px,2.2vw,32px);line-height:1.15;text-wrap:balance}
.formatos>.cartao{padding:16px;gap:8px}
.ladrilhos .valor{font-family:var(--fonte-titulo);font-size:clamp(34px,3.6vw,52px);line-height:1;color:var(--tinta)}
.ladrilhos dt{font-weight:600;font-size:15px}
.confianca{font-size:12.5px;opacity:.75}
.status{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.02em;padding:3px 9px;border-radius:999px;border:1px solid currentColor;opacity:.7}
.nota-status{font-size:13px}
.destaque{max-width:720px;padding:clamp(24px,3vw,40px)}
.destaque-nome{font-family:var(--fonte-titulo);font-size:clamp(28px,3vw,42px)!important;line-height:1.15;color:var(--tinta)!important}
.tabela-rolo{width:100%;max-width:1040px;overflow-x:auto;border-radius:var(--raio);box-shadow:var(--sombra);background:var(--card)}
.tabela{width:100%;border-collapse:collapse;color:var(--txc);font-size:15px;text-align:left}
.tabela th,.tabela td{padding:13px 16px;border-bottom:1px solid color-mix(in oklab,var(--txc) 12%,transparent);vertical-align:top}
.tabela thead th{font-size:13px;font-weight:700;background:color-mix(in oklab,var(--primaria) 10%,var(--card))}
.tabela tbody tr:last-child>*{border-bottom:0}
.tabela tbody th{font-weight:700;white-space:nowrap}
/* celular: cada linha vira um cartão com o rótulo da coluna ao lado do valor */
@media (max-width:640px){
  .tabela thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tabela tr{display:block;padding:12px 16px;border-bottom:1px solid color-mix(in oklab,var(--txc) 12%,transparent)}
  .tabela tbody tr:last-child{border-bottom:0}
  .tabela tbody th,.tabela td{display:flex;gap:12px;padding:3px 0;border:0;white-space:normal}
  .tabela tbody th{font-size:16px;padding-bottom:6px}
  .tabela td::before{content:attr(data-r);flex:0 0 42%;font-weight:600;opacity:.65;font-size:13px}
}
.gates{flex-direction:column;align-items:center;max-width:860px}
.gates>li{width:100%;flex-direction:row;text-align:left;align-items:flex-start;gap:18px;padding:18px 22px}
.gate-se{flex:1;font-weight:600}
.gate-entao{flex:1}
.gate-corte{outline:3px solid var(--acento);outline-offset:-3px}
@media (max-width:640px){.gates>li{flex-direction:column;gap:6px}}
.lista-simples{list-style:none;margin:0;padding:0;display:grid;gap:10px;width:100%;max-width:640px}
.lista-simples li{padding:14px 18px;border-radius:var(--raio-p);background:var(--card);color:var(--txc);box-shadow:var(--sombra)}
.paragrafo-grande{font-family:var(--fonte-titulo);font-size:clamp(20px,2vw,28px);line-height:1.4}
.regras-par{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;width:100%}
.regras-par>.cartao{flex:1 1 300px;max-width:480px;text-align:left;align-items:stretch}
.regras-par ul{margin:0;padding-left:1.1em;display:grid;gap:8px}
.fluxo{counter-reset:etapa}
.fluxo>li{flex:1 1 170px;max-width:220px;counter-increment:etapa;font-weight:600}
.fluxo>li::before{content:counter(etapa);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--primaria);color:var(--sobre-primaria)}

.par-dados{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:center;max-width:1100px}
@media (min-width:1000px){.par-dados{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.par-dados .grafico-barras{height:200px}}
/* gráfico de barras que sobem (Growth plan / Creator engine) */
.grafico{margin:0;width:100%;max-width:960px;background:var(--card);color:var(--txc);border-radius:var(--raio);box-shadow:var(--sombra);padding:24px clamp(16px,3vw,32px) 18px}
.grafico-titulo{font-weight:700;font-size:15px;margin-bottom:16px!important}
.grafico-barras{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,2vw,22px);height:220px}
.grafico-barras li{flex:1;max-width:90px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}
.grafico-valor{font-weight:700;font-size:14px}
.grafico-barra{width:100%;height:calc(var(--v) * 1%);min-height:4px;border-radius:8px 8px 3px 3px;background:linear-gradient(to top,var(--primaria),var(--acento));transform-origin:bottom}
.grafico-rotulo{font-size:12.5px;opacity:.8;text-align:center;line-height:1.2;min-height:2.4em}

/* ---------- ADS ---------- */
.ads-pagina{background:var(--tom-claro);color:var(--tx-claro)}
.ads-corpo{max-width:1320px;margin:0 auto;padding:28px clamp(12px,3vw,40px) 56px}
.p-radio{position:absolute;opacity:0;pointer-events:none}
.ads-linha{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px;font-size:15px;color:var(--tx2-claro)}
.prop-ctrl{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--card-claro);box-shadow:var(--sombra)}
.prop-ctrl label{cursor:pointer;font-size:14px;font-weight:600;padding:7px 14px;border-radius:999px;color:var(--txc-claro);transition:background-color .2s ease,color .2s ease}
#p-45:checked~.ads-linha label[for=p-45],#p-11:checked~.ads-linha label[for=p-11],#p-916:checked~.ads-linha label[for=p-916]{background:var(--texto);color:var(--fundo)}
.p-radio:focus-visible~.ads-linha .prop-ctrl{outline:3px solid var(--acento);outline-offset:2px}
.ads-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:22px;align-items:start}
.ad{display:flex;flex-direction:column;gap:8px}
.post{background:#fff;color:#1c1e21;border-radius:14px;box-shadow:var(--sombra);overflow:hidden;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
.post-topo{display:flex;gap:10px;align-items:center;padding:14px 16px 8px}
.post-avatar{width:40px;height:40px;border-radius:50%;background:#f2f2f2;display:grid;place-items:center;overflow:hidden;flex:none;outline:1px solid rgb(0 0 0/.08)}
.post-avatar img{width:34px;height:34px;object-fit:contain}
.post-avatar-letra{background:var(--primaria);color:var(--sobre-primaria);font-weight:700}
.post-nome{font-weight:700;font-size:15px;line-height:1.2}
.post-sub{font-size:12.5px;color:#65676b}
.post-texto{padding:2px 16px 14px;font-size:16px;line-height:1.5}
.post-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px 12px;background:#f0f2f5}
.post-dominio{font-size:12px;color:#65676b}
.post-titulo{font-weight:700;font-size:15px;line-height:1.3}
.post-botao{flex:none;font-size:14px;font-weight:600;padding:8px 14px;border-radius:6px;background:#e4e6eb;white-space:nowrap}
.ad-info{font-size:13px;color:var(--tx2-claro);text-align:center}

/* criativo: proporção pela escolha (Mixed = a de cada ad) */
.criativo{position:relative;overflow:hidden;aspect-ratio:4/5;container-type:size}
.criativo.t11{aspect-ratio:1}.criativo.t916{aspect-ratio:9/16}
#p-45:checked~.ads-grade .criativo{aspect-ratio:4/5}
#p-11:checked~.ads-grade .criativo{aspect-ratio:1}
#p-916:checked~.ads-grade .criativo{aspect-ratio:9/16}
.cr{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}
.cr-img{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:4cqmin}
.cr-img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3cqmin 3cqmin rgb(0 0 0/.22))}
/* gancho dentro do criativo: curto, nunca maior que o corpo do post em quantidade de texto */
.cr-gancho{font-family:var(--fonte-titulo);font-weight:700;line-height:1.08;font-size:clamp(18px,8cqmin,40px);padding:6cqmin 6cqmin 0;text-align:center;text-wrap:balance}

.cr-foto .cr-rodape{display:flex;justify-content:space-between;align-items:center;padding:0 5cqmin 5cqmin;font-size:clamp(12px,3.6cqmin,16px);font-weight:700}
.cr-chip{padding:1.6cqmin 3.6cqmin;border-radius:999px;background:var(--card);color:var(--txc)}
.cr-depo .cr-aspas{font-family:Georgia,serif;font-size:22cqmin;line-height:.6;padding:8cqmin 6cqmin 0;color:var(--real)}
.cr-depo .cr-gancho{font-style:italic;padding-top:2cqmin}
.cr-quem{text-align:center;font-size:clamp(12px,3.4cqmin,15px);font-weight:600;margin-top:2cqmin;opacity:.8}
.cr-comp-tab{display:grid;grid-template-columns:1fr 1fr;gap:3cqmin;padding:4cqmin 5cqmin 0;font-size:clamp(11px,3.2cqmin,15px);line-height:1.3}
.cr-comp-tab>div{border-radius:2.4cqmin;padding:3cqmin;display:grid;gap:1.6cqmin;align-content:start}
.cr-comp-a{background:color-mix(in oklab,var(--tx) 7%,var(--bg));color:var(--tx2)}
.cr-comp-b{background:var(--primaria);color:var(--sobre-primaria);font-weight:600}
.cr-comp-cab{font-weight:700;font-size:1.05em}
.cr-notas{background:#fffef7;color:#1c1c1e;font-family:-apple-system,'SF Pro Text','Segoe UI',system-ui,sans-serif}
.cr-notas-topo{display:flex;justify-content:space-between;padding:4cqmin 5cqmin 0;color:#946c00;font-size:clamp(12px,3.4cqmin,15px);font-weight:600}
.cr-notas .cr-gancho{font-family:inherit;text-align:left;padding-top:3cqmin}
.cr-notas ul{margin:2cqmin 0 0;padding:0 5cqmin 0 9cqmin;font-size:clamp(12px,3.6cqmin,16px);line-height:1.35;display:grid;gap:1cqmin}
.cr-recibo{align-items:center}
.cr-recibo-papel{margin:6cqmin 7cqmin 0;align-self:stretch;background:#fff;color:#222;font-family:'Courier New',monospace;padding:4cqmin 5cqmin;
  box-shadow:0 2cqmin 4cqmin rgb(0 0 0/.15);-webkit-mask:radial-gradient(circle at 50% 100%,transparent 1.4cqmin,#000 1.5cqmin) 0 100%/4cqmin 100% repeat-x;mask:radial-gradient(circle at 50% 100%,transparent 1.4cqmin,#000 1.5cqmin) 0 100%/4cqmin 100% repeat-x}
.cr-recibo-loja{text-align:center;font-weight:700;font-size:clamp(11px,3.2cqmin,14px)}
.cr-recibo .cr-gancho{font-family:inherit;font-size:clamp(15px,5.6cqmin,26px);padding:2cqmin 0 0}
.cr-recibo dl{margin:3cqmin 0 0;font-size:clamp(11px,3.2cqmin,14px);display:grid;gap:1.2cqmin}
.cr-recibo dl>div{display:flex;justify-content:space-between;gap:3cqmin;border-bottom:1px dashed #bbb;padding-bottom:1cqmin}
.cr-recibo dd{margin:0;font-weight:700;text-align:right}
.cr-postit{background:color-mix(in oklab,var(--tom-suave) 80%,#fff)}
.cr-postit .cr-img{padding:8cqmin}
.cr-nota{position:absolute;right:6cqmin;top:6cqmin;width:48cqmin;padding:5cqmin 4cqmin;background:#ffe769;color:#2b2500;font-family:Caveat,'Segoe Print',cursive;
  font-size:clamp(18px,7cqmin,34px);line-height:1.05;transform:rotate(3deg);box-shadow:0 2cqmin 4cqmin rgb(0 0 0/.2);text-align:center}
.cr-jornal{background:#f4f1e8;color:#161616;font-family:Georgia,'Times New Roman',serif}
.cr-jornal-topo{text-align:center;font-weight:700;font-size:clamp(14px,5cqmin,24px);padding:4cqmin 5cqmin 2cqmin;border-bottom:3px double #161616;margin:0 5cqmin}
.cr-jornal .cr-gancho{font-family:inherit;padding-top:3cqmin}
.cr-jornal-sub{text-align:center;font-size:clamp(11px,3.2cqmin,15px);padding:2cqmin 7cqmin 0;font-style:italic}

/* meme: template real do imgflip, texto do produto por cima, selo com a foto do produto */
.cr-meme{align-items:center;justify-content:center;background:#fff;color:#111}
.cr-meme .cr-gancho{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:clamp(14px,5cqmin,24px);padding:4cqmin 5cqmin 3cqmin;color:#111}
.cr-meme .meme{flex:none;width:min(100cqw,calc(var(--rn) * (100cqh - 16cqmin)));aspect-ratio:var(--r);position:relative;container-type:inline-size;margin:0}
.meme-tpl{width:100%;height:100%;object-fit:fill}
.meme-cx{position:absolute;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(var(--giro,0deg));overflow:hidden}
.meme-cx span{display:block;text-wrap:balance}
.meme-painel{color:#111;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:4.6cqw;line-height:1.15}
.meme-impacto{color:#fff;font-family:Anton,Impact,'Arial Black',sans-serif;text-transform:uppercase;font-size:4.8cqw;line-height:1.05;letter-spacing:.01em;
  -webkit-text-stroke:.35cqw #000;paint-order:stroke fill;text-shadow:0 0 .5cqw #000}
.meme-painel.meme-longo{font-size:4cqw}.meme-impacto.meme-longo{font-size:3.8cqw}
.meme-selo{position:absolute;aspect-ratio:1;background:#fff;border-radius:50%;padding:1.2cqw;box-shadow:0 .6cqw 1.6cqw rgb(0 0 0/.3);outline:.5cqw solid var(--primaria)}
.meme-selo img{width:100%;height:100%;object-fit:contain}
.ads-pe{text-align:center;padding:0 16px var(--pad-sec);font-size:13px;color:var(--tx2-claro)}

/* ---------- movimento: reveal de entrada e saída (anima.js), só com JS ativo ---------- */
.com-js .rv{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:calc(var(--i,0) * 70ms)}
.com-js .rv.vis{opacity:1;transform:none}
/* saída: quando a seção sai da tela some mais rápido e sem atraso, para voltar a entrar ao rolar de volta */
.com-js .rv.saiu{transition-duration:.35s;transition-delay:0s}
.com-js .grafico-barra{transform:scaleY(.02);transition:transform .8s var(--ease-out);transition-delay:calc(var(--i,0) * 60ms)}
.com-js .grafico.vis .grafico-barra{transform:none}
.com-js .hero-in>*{animation:sobe .8s var(--ease-out) both;animation-delay:calc(var(--h,0) * 90ms)}
.hero-tagline{--h:0}.hero h1{--h:1}.hero-sub{--h:2}.hero .botao{--h:3}.palco{--h:4}
@keyframes sobe{from{opacity:0;transform:translateY(22px)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .com-js .rv{transform:none;transition:opacity .3s ease;transition-delay:0s}
  .com-js .grafico-barra{transform:none;transition:none}
  .com-js .hero-in>*{animation:none}
}
@media print{.com-js .rv{opacity:1;transform:none}.pacote{position:static}}

/* ---------- R3 (01/10): My application no padrão do teste Once Upon a Farm (Google Doc) ---------- */
.gd-fundo{background:#f1f3f4;padding:0 0 var(--pad-sec)}
.gd-folha{max-width:816px;margin:0 auto;background:#fff;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;
  padding:40px 20px;box-shadow:0 1px 3px rgb(60 64 67/.15),0 1px 2px rgb(60 64 67/.3)}
@media (min-width:640px){.gd-fundo{padding:24px 16px var(--pad-sec)}.gd-folha{padding:96px}}
.gd-folha h1{font-family:Arial,Helvetica,sans-serif;font-size:28px;font-weight:700;line-height:1.2;letter-spacing:0;color:#000;text-wrap:balance}
.gd-folha h2{font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:700;line-height:1.3;letter-spacing:0;color:#000;margin:40px 0 12px}
.gd-folha a{color:#1155cc;text-decoration:underline;text-underline-offset:2px}
@media (hover:hover) and (pointer:fine){.gd-folha a:hover{color:#0b3d91}}
.gd-folha a:focus-visible{outline:2px solid #1155cc;outline-offset:2px;border-radius:2px}
.gd-meta{margin-top:12px!important;color:#5f6368}
.gd-tese{margin-top:24px!important}
.gd-folha ul{margin:0;padding-left:24px;display:grid;gap:8px}
.gd-folha li::marker{color:#000}
.gd-quem{display:flex;flex-direction:column;gap:16px;margin-top:32px}
.gd-quem h2{margin-top:0}
@media (min-width:640px){.gd-quem{flex-direction:row;gap:20px}}
.gd-quem>div{min-width:0}
.gd-foto{width:78px;height:78px;border-radius:50%;object-fit:cover;flex:none}
.gd-nota{margin-top:24px!important;color:#5f6368}
.gd-chat{margin-top:40px!important}
.gd-assina{margin-top:40px!important}

/* ---------- R5: título do Growth menor ---------- */
.deck-topo-growth h1{font-size:clamp(28px,3.2vw,44px);max-width:22ch}

/* ---------- R6: hero do Creator (texto à esquerda, produto em cartão à direita) ---------- */
.criador-hero{width:100%;display:grid;gap:clamp(20px,3vw,48px);align-items:center;text-align:center}
.criador-texto{display:flex;flex-direction:column;gap:16px;align-items:center}
.criador-texto h1{font-size:clamp(30px,3.6vw,50px)}
.criador-foto{justify-self:center;width:min(100%,360px);aspect-ratio:1;border-radius:calc(var(--raio) + 8px);background:var(--card);box-shadow:var(--sombra);
  padding:20px;display:flex;align-items:center;justify-content:center;transform:rotate(-2deg)}
.criador-foto img{max-height:100%;width:auto;object-fit:contain}
@media (min-width:900px){
  .criador-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);text-align:left}
  .criador-texto{align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.criador-foto{transform:none}}

/* ---------- R4: grade de ads alinhada (corpo do post estica; criativos alinham na mesma linha) ---------- */
.ads-grade{align-items:stretch}
.ad>.post{flex:1;display:flex;flex-direction:column}
.ad>.post>.post-texto{flex:1}

/* criativos não-meme mais compostos */
.cr-marca{display:inline-flex;align-items:center;padding:1.6cqmin 3cqmin;border-radius:999px;background:#fff;box-shadow:0 1cqmin 2cqmin rgb(0 0 0/.12)}
.cr-marca img{height:5cqmin;width:auto;max-width:28cqmin;object-fit:contain}
.cr-marca-txt{font-weight:700;font-size:clamp(11px,3.2cqmin,15px);color:#111}
.cr-foto .cr-topo{padding:5cqmin 6cqmin 0}
.cr-foto .cr-gancho{text-align:left;padding:3cqmin 6cqmin 0;max-width:80cqw}
.cr-foto .cr-gancho::after{content:"";display:block;width:12cqmin;height:1.2cqmin;margin-top:2.4cqmin;border-radius:1cqmin;background:var(--real)}
.cr-palco{position:relative}
.cr-palco::before{content:"";position:absolute;width:62cqmin;aspect-ratio:1;border-radius:50%;background:color-mix(in oklab,var(--tx) 14%,transparent);left:50%;top:50%;transform:translate(-50%,-50%)}
.cr-palco img{position:relative}
.cr-depo{padding:6cqmin;gap:4cqmin;justify-content:space-between}
.cr-depo-papel{background:var(--card);color:var(--txc);border-radius:3cqmin;padding:4cqmin 6cqmin 6cqmin;box-shadow:0 2cqmin 5cqmin rgb(0 0 0/.25)}
.cr-depo .cr-aspas{display:block;padding:0;color:var(--tinta);font-size:18cqmin;line-height:.8}
.cr-depo .cr-gancho{text-align:left;padding:0;font-size:clamp(17px,7cqmin,34px)}
.cr-depo .cr-quem{text-align:left}
.cr-depo-pe{display:flex;align-items:flex-end;justify-content:space-between;gap:4cqmin;min-height:0;flex:1}
.cr-moldura{height:100%;max-height:44cqmin;aspect-ratio:1;background:#fff;border-radius:3cqmin;padding:2cqmin;box-shadow:0 2cqmin 4cqmin rgb(0 0 0/.25);transform:rotate(-3deg)}
.cr-moldura img{width:100%;height:100%;object-fit:contain}
.cr-comp-tab{flex:1;min-height:0;padding-bottom:5cqmin}
.cr-x::before{content:"✕ ";opacity:.55}
.cr-v::before{content:"✓ ";font-weight:700}
.cr-comp-b{display:flex!important;flex-direction:column}
.cr-comp-foto{flex:1;min-height:0;margin-top:2cqmin;background:#fff;border-radius:2cqmin;padding:2cqmin;display:flex;align-items:center;justify-content:center}
.cr-comp-foto img{max-height:100%;width:auto;object-fit:contain}
.cr-status{display:flex;justify-content:space-between;padding:3cqmin 6cqmin 0;font-weight:600;font-size:clamp(11px,3.2cqmin,14px)}
.cr-bateria{width:7cqmin;height:3.4cqmin;border:.5cqmin solid currentColor;border-radius:1cqmin;position:relative}
.cr-bateria::after{content:"";position:absolute;inset:.5cqmin 1.6cqmin .5cqmin .5cqmin;background:currentColor;border-radius:.4cqmin}
.cr-notas ul{list-style:none;padding-left:6cqmin!important}
.cr-notas li{position:relative;padding-left:5.5cqmin}
.cr-notas li::before{content:"";position:absolute;left:0;top:.35em;width:3cqmin;height:3cqmin;border-radius:50%;border:.45cqmin solid #c7c7cc}
.cr-anexo{margin:4cqmin 6cqmin 6cqmin;background:#fff;border-radius:3cqmin;box-shadow:0 1cqmin 4cqmin rgb(0 0 0/.12)}
.cr-barras{height:7cqmin;margin-top:3cqmin;background:repeating-linear-gradient(90deg,#222 0 .5cqmin,transparent .5cqmin 1.1cqmin,#222 1.1cqmin 2cqmin,transparent 2cqmin 2.6cqmin)}
.cr-nota::before{content:"";position:absolute;left:50%;top:-2.4cqmin;width:16cqmin;height:4.4cqmin;transform:translateX(-50%) rotate(-4deg);background:rgb(255 255 255/.55);box-shadow:0 .4cqmin 1cqmin rgb(0 0 0/.1)}
.cr-postit-pe{position:absolute;left:5cqmin;bottom:5cqmin}
.cr-jornal-linha{display:flex;justify-content:space-between;margin:0 5cqmin;padding:1.2cqmin 0;border-bottom:1px solid #161616;font-size:clamp(10px,2.8cqmin,13px);font-style:italic}
.cr-jornal-foto{flex:1;min-height:0;margin:3cqmin 7cqmin 5cqmin;display:flex;flex-direction:column}
.cr-jornal-foto .cr-img{background:#e9e4d6;border:1px solid #161616}
.cr-jornal-foto figcaption{font-size:clamp(10px,2.8cqmin,13px);font-style:italic;padding-top:1cqmin}

/* ---------- Grades equilibradas (R2.7): --cols vem do render; linhas com a mesma quantidade ---------- */
@media (min-width:900px){
  /* flex com largura fixa de coluna: quebra exatamente em --cols e centraliza a última linha */
  .grade{--g:clamp(14px,1.6vw,22px);display:flex!important;flex-wrap:wrap;justify-content:center;gap:var(--g);margin-inline:auto;max-width:min(100%,calc(var(--cols) * var(--item,280px) + (var(--cols) - 1) * var(--g)))}
  .grade>*{flex:0 0 calc((100% - (var(--cols) - 1) * var(--g)) / var(--cols))!important;max-width:none!important}
  .cartoes.grade,.beneficios.grade,.depoimentos.grade,.comparacao.grade{--item:380px}
  .prateleira.grade{--item:270px}
  .formatos.grade,.fluxo.grade{--item:220px}
  .fotos.grade{--item:200px}
}
/* celular: grades de 2 colunas não deixam o último sozinho (ocupa a linha inteira, centralizado) */
@media (max-width:899px){
  .formatos.grade,.fotos.grade,.fluxo.grade,.prateleira.grade{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
  .formatos.grade>*,.fotos.grade>*,.fluxo.grade>*,.prateleira.grade>*{max-width:none!important}
  .formatos.grade>:last-child:nth-child(odd),.fotos.grade>:last-child:nth-child(odd),.fluxo.grade>:last-child:nth-child(odd),.prateleira.grade>:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 8px)}
}
.valor-resto{font-size:14px;font-weight:600;opacity:.8}

/* ================= V3 (01/10): abas internas de 9,5 para 10 ================= */

/* ---------- costura do deck (L6 aplicada ao Growth e ao Creator): a seção TERMINA na cor de entrada da
   próxima (--para), num degradê curto no pé; título e conteúdo ficam sempre sobre cor sólida ---------- */
.deck{--costura:clamp(96px,8vw,128px)}
.deck .sec{background:linear-gradient(to bottom in oklab,var(--bg) calc(100% - var(--costura)),var(--para,var(--bg))) var(--bg);
  padding-bottom:calc(var(--pad-sec) + var(--costura) * .55)}
/* a última seção já chega na cor do rodapé: o degradê de entrada do rodapé sai */
.pg-growth .rodape::before,.pg-creator .rodape::before{display:none}

/* ---------- traço da marca no hero do deck: fonte de título e elemento gráfico da landing ---------- */
.deck h1,.deck h2,.deck .valor,.deck .destaque-nome{font-family:var(--fonte-deck,var(--fonte-titulo))}
.deck h1,.deck h2{font-weight:var(--deck-peso,700);text-transform:var(--deck-caixa,none);letter-spacing:var(--deck-esp,-.01em)}
.deck-topo-growth h1{font-size:clamp(28px,calc(3.2vw * var(--deck-esc,1)),calc(44px * var(--deck-esc,1)));max-width:30ch}
.criador-texto h1{font-size:clamp(30px,calc(3.6vw * var(--deck-esc,1)),calc(50px * var(--deck-esc,1)))}
.traco{display:block;flex:none;color:var(--c,var(--tx))}
.traco-linha{width:clamp(56px,6vw,88px);height:6px;border-radius:3px;background:currentColor}
.traco-tracejado{width:clamp(120px,14vw,200px);border-top:2px dashed currentColor}
.traco-escala{display:flex;gap:3px;width:clamp(160px,18vw,260px);height:10px}
.traco-escala i{flex:var(--p,1) 1 0;min-width:6px;background:var(--c);border-radius:2px;box-shadow:0 0 0 1px color-mix(in oklab,var(--tx) 28%,transparent)}
.traco-svg svg{display:block;width:clamp(44px,4.4vw,64px);height:auto}
/* o traço não tem animação própria: entra com o reveal do hero (review-animations: nada nasce de scale(0)) */

/* ---------- ads: 3 colunas fixas em desktop, 2 em tablet, 1 no celular; última linha incompleta centralizada
   (G11, AD3). Rótulo de formato sob o card mais discreto ---------- */
.ads-grade{grid-template-columns:minmax(0,1fr)}
@media (min-width:720px) and (max-width:1079px){
  .ads-grade{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ads-grade>.ad{grid-column:span 2}
  .ads-grade>.ad:last-child:nth-child(odd){grid-column:2/span 2}
}
@media (min-width:1080px){
  .ads-grade{grid-template-columns:repeat(6,minmax(0,1fr))}
  .ads-grade>.ad{grid-column:span 2}
  .ads-grade>.ad:last-child:nth-child(3n+1){grid-column:3/span 2}
  .ads-grade>.ad:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2}
}
.ad-info{font-size:12px;line-height:1.45;text-wrap:balance;padding:0 8px}
.ad-info a{text-decoration-color:color-mix(in oklab,currentColor 45%,transparent)}
.condicao{font-size:13.5px;line-height:1.45}

/* ================= V4 (01/10): componentes do SCHEMA-V4-ABAS (régua = Once Upon a Farm) =================
   Classes v-, sim-, c4- e gd-mes são só do v4; nada acima muda. Teto de seção nas abas internas: 1.050 px
   em 1440 (decisão D6). Toda grade de cartões leva g-fecha (provar-abas mede item órfão nelas). */
.v-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.deck-v4 .sec-in{gap:clamp(20px,2.2vw,30px)}
.deck-v4 .cab{gap:10px;max-width:820px}
.deck-v4 .cab h2{font-size:clamp(26px,2.7vw,38px);max-width:28ch}
.deck-v4 h3{font-family:var(--fonte-texto);letter-spacing:0;line-height:1.25}
.deck-v4 dd{margin:0}
.v-cap,.v-capa-k{font-size:14px;font-weight:700;color:var(--tx2);font-variant-numeric:tabular-nums}
.v-lead{font-size:clamp(16px,1.25vw,18px);line-height:1.6;color:var(--tx2);max-width:68ch;text-wrap:pretty}
.v-nota{font-size:14px;line-height:1.55;color:var(--tx2);max-width:84ch;text-wrap:pretty}
.v-rot{font-size:13px;font-weight:700}
.v-forte{font-weight:700}
.v-mini{font-size:13px;line-height:1.35}
.v-neg{color:#9b2318;font-weight:700}
.v-duas{width:100%;max-width:1100px;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,2.4vw,36px);align-items:start;text-align:left}
@media (min-width:960px){.v-duas{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
.v-col{display:grid;gap:16px;min-width:0;align-content:start}
.v-col h3{font-size:19px}

/* grades fechadas: 1 coluna no celular, 2 no tablet (ímpar centraliza o último), colunas próprias no desktop */
.g-fecha{list-style:none;margin:0;padding:0;width:100%;max-width:1100px;display:grid;gap:clamp(14px,1.6vw,20px);grid-template-columns:minmax(0,1fr)}
.v-kpis,.v-aloc-itens,.v-marcos{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px) and (max-width:959px){
  .g-fecha{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g-fecha>:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 10px)}
}
@media (min-width:960px){
  .v-agora,.v-faixas,.v-degraus,.v-formatos,.v-kpis,.v-aloc-itens{grid-template-columns:repeat(var(--n),minmax(0,1fr))}
  .v-principios,.v-categoria,.v-regras,.v-par{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v-pedidos{grid-template-columns:repeat(var(--c,4),minmax(0,1fr))}
  /* 3 por linha, com a última linha incompleta centralizada (5 = 3 + 2) */
  .v-personas,.v-fases{grid-template-columns:repeat(6,minmax(0,1fr))}
  .v-personas>*,.v-fases>*{grid-column:span 2}
  .v-personas>:last-child:nth-child(3n+1),.v-fases>:last-child:nth-child(3n+1){grid-column:3/span 2}
  .v-personas>:nth-last-child(2):nth-child(3n+1),.v-fases>:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2}
}

/* pílulas: cor fixa, contraste medido (não dependem da marca) */
.pil{display:inline-block;font-size:12px;font-weight:700;line-height:1.3;padding:3px 10px;border-radius:999px;white-space:nowrap}
.pil-alto{background:#ffe3e0;color:#9b2318}.pil-medio{background:#fff1d6;color:#7a5200}.pil-baixo{background:#e3f4e6;color:#1d6b2c}
.pil-fato{background:#2a2a2a;color:#fff}.pil-claim{background:#e1ecff;color:#17408a}.pil-hip{background:#fff1d6;color:#7a5200}
.pil-prop{background:#efe5fb;color:#4b2a86}.pil-dito{background:#ececec;color:#3a3a3a}.pil-calc{background:#dff3f1;color:#0d5c55}

/* índice */
.v-indice{width:100%;max-width:1040px;text-align:left}
.v-indice ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);column-gap:40px;border-top:1px solid var(--linha)}
@media (min-width:720px){.v-indice ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.v-indice-3 ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
.v-indice li{border-bottom:1px solid var(--linha)}
.v-indice a{display:flex;gap:14px;align-items:baseline;min-height:44px;padding:10px 4px;text-decoration:none;transition:transform .2s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.v-indice a:hover{transform:translateX(4px)}.v-indice a:hover .v-indice-t{text-decoration:underline}}
.v-indice-n{flex:none;width:26px;font-size:14px;font-weight:700;color:var(--tx2);font-variant-numeric:tabular-nums}
.v-indice-t{display:block;font-weight:700;line-height:1.3}
.v-indice-s{display:block;font-size:14px;line-height:1.4;color:var(--tx2)}

/* tabela larga */
.v-tab{width:100%;max-width:1100px;background:var(--card);color:var(--txc);border-radius:var(--raio);box-shadow:var(--sombra);outline:1px solid color-mix(in oklab,var(--txc) 8%,transparent);outline-offset:-1px;text-align:left;overflow:hidden}
.v-tab:focus-visible{outline:3px solid var(--acento);outline-offset:3px}
.v-tab-rolo{overflow-x:auto}
.v-tab-rolo .v-tabela{min-width:var(--min,640px)}
.v-tabela{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.45;font-variant-numeric:tabular-nums}
.v-tabela th,.v-tabela td{padding:11px 16px;vertical-align:top;text-align:left;border-bottom:1px solid color-mix(in oklab,var(--txc) 11%,transparent)}
.v-tabela thead th{font-size:12.5px;font-weight:700;line-height:1.3;vertical-align:bottom;color:color-mix(in oklab,var(--txc) 94%,var(--card));background:color-mix(in oklab,var(--primaria) 8%,var(--card));border-bottom:2px solid color-mix(in oklab,var(--primaria) 55%,var(--card))}
.v-tabela tbody th{font-weight:700}
.v-tabela tbody tr:last-child>*{border-bottom:0}
.v-tabela tfoot tr>*{font-weight:700;border-bottom:0;border-top:2px solid color-mix(in oklab,var(--primaria) 55%,var(--card))}
.v-tabela a{color:var(--tinta)}
.v-tab-densa .v-tabela{font-size:14px}
.v-tab-densa .v-tabela th,.v-tab-densa .v-tabela td{padding:8px 16px}
.v-tab-riscos tbody th{width:30%}
.v-tab-gates tbody th,.v-tab-teto td:nth-child(2){white-space:nowrap}
.v-tab-apendice tbody th{width:44%;font-weight:600}
.v-status-nota{font-size:13.5px;color:color-mix(in oklab,var(--txc) 94%,var(--card))}
.v-tab-nua{border-radius:0;box-shadow:none;outline:0;max-width:none;border-top:1px solid color-mix(in oklab,var(--txc) 11%,transparent)}
.v-tab-rolo tbody th,.v-tab-rolo thead th:first-child{position:sticky;left:0;z-index:1}
.v-tab-rolo tbody th{background:var(--card)}
@media (max-width:640px){
  .v-tab-pilha thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .v-tab-pilha tr{display:block;padding:14px 16px;border-bottom:1px solid color-mix(in oklab,var(--txc) 11%,transparent)}
  .v-tab-pilha tbody tr:last-child{border-bottom:0}
  .v-tab-pilha .v-tabela th,.v-tab-pilha .v-tabela td{display:block;width:auto;padding:3px 0;border:0;white-space:normal}
  .v-tab-pilha tbody th{font-size:15.5px;padding-bottom:6px}
  .v-tab-pilha td::before{content:attr(data-r);display:block;font-size:12px;font-weight:700;color:color-mix(in oklab,var(--txc) 72%,var(--card))}
  .v-tab-pilha tfoot tr{border-top:2px solid color-mix(in oklab,var(--primaria) 55%,var(--card))}
}

/* caixa da conta por extenso */
.v-conta{width:100%;max-width:1100px;text-align:left;background:color-mix(in oklab,var(--primaria) 7%,var(--card));color:var(--txc);border-radius:var(--raio);padding:20px 26px;display:grid;gap:8px;
  font-variant-numeric:tabular-nums;outline:1px solid color-mix(in oklab,var(--primaria) 24%,transparent);outline-offset:-1px}
.v-conta p{font-size:15px;line-height:1.6;max-width:96ch}
.v-conta .v-rot{color:color-mix(in oklab,var(--tinta) 60%,var(--txc))}

/* gráfico v4 (usa .grafico do deck: as barras sobem ao entrar) */
.v-grafico{max-width:none;padding:18px clamp(14px,2vw,24px) 14px;text-align:center}
.v-grafico .grafico-titulo{margin-bottom:10px!important;font-size:14px}
.v-grafico .grafico-barras{height:150px}
/* a barra ocupa no máximo 68% da altura: valor e rótulo cabem sempre e os rótulos ficam na mesma linha */
.v-grafico .grafico-barra{height:calc(var(--v) * .68%)}
.v-grafico-baixo{max-width:760px}
.v-grafico-baixo .grafico-barras{height:110px}
.v-grafico .grafico-rotulo{min-height:0;white-space:nowrap}
.v-grafico .grafico-valor{font-size:13px;font-variant-numeric:tabular-nums}
.v-barra-neg{background:#b3261e}
@media (max-width:640px){.v-grafico{padding-inline:10px}.v-grafico .grafico-barras{gap:4px}.v-grafico .grafico-valor{font-size:10.5px;letter-spacing:-.02em}.v-grafico .grafico-rotulo{font-size:11.5px}}
.v-grafico-nota{margin-top:10px!important;font-size:13px;line-height:1.5;text-align:left}
.v-rampa{align-items:center}
@media (min-width:960px){.v-rampa{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.v-payback{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}}

/* capa do Growth */
.v-capa .deck-sub{max-width:62ch}
.v-capa-foto{width:min(100%,200px);aspect-ratio:1;border-radius:24px;background:var(--card);box-shadow:var(--sombra);padding:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.v-capa-foto img{max-width:100%;max-height:100%;width:auto;object-fit:contain}
.v-kpis{padding-top:22px;border-top:1px solid var(--linha);gap:22px 28px}
.v-kpis>div{display:flex;flex-direction:column;gap:8px;align-items:center}
.v-kpis-v{order:-1;font-family:var(--fonte-deck,var(--fonte-titulo));font-size:clamp(28px,2.8vw,40px);line-height:1;color:var(--tx);font-variant-numeric:tabular-nums}
.v-kpis dt{font-size:14px;line-height:1.4;color:var(--tx2);max-width:30ch}

/* 01 o número */
.v-proteger{background:var(--card);color:var(--txc);border-radius:var(--raio);padding:20px 24px;box-shadow:var(--sombra);outline:2px solid var(--primaria);outline-offset:-2px;display:grid;gap:6px}
.v-proteger .v-rot{color:var(--tinta)}
.v-proteger .v-rot+ol,.v-proteger p+.v-rot{margin-top:6px}
.v-proteger-f{font-size:18px;font-weight:700;line-height:1.35}
.v-proteger p{font-size:14.5px}
.v-proteger ol{margin:0;padding-left:1.2em;display:grid;gap:5px;font-size:15px}
.v-fatos{margin:0;display:grid;gap:16px}
.v-fatos>div{border-top:2px solid var(--tx);padding-top:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.v-fatos-v{order:-1;font-family:var(--fonte-deck,var(--fonte-titulo));font-size:clamp(28px,2.6vw,36px);line-height:1;font-variant-numeric:tabular-nums}
.v-fatos dt{font-size:14px;line-height:1.4;color:var(--tx2)}

/* 02 variedade */
@media (min-width:960px){.v-variedade{grid-template-columns:minmax(0,1.5fr) minmax(0,.5fr)}}
.v-fotos-lado{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (min-width:960px){.v-fotos-lado{grid-template-columns:minmax(0,1fr)}}
.v-foto{aspect-ratio:4/3;background:var(--card);border-radius:var(--raio);box-shadow:var(--sombra);padding:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.v-foto img{max-width:100%;max-height:100%;width:auto;object-fit:contain}

/* 07 alocação */
.v-aloc{width:100%;max-width:1100px;display:grid;gap:20px;justify-items:center}
.v-aloc-barra{width:100%;display:flex;gap:3px;height:16px}
.v-aloc-seg{flex:var(--p) 1 0;border-radius:4px;transform-origin:left}
.v-aloc-seg:first-child{border-radius:999px 4px 4px 999px}.v-aloc-seg:last-child{border-radius:4px 999px 999px 4px}
.v-aloc-0{background:var(--card)}.v-aloc-1{background:color-mix(in oklab,var(--card) 62%,var(--bg))}.v-aloc-2{background:color-mix(in oklab,var(--card) 32%,var(--bg))}.v-aloc-3{background:var(--tom-escuro);box-shadow:inset 0 0 0 1px var(--linha)}
.v-aloc-item{border:1px solid var(--linha);border-radius:var(--raio);padding:18px 14px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}
.v-aloc-item dt{order:2;font-size:14px;line-height:1.4}
.v-aloc-cor{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;box-shadow:0 0 0 1px var(--linha)}
.v-aloc-valor{font-family:var(--fonte-deck,var(--fonte-titulo));font-size:clamp(26px,2.4vw,34px);line-height:1;font-variant-numeric:tabular-nums}
.v-aloc-pct{font-weight:700;font-size:14px}

/* 10 escopo */
.v-par{max-width:900px}
.v-lista{text-align:left;align-items:stretch}
.v-lista h3{font-size:17px}
.v-lista ul{margin:0;padding-left:1.1em;display:grid;gap:8px;font-size:15.5px}
.v-lista-sim h3{color:var(--tinta)}.v-lista-nao h3{color:#9b2318}
.v-pedidos>li{text-align:left;align-items:flex-start;padding:18px}
.v-pedidos h3{font-size:16.5px}

/* fecho */
.v-fecho{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:24px}
.v-fecho-txt{display:flex;flex-direction:column;align-items:center;gap:16px}
.v-fecho h2{font-size:clamp(28px,3vw,40px);max-width:22ch}
.v-fecho-txt>p:not(.v-botoes){max-width:58ch;color:var(--tx2);font-size:17px}
.v-botoes{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.v-botao-linha{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid currentColor;color:var(--tx);transition:transform .16s var(--ease-out)}
.v-botao-linha:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.v-botao-linha:hover{background:color-mix(in oklab,var(--tx) 12%,transparent)}}

/* ---------- Creator v4 ---------- */
.v-ladrilhos3{margin:6px 0 0;width:100%;max-width:520px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v-ladrilhos3>div{background:var(--card);color:var(--txc);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;text-align:left;box-shadow:var(--sombra)}
.v-ladrilhos3-v{order:-1;font-family:var(--fonte-deck,var(--fonte-titulo));font-size:clamp(24px,2.4vw,34px);line-height:1;color:var(--tinta);font-variant-numeric:tabular-nums}
.v-ladrilhos3 dt{font-size:13px;line-height:1.3}
.v-hero-foto{position:relative;justify-self:center;width:min(100%,340px);margin-bottom:30px}
.v-hero-foto .criador-foto{width:100%}
.v-post{position:absolute;left:-10px;bottom:-30px;width:min(230px,72%);background:#fff;color:#1c1e21;border-radius:16px;padding:12px 14px;box-shadow:0 18px 40px -18px rgb(0 0 0/.5);
  font-size:12.5px;line-height:1.35;text-align:left;display:grid;gap:5px;justify-items:start;transform:rotate(-3deg)}
@media (prefers-reduced-motion:reduce){.v-post{transform:none}}

.v-programa{width:100%;max-width:1040px;background:var(--card);color:var(--txc);border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden;text-align:left;outline:1px solid color-mix(in oklab,var(--txc) 8%,transparent);outline-offset:-1px}
.v-programa table{width:100%;border-collapse:collapse}
.v-programa th,.v-programa td{padding:10px 20px;vertical-align:top;text-align:left;font-size:15px;line-height:1.45;border-bottom:1px solid color-mix(in oklab,var(--txc) 11%,transparent)}
.v-programa tr:last-child>*{border-bottom:0}
.v-programa th{width:168px;font-size:14px;font-weight:700;color:var(--tinta)}
.v-programa-v{width:34%;font-weight:700}
.v-programa-d{color:color-mix(in oklab,var(--txc) 82%,var(--card))}
@media (max-width:640px){
  .v-programa tr{display:grid;gap:3px;padding:14px 18px;border-bottom:1px solid color-mix(in oklab,var(--txc) 11%,transparent)}
  .v-programa tr:last-child{border-bottom:0}
  .v-programa th,.v-programa td{display:block;width:auto;padding:0;border:0}
}

.v-historico{align-items:center}
.v-marcos{gap:1px;border-radius:var(--raio);overflow:hidden;background:var(--linha);max-width:none}
.v-marcos[style*="--n:3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.v-marcos>div{background:var(--bg);padding:clamp(14px,1.8vw,22px);display:flex;flex-direction:column;gap:8px;text-align:left;width:auto!important;grid-column:auto!important;justify-self:stretch!important}
.v-marcos-v{order:-1;font-family:var(--fonte-deck,var(--fonte-titulo));font-size:clamp(28px,3.4vw,46px);line-height:1;font-variant-numeric:tabular-nums}
.v-marcos dt{font-size:14px;line-height:1.35;color:var(--tx2)}

.v-agora>li{text-align:left;align-items:flex-start}
.cartao .v-agora-v{font-family:var(--fonte-deck,var(--fonte-titulo));font-size:clamp(30px,3vw,42px);line-height:1;color:var(--tinta);font-variant-numeric:tabular-nums}
.v-agora h3{font-size:17px}

.v-principios{max-width:1000px;text-align:left;gap:22px 40px}
.v-principios>li{display:flex;gap:14px}
.v-bola{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--primaria);color:var(--sobre-primaria);font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}
.v-principios h3{font-size:18px}
.v-principios p{margin-top:4px;font-size:15.5px;line-height:1.55;color:var(--tx2)}

/* canal de trabalho (mock) */
.v-canal{margin:0;width:100%;max-width:1040px;background:#fff;color:#1d1c1d;border-radius:var(--raio);box-shadow:0 20px 50px -20px rgb(0 0 0/.35);outline:1px solid rgb(0 0 0/.1);outline-offset:-1px;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1fr);text-align:left;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-size:14.5px;line-height:1.42}
.v-canal-lado{display:none;background:var(--tom-escuro);color:var(--tx-escuro);padding:16px;font-size:13.5px}
@media (min-width:820px){.v-canal{grid-template-columns:190px minmax(0,1fr)}.v-canal-lado{display:block}}
.v-canal-marca{font-weight:700}
.v-canal-rot{margin-top:14px;font-size:12px;color:var(--tx2-escuro)}
.v-canal-lado ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:2px}
.v-canal-lado li{padding:2px 8px;margin:0 -8px;border-radius:6px}
.v-canal-ativo{background:color-mix(in oklab,var(--tx-escuro) 18%,transparent);font-weight:700}
.v-canal-topo{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid rgb(0 0 0/.1)}
.v-canal-nome{font-weight:700}
.v-canal-sub{font-size:12.5px;color:#5c5c5c}
.v-msgs{list-style:none;margin:0;padding:10px 16px 12px;display:grid;gap:7px}
.v-msg{display:flex;gap:10px}
.v-avatar{flex:none;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-weight:700;font-size:14px;background:#e8e8e8;color:#1d1c1d}
.v-avatar-lead{background:var(--primaria);color:var(--sobre-primaria)}
.v-avatar-app{background:#1d1c1d;color:#fff}
.v-msg-c{min-width:0;flex:1}
.v-msg-q{font-size:14px}
.v-msg-h{margin-left:8px;font-size:12px;color:#5c5c5c}
.v-app{margin-left:6px;font-size:10.5px;font-weight:700;padding:1px 5px;border-radius:4px;background:#ececec;color:#3a3a3a}
.v-anexo{display:inline-block;font-size:13px;padding:1px 8px;border-radius:6px;background:#f0f0f0}
.v-fio{margin-top:6px;padding-left:10px;border-left:2px solid #c9c9c9;font-size:13.5px;color:#454545}
.v-msg-rel{margin:6px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;border:1px solid rgb(0 0 0/.12);border-radius:8px;padding:9px 12px;max-width:520px}
@media (min-width:560px){.v-msg-rel{grid-template-columns:repeat(4,minmax(0,1fr))}}
.v-msg-rel dt{font-size:11.5px;color:#5c5c5c}
.v-msg-rel dd{margin:0;font-weight:700;font-size:17px;font-variant-numeric:tabular-nums}

.v-formatos>li{text-align:left;align-items:stretch;padding:14px;gap:6px}
.v-formatos .cartao-img{aspect-ratio:4/3}
.v-formatos h3{font-size:16.5px}
.v-formatos p{font-size:14px}
.cartao .v-brief,.cartao .v-quando{font-size:12.5px;font-weight:700;color:var(--tinta)}
.cartao .v-gancho{font-family:var(--fonte-titulo);font-size:15.5px;line-height:1.3;font-style:italic;color:var(--txc)}

@media (min-width:960px){.v-recruta,.v-saida{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.v-fontes,.v-passos{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.v-fontes li{padding-top:12px;border-top:1px solid var(--linha)}
.v-fontes p+p,.v-passos p+p{margin-top:2px;font-size:15px;line-height:1.5;color:var(--tx2)}
.v-funil{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.v-funil li{width:var(--w);background:var(--primaria);color:var(--sobre-primaria);border-radius:12px;padding:10px 16px}
.v-funil li p+p{font-size:13.5px;line-height:1.4}
.v-funil-n{margin-right:9px;font-variant-numeric:tabular-nums}
.com-js .v-col.rv .v-funil li{clip-path:inset(0 100% 0 0 round 12px);transition:clip-path .6s var(--ease-out);transition-delay:calc(var(--i) * 90ms + 150ms)}
.com-js .v-col.rv.vis .v-funil li{clip-path:inset(0 0 0 0 round 12px)}
.v-passos li{display:flex;gap:12px}
.v-destino{margin:0;padding-left:1.1em;display:grid;gap:10px;font-size:15.5px;line-height:1.5}

.v-personas>li,.v-fases>li,.v-faixas>li{text-align:left;align-items:flex-start;padding:18px 20px;gap:8px}
.v-personas h3,.v-fases h3,.v-faixas h3{font-size:18px}
.cartao .v-produto{font-size:13.5px}
.v-fora{width:100%;max-width:1100px;text-align:left;border-radius:var(--raio);padding:16px 22px;background:#ffe3e0;color:#5c0b0b}
.v-fora h3{font-size:16.5px}
.v-fora p{margin-top:4px;font-size:15px;line-height:1.5}

.v-vinte{width:100%;max-width:1040px;margin:0;padding:0;list-style:none;counter-reset:v;text-align:left;columns:1;column-gap:40px}
@media (min-width:820px){.v-vinte{columns:2}}
.v-vinte li{counter-increment:v;display:flex;gap:12px;padding:7px 0;border-bottom:1px solid var(--linha);font-size:15px;line-height:1.4;break-inside:avoid}
.v-vinte li::before{content:counter(v,decimal-leading-zero);flex:none;font-weight:700;font-variant-numeric:tabular-nums;color:var(--tx2)}

.v-claims{width:100%;max-width:1100px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;text-align:left;align-items:start}
@media (min-width:960px){.v-claims{grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(0,.8fr)}}
.v-claims-col{background:var(--card);color:var(--txc);border-radius:var(--raio);box-shadow:var(--sombra);padding:18px 20px;border-top:4px solid #1d6b2c}
.v-claims-nao{border-top-color:#9b2318}.v-claims-ver{border-top-color:#7a5200}
.v-claims h3{font-size:17px}
.v-claims-sub{font-size:13px;margin:2px 0 8px;color:color-mix(in oklab,var(--txc) 80%,var(--card))}
.v-claims ul{list-style:none;margin:0;padding:0}
.v-claims li{padding:8px 0;border-top:1px solid color-mix(in oklab,var(--txc) 11%,transparent)}
.v-claims li .v-forte{font-size:14.5px;line-height:1.4}
.v-claims li p+p{font-size:13.5px;line-height:1.45;color:color-mix(in oklab,var(--txc) 80%,var(--card))}

.cartao .v-num,.v-num{font-family:var(--fonte-deck,var(--fonte-titulo));font-size:clamp(26px,2.6vw,36px);line-height:1;color:var(--tinta);font-variant-numeric:tabular-nums}
.v-degraus>li{background:var(--card);color:var(--txc);border-radius:var(--raio);padding:16px 20px;text-align:left;box-shadow:var(--sombra);display:grid;gap:6px;align-content:start}
.v-degraus p{font-size:14px;line-height:1.5}
.v-degraus .v-num{font-size:clamp(22px,2.1vw,30px);line-height:1.05}
.v-degraus .v-mini{font-weight:700}
@media (min-width:960px){.v-degraus{align-items:stretch}.v-degraus>li{margin-top:calc(var(--d) * 14px)}}
.v-regras{text-align:left}
.v-regras>li{display:flex;gap:10px;align-items:baseline;padding:10px 16px;border-radius:12px;background:var(--card);color:var(--txc);font-size:15px;line-height:1.45;width:auto!important;grid-column:auto!important;justify-self:stretch!important}
.v-regras>li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--primaria);transform:translateY(-1px)}

/* simulador */
.sim{width:100%;max-width:1100px;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;text-align:left;align-items:start}
@media (min-width:960px){.sim{grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:36px}}
.sim-form{background:var(--card);color:var(--txc);border-radius:22px;padding:14px 22px 10px;box-shadow:var(--sombra)}
.sim-topo{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px}
.sim-dica{font-size:14px;font-weight:600;visibility:hidden}
.sim-ativo .sim-dica{visibility:visible}
.sim-reset{visibility:hidden;min-height:44px;padding:0 14px;border:0;border-radius:999px;background:none;font:inherit;font-size:14px;font-weight:700;color:var(--tinta);cursor:pointer}
.sim-ativo .sim-reset{visibility:visible}
.sim-reset:disabled{color:#767676;cursor:default}
@media (hover:hover) and (pointer:fine){.sim-reset:not(:disabled):hover{text-decoration:underline}}
.sim-campo{padding:5px 0 0;border-top:1px solid color-mix(in oklab,var(--txc) 9%,transparent)}
.sim-linha{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.sim-linha label{font-size:15px;font-weight:600}
.sim-linha output{font-weight:700;font-size:17px;color:var(--tinta);font-variant-numeric:tabular-nums}
.sim input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:40px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y}
.sim input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(to right,var(--tinta) var(--fill,50%),#d8d8d8 var(--fill,50%))}
.sim input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:#d8d8d8}
.sim input[type=range]::-moz-range-progress{height:8px;border-radius:999px;background:var(--tinta)}
.sim input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-9px;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--tinta);box-shadow:0 1px 3px rgb(0 0 0/.35);transition:transform .12s ease-out}
.sim input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--tinta)}
.sim input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}
.sim input[type=range]:focus-visible{outline:none}
.sim input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid var(--acento);outline-offset:2px}
.sim input[type=range]:focus-visible::-moz-range-thumb{outline:3px solid var(--acento);outline-offset:2px}
.sim-fatos{background:#fff;color:#111;border:2px solid #111;padding:12px 16px 16px;font-variant-numeric:tabular-nums}
@media (min-width:960px){.sim-fatos{position:sticky;top:84px}}
.sim-titulo{font-family:var(--fonte-deck,var(--fonte-titulo));font-weight:800;font-size:34px;line-height:1}
.sim-sub{font-size:13.5px;margin-top:3px}
.sim-fatos dl{margin:8px 0 0;font-size:15px}
.sim-l{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;border-top:1px solid #111}
.sim-l dd{margin:0}
.sim-grossa{border-top-width:9px}.sim-media{border-top-width:5px}
.sim-dentro{padding-left:16px}
.sim-forte{font-weight:700}
.sim-total{align-items:flex-end;font-weight:800;padding:8px 0}
.sim-total dd{font-size:34px;line-height:1}
.sim-pisca{display:inline-block;border-radius:4px;padding:0 2px;margin:0 -2px;transition:background-color .7s var(--ease-out)}
.sim-pisca.mudou{background-color:#ffe28a;transition:none}
.sim-barra{position:relative;height:12px;margin-top:2px}
.sim-trilho{height:100%;border-radius:999px;background:#e2e2e2;overflow:hidden}
/* só transform: a barra escala a partir da esquerda, sem mexer em largura */
.sim-barra span{display:block;height:100%;background:#b3261e;transform-origin:left;transition:transform .28s var(--ease-out)}
.sim-atinge .sim-barra span{background:#2e7d32}
.sim-barra i{position:absolute;left:20%;top:-4px;width:2px;height:20px;background:#111}
.sim-escala{position:relative;display:flex;justify-content:space-between;font-size:12px;color:#555;margin-top:5px}
.sim-escala span:nth-child(2){position:absolute;left:20%;transform:translateX(-50%);white-space:nowrap}
.sim-veredito{margin-top:10px;padding-top:8px;border-top:1px solid #111;font-weight:700;font-size:15px;color:#9b2318}
.sim-atinge .sim-veredito{color:#1d6b2c}
.sim-explica{margin-top:4px;font-size:14px;line-height:1.5}
.sim-pe{margin-top:10px;font-size:12px;line-height:1.5;color:#555}
@media (prefers-reduced-motion:reduce){.sim-pisca{transition:none}.sim-barra span{transition:none}}

/* relatório de segunda (mock) */
.v-relatorio{margin:0;width:100%;max-width:1100px;background:var(--card);color:var(--txc);border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden;contain:paint;text-align:left;outline:1px solid color-mix(in oklab,var(--txc) 8%,transparent);outline-offset:-1px}
.v-relatorio-topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;padding:12px 18px;font-size:14px;background:color-mix(in oklab,var(--primaria) 9%,var(--card))}
.v-relatorio-kpis{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:color-mix(in oklab,var(--txc) 12%,var(--card))}
.v-relatorio-kpis>div{background:var(--card);padding:11px 18px;display:grid;gap:1px;align-content:start}
.v-relatorio-kpis>div:last-child:nth-child(odd){grid-column:1/-1}
@media (min-width:820px){.v-relatorio-kpis{grid-template-columns:repeat(var(--n),minmax(0,1fr))}.v-relatorio-kpis>div:last-child:nth-child(odd){grid-column:auto}}
.v-relatorio-kpis dt{font-size:12px;color:color-mix(in oklab,var(--txc) 94%,var(--card))}
.v-relatorio-v{font-size:22px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
.v-relatorio .v-mini{font-size:12px;color:color-mix(in oklab,var(--txc) 80%,var(--card))}

.v-categoria>li{flex-direction:row;text-align:left;align-items:flex-start;gap:14px;padding:18px 20px}
.v-categoria h3{font-size:16.5px}
.v-categoria p{margin-top:4px}
.v-bola-ok{width:30px;height:30px}

/* ---------- Application v4: tabela do mês 1 ---------- */
.gd-tab{overflow-x:auto;margin:0 -8px;padding:0 8px}
.gd-tab:focus-visible{outline:2px solid #1155cc;outline-offset:2px;border-radius:2px}
.gd-mes{width:100%;min-width:560px;border-collapse:collapse;font-size:14px;line-height:1.4;font-variant-numeric:tabular-nums}
.gd-mes th,.gd-mes td{padding:11px 8px;text-align:left;font-weight:400}
.gd-mes thead th{font-weight:700;border-bottom:2px solid #000}
.gd-mes tbody th,.gd-mes tbody td{border-bottom:1px solid #e0e0e0}
.gd-mes tbody th{position:sticky;left:0;background:#fff;font-weight:700;padding-left:0}
.gd-mes-nota{margin-top:12px!important;font-size:13px;line-height:1.55;color:#5f6368}
.gd-fix{display:block;font-size:14px;color:#5f6368}

/* ---------- Ads v4: filtros, cartão com 3 parágrafos e metadados, 10 composições ---------- */
/* duas linhas sempre (filtros; tamanho): se dependesse de caber numa linha, a troca de fonte empurrava a grade (CLS) */
.ads-v4 .ads-linha4{flex-direction:column;align-items:flex-start;gap:12px}
.ads-filtros,.ads-tam{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.ads-v4 .prop-ctrl{flex-wrap:wrap;border-radius:22px}
.ads-v4 .prop-ctrl label{display:inline-flex;align-items:center;gap:6px;min-height:36px}
.f-n{font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}
#ff-all:checked~.ads-linha label[for=ff-all],#ff-exhibit:checked~.ads-linha label[for=ff-exhibit],#ff-native:checked~.ads-linha label[for=ff-native],#ff-meme:checked~.ads-linha label[for=ff-meme],
#fe-all:checked~.ads-linha label[for=fe-all],#fe-top:checked~.ads-linha label[for=fe-top],#fe-middle:checked~.ads-linha label[for=fe-middle],#fe-bottom:checked~.ads-linha label[for=fe-bottom]{background:var(--texto);color:var(--fundo)}
.ads-v4 .p-radio:focus-visible~.ads-linha .prop-ctrl{outline:0}
.ads-v4 .f-fam:focus-visible~.ads-linha .grp-fam,.ads-v4 .f-est:focus-visible~.ads-linha .grp-est,
.ads-v4 #p-45:focus-visible~.ads-linha .grp-tam,.ads-v4 #p-11:focus-visible~.ads-linha .grp-tam,.ads-v4 #p-916:focus-visible~.ads-linha .grp-tam{outline:3px solid var(--acento);outline-offset:2px}
#ff-exhibit:checked~.ads-grade>.ad:not([data-fam=exhibit]),#ff-native:checked~.ads-grade>.ad:not([data-fam=native]),#ff-meme:checked~.ads-grade>.ad:not([data-fam=meme]),
#fe-top:checked~.ads-grade>.ad:not([data-est=top]),#fe-middle:checked~.ads-grade>.ad:not([data-est=middle]),#fe-bottom:checked~.ads-grade>.ad:not([data-est=bottom]){display:none}
/* com filtro ligado a contagem muda: a centralização da última linha (feita para o total) é desligada */
@media (min-width:720px){.f-fam:not(#ff-all):checked~.ads-grade>.ad,.f-est:not(#fe-all):checked~.ads-grade>.ad{grid-column:span 2!important}}
.ads-vazio{display:none;margin-bottom:22px;padding:24px;text-align:center;border:1px dashed var(--linha-claro);border-radius:var(--raio);color:var(--tx2-claro)}
#ff-exhibit:checked~#fe-top:checked~.vz-exhibit-top,#ff-exhibit:checked~#fe-middle:checked~.vz-exhibit-middle,#ff-exhibit:checked~#fe-bottom:checked~.vz-exhibit-bottom,
#ff-native:checked~#fe-top:checked~.vz-native-top,#ff-native:checked~#fe-middle:checked~.vz-native-middle,#ff-native:checked~#fe-bottom:checked~.vz-native-bottom,
#ff-meme:checked~#fe-top:checked~.vz-meme-top,#ff-meme:checked~#fe-middle:checked~.vz-meme-middle,#ff-meme:checked~#fe-bottom:checked~.vz-meme-bottom{display:block}
.ads-v4 .post-sub{white-space:normal;line-height:1.3}
.ads-v4 .post-texto{display:grid;gap:9px;align-content:start;padding:4px 16px 14px;font-size:15px;line-height:1.45}
.post-confirma{font-size:12.5px;font-weight:700;line-height:1.35;color:#8a2c0d;background:#fff7e6;border:1px solid #f0c27a;border-radius:8px;padding:6px 10px}
.ad-meta{padding:4px 6px 0;font-size:12.5px;line-height:1.45;color:var(--tx2-claro);text-align:left}
.ad-meta dl{margin:0;display:grid;gap:3px}
.ad-meta dl>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px}
.ad-meta dt{font-weight:700;color:var(--tx-claro)}
.ad-meta dd{margin:0}
.ad-meta p{margin-top:6px}
.ad-meta a{text-decoration-color:color-mix(in oklab,currentColor 45%,transparent)}
.ad-primeiro{display:inline-block;margin:0 0 6px!important;padding:3px 10px;border-radius:999px;font-weight:700;background:var(--texto);color:var(--fundo)}
/* linhas do cartão alinhadas entre as colunas: cabeçalho, texto, criativo, link e metadados */
@supports (grid-template-rows:subgrid){
  .ads-v4 .ads-grade{row-gap:0}
  .ads-v4 .ad4{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0;margin-bottom:26px}
  .ads-v4 .ad4>.post{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}
  .ads-v4 .ad4>.ad-meta{padding-top:10px}
}

.c4{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;background:var(--bg,#fff);color:var(--tx,#111)}
.c4-foto{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg,transparent)}
.c4-foto img{width:100%;height:100%}
.c4-cobre img{object-fit:cover}
.c4-contem{padding:9cqmin}
.c4-contem img{object-fit:contain;filter:drop-shadow(0 3cqmin 3cqmin rgb(0 0 0/.25))}
.c4-tag{position:absolute;left:4cqmin;top:4cqmin;z-index:2;max-width:82%;padding:1.4cqmin 3cqmin;border-radius:999px;background:var(--tom-escuro);color:var(--tx-escuro);font-weight:800;font-size:clamp(10px,3cqmin,15px);line-height:1.2}
.c4-tag-clara{background:var(--tom-fundo);color:var(--tx-fundo)}
.c4-tit{font-family:var(--fonte-titulo);font-weight:700;line-height:1.05;font-size:clamp(17px,7cqmin,38px);text-wrap:balance}
.c4-mini{font-size:clamp(10px,2.8cqmin,14px);font-weight:700;line-height:1.25}
.c4-sub{font-size:clamp(11px,3.3cqmin,16px);font-weight:600;line-height:1.3;margin-top:1.4cqmin}
.c4-cardapio{display:grid;grid-template-columns:44% 56%;background:var(--tom-fundo);color:var(--tx-fundo)}
.c4-cardapio-txt{display:flex;flex-direction:column;justify-content:space-between;gap:3cqmin;padding:5cqmin 4cqmin 5cqmin 5cqmin;min-width:0}
.c4-cardapio .c4-mini,.c4-prod{color:var(--tx2-fundo)}
.c4-cardapio .c4-tit{margin-top:2cqmin;font-size:clamp(16px,6.2cqmin,34px)}
.c4-prod{margin-top:2.4cqmin;font-family:var(--fonte-titulo);font-size:clamp(12px,3.7cqmin,19px);line-height:1.15}
.c4-cardapio ul{list-style:none;margin:0;padding:2cqmin 0 0;border-top:1px solid var(--linha-fundo);display:grid;gap:1cqmin;font-size:clamp(10px,2.7cqmin,13px);font-weight:700;line-height:1.3}
.c4-cardapio .c4-foto{position:relative;inset:auto}
.c4-oferta .c4-foto{bottom:30%}
.c4-base{position:absolute;left:0;right:0;bottom:0;min-height:30%;padding:4cqmin 5cqmin;background:var(--tom-escuro);color:var(--tx-escuro);display:flex;flex-direction:column;justify-content:center}
.c4-colagem{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6cqmin;background:#fff}
.c4-colagem-col{position:relative;min-width:0}
.c4-colagem-col .c4-contem{padding:26cqmin 2cqmin 12cqmin}
.c4-rot{position:absolute;left:0;right:0;bottom:4cqmin;padding:0 1cqmin;text-align:center;font-weight:800;font-size:clamp(9px,2.6cqmin,13px);line-height:1.2}
.c4-pilula{position:absolute;left:50%;top:6cqmin;transform:translateX(-50%);width:max-content;max-width:88%;background:#fffdf7;color:#1f1f1f;border-radius:5cqmin;padding:2.4cqmin 4.5cqmin;text-align:center;box-shadow:0 2cqmin 5cqmin rgb(0 0 0/.25)}
.c4-pilula .c4-tit{font-size:clamp(14px,5cqmin,28px)}
.c4-pilula .c4-mini{margin-top:.8cqmin}
.c4-chips .c4-contem{padding:15cqmin 9cqmin 24cqmin}
.c4-fichas{list-style:none;margin:0;padding:0;position:absolute;left:4cqmin;right:4cqmin;bottom:4cqmin;display:flex;flex-wrap:wrap;gap:1.4cqmin}
.c4-fichas li{display:flex;align-items:center;gap:1.4cqmin;background:#fff;color:#2b2b2b;border-radius:999px;padding:1cqmin 2.8cqmin 1cqmin 1cqmin;font-weight:600;font-size:clamp(10px,2.9cqmin,14px);line-height:1.2;box-shadow:0 1cqmin 2cqmin rgb(0 0 0/.15)}
.c4-fichas li span{flex:none;display:grid;place-items:center;width:max(16px,4.8cqmin);height:max(16px,4.8cqmin);border-radius:50%;background:var(--primaria);color:var(--sobre-primaria);font-weight:800}
.c4-heroi{background:radial-gradient(circle at 50% 58%,color-mix(in oklab,var(--tom-marca) 50%,#fff),var(--tom-marca) 62%,var(--tom-escuro))}
.c4-heroi .c4-foto{background:none}
.c4-inclina{padding:15cqmin 12cqmin 9cqmin}
.c4-inclina img{transform:rotate(-4deg)}
.c4-selo{position:absolute;right:4cqmin;bottom:4cqmin;max-width:46%;background:var(--tom-fundo);color:var(--tx-fundo);border-radius:2.4cqmin;padding:2.4cqmin 3.4cqmin;box-shadow:0 2cqmin 5cqmin rgb(0 0 0/.3)}
.c4-selo-n{font-family:var(--fonte-titulo);font-weight:700;font-size:clamp(18px,7cqmin,36px);line-height:.95}
.c4-inteira .c4-contem{padding:14cqmin 10cqmin 24cqmin}
.c4-placa{position:absolute;left:4.5cqmin;bottom:4.5cqmin;max-width:70%;background:#fffdf7;color:#1f1f1f;border-radius:2.4cqmin;padding:2.2cqmin 3.2cqmin;font-family:var(--fonte-titulo);font-weight:700;font-size:clamp(14px,4.8cqmin,26px);line-height:1.08;box-shadow:0 2cqmin 5cqmin rgb(0 0 0/.25)}
.c4-notas .c4-contem{padding:34cqmin 5cqmin 5cqmin 42cqmin}
.c4-nota{position:absolute;left:5cqmin;top:5cqmin;width:62%;transform:rotate(-2deg);background:#fffdf6;color:#1c1c1e;border-radius:3cqmin;padding:3.4cqmin;box-shadow:0 3cqmin 7cqmin rgb(0 0 0/.25)}
.c4-nota-topo{color:#7a5200;font-weight:700;font-size:clamp(10px,2.7cqmin,13px)}
.c4-nota-tit{margin-top:1cqmin;font-weight:800;font-size:clamp(14px,4.6cqmin,24px);line-height:1.1}
.c4-nota ul{list-style:none;margin:1.6cqmin 0 0;padding:0;display:grid;gap:1.2cqmin;font-size:clamp(10px,2.9cqmin,14px);line-height:1.3}
.c4-nota li{position:relative;padding-left:max(16px,5cqmin)}
.c4-nota li::before{content:"";position:absolute;left:0;top:.2em;width:max(9px,3cqmin);height:max(9px,3cqmin);border-radius:50%;background:#e0a100}
.c4-conversa{background:#fff;color:#000}
.c4-conversa-topo{display:flex;flex-direction:column;align-items:center;gap:.8cqmin;padding:2.4cqmin;border-bottom:1px solid #e5e5ea;font-weight:600;font-size:clamp(10px,2.8cqmin,13px)}
.c4-conversa-av{display:grid;place-items:center;width:max(22px,6.4cqmin);height:max(22px,6.4cqmin);border-radius:50%;background:#8e8e93;color:#fff}
.c4-conversa-corpo{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:1.6cqmin;padding:3.6cqmin;font-size:clamp(11px,3.4cqmin,17px);line-height:1.25}
.c4-bolha{max-width:76%;padding:1.8cqmin 3cqmin;border-radius:4cqmin}
.c4-bolha-ela{align-self:flex-start;background:#e9e9eb;color:#000;border-bottom-left-radius:1cqmin}
.c4-bolha-eu{align-self:flex-end;background:#0b63ce;color:#fff;border-bottom-right-radius:1cqmin}
.c4-bolha-foto{position:relative;align-self:flex-end;width:74%;flex:1;min-height:26cqmin;border-radius:4cqmin;overflow:hidden}
.c4-bolha-foto .c4-contem{padding:4cqmin}
.c4-enquete{background:linear-gradient(160deg,var(--tom-suave),var(--tom-marca) 70%)}
.c4-enquete-barras{display:flex;gap:1cqmin;padding:2.6cqmin 3cqmin 0}
.c4-enquete-barras i{flex:1;height:max(2px,.7cqmin);border-radius:2px;background:#fff}
.c4-enquete-barras i+i{opacity:.45}
.c4-enquete-fotos{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3cqmin;padding:4cqmin 5cqmin}
.c4-enquete-fotos .c4-foto{position:relative;inset:auto;padding:0;background:none;min-height:0}
.c4-gira-e img{transform:rotate(-5deg)}.c4-gira-d img{transform:rotate(5deg)}
.c4-enquete-cartao{margin:0 6cqmin 4cqmin;background:#fff;color:#000;border-radius:3cqmin;padding:2.6cqmin;text-align:center;box-shadow:0 2cqmin 5cqmin rgb(0 0 0/.25)}
.c4-enquete-q{font-weight:800;font-size:clamp(12px,3.6cqmin,18px);line-height:1.2}
.c4-enquete-cartao div{margin-top:1.6cqmin;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2cqmin}
.c4-enquete-cartao span{background:#f0f0f0;color:#1f1f1f;border-radius:2cqmin;padding:1.4cqmin 1cqmin;font-weight:700;font-size:clamp(10px,2.8cqmin,14px);line-height:1.2}
.c4-rolo .c4-contem{padding:17cqmin 10cqmin 18cqmin}
.c4-rolo-topo{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;padding:3cqmin 4cqmin;background:#111;color:#fff;font-size:clamp(10px,2.9cqmin,14px);font-weight:600;line-height:1.25}
.c4-rolo-dia{text-align:center;font-weight:400}
.c4-legenda{position:absolute;left:4cqmin;bottom:4cqmin;max-width:82%;background:#fff;color:#000;border-radius:2.4cqmin;padding:1.8cqmin 3cqmin;font-weight:600;font-size:clamp(11px,3.3cqmin,17px);line-height:1.25;box-shadow:0 1cqmin 3cqmin rgb(0 0 0/.25)}

/* movimento do v4: a barra de alocação abre da esquerda; nada nasce do zero absoluto */
.com-js .v-aloc.rv .v-aloc-seg{transform:scaleX(.04);transition:transform .7s var(--ease-out);transition-delay:calc(var(--i) * 110ms + 120ms)}
.com-js .v-aloc.rv.vis .v-aloc-seg{transform:none}
@media (prefers-reduced-motion:reduce){
  .com-js .v-aloc.rv .v-aloc-seg{transform:none;transition:none}
  .com-js .v-col.rv .v-funil li{clip-path:none;transition:none}
  .v-indice a{transition:none}
}

/* ---------- V4, conteúdo real (01/10): conta curta, leitura do bloco, números do programa, sensibilidade ---------- */
.v-math{width:100%;max-width:1100px;text-align:left;font-size:13.5px;line-height:1.55;color:var(--tx2);font-variant-numeric:tabular-nums;text-wrap:pretty}
.v-math b{color:var(--tx)}
.v-numeros{gap:1px;border-radius:var(--raio);overflow:hidden;background:var(--linha);grid-template-columns:repeat(2,minmax(0,1fr))}
.v-numeros>div{background:var(--card);color:var(--txc);padding:16px 18px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;width:auto!important;grid-column:auto!important;justify-self:stretch!important}
.v-numeros>div:last-child:nth-child(odd){grid-column:1/-1!important}
.v-numeros dt{font-size:13.5px;line-height:1.35;color:color-mix(in oklab,var(--txc) 82%,var(--card))}
.v-numeros-v{order:-1;font-family:var(--fonte-deck,var(--fonte-titulo));font-size:clamp(26px,2.4vw,34px);line-height:1;color:var(--tinta);font-variant-numeric:tabular-nums}
@media (min-width:960px){.v-numeros{grid-template-columns:repeat(var(--c,5),minmax(0,1fr))}.v-numeros>div:last-child:nth-child(odd){grid-column:auto!important}
  .v-cenarios,.v-rampa-creator{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.v-rampa-creator{align-items:center}}
.v-rampa-creator .v-grafico-baixo{max-width:none}
/* densidade com conteúdo real: o teto de 1.050 px tem de valer com leituras, contas e 16 linhas de apêndice */
.deck-v4 .sec{padding-top:clamp(44px,4.2vw,60px);padding-bottom:calc(clamp(36px,3.6vw,52px) + var(--costura) * .55)}
.deck-v4 .sec:first-child{padding-top:clamp(44px,5vw,72px)}
.deck-v4 .sec-in{gap:clamp(18px,1.8vw,26px)}
.v-tab-densa .v-tabela th,.v-tab-densa .v-tabela td{padding:6px 16px}
.v-tab-densa .v-tabela{line-height:1.4}
.v-variedade .v-tabela th,.v-variedade .v-tabela td,.sec-rampa .v-tabela th,.sec-rampa .v-tabela td{padding-block:8px}
.v-grafico-baixo .grafico-barras{height:92px}
.v-fases>li,.v-faixas>li,.v-personas>li{padding:16px 18px;gap:6px}
.v-fases p,.v-faixas p{font-size:14.5px;line-height:1.5}
.v-degraus>li{padding:14px 18px}
.v-leitura+.v-math,.v-math+.v-leitura{margin-top:-8px}
.v-sub{font-size:19px;max-width:40ch}
/* colagem com foto de verdade (cover): o rótulo de cada coluna vai numa placa, senão some sobre a foto */
.c4-rot{left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:92%;background:#fffdf7;color:#1f1f1f;border-radius:999px;padding:1cqmin 2.4cqmin;box-shadow:0 1cqmin 2cqmin rgb(0 0 0/.2)}