/* Home pública do Correta: apresentação do sistema para quem ainda não entrou. Só tokens; regras em DESIGN_SYSTEM.md (Home pública). */
.pular{position:fixed;left:var(--e4);top:var(--e2);z-index:var(--z-toast);padding:var(--e2) var(--e4);border-radius:var(--r-campo);background:var(--surface);color:var(--ink);transform:translateY(-200%)}
.pular:focus{transform:none}
.home{background:var(--bg);color:var(--ink)}
.home h1,.home h2,.home h3{font-family:var(--font-display)}
.home [id]{scroll-margin-top:var(--topo-alt)}

/* Topo: marca branca sem fundo sobre a abertura marinha; ao rolar vira vidro marinho. Só marca, âncoras e as duas ações:
   o menu do sistema só existe depois do login. */
.home{--topo-alt:calc(var(--e12) + var(--e4));--conteudo:min(100vw,1760px);--sobra:max(0px,calc((100vw - 1760px) / 2))} /* telas enormes: o conteúdo para em 1760 px e fica centralizado, o fundo continua inteiro */
.home-topo{position:fixed;inset:0 0 auto 0;z-index:var(--z-barra);height:var(--topo-alt);display:flex;align-items:center;gap:var(--e6);padding:0 calc(var(--margem-pagina) + var(--sobra));padding-top:env(safe-area-inset-top,0px);color:var(--on-primary);background:transparent;transition:background var(--dur-media),box-shadow var(--dur-media),backdrop-filter var(--dur-media)}
.home-topo.rolou{background:color-mix(in srgb,var(--m900) 88%,transparent);backdrop-filter:blur(var(--e3)) saturate(1.4);-webkit-backdrop-filter:blur(var(--e3)) saturate(1.4);box-shadow:0 1px 0 var(--art-linha)}
.home-marca{display:flex;align-items:center;gap:var(--e2-5);flex:none;border-radius:var(--r-campo);text-decoration:none}
.marca-simbolo{display:block;height:var(--e8);width:auto}
.marca-nome{display:block;height:var(--e4-5);width:auto}
.home-marca:focus-visible,.home-nav a:focus-visible{outline:2px solid var(--laranja);outline-offset:var(--e1)}
.home-nav{display:flex;gap:var(--e1);margin-inline:auto}
.home-nav a{position:relative;padding:var(--e2) var(--e3);border-radius:var(--r-pilula);color:var(--art-suave);font-size:var(--t-controle);font-weight:var(--peso-forte);text-decoration:none;transition:color var(--dur-rapida),background var(--dur-rapida)}
.home-nav a:hover{color:var(--on-primary);background:var(--sidebar-tinta-forte)}
.home-nav a[aria-current="true"]{color:var(--on-primary);background:var(--sidebar-tinta-forte)}
.home-nav a[aria-current="true"]::after{content:"";position:absolute;left:50%;bottom:var(--e0-5);width:var(--e1-5);height:var(--e1-5);margin-left:calc(var(--e1-5) / -2);border-radius:var(--r-pilula);background:var(--laranja)}
.home-topo-acoes{display:flex;align-items:center;gap:var(--gap-apertado);margin-left:auto}
.home-nav + .home-topo-acoes{margin-left:0}
.btn-topo-entrar{background:transparent;border:1px solid var(--art-linha);color:var(--on-primary)}
.btn-topo-entrar:hover,.btn-topo-entrar:focus-visible{background:var(--sidebar-tinta-forte);border-color:var(--art-apagado);color:var(--on-primary)}

/* Botões próprios da home (sobre fundo marinho) */
.btn-laranja{background:var(--laranja);border-color:var(--laranja);color:var(--m900);font-weight:var(--peso-titulo)}
.btn-laranja:hover,.btn-laranja:focus-visible,.btn-laranja:active{background:var(--laranja-hover);border-color:var(--laranja-hover);color:var(--on-primary)}
.btn-contorno-claro{background:transparent;border:1px solid var(--art-apagado);color:var(--art-texto)}
.btn-contorno-claro:hover,.btn-contorno-claro:focus-visible{background:var(--sidebar-tinta-forte);border-color:var(--art-texto);color:var(--art-texto)}

/* Abertura */
.home-hero{position:relative;overflow:clip;color:var(--art-texto);background:var(--m800)}
/* Gradiente marinho da abertura e do fecho. Imagens só voltam ao CSS quando os arquivos existirem. */
.home-hero{background-image:linear-gradient(color-mix(in srgb,var(--m800) 80%,transparent),color-mix(in srgb,var(--m800) 94%,transparent));background-size:cover;background-position:center}
.home-final{background-image:linear-gradient(color-mix(in srgb,var(--m800) 78%,transparent),color-mix(in srgb,var(--m800) 92%,transparent));background-size:cover;background-position:center}
.home-hero-texto{position:relative;z-index:1}
.home-hero-texto{display:grid;gap:var(--e5);justify-items:start}
.home-sobre{margin:0;font-size:var(--t-sobre);font-weight:var(--peso-titulo);letter-spacing:1.4px;text-transform:uppercase;color:var(--laranja)}
.home-sobre-escuro{margin:0;font-size:var(--t-sobre);font-weight:var(--peso-titulo);letter-spacing:1.4px;text-transform:uppercase;color:var(--laranja-texto)}
.home-hero h1{margin:0;color:var(--on-primary);font-size:var(--t-hero);line-height:var(--lh-titulo);letter-spacing:-1.4px;max-width:18ch}
.home-lead{margin:0;max-width:56ch;font-size:var(--t-destaque);line-height:var(--lh-texto);color:var(--art-suave)}
.home-cta{display:flex;flex-wrap:wrap;gap:var(--gap-padrao)}
.home-cta-centro{justify-content:center}
.home-garantias{list-style:none;margin:0;padding:0;display:grid;gap:var(--e2);font-size:var(--t-rotulo);color:var(--art-suave)}
.home-garantias li{display:flex;align-items:center;gap:var(--gap-apertado)}
.home-garantias svg{width:var(--icone-m);height:var(--icone-m);color:var(--laranja);flex:none}

.home-exemplo-nota{margin:0;font-size:var(--t-sobre);font-weight:var(--peso-forte);letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.ex-nome{font-weight:var(--peso-titulo);font-size:var(--t-controle)}

/* Palco da abertura: a pista é alta e a cena fica fixa na tela enquanto a pessoa rola (ver Movimento.palcoDoCorry).
   O CSS descreve o quadro FINAL (Corry nos cartões, selos acesos); o script esconde e revela. Sem script ou com movimento reduzido, é isso que aparece. */
.palco{height:calc(100dvh * 4.2)}
.palco-livre{height:auto}
.palco-fixo{position:sticky;top:0;height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;padding:calc(var(--topo-alt) + var(--e4)) calc(var(--margem-pagina) + var(--sobra)) var(--e12);overflow:hidden}
.palco-livre .palco-fixo{position:relative}
.palco-cena{--cena-frac:.6;position:absolute;right:var(--sobra);bottom:0;width:min(calc(var(--conteudo) * var(--cena-frac)),calc((100dvh - var(--topo-alt) - var(--e4)) * 800 / 600));aspect-ratio:800/600;z-index:1}
.palco-fixo .home-hero-texto{max-width:min(560px,calc(var(--conteudo) * .4))}
.palco-cidade-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0}
.pc-fundo rect{fill:var(--m700);opacity:.5}
.pc-fundo-j .j{fill:var(--m600);opacity:.55}
.pc-fundo-j .a{fill:var(--luz);opacity:.4}
.pf0{stop-color:var(--m600)}
.pf1{stop-color:var(--m700)}
.pf2{stop-color:var(--m800)}
.pb0{stop-color:var(--m900);stop-opacity:0}
.pb1{stop-color:var(--m900);stop-opacity:.55}
.pc-predio>rect:first-child{fill:url(#pc-fach)}
.pc-lado{fill:var(--m900);opacity:.35}
.pc-teto{fill:var(--m500)}
.pc-faixa{fill:none;stroke:var(--m900);stroke-width:1.5;opacity:.28}
.pc-ar{fill:var(--m600)}
.pc-base{fill:var(--m900);opacity:.55}
.pc-bruma-rect{pointer-events:none}
/* Nuvens: poucas e grandes, bem atrás e bem fracas (menos visíveis que os marcadores). Deslizam com a rolagem (Movimento.palcoDoCorry, as de perto mais que as de longe) e ainda derivam devagar sozinhas */
.pc-nuvens{pointer-events:none}
.nuvem{opacity:.2}
.nuvem-in{animation:pc-nuvem var(--t,100s) ease-in-out var(--d,0s) infinite alternate}
.nuvem.perto{opacity:.3}
.nuvem-in>*{fill:var(--m500)}
@keyframes pc-nuvem{from{transform:translateX(calc(var(--n,30) * -1px))}to{transform:translateX(calc(var(--n,30) * 1px))}}
/* Janelas: apagadas por padrão; algumas acesas fixas (.a) e outras que acendem e apagam sozinhas (.p), cada uma no seu ritmo */
.palco-cidade-svg{--luz:color-mix(in srgb,var(--luz-janela) 48%,var(--m600))} /* luz das janelas bem discreta: o olhar fica nos marcadores e no Corry */
.j{fill:var(--m600);stroke:var(--luz-janela);stroke-opacity:0;stroke-width:2}
.j.a{fill:var(--luz);stroke-opacity:.1}
.j.p{animation:pc-luz var(--t,12s) steps(1,end) var(--d,0s) infinite}
@keyframes pc-luz{0%,55%{fill:var(--m600);stroke-opacity:0}56%,100%{fill:var(--luz);stroke-opacity:.1}}
.pc-gota{stroke:var(--on-primary);stroke-width:2;stroke-linejoin:round}
.pc-glifo{fill:var(--on-primary)}
.pc-pino.avulsos .pc-gota{fill:var(--mapa-avulso)}
.pc-pino.aluguel .pc-gota{fill:var(--mapa-aluguel)}
.pc-pino.repasse .pc-gota{fill:var(--mapa-repasse)}
.pc-pino{filter:var(--sombra-alfinete)}
.pc-onda{fill:none;stroke:var(--on-primary);stroke-width:3;opacity:0;transform-box:fill-box;transform-origin:center}
.pc-onda.avulsos{stroke:var(--mapa-avulso)}
.pc-onda.aluguel{stroke:var(--mapa-aluguel)}
.pc-onda.repasse{stroke:var(--mapa-repasse)}
.pc-rotulo rect{fill:var(--surface);stroke-width:2.5}
.pc-rotulo.avulsos rect{stroke:var(--mapa-avulso)}
.pc-rotulo.aluguel rect{stroke:var(--mapa-aluguel)}
.pc-rotulo.repasse rect{stroke:var(--mapa-repasse)}
.pc-rotulo text{fill:var(--ink);font-family:var(--font);font-size:var(--t-controle);font-weight:var(--peso-titulo);text-anchor:middle;dominant-baseline:central}
.pc-chao{fill:var(--m900)}
.palco-painel{position:absolute;right:3%;top:20%;width:56%;z-index:2;display:grid;gap:var(--e3);padding:var(--e5);border-radius:var(--r-grande);background:var(--surface);color:var(--ink);box-shadow:var(--sombra-2)}
.palco-card{display:grid;gap:var(--e1);padding:var(--e3);border-radius:var(--r-campo);background:var(--surface-2)}
.palco-card-cab{display:flex;align-items:center;justify-content:space-between;gap:var(--e2)}
.palco-card-cab .ex-nome{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.palco-fala{margin:0;font-size:var(--t-rotulo);line-height:var(--lh-compacto);color:var(--ink)}
.palco-corry{margin:0;display:flex;align-items:center;gap:var(--e1-5);font-size:var(--t-pequeno);font-weight:var(--peso-forte);color:var(--laranja-texto)}
.palco-corry svg{width:var(--icone-p);height:var(--icone-p);flex:none}
.palco-corry-pos{position:absolute;left:87.5%;top:20%;width:12%;margin:-14% 0 0 -6%;z-index:3;filter:var(--sombra-corry-escuro)}
.palco-corry-in{transform-origin:50% 100%}
.palco-corry-pos .corry-robo{display:block;width:100%;height:auto;overflow:visible}
.palco-corry-pos .corry-robo .sombra{display:none}
.palco-dica{position:absolute;left:calc(var(--margem-pagina) + var(--sobra));bottom:var(--e5);z-index:2;display:flex;align-items:center;gap:var(--e2);color:var(--art-suave);font-size:var(--t-rotulo);pointer-events:none}
.palco-dica svg{width:var(--icone-g);height:var(--icone-g);animation:palco-dica 1.6s ease-in-out infinite}
@keyframes palco-dica{50%{transform:translateY(var(--e1))}}
.palco-pular{position:absolute;right:calc(var(--margem-pagina) + var(--sobra));bottom:var(--e5);z-index:2;color:var(--art-apagado);font-size:var(--t-rotulo);text-decoration:underline;text-underline-offset:var(--e0-5)}
.palco-pular:hover,.palco-pular:focus-visible{color:var(--on-primary)}
.palco-livre .palco-dica,.palco-livre .palco-pular{display:none}

/* Seções */
.home-secao{padding:calc(var(--e12) + var(--e8)) var(--margem-pagina)}
.home-secao-clara{background:var(--surface)}
.home-secao-marinho{background:var(--m900);color:var(--art-texto)}
.home-miolo{position:relative;width:min(1080px,100%);margin-inline:auto;display:grid;gap:var(--e5)}
.home-estreito{width:min(760px,100%)}
.home-secao h2,.home-final h2{margin:0;font-size:var(--t-titulo);line-height:var(--lh-titulo);letter-spacing:-.5px;max-width:24ch}
.home-secao-marinho h2,.home-final h2{color:var(--on-primary)}
.home-sub{margin:0;max-width:62ch;font-size:var(--t-destaque);line-height:var(--lh-texto);color:var(--muted)}
.home-trio,.home-modulos,.home-planos{display:grid;gap:var(--gap-grupo)}
.home-trio{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-modulos{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.home-planos{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.home-card,.home-modulo,.home-plano{display:grid;align-content:start;gap:var(--e2-5);padding:var(--e6)}
.home-card h3,.home-modulo h3,.home-plano h3{margin:0;font-size:var(--t-sub)}
.home-card p,.home-modulo p{margin:0;color:var(--muted);line-height:var(--lh-texto)}
.home-card>svg,.home-modulo>svg{width:var(--icone-destaque);height:var(--icone-destaque);color:var(--realce)}
.home-passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-secao)}
.home-passos li{display:grid;align-content:start;gap:var(--e2-5)}
.home-passos h3{margin:0;font-size:var(--t-sub)}
.home-passos p{margin:0;color:var(--muted);line-height:var(--lh-texto)}
.passo-n{display:grid;place-items:center;width:var(--e12);height:var(--e12);border-radius:var(--r-pilula);background:var(--m800);color:var(--on-primary);font-family:var(--font-display);font-size:var(--t-secao);font-weight:var(--peso-titulo)}

/* Onde a venda escapa: faixas de fluxo que abrem em leque e escorrem até o fim da seção, com uma linha laranja (o caminho da logo);
   somem no fundo para se misturar com a seção de baixo (a cor de baixo é --surface) */
.perda{position:relative;isolation:isolate;overflow:hidden}
.perda-fluxo{position:absolute;inset:auto 0 0 0;height:82%;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent,var(--ink) 34%);mask-image:linear-gradient(to bottom,transparent,var(--ink) 34%)}
.perda-fluxo svg{display:block;width:100%;height:100%}
.perda-fluxo path{fill:none;stroke:var(--realce);stroke-linecap:round;vector-effect:non-scaling-stroke}
.perda-fluxo path.acento{stroke:var(--laranja)}
.perda::after{content:"";position:absolute;inset:auto 0 0 0;height:clamp(120px,18vw,260px);z-index:-1;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--surface))}
@media (forced-colors:active){.perda-fluxo,.perda::after{display:none}}

/* Corry */
.home-corry-bloco{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--e12)}
.home-corry-bloco>div:first-child{display:grid;gap:var(--e4);justify-items:start}
/* O Corry espia por trás do cartão da conversa: só a cabeça aparece acima da borda, inclinada, olhando para o texto.
   Ele sobe de trás do cartão quando a seção entra na tela (.revelado, posto pelo home.js) e depois pisca e olha de lado. */
.home-conversa-bloco{position:relative;padding-top:calc(var(--e12) * 2 + var(--e6))}
.corry-espia{position:absolute;top:0;right:14%;width:140px;z-index:0;pointer-events:none;transform-origin:50% 100%;transform:rotate(-7deg);filter:var(--sombra-corry-escuro)}
.com-movimento .corry-espia{transition:transform var(--dur-lenta) cubic-bezier(.34,1.56,.64,1) var(--dur-media),opacity var(--dur-media) var(--dur-media)}
.com-movimento .home-conversa-bloco:not(.revelado) .corry-espia{opacity:0;transform:translateY(46%)}
.corry-espia .corry-robo{display:block;width:100%;height:auto}
.corry-espia .corry-robo .sombra{display:none}
.corry-espia .corry-robo .olhos{animation:corry-piscar 5s infinite,corry-olhar 7s ease-in-out 1.6s infinite}
@keyframes corry-olhar{0%,22%,100%{translate:0 0}30%,48%{translate:-4px 1px}56%,72%{translate:3px -2px}80%{translate:0 0}}
.home-conversa{position:relative;z-index:1;display:grid;gap:var(--e3);padding:var(--e5);border-radius:var(--r-grande);background:var(--m700)}
.home-conversa .home-exemplo-nota{color:var(--art-apagado)}
.balao{max-width:90%;padding:var(--e3) var(--e4);border-radius:var(--r-cartao);font-size:var(--t-controle);line-height:var(--lh-compacto)}
.balao.voce{justify-self:end;background:var(--surface);color:var(--ink)}
.balao.corry-fala{justify-self:start;background:var(--m900);color:var(--art-texto)}

/* Planos */
.plano-preco{margin:0;display:flex;align-items:baseline;gap:var(--e2)}
.plano-preco .num{font-family:var(--font-display);font-size:var(--t-numero);font-weight:var(--peso-titulo);line-height:var(--lh-numero)}
.plano-preco small{color:var(--muted)}
.plano-itens{list-style:none;margin:0;padding:0;display:grid;gap:var(--e2);font-size:var(--t-controle)}
.plano-itens li{display:flex;align-items:center;gap:var(--gap-apertado)}
.plano-itens svg{width:var(--icone-m);height:var(--icone-m);color:var(--ok);flex:none}
.home-plano-vazio{padding:var(--e6);margin:0;color:var(--muted)}

/* Dúvidas */
.home-duvida{border-radius:var(--r-cartao);background:var(--bg);padding:var(--e4) var(--e5)}
.home-duvida summary{cursor:pointer;font-weight:var(--peso-forte);font-size:var(--t-destaque)}
.home-duvida summary:focus-visible{outline:2px solid var(--focus);outline-offset:var(--e1)}
.home-duvida p{margin:var(--e3) 0 0;color:var(--muted);line-height:var(--lh-texto)}

/* Fecho */
.home-final{padding:calc(var(--e12) + var(--e8)) var(--margem-pagina);background:var(--m800);text-align:center}
.home-final .home-miolo{justify-items:center}
.home-final h2{max-width:28ch}
.home-rodape{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--e2);padding:var(--e5) calc(var(--margem-pagina) + var(--sobra));background:var(--m900);color:var(--art-apagado);font-size:var(--t-pequeno)}

/* Janela de entrada */
.janela-entrada .auth-campos{display:grid;gap:var(--e4);margin-top:var(--e3)}
.janela-entrada .auth-campos .btn-lg{width:100%}
.janela-entrada .auth-linha{display:flex;align-items:center;justify-content:space-between;gap:var(--e3);flex-wrap:wrap;font-size:var(--t-controle)}
.janela-entrada .auth-regua{height:1px;background:var(--line);margin:var(--e4) 0 var(--e2)}
.janela-entrada .auth-troca{padding-inline:0;white-space:normal;text-align:left}

/* Entrada dos blocos: o script só esconde o que vai revelar; sem script ou com movimento reduzido tudo aparece */
.com-movimento [data-revelar]:not(.revelado){opacity:0}

@media (max-width:899.98px){
  .home-topo{gap:var(--e3)}
  .home-nav{display:none}
  .marca-simbolo{height:var(--e6)}
  .marca-nome{height:var(--e4)}
  .so-largo{display:none}
  .home-topo-acoes .btn{padding-inline:var(--e3)}
  .palco{height:auto}
  .palco-fixo{position:relative;height:auto;grid-template-columns:1fr;gap:var(--e8);padding-block:calc(var(--topo-alt) + var(--e8)) var(--e12)}
  .palco-cena{position:relative;right:auto;bottom:auto;width:min(100%,520px);justify-self:center}
  .palco-fixo .home-hero-texto{max-width:none}
  .palco-livre .palco-fixo{height:auto}
  .palco-dica,.palco-pular{display:none}
  .home-hero h1{font-size:var(--t-titulo)}
  .home-trio,.home-passos,.home-corry-bloco{grid-template-columns:1fr}
  .home-secao,.home-final{padding-block:var(--e12)}
  .home-cta .btn{width:100%}
  .corry-espia{width:110px;right:8%}
  .home-conversa-bloco{padding-top:calc(var(--e12) * 2)}
}
@media (prefers-reduced-motion:reduce){.j.p{animation:none}.nuvem-in{animation:none}.palco-dica svg{animation:none}.corry-espia{transition:none}.corry-espia .corry-robo .corpo,.corry-espia .corry-robo .olhos,.corry-espia .corry-robo .pino{animation:none}.home-topo{transition:none}}
@media (forced-colors:active){.painel,.palco-painel,.home-duvida{border:1px solid CanvasText}.home-topo.rolou{background:Canvas;border-bottom:1px solid CanvasText}.marca-simbolo,.marca-nome{filter:invert(1)}}

/* ---- Responsividade da home (decisão de 03/10/2026; ver layout.md, "Pontos de quebra da home") ----
   enorme >= 1800 | grande 1200-1799 (base) | notebook/tablet deitado 900-1199 | tablet em pé 600-899 | celular < 600.
   Tela baixa (altura) tem a sua própria regra, porque o palco ocupa a altura toda. */

/* A cena usa o espaço de cima do palco: quanto mais larga a tela, maior a fração da largura que ela ocupa (a altura limita o resto) */
@media (min-width:1200px){.palco-cena{--cena-frac:.64}}
@media (min-width:1440px){.palco-cena{--cena-frac:.7}}

/* Telas enormes e ultralargas: conteúdo mais largo e letra de abertura maior (o centro já é limitado por --conteudo) */
@media (min-width:1800px){
  .home-miolo{width:min(1280px,100%)}
  .home-estreito{width:min(820px,100%)}
  .palco-fixo .home-hero-texto{max-width:min(640px,calc(var(--conteudo) * .4))}
  .home-hero h1{font-size:calc(var(--t-hero) * 1.25)}
  .home-lead{font-size:var(--t-sub)}
  .home-secao h2,.home-final h2{font-size:calc(var(--t-titulo) * 1.15)}
}

/* Notebook pequeno e tablet deitado (900 a 1199): o texto divide a largura com a cidade, então a letra desce um degrau */
@media (min-width:900px) and (max-width:1199.98px){
  .home-hero h1{font-size:var(--t-titulo)}
  .home-lead{font-size:var(--t-texto)}
  .home-nav a{padding-inline:var(--e2)}
  .home-trio{gap:var(--e3)}
}

/* Tela baixa (900 a 1199 de largura, ou notebook de 640 a 760 de altura): o palco é uma tela só, então o texto tem de caber */
@media (min-width:900px) and (max-height:760px){
  .home-hero h1{font-size:var(--t-titulo)}
  .home-lead{font-size:var(--t-controle);line-height:var(--lh-compacto)}
  .palco-fixo .home-hero-texto{gap:var(--e3)}
  .home-garantias{display:none}
}
@media (min-width:900px) and (max-height:600px){
  .home-lead{display:none}
}

/* Tablet em pé (600 a 899): a cena fica inteira abaixo do texto, em coluna centralizada; cartões em duas colunas onde cabe */
@media (min-width:600px) and (max-width:899.98px){
  .home-miolo,.home-estreito{width:min(720px,100%)}
  .palco-cena{width:min(100%,640px)}
  .home-modulos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-planos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-hero h1{font-size:calc(var(--t-titulo) * 1.15)}
}

/* Celular (menos de 600): painel de leads ocupa a largura da cena e mostra o essencial; botões e marca menores */
@media (max-width:599.98px){
  .home-topo{gap:var(--e2)}
  .marca-nome{height:var(--e3-5)}
  .palco-painel{right:3%;width:94%;gap:var(--e2);padding:var(--e2-5)}
  .palco-card{padding:var(--e2);gap:var(--e0-5)}
  .palco-fala{display:none}
  .palco-corry{font-size:var(--t-sobre)}
  .home-garantias{font-size:var(--t-pequeno)}
  .home-cta{flex-direction:column}
  .home-secao h2,.home-final h2{font-size:var(--t-secao)}
  .passo-n{width:var(--e8);height:var(--e8);font-size:var(--t-sub)}
  .home-card,.home-modulo,.home-plano{padding:var(--e4)}
  .home-rodape{flex-direction:column}
}
@media (max-width:399.98px){
  .marca-nome{display:none}
  .home-topo-acoes .btn{padding-inline:var(--e2-5);font-size:var(--t-rotulo)}
}