/* =========================================================
   Core — landing page mobile
   Tokens: design/DESIGN.md (Etapa 1, aprovado)
   ========================================================= */
@font-face{
  font-family:"Plus Jakarta Sans";
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url(../fonts/plus-jakarta-sans-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  /* Cores — paleta principal */
  --cor-fundo-claro:#FEFEFE;
  --cor-fundo-escuro:#090F11;
  --cor-texto:#000000;
  --cor-texto-sec:#6E7482;
  --cor-amarelo:#FECA0D;
  --cor-amarelo-2:#FDD21A;
  /* Cores — apoio */
  --cor-texto-inverso:#FFFFFF;
  --cor-texto-sec-escuro:#A6AEB6;
  --cor-amarelo-claro:#FEF8EC;
  --cor-etiqueta-sobre-amarelo:#FEF2BC;
  --cor-linha-clara:#DFE1E6;
  --cor-linha-escura:#282D2F;
  --cor-superficie-escura:#111718;
  --cor-superficie-escura-2:#1A1D1F;
  --cor-superficie-apagada:#212528;
  --cor-borda-apagada:#3E4245;
  --cor-cinza-escuro:#394346;
  --cor-icone-x:#AEB0B7;
  --cor-borda-opcao:#707C82;
  --cor-placeholder-escuro:#54595B;
  --cor-placeholder-claro:#ECEEF1;
  --cor-fundo-pagina-desktop:#FBFBFA;
  --cor-esqueleto:#2A3033;

  /* Fonte e escala */
  --fonte:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fs-display:clamp(32px,9.75vw,38px);
  --fs-h3:20px;
  --fs-h4:17px;
  --fs-body:16px;
  --fs-small:14px;
  --fs-label:13px;
  --fs-btn:15px;
  --fs-btn-sm:14px;
  --fs-num-xl:52px;
  --fs-num-lg:clamp(26px,8.2vw,32px);
  --fs-num-sm:14px;
  --lh-display:.95;
  --ls-display:-.035em;

  /* Espaçamento */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px;
  --s-6:24px; --s-8:32px; --s-12:48px; --s-16:64px;
  --margem-texto:32px;
  --margem-superficie:24px;
  --sec-y:var(--s-12);

  /* Raios */
  --r-sm:12px; --r-md:16px; --r-lg:24px; --r-pill:999px;

  /* Sombras e bordas */
  --sombra-recorte:0 12px 32px rgba(9,15,17,.16);
  --brilho-core:0 0 24px rgba(254,202,13,.10);
  --sombra-barra:0 -4px 16px rgba(9,15,17,.12);
  --borda:1px solid var(--cor-linha-clara);
  --borda-escura:1px solid var(--cor-linha-escura);
  --borda-core:2px solid var(--cor-amarelo);
  --linha-tempo:2px;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--cor-fundo-claro);color:var(--cor-texto);font-family:var(--fonte);font-size:var(--fs-body);line-height:1.4;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{display:block}
h1,h2,h3,p,ul,ol,figure,blockquote,fieldset{margin:0;padding:0}
ul,ol{list-style:none}
fieldset{border:0;min-width:0}
legend{padding:0}
a{color:inherit}
button{font:inherit;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--cor-texto);outline-offset:3px}
.escura :focus-visible{outline-color:var(--cor-texto-inverso)}

.icone{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.pont{margin-left:-.1em}

/* ---------- Tipografia ---------- */
.t-display{font-size:var(--fs-display);font-weight:800;line-height:var(--lh-display);letter-spacing:var(--ls-display);text-wrap:pretty}
.t-h3{font-size:var(--fs-h3);font-weight:800;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.t-h4{font-size:var(--fs-h4);font-weight:800;line-height:1.25;letter-spacing:-.015em}
.t-body{font-size:var(--fs-body);line-height:1.4}
.t-small{font-size:var(--fs-small);line-height:1.35}
.sec{color:var(--cor-texto-sec)}
.escura .sec{color:var(--cor-texto-sec-escuro)}
.centro{text-align:center}

/* ---------- Seções ---------- */
.secao{padding:var(--sec-y) 0}
.secao.escura{background:var(--cor-fundo-escuro);color:var(--cor-texto-inverso)}
.wrap{padding:0 var(--margem-superficie)}
.texto-solto{padding-left:calc(var(--margem-texto) - var(--margem-superficie));padding-right:calc(var(--margem-texto) - var(--margem-superficie))}
.secao .t-display + *{margin-top:var(--s-6)}

/* ---------- Botões ---------- */
.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:var(--s-4);border:0;border-radius:var(--r-pill);background:var(--cor-amarelo);color:var(--cor-texto);font:800 var(--fs-btn)/1.2 var(--fonte);letter-spacing:-.01em;text-align:center;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,filter .12s ease,opacity .2s ease}
.btn:active{transform:scale(.98);filter:brightness(.94)}
.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none}
.btn.compacto{min-height:48px;padding:var(--s-3) var(--s-4)}
.btn-sm{display:inline-flex;align-items:center;height:40px;padding:0 var(--s-4);border-radius:var(--r-pill);background:var(--cor-amarelo);color:var(--cor-texto);font:800 var(--fs-btn-sm)/1 var(--fonte);letter-spacing:-.01em;white-space:nowrap;text-decoration:none;-webkit-tap-highlight-color:transparent}

/* ---------- Selo, rótulos, etiquetas ---------- */
.selo{display:inline-flex;align-items:center;gap:var(--s-2);height:28px;padding:0 var(--s-3);border-radius:var(--r-pill);background:var(--cor-amarelo-claro);font:600 var(--fs-label)/1 var(--fonte);white-space:nowrap}
.selo::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--cor-amarelo);flex:none}
.rotulo{display:inline-flex;align-items:center;height:28px;padding:0 var(--s-3);border-radius:var(--r-pill);font:600 var(--fs-label)/1 var(--fonte)}
.rotulo.apagado{border:1px solid var(--cor-borda-apagada);color:var(--cor-texto-sec-escuro)}
.rotulo.core{background:var(--cor-amarelo);color:var(--cor-texto)}
.etiqueta{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--r-pill);font:600 var(--fs-label)/1 var(--fonte);white-space:nowrap}
.etiqueta.sobre-amarelo{background:var(--cor-etiqueta-sobre-amarelo);color:var(--cor-texto);font-weight:700}
.etiqueta.neutra{border:1px solid var(--cor-linha-escura);color:var(--cor-texto-sec-escuro)}

/* ---------- Esqueleto / reservado ---------- */
.esq{display:block;height:8px;border-radius:var(--r-pill);background:var(--cor-esqueleto)}
.esq.claro{background:#3A4246}
.reservado{display:grid;place-items:center;background:var(--cor-placeholder-claro);color:#575D69;font:600 12px/1 var(--fonte);text-align:center}

/* =========================================================
   HERO
   ========================================================= */
.hero{background:var(--cor-fundo-claro)}
.header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);height:64px;padding:var(--s-3) var(--margem-superficie)}
.logo{display:inline-flex;align-items:center;gap:8px;border-radius:6px;text-decoration:none;color:inherit}
.logo img{width:28px;height:auto}
.logo-nome{font:800 22px/1 var(--fonte);letter-spacing:-.03em}
.header-acoes{display:flex;align-items:center;gap:var(--s-6)}
.header-prova{display:none;font-size:var(--fs-small);color:var(--cor-texto-sec)}
.hero-texto{padding:var(--s-6) var(--margem-texto) 0}
.hero .t-display{margin-top:var(--s-4)}
.hero-sub{margin-top:var(--s-4)}
.hero .btn{margin-top:var(--s-4)}
.hero-prova{margin-top:var(--s-3);text-align:center}

/* Recorte da hero — mobile: lista de imóveis + notificação, cortado na borda inferior */
.hero-visual{position:relative;height:292px;margin-top:var(--s-4);padding:0 var(--margem-superficie);overflow:hidden}
.mock{position:relative;background:var(--cor-fundo-escuro);color:var(--cor-texto-inverso);border:1px solid #2E3336;border-radius:var(--r-lg);box-shadow:var(--sombra-recorte);padding:var(--s-4);height:360px}
.mock-janela,.mock-lateral,.mock-funil,.mock-selo{display:none}
.peca{background:var(--cor-superficie-escura-2);border:var(--borda-escura);border-radius:var(--r-sm)}
.mock-topo{display:flex;gap:var(--s-2)}
.mock-busca{flex:1;height:40px;display:flex;align-items:center;gap:var(--s-2);padding:0 var(--s-3);color:#8D959C}
.mock-busca .icone{width:18px;height:18px}
.mock-busca .esq{width:60%}
.mock-mais{width:40px;height:40px;border-radius:var(--r-sm);background:var(--cor-amarelo);color:var(--cor-texto);display:grid;place-items:center;flex:none}
.mock-mais .icone{width:18px;height:18px;stroke-width:2.5}
.mock-chips{display:flex;gap:var(--s-2);margin-top:var(--s-3)}
.mock-chips span{height:28px;width:64px;border-radius:var(--r-pill);border:1px solid var(--cor-linha-escura);display:grid;place-items:center}
.mock-chips span.ativo{border-color:var(--cor-amarelo)}
.mock-chips i{display:block;width:32px;height:6px;border-radius:9px;background:var(--cor-esqueleto)}
.mock-chips .ativo i{background:rgba(254,202,13,.6)}
.mock-imoveis{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin-top:var(--s-3)}
.imovel{overflow:hidden}
.foto-imovel{position:relative;height:84px;background:linear-gradient(160deg,#2F383C,#22292C)}
.coracao{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:8px;background:rgba(9,15,17,.6);display:grid;place-items:center;color:#fff}
.coracao .icone{width:14px;height:14px}
.imovel .txt{padding:var(--s-3);display:grid;gap:6px}
.imovel .preco{height:10px}
.mock-imoveis .imovel:nth-child(n+5){display:none}
.mock-notif{position:absolute;right:-8px;top:200px;width:80%;display:grid;grid-template-columns:24px 1fr;gap:var(--s-3);align-items:center;padding:var(--s-3) var(--s-4);background:var(--cor-superficie-escura-2);border:1px solid #2E3336;border-radius:var(--r-md);box-shadow:0 12px 24px rgba(0,0,0,.35)}
.mock-notif .sino{color:var(--cor-amarelo)}
.mock-notif .sino .icone{fill:var(--cor-amarelo);stroke:var(--cor-amarelo)}
.mock-notif b{display:block;font-size:14px;font-weight:600;margin-bottom:6px}

/* =========================================================
   COMPARAÇÃO
   ========================================================= */
.card-comp{border-radius:var(--r-md);padding:var(--s-6)}
.card-comp.apagado{background:var(--cor-superficie-apagada);border:1px solid var(--cor-borda-apagada)}
.card-comp.apagado .t-h3{color:#E6E8EB}
.card-comp.core{background:var(--cor-fundo-escuro);border:var(--borda-core);box-shadow:var(--brilho-core)}
.card-comp .t-h3{margin:var(--s-4) 0}
.lista{display:grid;gap:var(--s-3)}
.lista li{display:grid;grid-template-columns:24px 1fr;column-gap:var(--s-3);align-items:start}
.lista .marca{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;margin-top:-1px}
.lista .marca .icone{width:12px;height:12px;stroke-width:2.5}
.lista.x li{color:var(--cor-texto-sec-escuro)}
.lista.x .marca{background:var(--cor-cinza-escuro);color:var(--cor-icone-x)}
.lista.check li{color:var(--cor-texto-inverso)}
.lista.check .marca{background:var(--cor-amarelo);color:var(--cor-texto)}
.seta{display:flex;justify-content:center;padding:var(--s-4) 0;color:var(--cor-amarelo)}
.seta .icone{stroke-width:2.5}

/* =========================================================
   O QUE VOCÊ RECEBE — linha do tempo
   ========================================================= */
.linha-tempo{padding-left:calc(var(--margem-texto) - var(--margem-superficie))}
.etapa{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:var(--s-4);padding-bottom:var(--s-6)}
.etapa::before{content:"";position:absolute;left:calc(16px - var(--linha-tempo) / 2);top:16px;bottom:-16px;width:var(--linha-tempo);background:var(--cor-amarelo-2)}
.etapa.fecho{padding-bottom:0}
.etapa.fecho::before{display:none}
.circulo{position:relative;z-index:1;width:32px;height:32px;margin-top:-4px;border-radius:50%;background:var(--cor-amarelo);color:var(--cor-texto);display:grid;place-items:center;font:800 var(--fs-num-sm)/1 var(--fonte)}
.circulo .icone{width:16px;height:16px;stroke-width:2.5}
.etapa .t-body{margin-top:var(--s-1)}
.etapa .visual{margin-top:var(--s-2)}

.site-cliente{width:100%;height:auto;display:block}
.celular{height:220px;padding:8px 8px 0;border-radius:32px 32px 0 0;background:#14191B;box-shadow:var(--sombra-recorte);position:relative;overflow:hidden}
.celular::before{content:"";position:absolute;top:14px;left:50%;transform:translateX(-50%);width:72px;height:18px;border-radius:var(--r-pill);background:#0A0D0E;z-index:1}
.tela-cel{height:100%;border-radius:24px 24px 0 0}

.recorte{background:var(--cor-fundo-escuro);color:var(--cor-texto-inverso);border:1px solid #2E3336;border-radius:var(--r-md);padding:var(--s-4);box-shadow:var(--sombra-recorte)}
.funil{display:grid;gap:var(--s-3)}
.funil .cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s-1)}
.funil .etp > span{display:block;font-size:14px;margin-bottom:6px}
.barra{display:grid;grid-template-columns:1fr 20px;gap:var(--s-2);align-items:center}
.trilho{height:8px;border-radius:var(--r-pill);background:var(--cor-superficie-escura-2);overflow:hidden}
.trilho i{display:block;height:100%;border-radius:inherit;background:var(--cor-amarelo-2)}
.contratos{display:grid;gap:var(--s-2)}
.contrato{display:grid;grid-template-columns:20px 1fr auto;gap:var(--s-3);align-items:center;padding:var(--s-3)}
.contrato .icone{width:20px;height:20px;color:#8D959C}
.status{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--r-pill);border:1px solid rgba(253,210,26,.35);color:var(--cor-amarelo-2);font:600 12px/1 var(--fonte)}
.status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.boleto{display:grid;grid-template-columns:32px 1fr;gap:var(--s-3);align-items:center;padding:var(--s-4)}
.boleto .ok{width:32px;height:32px;border-radius:50%;background:var(--cor-amarelo);color:var(--cor-texto);display:grid;place-items:center}
.boleto .ok .icone{width:16px;height:16px;stroke-width:2.5}
.boleto b{display:block;margin-bottom:8px;font-size:15px;font-weight:700;line-height:1.3}

/* =========================================================
   SOB MEDIDA — interruptores
   ========================================================= */
.config{background:var(--cor-superficie-escura);border:var(--borda-escura);border-radius:var(--r-md);padding:0 var(--s-6)}
.config li{display:flex;align-items:center;gap:var(--s-4);min-height:48px;padding:var(--s-3) 0;border-bottom:var(--borda-escura)}
.config li:last-child{border-bottom:0}
.config > li > .icone{color:#C9CED3}
.config .nome{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}
.config .mais{width:32px;height:32px;margin:0 -4px;border-radius:50%;background:var(--cor-amarelo);color:var(--cor-texto);display:grid;place-items:center;flex:none}
.config .mais .icone{width:18px;height:18px;stroke-width:2.5}
.interruptor{position:relative;flex:none;width:44px;height:24px;border-radius:var(--r-pill);background:var(--cor-cinza-escuro);transition:background-color .24s ease}
.interruptor::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .24s ease}
.interruptor.on{background:var(--cor-amarelo)}
.interruptor.on::after{transform:translateX(20px)}
.nota{margin-top:var(--s-6)}

/* =========================================================
   COMO FUNCIONA — passos
   ========================================================= */
.passos{counter-reset:passo}
.passo{counter-increment:passo;display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:var(--s-4);align-items:start;padding:var(--s-4) 0;border-bottom:var(--borda)}
.passo:last-child{border-bottom:0}
.passo .num::before{content:counter(passo,decimal-leading-zero)}
.passo .num{font-size:var(--fs-num-xl);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--cor-amarelo-2)}
.passo .tit{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}
.passo .t-body{margin-top:var(--s-1)}
.passo.destaque{margin:var(--s-2) calc(-1 * var(--s-3));padding:var(--s-4) var(--s-3);border-bottom:0;border-radius:var(--r-md);background:var(--cor-amarelo-2)}
.passo.destaque .num{color:var(--cor-texto)}

/* =========================================================
   PROVA — números + depoimentos
   ========================================================= */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.stat{padding:0 var(--s-3);border-left:var(--borda-escura)}
.stat:first-child{padding-left:0;border-left:0}
.stat b{display:block;font-size:var(--fs-num-lg);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--cor-amarelo-2);white-space:nowrap}
.stat span{display:block;margin-top:var(--s-2);font-size:var(--fs-small);line-height:1.35;color:var(--cor-texto-sec-escuro)}
.depo-trilho{display:flex;gap:var(--margem-superficie);margin:var(--s-6) calc(-1 * var(--margem-superficie)) 0;padding:0 var(--margem-superficie);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--margem-superficie);scrollbar-width:none;overscroll-behavior-x:contain;border-radius:2px}
.depo-trilho::-webkit-scrollbar{display:none}
.depo{flex:0 0 100%;scroll-snap-align:start;background:var(--cor-superficie-escura);border:var(--borda-escura);border-radius:var(--r-md);padding:var(--s-6)}
.aspas{width:40px;height:32px;color:var(--cor-amarelo-2)}
.depo blockquote{margin-top:var(--s-4);font-size:var(--fs-body);line-height:1.4}
.autor{display:flex;gap:var(--s-3);align-items:center;margin-top:var(--s-6)}
.logo-cliente{flex:none;display:grid;place-items:center;height:48px;padding:0 4px;border-radius:var(--r-sm)}
.logo-cliente img{height:36px;width:auto;max-width:96px;object-fit:contain}
.logo-cliente.plate{background:#fff;padding:0 10px}
.logo-cliente.plate img{height:30px}
.autor b{display:block;font-size:var(--fs-h4);font-weight:800;line-height:1.25;letter-spacing:-.015em}
.autor b + span{display:block;margin-top:2px;font-size:var(--fs-small);color:var(--cor-texto-sec-escuro)}
.pontos{display:flex;justify-content:center;margin-top:var(--s-2)}
.pontos button{width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.pontos button::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cor-cinza-escuro);transition:background-color .2s ease}
.pontos button.ativo::before{background:var(--cor-amarelo-2)}

/* =========================================================
   EQUIPE (derivada do manual)
   ========================================================= */
.equipe-sub{margin-top:var(--s-4)!important}
.equipe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s-6);row-gap:var(--s-8);margin-top:var(--s-8)}
.pessoa{display:flex;flex-direction:column;align-items:center;text-align:center}
.foto{width:112px;height:112px;margin-top:7px;border-radius:50%;overflow:hidden;background:var(--cor-placeholder-claro);color:#575D69;display:grid;place-items:center;font-size:var(--fs-small);box-shadow:0 0 0 4px var(--cor-fundo-claro),0 0 0 7px var(--cor-amarelo-2)}
.foto img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.pessoa .t-h4{margin-top:var(--s-4)}
.pessoa .t-small{margin-top:var(--s-1)}

/* =========================================================
   PERGUNTAS
   ========================================================= */
.faq{display:grid;gap:var(--s-2)}
.faq-item{background:var(--cor-fundo-claro);border:var(--borda);border-radius:var(--r-md);transition:background-color .2s ease,border-color .2s ease}
.faq-item.aberto{background:#FBFBFB;border-color:#D8DCE3}
.faq-item h3{margin:0}
.faq-item button{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:var(--s-2);align-items:center;width:100%;padding:var(--s-4);border:0;background:none;text-align:left;cursor:pointer;border-radius:var(--r-md);font:800 var(--fs-h4)/1.25 var(--fonte);letter-spacing:-.02em;color:var(--cor-texto);-webkit-tap-highlight-color:transparent}
.faq-item .ic{width:32px;height:32px;border-radius:50%;background:var(--cor-amarelo);display:grid;place-items:center}
.faq-item .ic .icone{width:18px;height:18px;stroke-width:2.5}
.resp{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .2s ease,visibility .2s}
.resp > div{overflow:hidden}
.resp p{padding:0 var(--s-4) var(--s-4)}
.faq-item.aberto .resp{grid-template-rows:1fr;visibility:visible}

/* =========================================================
   CHAMADA FINAL — quiz
   ========================================================= */
.quiz-sub{margin-top:var(--s-4)!important}
.quiz{margin-top:var(--s-6);background:var(--cor-superficie-escura);border:var(--borda-escura);border-radius:var(--r-md);padding:var(--s-6)}
.quiz-progresso{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:var(--s-4)}
.quiz-progresso i{height:4px;border-radius:var(--r-pill);background:var(--cor-cinza-escuro);transition:background-color .2s ease}
.quiz-progresso i.ativo{background:var(--cor-amarelo)}
.quiz legend{outline:none}
.opcoes{display:grid;gap:var(--s-2);margin:var(--s-4) 0}
.opcao{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);width:100%;min-height:52px;padding:var(--s-3) var(--s-4);border:1px solid var(--cor-borda-opcao);border-radius:var(--r-sm);background:transparent;color:var(--cor-texto-inverso);font:400 var(--fs-body)/1.3 var(--fonte);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,background-color .15s ease}
.opcao .icone{width:18px;height:18px;stroke-width:2.5;color:var(--cor-amarelo);visibility:hidden}
.opcao[aria-pressed="true"]{border-color:var(--cor-amarelo);box-shadow:inset 0 0 0 1px var(--cor-amarelo);background:rgba(254,202,13,.08)}
.opcao[aria-pressed="true"] .icone{visibility:visible}
.opcoes.alerta .opcao{border-color:var(--cor-amarelo);animation:alerta .4s ease}
@keyframes alerta{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.rodape{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);margin-top:var(--s-8);text-align:center}
.rodape a,.link{color:inherit;text-decoration:underline;text-underline-offset:3px}
.link{background:none;border:0;padding:0;font:inherit;cursor:pointer}

/* =========================================================
   AVISO DE COOKIES
   ========================================================= */
.cookies{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;gap:var(--s-3);padding:var(--s-4) var(--margem-superficie) calc(var(--s-4) + env(safe-area-inset-bottom));background:var(--cor-fundo-escuro);color:var(--cor-texto-inverso);border-top:1px solid #2E3336;box-shadow:0 -8px 24px rgba(9,15,17,.25)}
.cookies p{color:var(--cor-texto-sec-escuro)}
.cookies a{color:var(--cor-texto-inverso);text-underline-offset:3px}
.cookies-acoes{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}
.cookies-acoes .btn-sm{justify-content:center}
.cookies :focus-visible{outline-color:var(--cor-texto-inverso)}
.btn-contorno{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 var(--s-4);border:1px solid var(--cor-borda-opcao);border-radius:var(--r-pill);background:transparent;color:var(--cor-texto-inverso);font:800 var(--fs-btn-sm)/1 var(--fonte);cursor:pointer}

/* =========================================================
   BARRA FIXA
   ========================================================= */
.barra-fixa{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--cor-fundo-claro);border-top:var(--borda);box-shadow:var(--sombra-barra);padding:var(--s-3) var(--margem-superficie) calc(var(--s-3) + env(safe-area-inset-bottom));transform:translateY(110%);visibility:hidden;transition:transform .24s ease,visibility .24s}
.barra-fixa.visivel{transform:none;visibility:visible}

/* =========================================================
   POLÍTICA DE PRIVACIDADE
   ========================================================= */
.politica-header{border-bottom:var(--borda)}
.politica{max-width:680px;margin:0 auto;padding:var(--s-8) var(--margem-superficie) var(--s-16)}
.politica .t-display{margin-bottom:var(--s-2)}
.politica h2{margin:var(--s-8) 0 var(--s-3)}
.politica p,.politica li{font-size:var(--fs-body);line-height:1.55;color:#2A2F36}
.politica p + p{margin-top:var(--s-3)}
.politica ul + p,.politica .tabela + p{margin-top:var(--s-3)}
.politica > p:first-of-type + p{margin-top:var(--s-6)}
.politica ul{list-style:disc;padding-left:20px;display:grid;gap:var(--s-2);margin-top:var(--s-2)}
.politica a,.politica .link{color:var(--cor-texto);text-decoration:underline;text-underline-offset:3px}
.politica code{font-size:13px;background:#F1F2F4;padding:1px 5px;border-radius:5px}
.tabela{overflow-x:auto;margin-top:var(--s-3);border:var(--borda);border-radius:var(--r-sm)}
.tabela table{border-collapse:collapse;width:100%;min-width:520px;font-size:var(--fs-small)}
.tabela th,.tabela td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:var(--borda)}
.tabela tr:last-child td{border-bottom:0}
.tabela th{font-weight:700;background:#FBFBFB}
.politica-voltar{margin-top:var(--s-8)!important;font-weight:700}

/* =========================================================
   DESKTOP (≥ 1024 px): hero segue hero-desktop.png; resto em coluna centralizada
   ========================================================= */
@media (min-width:1024px){
  :root{--sec-y:var(--s-16)}
  .wrap{max-width:560px;margin:0 auto}
  .barra-fixa .btn{max-width:512px;margin:0 auto}

  .hero{background:var(--cor-fundo-pagina-desktop);padding:var(--s-16) var(--s-8)}
  .hero-card{max-width:1376px;margin:0 auto;background:var(--cor-fundo-claro);border-radius:32px;box-shadow:0 1px 2px rgba(9,15,17,.04),0 24px 48px rgba(9,15,17,.05);padding:var(--s-8) var(--s-12) var(--s-16)}
  .header{height:auto;padding:0}
  .logo img{width:48px}
  .logo .logo-nome{font-size:36px}
  .rodape .logo img{width:28px}
  .rodape .logo-nome{font-size:22px}
  .cookies{left:auto;right:var(--s-6);bottom:var(--s-6);width:420px;border:1px solid #2E3336;border-radius:var(--r-md);padding:var(--s-4) var(--s-6)}
  .header-prova{display:block;font-size:17px}
  .btn-sm{height:56px;padding:0 var(--s-8);font-size:18px}
  .hero-grid{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:var(--s-12);align-items:center;margin-top:var(--s-12)}
  .hero-texto{padding:0}
  .selo{height:36px;padding:0 var(--s-4);font-size:15px}
  .selo::before{width:16px;height:16px}
  .hero .t-display{margin-top:var(--s-6);font-size:64px;line-height:1.05}
  .hero-sub{font-size:20px;line-height:1.5;margin-top:var(--s-6);max-width:480px}
  .hero .btn{margin-top:var(--s-8);min-height:72px;font-size:20px;padding:var(--s-4) var(--s-8)}
  .hero-prova{display:none}

  /* Composição da hero desktop */
  .hero-visual{height:560px;margin:0;padding:0;overflow:visible}
  .mock{position:relative;height:100%;background:none;border:0;box-shadow:none;padding:0;border-radius:0}
  .mock-janela{display:flex;gap:6px;position:absolute;left:44px;right:56px;top:84px;bottom:56px;padding:14px 16px;background:var(--cor-fundo-escuro);border:1px solid #2E3336;border-radius:var(--r-md);box-shadow:var(--sombra-recorte)}
  .mock-janela i{width:10px;height:10px;border-radius:50%;background:#E5534B}
  .mock-janela i:nth-child(2){background:#E6B33E}
  .mock-janela i:nth-child(3){background:#47B04B}
  .mock-lateral{display:grid;align-content:start;gap:var(--s-2);position:absolute;left:0;top:170px;width:184px;padding:var(--s-4) var(--s-3);background:var(--cor-superficie-escura-2);border:1px solid #2E3336;border-radius:var(--r-md);box-shadow:0 16px 32px rgba(0,0,0,.3);color:#C9CED3;z-index:2}
  .mock-lateral span{display:flex;align-items:center;gap:var(--s-3);height:44px;padding:0 var(--s-3);border-radius:var(--r-sm)}
  .mock-lateral span.ativo{background:rgba(254,202,13,.16);color:var(--cor-amarelo)}
  .mock-lateral .icone{width:20px;height:20px}
  .mock-lateral .esq{width:64px;background:#3A4246}
  .mock-lateral .ativo .esq{background:rgba(254,202,13,.6)}
  .mock-main{position:absolute;left:204px;right:236px;top:132px;bottom:72px;overflow:hidden;z-index:1}
  .mock-imoveis{grid-template-columns:repeat(3,1fr)}
  .mock-imoveis .imovel:nth-child(n+5){display:block}
  .foto-imovel{height:76px}
  .mock-funil{display:grid;gap:var(--s-3);align-content:start;position:absolute;right:0;top:176px;width:236px;padding:var(--s-4);background:var(--cor-superficie-escura-2);border:1px solid #2E3336;border-radius:var(--r-md);box-shadow:0 16px 32px rgba(0,0,0,.3);color:var(--cor-texto-inverso);z-index:2}
  .mock-funil .cab{display:flex;justify-content:space-between;align-items:center}
  .mock-funil .etp > span{display:block;font-size:13px;margin-bottom:6px}
  .mock-funil .trilho{background:#2A3033}
  .mock-selo{display:grid;place-items:center;position:absolute;right:72px;top:0;width:148px;height:148px;border-radius:50%;background:var(--cor-fundo-escuro);border:6px solid var(--cor-fundo-claro);box-shadow:0 12px 32px rgba(9,15,17,.22);z-index:3}
  .mock-selo::before{content:"";position:absolute;inset:10px;border-radius:50%;border:1px dashed rgba(254,202,13,.45)}
  .mock-selo img{width:56px;height:auto}
  .mock-notif{top:auto;bottom:0;right:40px;width:360px;padding:var(--s-4) var(--s-6);z-index:3}
  .mock-notif b{font-size:16px}
}

@media (min-width:1024px) and (max-width:1199px){
  .hero-card{padding:var(--s-8)}
  .hero .t-display{font-size:52px}
  .mock-funil{width:200px}
  .mock-main{right:200px}
}

/* ---------- Movimento reduzido ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important}
}

/* =========================================================
   V2 — componentes novos (estrutura mapeada em v2/mapa-estrutura.md, tokens da v1)
   ========================================================= */

/* ---------- Marcadores de pendência (só para revisão; nada com marcador vai ao ar) ---------- */
.pendente{display:inline;padding:1px 6px;border-radius:6px;border:1.5px dashed #C2185B;background:#FFF0F5;color:#9C1048;font:700 .9em/1.5 var(--fonte);letter-spacing:0;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.escura .pendente{background:rgba(194,24,91,.18);border-color:#FF6FA3;color:#FFB3CF}
.pendente-bloco{display:grid;place-items:center;gap:6px;min-height:120px;padding:var(--s-6);border:2px dashed #C2185B;border-radius:var(--r-md);background:repeating-linear-gradient(135deg,#FFF0F5 0 12px,#FFE3EE 12px 24px);color:#9C1048;font:700 var(--fs-small)/1.4 var(--fonte);text-align:center}
.escura .pendente-bloco{background:repeating-linear-gradient(135deg,rgba(194,24,91,.14) 0 12px,rgba(194,24,91,.22) 12px 24px);border-color:#FF6FA3;color:#FFB3CF}

/* ---------- Header v2: menu agrupado ---------- */
.header .nav{display:none}
.header .btn-sm.cta-header{display:none}
.menu-botao{display:grid;place-items:center;width:44px;height:44px;margin-right:-10px;border:0;border-radius:var(--r-sm);background:none;color:var(--cor-texto);cursor:pointer}
.menu-botao .icone{width:26px;height:26px}

/* Gaveta (mobile) */
.gaveta{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;background:var(--cor-fundo-claro);overflow-y:auto;overscroll-behavior:contain}
.gaveta[hidden]{display:none}
.gaveta-topo{display:flex;align-items:center;justify-content:space-between;height:64px;padding:var(--s-3) var(--margem-superficie);border-bottom:var(--borda)}
.gaveta-lista{padding:var(--s-2) var(--margem-superficie)}
.gaveta-lista > li{border-bottom:var(--borda)}
.gaveta-lista > li > a,.gaveta-grupo{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:0;border:0;background:none;color:var(--cor-texto);font:800 var(--fs-h4)/1.25 var(--fonte);letter-spacing:-.015em;text-decoration:none;text-align:left;cursor:pointer}
.gaveta-grupo .icone{width:20px;height:20px;transition:transform .2s ease}
.gaveta-grupo[aria-expanded="true"] .icone{transform:rotate(180deg)}
.gaveta-sub{padding:0 0 var(--s-3)}
.gaveta-sub a{display:block;padding:var(--s-2) 0 var(--s-2) var(--s-3);border-left:2px solid var(--cor-linha-clara);text-decoration:none;color:var(--cor-texto)}
.gaveta-sub a:hover{border-left-color:var(--cor-amarelo)}
.gaveta-sub b{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-body);font-weight:700}
.gaveta-sub span{display:block;font-size:var(--fs-small);color:var(--cor-texto-sec);margin-top:2px}
.gaveta-cta{padding:var(--s-6) var(--margem-superficie) calc(var(--s-6) + env(safe-area-inset-bottom))}
body.menu-aberto{overflow:hidden}

/* ---------- Trilha (breadcrumb) ---------- */
.trilha{padding:var(--s-3) var(--margem-texto) 0;font-size:var(--fs-small);color:var(--cor-texto-sec)}
.trilha ol{display:flex;flex-wrap:wrap;gap:6px}
.trilha li + li::before{content:"›";margin-right:6px;color:var(--cor-texto-sec)}
.trilha a{color:inherit}
.escura .trilha,.trilha.inverso{color:var(--cor-texto-sec-escuro)}

/* ---------- Hero de página interna + índice de âncoras ---------- */
.hero-interno{padding:var(--s-6) 0 var(--sec-y)}
.hero-interno .t-display{margin-top:var(--s-4)}
.hero-interno .t-body{margin-top:var(--s-4)}
.hero-interno .btn{margin-top:var(--s-6)}
.indice-ancoras{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-6)}
.indice-ancoras a{display:inline-flex;align-items:center;height:36px;padding:0 var(--s-4);border:1px solid var(--cor-linha-clara);border-radius:var(--r-pill);font:600 var(--fs-label)/1 var(--fonte);text-decoration:none;color:var(--cor-texto)}
.escura .indice-ancoras a{border-color:var(--cor-borda-opcao);color:var(--cor-texto-inverso)}
.indice-ancoras .etiqueta{height:20px;padding:0 8px;font-size:11px}

/* ---------- Cartão de resposta direta (bloco definitório) ---------- */
.resposta{background:#FBFBFB;border:var(--borda);border-radius:var(--r-md);padding:var(--s-6)}
.resposta .rotulo{background:var(--cor-amarelo-claro);height:28px}
.resposta h2{margin-top:var(--s-4)}
.resposta p{margin-top:var(--s-3);font-size:18px;line-height:1.5}
.escura .resposta{background:var(--cor-superficie-escura);border:var(--borda-escura)}

/* ---------- Chamada para o comparativo ---------- */
.chamada{background:var(--cor-amarelo-2);border-radius:var(--r-md);padding:var(--s-6)}
.chamada .t-display{font-size:clamp(28px,8vw,32px)}
.chamada .btn-escuro{margin-top:var(--s-6)}
.btn-escuro{display:flex;align-items:center;justify-content:center;gap:var(--s-2);width:100%;min-height:56px;padding:var(--s-4);border-radius:var(--r-pill);background:var(--cor-texto);color:var(--cor-texto-inverso);font:800 var(--fs-btn)/1.2 var(--fonte);letter-spacing:-.01em;text-decoration:none;text-align:center}
.btn-escuro .icone{width:18px;height:18px;stroke-width:2.5}
.btn-escuro:focus-visible{outline:2px solid var(--cor-texto);outline-offset:3px}

/* ---------- Link de seção ("todas as perguntas", módulos) ---------- */
.link-secao{display:inline-flex;align-items:center;gap:6px;margin-top:var(--s-6);font:800 var(--fs-btn)/1.2 var(--fonte);color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:var(--cor-amarelo)}
.link-secao .icone{width:18px;height:18px;stroke-width:2.5}

/* Módulos (home): nomes da lista viram links para /sistema */
.config .nome a{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:4px}
.config .nome a:hover{text-decoration-color:var(--cor-amarelo)}

/* ---------- Depoimentos (bloco pendente) e equipe na home ---------- */
.cases .pendente-bloco{margin-top:var(--s-6)}
.secao-equipe{padding-top:0}

/* ---------- Comparativo: tabela no desktop, cartões no celular ---------- */
.criterios{width:100%;border-collapse:separate;border-spacing:0 var(--s-3);margin-top:calc(var(--s-6) - var(--s-3))}
.criterios caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.criterios thead{display:none}
.criterios tbody,.criterios tr,.criterios th,.criterios td{display:block}
.criterios tr{border:var(--borda);border-radius:var(--r-md);padding:var(--s-4) var(--s-4) var(--s-2);background:var(--cor-fundo-claro)}
.criterios th[scope="row"]{font:800 var(--fs-h4)/1.25 var(--fonte);letter-spacing:-.015em;text-align:left;padding-bottom:var(--s-3)}
.criterios td{display:grid;grid-template-columns:24px 1fr;column-gap:var(--s-3);row-gap:2px;padding:var(--s-3) 0;border-top:var(--borda);font-size:var(--fs-body);line-height:1.4}
.criterios td::before{content:attr(data-rotulo);grid-column:2;font:700 var(--fs-label)/1.3 var(--fonte);color:var(--cor-texto-sec);text-transform:none}
.criterios td .marca{grid-row:1 / span 2;grid-column:1;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;margin-top:1px}
.criterios td .marca .icone{width:12px;height:12px;stroke-width:2.5}
.criterios td span.txt{grid-column:2}
.criterios td.alugado{color:var(--cor-texto-sec)}
.criterios td.alugado .marca{background:var(--cor-placeholder-claro);color:var(--cor-texto-sec)}
.criterios td.core .marca{background:var(--cor-amarelo);color:var(--cor-texto)}

/* Por que sistema próprio (lista) */
.porque{margin-top:var(--s-6)}
.porque .lista.check li{color:var(--cor-texto)}

/* ---------- /sistema: blocos de módulo ---------- */
.modulo{padding:var(--sec-y) 0;border-top:var(--borda)}
.modulo:first-of-type{border-top:0}
.modulo-texto .rotulo{background:var(--cor-amarelo-claro)}
.modulo-texto .t-display{margin-top:var(--s-4)}
.modulo-texto .t-body{margin-top:var(--s-4)}
.modulo-texto .sub{margin-top:var(--s-6)}
.modulo-texto .sub + .sub{margin-top:var(--s-4)}
.modulo-texto .sub h3{font:800 var(--fs-h4)/1.25 var(--fonte);letter-spacing:-.015em}
.modulo-texto .sub p{margin-top:var(--s-1)}
.modulo-print{margin-top:var(--s-6)}
.modulo-print .pendente-bloco{aspect-ratio:16/11;min-height:0}

/* ---------- Rodapé com mapa do site ---------- */
.rodape-v2{background:var(--cor-fundo-escuro);color:var(--cor-texto-inverso);padding:var(--s-12) 0 calc(var(--s-12) + 72px);border-top:1px solid #1C2326}
.rodape-v2 .logo img{width:28px;height:auto}
.rodape-colunas{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-8) var(--s-6);margin-top:var(--s-8)}
.rodape-colunas h2{font:700 var(--fs-label)/1 var(--fonte);color:var(--cor-texto-sec-escuro);text-transform:uppercase;letter-spacing:.08em}
.rodape-colunas ul{display:grid;gap:var(--s-3);margin-top:var(--s-4)}
.rodape-colunas a,.rodape-colunas .link{color:var(--cor-texto-inverso);font-size:var(--fs-small);text-decoration:none}
.rodape-colunas a:hover,.rodape-colunas .link:hover{text-decoration:underline}
.rodape-legenda{margin-top:var(--s-8);padding-top:var(--s-6);border-top:var(--borda-escura);font-size:var(--fs-label);line-height:1.5;color:var(--cor-texto-sec-escuro)}

/* Topo das páginas internas */
.topo-interno{background:var(--cor-fundo-claro)}

/* =========================================================
   V2 — desktop (≥ 1024 px)
   ========================================================= */
@media (min-width:1024px){
  .wrap-largo{max-width:1080px;margin:0 auto}
  .header .nav{display:flex;align-items:center;gap:var(--s-2);margin-right:auto;margin-left:var(--s-8)}
  .header .btn-sm.cta-header{display:inline-flex}
  .menu-botao{display:none}
  .nav > a,.nav-grupo > button{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 var(--s-3);border:0;border-radius:var(--r-sm);background:none;color:var(--cor-texto);font:600 15px/1 var(--fonte);text-decoration:none;cursor:pointer}
  .nav > a:hover,.nav-grupo > button:hover,.nav-grupo > button[aria-expanded="true"]{background:#F3F4F6}
  .nav-grupo{position:relative}
  .nav-grupo > button .icone{width:16px;height:16px;transition:transform .2s ease}
  .nav-grupo > button[aria-expanded="true"] .icone{transform:rotate(180deg)}
  .nav-painel{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:340px;padding:var(--s-3);background:var(--cor-fundo-claro);border:var(--borda);border-radius:var(--r-md);box-shadow:0 16px 40px rgba(9,15,17,.12)}
  .nav-painel[hidden]{display:none}
  .nav-painel .painel-rotulo{display:block;padding:var(--s-2) var(--s-3);font:700 11px/1 var(--fonte);letter-spacing:.08em;text-transform:uppercase;color:var(--cor-texto-sec)}
  .nav-painel a{display:block;padding:var(--s-3);border-radius:var(--r-sm);text-decoration:none;color:var(--cor-texto)}
  .nav-painel a:hover,.nav-painel a:focus-visible{background:#F6F7F8}
  .nav-painel b{display:flex;align-items:center;gap:var(--s-2);font-size:15px;font-weight:700}
  .nav-painel span{display:block;margin-top:2px;font-size:13px;color:var(--cor-texto-sec)}
  .hero .header .nav{margin-left:var(--s-12)}

  .topo-interno .header{max-width:1376px;margin:0 auto;height:auto;padding:var(--s-6) var(--s-12)}
  .topo-interno .logo img{width:40px}
  .topo-interno .logo .logo-nome{font-size:30px}
  .trilha{max-width:1080px;margin:0 auto;padding:var(--s-4) 0 0}
  .hero-interno .wrap{max-width:1080px}
  .hero-interno .t-display{font-size:56px;line-height:1.02;max-width:820px}
  .hero-interno .t-body{font-size:20px;max-width:640px}
  .hero-interno .btn{width:auto;display:inline-flex;padding:var(--s-4) var(--s-8)}

  .chamada{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--s-8);padding:var(--s-12)}
  .chamada .btn-escuro{margin-top:0;width:auto;padding:var(--s-4) var(--s-8)}
  .chamada .t-display{font-size:38px}

  .criterios{border-spacing:0;margin-top:var(--s-6);border:var(--borda);border-radius:var(--r-md);overflow:hidden}
  .criterios thead{display:table-header-group}
  .criterios tbody{display:table-row-group}
  .criterios tr{display:table-row;border:0;padding:0;border-radius:0}
  .criterios th,.criterios td{display:table-cell;vertical-align:top;padding:var(--s-4) var(--s-6);border-top:var(--borda)}
  .criterios thead th{border-top:0;background:#FBFBFB;font:700 var(--fs-label)/1.3 var(--fonte);text-align:left;color:var(--cor-texto-sec);text-transform:uppercase;letter-spacing:.06em}
  .criterios thead th.col-core{color:var(--cor-texto)}
  .criterios th[scope="row"]{width:24%;padding-bottom:var(--s-4)}
  .criterios td::before{content:none}
  .criterios td{width:38%}
  .criterios td .marca{display:inline-grid;vertical-align:-6px;margin-right:var(--s-3)}
  .criterios td.core{background:rgba(253,210,26,.10)}

  .modulos-wrap{max-width:1080px;margin:0 auto}
  .modulo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--s-12);align-items:center}
  .modulo:nth-of-type(even) .modulo-texto{order:2}
  .modulo-print{margin-top:0}

  .rodape-v2{padding-bottom:var(--s-12)}
  .rodape-v2 .wrap{max-width:1080px}
  .rodape-colunas{grid-template-columns:repeat(4,1fr)}
}

/* Etiqueta "opcional" em fundo claro e hero escura de página interna */
.etiqueta.neutra-clara{height:20px;padding:0 8px;border:1px solid var(--cor-linha-clara);color:var(--cor-texto-sec);font-size:11px;font-weight:600}
.hero-interno.escura{background:var(--cor-fundo-escuro);color:var(--cor-texto-inverso)}
.hero-interno.escura .trilha a{color:var(--cor-texto-inverso)}

/* Comparativo no celular: espaço entre os cartões */
@media (max-width:1023px){ .criterios tr + tr{margin-top:var(--s-3)} }

/* =========================================================
   V2 — revisão 2: composições de desktop do mapa (o celular não muda)
   ========================================================= */
.so-desktop{display:none!important}
.sec-2col .col-conteudo{margin-top:var(--s-6)}
.trilha + .wrap.sec-2col .col-conteudo{margin-top:var(--s-6)}
.comp-cartoes .seta .icone{transition:none}

@media (min-width:1024px){
  .so-desktop{display:inline-flex!important}
  .so-mobile{display:none!important}

  /* Título à esquerda, conteúdo à direita (K6, K7, K17) */
  .wrap.sec-2col{max-width:1080px;display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);column-gap:var(--s-16);align-items:start}
  .sec-2col .col-titulo{position:sticky;top:var(--s-8)}
  .sec-2col .col-titulo .texto-solto{padding-left:0;padding-right:0}
  .sec-2col .col-conteudo{margin-top:0}
  .sec-2col .col-conteudo > .texto-solto{padding-left:0;padding-right:0}
  .sec-2col .col-conteudo > :first-child{margin-top:0}
  .sec-2col .link-secao{margin-top:var(--s-6)}
  .hero-interno .wrap.sec-2col{padding-top:var(--s-6)}

  /* K5: os dois cartões lado a lado, seta entre eles */
  .comp-cartoes{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:stretch;margin-top:var(--s-8)}
  #comparacao .comp-cartoes .seta{padding:0;align-items:center}
  .comp-cartoes .seta .icone{transform:rotate(-90deg)}
  #comparacao .t-display{margin-bottom:0}

  /* Equipe: 4 fotos em linha */
  .equipe{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--s-8)}
  #equipe .texto-solto{padding-left:0;padding-right:0}

  /* Cases: largura total da coluna larga */
  .cases .texto-solto{padding-left:0;padding-right:0}
}
.t-display .pendente{font-size:.38em;vertical-align:.45em;letter-spacing:0}
@media (min-width:1024px){
  .trilha{padding:var(--s-4) var(--margem-superficie) 0}
  .sec-2col .col-titulo .t-display{padding-left:0}
}

/* /sistema: área do print na hero (só desktop) */
.hero-print{display:none}
@media (min-width:1024px){
  .wrap.hero-com-print{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--s-12);align-items:center}
  .hero-com-print .t-display{font-size:48px}
  .hero-print{display:block}
  .hero-print .pendente-bloco{aspect-ratio:16/11;min-height:0}
}

/* Cases: avaliações da v1 (carrossel no celular, 3 lado a lado no desktop) */
.cases .depo-trilho{margin-top:var(--s-6)}
.depo-pendente{margin-top:var(--s-3);font-size:var(--fs-small)}
@media (min-width:1024px){
  .cases .depo-trilho{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-6);margin:var(--s-8) 0 0;padding:0;overflow:visible}
  .cases .depo{display:flex;flex-direction:column}
  .cases .depo .autor{margin-top:auto;padding-top:var(--s-6)}
  .cases .pontos{display:none}
}

/* /sistema: imagens dos módulos e da hero */
.modulo-print,.hero-print{margin-left:0;margin-right:0}
.modulo-print img,.hero-print img{display:block;width:100%;height:auto;border-radius:var(--r-md)}
.modulo-print.estreito img{width:auto;max-width:100%;max-height:520px;margin:0 auto}
.modulo-print figcaption,.hero-print figcaption{margin-top:var(--s-2);font-size:var(--fs-label);color:var(--cor-texto-sec);text-align:center}