@font-face{font-family:"Noto Sans Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(fontes/noto-sans-latin-wght-normal.woff2) format("woff2-variations");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{
  --azul:#2E58A7;
  --azul-escuro:#244784;
  --azul-claro:#EAEFF8;
  --azul-medio:#95A9D1;
  --preto:#0A0A0A;
  --branco:#FFFFFF;
  --texto:#111318;
  --texto-suave:#464D5A;
  --claro:#E6E9EF;
  --papel:#F2F4F7;
  --linha:#D3D8E0;
  --borda-campo:#7C8594;
  --ambar:#7A4E00;
  --ambar-fundo:#FBF1DC;
  --ambar-linha:#C99A3B;
  --e05:4px;--e1:8px;--e15:12px;--e2:16px;--e3:24px;--e4:32px;--e5:40px;--e6:48px;--e7:56px;--e8:64px;--e10:80px;--e12:96px;
  --coluna:1120px;
  --raio:8px;
  --fonte:"Noto Sans Variable","Noto Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:var(--e2)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
body{margin:0;font-family:var(--fonte);font-size:1rem;line-height:1.6;color:var(--texto);background:var(--papel);min-height:100vh;display:flex;flex-direction:column}
.com-banner body{padding-bottom:var(--e10)}
main{flex:1;display:flex;flex-direction:column}
img{max-width:100%;display:block}
h1,h2,h3,p,ul,ol,dl,dd,figure,fieldset,legend{margin:0;padding:0}
ul,ol{list-style:none}
fieldset{border:0;min-width:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--azul);outline-offset:3px}
.somente-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.coluna{width:100%;max-width:var(--coluna);margin:0 auto;padding:0 var(--e2)}
@media (min-width:900px){.coluna{padding:0 var(--e5)}}
h1,h2{font-weight:700;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}
h3{font-size:1.0625rem;line-height:1.35}

/* barra fina do topo */
.barra{background:var(--branco);border-bottom:1px solid var(--linha)}
.barra-in{max-width:var(--coluna);margin:0 auto;padding:var(--e05) var(--e2);min-height:var(--e6);display:flex;align-items:center;justify-content:space-between;gap:var(--e2)}
.barra-logo{display:block;line-height:0}
.barra-logo img{width:88px;height:auto;aspect-ratio:560/189}
.barra-texto{font-size:.75rem;line-height:1.3;color:var(--texto-suave);text-align:right;max-width:184px}
@media (min-width:900px){.barra-in{padding:var(--e05) var(--e5)}.barra-texto{max-width:none;font-size:.8125rem}}

/* botões */
.botao{display:inline-flex;align-items:center;justify-content:center;min-height:var(--e7);padding:var(--e15) var(--e3);background:var(--azul);color:var(--branco);font:inherit;font-weight:700;font-size:1.0625rem;line-height:1.2;text-align:center;text-decoration:none;border:2px solid var(--azul);border-radius:var(--raio);cursor:pointer;transition:background .15s,border-color .15s}
.botao:hover{background:var(--azul-escuro);border-color:var(--azul-escuro)}
.botao[disabled]{opacity:.6;cursor:progress}
.botao-sec{background:var(--branco);color:var(--azul)}
.botao-sec:hover{background:var(--azul-claro);border-color:var(--azul)}
.botao-sec:hover{color:var(--azul-escuro)}
@media (max-width:599px){.botao{width:100%}}
.botao-texto{background:none;border:0;padding:var(--e1) 0;font:inherit;font-size:.9375rem;font-weight:600;color:var(--azul-escuro);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:var(--e5);display:inline-flex;align-items:center;text-align:left}

/* o teste: cartão, uma pergunta por tela */
.sec-teste{background:var(--papel)}
.coluna-teste{max-width:var(--coluna);margin:0 auto;padding:0}
.teste-intro{padding:var(--e5) var(--e2) var(--e2);font-size:1.5rem;line-height:1.2;max-width:720px}
.e-teste .teste-intro,.e-resultado .teste-intro{display:none}
.sec-teste{padding-bottom:var(--e5)}
.e-teste .sec-teste,.e-resultado .sec-teste{padding-bottom:0}
.teste-grade{display:grid;grid-template-columns:minmax(0,1fr)}
.cartao{background:var(--branco);border-bottom:1px solid var(--linha);padding:var(--e15) var(--e2) var(--e2)}
.cartao-topo{display:flex;justify-content:space-between;align-items:baseline;gap:var(--e2);min-height:var(--e3);font-size:.8125rem;line-height:1.4;color:var(--texto-suave)}
.selo{font-weight:700;color:var(--texto)}
.trocar{position:relative;background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--azul-escuro);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.trocar::after{content:"";position:absolute;inset:calc(var(--e15) * -1) calc(var(--e1) * -1)}
.contador{margin-left:auto;font-variant-numeric:tabular-nums}
.segmentos{display:flex;gap:var(--e05);margin:var(--e1) 0 var(--e1)}
.seg{flex:1;height:4px;border-radius:2px;background:var(--linha);transition:background .2s}
.seg.feito{background:var(--azul)}
.seg.atual{background:var(--azul-medio)}
.teste-pergunta{font-size:1.375rem}
.e-teste .teste-pergunta,.e-resultado .teste-pergunta{font-size:1.5rem}
.cartao-corpo h2:focus{outline:none}
.lead{margin-top:var(--e1);font-size:1.0625rem;font-weight:600;line-height:1.35}
.opcoes{display:grid;gap:var(--e05);margin-top:var(--e1)}
.opcao{display:flex;align-items:center;justify-content:space-between;gap:var(--e2);width:100%;min-height:54px;padding:var(--e1) var(--e2);font:inherit;font-size:1rem;font-weight:600;line-height:1.3;text-align:left;color:var(--texto);background:var(--branco);border:1px solid var(--borda-campo);border-radius:var(--raio);cursor:pointer;transition:background .12s,border-color .12s,color .12s}
.cartao.compacta .opcao{min-height:48px}
.opcao::after{content:"\203A";font-size:1.5rem;line-height:1;font-weight:400;color:var(--texto-suave)}
.opcao:hover{background:var(--azul-claro);border-color:var(--azul)}
.opcao.marcada{background:var(--azul);border-color:var(--azul);color:var(--branco)}
.opcao.marcada::after{color:var(--branco)}
.cartao-pe{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e1) var(--e2);margin-top:var(--e1)}
.cartao-pe .botao-texto{min-height:var(--e5)}
.sem-cadastro{font-size:.8125rem;line-height:1.4;color:var(--texto-suave)}
.sem-js{margin-top:var(--e3);display:grid;gap:var(--e2)}
html:not(.js) .cartao-topo,html:not(.js) .segmentos,html:not(.js) .lead,html:not(.js) .opcoes,html:not(.js) .cartao-pe{display:none}
.js:not(.pronto) .cartao-corpo{visibility:hidden}
.cartao-corpo.saindo{opacity:0;transform:translateX(-8px);transition:opacity .14s ease,transform .14s ease}
.cartao-corpo.entrando{animation:entra .2s ease both}
@keyframes entra{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}

/* a ficha que se preenche, só em tela larga */
.ficha{display:none}

@media (min-width:600px){
  .coluna-teste{padding:0 var(--e3) var(--e6)}
  .e-teste .coluna-teste,.e-resultado .coluna-teste{padding-top:var(--e4)}
  .cartao{border:1px solid var(--linha);border-radius:var(--raio);padding:var(--e3)}
  .teste-pergunta{font-size:1.5rem}
  .e-teste .teste-pergunta,.e-resultado .teste-pergunta{font-size:1.625rem}
  .teste-intro{padding:var(--e6) 0 var(--e3)}
}
@media (min-width:900px){
  .coluna-teste{padding:0 var(--e5) var(--e8)}
  .e-teste .coluna-teste,.e-resultado .coluna-teste{padding-top:var(--e6)}
  .teste-intro{padding:var(--e8) 0 var(--e4);font-size:2rem}
  .teste-grade{grid-template-columns:minmax(0,640px) minmax(0,320px);gap:var(--e6);justify-content:start;align-items:start}
  .teste-pergunta{font-size:1.75rem}
  .e-teste .teste-pergunta,.e-resultado .teste-pergunta{font-size:2rem}
  .lead{font-size:1.25rem}
  .ficha{display:block;background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);padding:var(--e3)}
  .ficha-tit{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-suave);padding-bottom:var(--e15);border-bottom:1px solid var(--linha)}
  .ficha-id{display:grid;gap:var(--e05);padding:var(--e15) 0;border-bottom:1px solid var(--linha);font-size:.8125rem}
  .ficha-id div{display:flex;justify-content:space-between;gap:var(--e2)}
  .ficha-id dt{color:var(--texto-suave)}
  .ficha-id dd{font-weight:700;font-variant-numeric:tabular-nums}
  .ficha-linhas{display:grid;margin-top:var(--e1)}
  .ficha-linhas li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--e2);min-height:var(--e5);padding:var(--e1) 0;border-bottom:1px dotted var(--borda-campo);font-size:.8125rem}
  .ficha-campo{color:var(--texto-suave)}
  .ficha-valor{font-weight:700;text-align:right;color:var(--azul-escuro)}
  .ficha-linhas .preenchida .ficha-valor{animation:entra .24s ease both}
}

/* a folha de resultado */
.folha{background:var(--branco);border-bottom:1px solid var(--linha);padding:var(--e2) var(--e2) var(--e4)}
@media (min-width:600px){.folha{border:1px solid var(--linha);border-radius:var(--raio);padding:var(--e3);margin:var(--e4) var(--e3) var(--e6)}}
@media (min-width:900px){.folha{max-width:960px;margin:var(--e6) auto var(--e8);padding:var(--e4)}}
.folha-cab{font-size:.75rem;font-weight:700;line-height:1.6;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-suave);padding-bottom:var(--e15);border-bottom:1px solid var(--linha)}
.folha-cab:focus{outline:none}
.folha-cab>span{white-space:nowrap}
.cod{font-variant-numeric:tabular-nums;letter-spacing:.12em;white-space:nowrap}
.folha-grade{display:grid;gap:var(--e3)}
@media (min-width:900px){.folha-grade{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--e6);align-items:start}}
.folha-numeros{padding-top:var(--e3)}
.numero-valor{font-size:3.5rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--azul);font-variant-numeric:tabular-nums}
.numero-rotulo{margin-top:var(--e1);font-size:.9375rem;font-weight:600;line-height:1.4;max-width:320px}
.numero-escala{margin-top:var(--e05);font-size:.9375rem;color:var(--texto-suave)}
.horas{margin-top:var(--e3);display:grid;gap:var(--e15);border-top:1px solid var(--linha);padding-top:var(--e2)}
.hora-tit{font-size:.9375rem;line-height:1.45}
.conta{font-size:.8125rem;line-height:1.45;color:var(--texto-suave)}
.perda{margin-top:var(--e05);font-size:.8125rem;font-weight:600;color:var(--ambar)}
.nota-conta{font-size:.8125rem;line-height:1.45;color:var(--texto-suave)}
.frentes{border-top:1px solid var(--linha)}
@media (min-width:900px){.frentes{margin-top:var(--e3)}}
.frente{display:grid;grid-template-columns:var(--e3) minmax(0,1fr);gap:var(--e15);padding:var(--e15) 0;border-bottom:1px solid var(--linha)}
.marcador{display:block;line-height:0;padding-top:var(--e05)}
.est-0 .marcador{color:var(--texto-suave)}
.est-1 .marcador{color:var(--ambar)}
.est-2 .marcador{color:var(--azul)}
.frente-tit{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e1);font-size:1.0625rem;line-height:1.4}
.chip{display:inline-block;padding:0 var(--e1);font-size:.75rem;font-weight:700;line-height:1.7;border-radius:var(--e05)}
.est-0 .chip{border:1px solid var(--borda-campo);color:var(--texto-suave)}
.est-1 .chip{background:var(--ambar-fundo);border:1px solid var(--ambar-linha);color:var(--ambar)}
.est-2 .chip{background:var(--azul);border:1px solid var(--azul);color:var(--branco)}
.frente-linha{margin-top:var(--e05);font-size:.9375rem;line-height:1.45}
.frente-resolver{margin-top:var(--e05);font-size:.9375rem;line-height:1.45;font-weight:600}
.frente-norma{margin-top:var(--e1);font-size:.8125rem;line-height:1.45;color:var(--texto-suave)}
.frente-norma a,.art14 a,.fonte a{font-weight:600;color:var(--azul-escuro)}
.folha-acao{margin-top:var(--e4);padding-top:var(--e3);border-top:2px solid var(--azul)}
.secundarias{display:grid;gap:0;margin-top:var(--e2)}
.recolhidos{display:grid;margin-top:var(--e3);border-top:1px solid var(--linha)}
.recolhe{border-bottom:1px solid var(--linha)}
.recolhe summary{display:flex;align-items:center;justify-content:space-between;min-height:var(--e6);font-weight:700;cursor:pointer;list-style:none}
.recolhe summary::-webkit-details-marker{display:none}
.recolhe summary::after{content:"+";font-size:1.5rem;font-weight:400;color:var(--azul-escuro)}
.recolhe[open] summary::after{content:"\2212"}
.recolhe-corpo{padding:0 0 var(--e2);display:grid;gap:var(--e15);font-size:.9375rem}
.resolver,.perguntas-ti{display:grid;gap:var(--e1);list-style:decimal;padding-left:var(--e3)}
.art14{font-size:.875rem;color:var(--texto-suave)}
.copiado{font-size:.8125rem;color:var(--texto-suave)}
.refazer{margin-top:var(--e2)}
.js .montando [data-passo]:not(.montado){opacity:0;transform:translateY(8px)}
.js [data-passo]{transition:opacity .24s ease,transform .24s ease}

/* o contato: o WhatsApp e o formulário com o mesmo peso; os dois modos (contato e orçamento) moram na mesma seção */
.sec-contato{padding:var(--e5) 0 var(--e6)}
@media (min-width:900px){.sec-contato{padding:var(--e8) 0}}
.modo{display:grid;gap:var(--e3)}
.modo+.modo{margin-top:var(--e5)}
.modo h2{font-size:1.5rem;max-width:720px}
@media (min-width:900px){.modo h2{font-size:2rem}}
.modo h2:focus,.modo h3:focus{outline:none}
.form-texto{font-size:1.0625rem;line-height:1.55;max-width:640px;color:var(--texto-suave)}
.vias{display:grid;gap:var(--e3)}
@media (min-width:900px){.vias{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--e4);align-items:stretch}}
.via{display:grid;gap:var(--e2);align-content:start;background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);padding:var(--e3)}
@media (min-width:900px){.via{padding:var(--e4)}}
.via-rotulo{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-suave)}
.via-nota{font-size:.9375rem;line-height:1.5;color:var(--texto-suave)}
.via .form-pedido{margin-top:0}
.na-folha .vias{grid-template-columns:minmax(0,1fr)}
.na-folha .via{background:var(--papel)}
.depois{display:grid;gap:var(--e1);max-width:720px}
.depois h3{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-suave)}
.depois ol{display:grid;gap:var(--e1);list-style:decimal;padding-left:var(--e3);font-size:1rem}
.form-pedido{display:grid;gap:var(--e2);margin-top:var(--e1)}
.etapa{display:grid;gap:var(--e2)}
.passo{display:flex;align-items:center;justify-content:space-between;gap:var(--e2);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-suave)}
.passo:focus{outline:none}
.uma-etapa .passo,.uma-etapa #continuar{display:none}
.uma-etapa{gap:var(--e2)}
#etapa-1+#etapa-2{margin-top:0}
.grupo legend{font-weight:700;font-size:.9375rem;margin-bottom:var(--e1)}
.toques{display:grid;gap:var(--e1)}
.toques-2{grid-template-columns:1fr 1fr}
.toques-5{grid-template-columns:repeat(5,1fr)}
.toques label{position:relative;display:block}
.toques input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.toques span:not(.somente-leitor){display:flex;align-items:center;justify-content:center;min-height:var(--e6);padding:0 var(--e1);border:1px solid var(--borda-campo);border-radius:var(--raio);background:var(--branco);font-size:.9375rem;font-weight:600;text-align:center;transition:background .12s,color .12s}
.toques input:checked+span{background:var(--azul);border-color:var(--azul);color:var(--branco)}
.toques input:focus-visible+span{outline:3px solid var(--azul);outline-offset:3px}
.campo{display:grid;gap:var(--e1)}
.campo label{font-weight:700;font-size:.9375rem}
.campo input{font:inherit;font-size:1.0625rem;min-height:var(--e7);padding:0 var(--e2);border:1px solid var(--borda-campo);border-radius:var(--raio);background:var(--branco);color:var(--texto);width:100%}
.campo input:focus{outline:3px solid var(--azul);outline-offset:1px;border-color:var(--azul)}
.campo input[aria-invalid="true"]{border-width:2px;border-color:var(--azul-escuro)}
.telefone{display:grid;grid-template-columns:auto 1fr;gap:var(--e1)}
.telefone .ddi{display:flex;align-items:center;min-height:var(--e7);padding:0 var(--e2);border:1px solid var(--borda-campo);border-radius:var(--raio);background:var(--papel);font-weight:600;font-size:1.0625rem}
.consentimento{display:grid;grid-template-columns:var(--e3) 1fr;gap:var(--e15);align-items:start;font-size:.875rem;line-height:1.5;color:var(--texto-suave)}
.consentimento input{width:var(--e3);height:var(--e3);margin:0;accent-color:var(--azul)}
.consentimento a{color:var(--azul-escuro);font-weight:600}
.armadilha{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.erro{color:var(--azul-escuro);font-weight:700;font-size:.9375rem}
.erro:empty{display:none}
/* seções de apoio: o fundo alterna por posição, definida em beconnect.js (data-fundo) */
.sec-bloco{padding:var(--e5) 0;background:var(--branco)}
@media (min-width:900px){.sec-bloco{padding:var(--e8) 0}}
[data-fundo="papel"]{background:var(--papel)}
[data-fundo="branco"]{background:var(--branco)}
.sec-bloco h2{font-size:1.5rem;max-width:720px}
@media (min-width:900px){.sec-bloco h2{font-size:2rem}}
html:not(.js) .so-js,html:not(.js) #cena{display:none}
.apoio-link{margin-top:var(--e3);font-size:.9375rem;color:var(--texto-suave)}
.apoio-link a,.contato-linha a{font-weight:600;color:var(--azul-escuro)}
.contato-linha{margin-top:var(--e3);font-size:.9375rem;color:var(--texto-suave)}
.contato-linha a{display:inline;padding:.5rem 0}

/* o teste como segunda porta, sobre fundo branco: cartão e folha em papel, com borda */
.sec-teste[data-fundo="branco"] .cartao,.sec-teste[data-fundo="branco"] .folha,.sec-teste[data-fundo="branco"] .ficha{background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio)}
@media (max-width:599px){.sec-teste[data-fundo="branco"] .cartao,.sec-teste[data-fundo="branco"] .folha{margin-left:var(--e2);margin-right:var(--e2)}}

/* a primeira dobra: a manchete da entrada, a cena do anúncio, a chamada */
.sec-hero{background:var(--azul-claro);border-bottom:1px solid var(--linha)}
.hero-grade{display:grid;gap:var(--e2);padding-top:var(--e2);padding-bottom:var(--e3)}
.hero-texto{display:contents}
.hero-texto h1{order:1;font-size:1.75rem;line-height:1.15;letter-spacing:-.015em}
.cena{order:2;margin:var(--e05) 0;border-radius:var(--raio);overflow:hidden;border:1px solid var(--azul-medio);background:var(--preto);color:var(--branco);font-size:.875rem}
.hero-sub{order:3;font-size:1.0625rem;line-height:1.55;color:var(--texto-suave)}
.hero-acao{order:4;margin-top:var(--e05)}
.hero-nota{order:5;font-size:.875rem;line-height:1.45;color:var(--texto-suave)}
.js:not(.pronto) .hero-texto{visibility:hidden}
.cena-img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.cena{position:relative}
.cena-ok{position:absolute;left:0;top:0;height:100%;opacity:0;transition:opacity .6s ease}
.cena-ok.entra,.cena-ok.ja{opacity:1}
.cena-ok.ja{transition:none}
@media (min-width:900px){
  .hero-grade{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--e6);align-items:center;padding-top:var(--e6);padding-bottom:var(--e6)}
  .hero-texto{display:grid;gap:var(--e3);align-content:center}
  .hero-texto h1,.hero-sub,.hero-acao,.hero-nota{order:0}
  .hero-texto h1{font-size:2.5rem}
  .hero-sub{font-size:1.125rem}
  .cena{order:0;margin:0}
  .cena-img{aspect-ratio:25/16}
}

.apoio{margin-top:var(--e2);font-size:1.0625rem;color:var(--texto-suave);max-width:640px}
.olha{margin-top:var(--e3);max-width:720px;border-bottom:1px solid var(--linha)}
.olha>div{display:grid;grid-template-columns:minmax(0,104px) minmax(0,1fr);gap:var(--e2);padding:var(--e15) 0;border-top:1px solid var(--linha)}
.olha dt{font-weight:700}
.quem{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e3);align-items:start;margin-top:var(--e4);max-width:720px}
.retrato{width:96px;aspect-ratio:4/5;background:var(--claro);border:1px solid var(--linha);border-radius:var(--raio)}
.quem-texto{display:grid;gap:var(--e05);font-size:.9375rem}
.rotulo{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-suave)}
.nome{font-size:1.25rem;font-weight:700;line-height:1.3}
.onde{margin-top:var(--e1);color:var(--texto-suave)}
.s7-grade{display:grid;gap:var(--e4)}
.s7-grade .olha{margin-top:var(--e3)}
.s7-grade .quem{margin-top:0;max-width:none;background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);padding:var(--e3)}
.sec-bloco[data-fundo="papel"] .s7-grade .quem{background:var(--branco)}
@media (min-width:900px){.s7-grade{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--e8);align-items:start}.s7-grade .quem{padding:var(--e4);margin-top:var(--e3)}}
.quem.com-retrato{grid-template-columns:96px minmax(0,1fr)}
@media (min-width:900px){.quem.com-retrato{grid-template-columns:128px minmax(0,1fr)}.retrato{width:128px}}

.relatorio{margin-top:var(--e3);background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;max-width:880px}
.relatorio figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--e05) var(--e2);padding:var(--e15) var(--e2);background:var(--papel);border-bottom:1px solid var(--linha)}
.marca-exemplo{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--azul-escuro)}
.nota-ficticio{font-size:.75rem;color:var(--texto-suave)}
.relatorio table{border-collapse:collapse;width:100%;font-size:.8125rem;font-variant-numeric:tabular-nums}
.relatorio th{padding:var(--e1) var(--e15);text-align:left;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-suave);border-bottom:1px solid var(--linha)}
.relatorio td{padding:var(--e15);border-bottom:1px solid var(--linha);word-break:break-word}
.relatorio .pesa td{background:var(--azul-claro)}
.relatorio .pesa strong{color:var(--azul-escuro)}
.legenda{padding:var(--e15) var(--e2);font-size:.8125rem;line-height:1.5;color:var(--texto-suave)}
@media (max-width:719px){
  .relatorio thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .relatorio tr{display:grid;grid-template-columns:auto auto minmax(0,1fr);column-gap:var(--e15);row-gap:var(--e05);padding:var(--e15) var(--e2);border-bottom:1px solid var(--linha)}
  .relatorio td{display:block;padding:0;border:0;background:none!important;font-size:.875rem}
  .relatorio .pesa{background:var(--azul-claro)}
  .relatorio td:nth-child(1){grid-area:1/1}
  .relatorio td:nth-child(2){grid-area:1/2;font-weight:700}
  .relatorio td:nth-child(5){grid-area:1/3;justify-self:end;font-weight:700}
  .relatorio td:nth-child(3){grid-area:2/1}
  .relatorio td:nth-child(4){grid-area:2/2/3/4;color:var(--texto-suave)}
  .relatorio tbody tr:last-child{border-bottom:0}
}

.objecoes{display:grid;gap:var(--e4);max-width:960px}
.objecao{display:grid;gap:var(--e2);align-content:start}
.objecao h2{font-size:1.375rem}
.objecao p{font-size:1.0625rem;color:var(--texto-suave)}
.objecao+.objecao{border-top:1px solid var(--linha);padding-top:var(--e4)}
@media (min-width:900px){.objecoes{grid-template-columns:1fr 1fr;gap:var(--e8)}.objecao h2{font-size:1.5rem}.objecao+.objecao{border-top:0;padding-top:0}}

.ancora{display:block;height:0}
.itens{display:grid;gap:var(--e15);margin-top:var(--e3);max-width:720px}
.itens li{border-top:3px solid var(--azul);padding-top:var(--e15);font-size:1.125rem;font-weight:700;line-height:1.3}
@media (min-width:900px){.itens{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e4);max-width:960px}}
.convite{margin-top:var(--e4);max-width:640px}
.norma{margin-top:var(--e3);max-width:720px;counter-reset:n;border-bottom:1px solid var(--linha)}
.norma li{counter-increment:n;position:relative;padding:var(--e15) 0 var(--e15) var(--e5);border-top:1px solid var(--linha);font-size:1.0625rem}
.norma li::before{content:counter(n);position:absolute;left:0;top:var(--e15);font-weight:700;font-variant-numeric:tabular-nums;color:var(--azul)}
.prazos{margin-top:var(--e4);max-width:720px}
.prazos h3{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-suave)}
.prazos dl{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--e2);margin-top:var(--e15)}
.prazos dl>div{border-top:3px solid var(--azul);padding-top:var(--e1)}
.prazos dt{font-size:.875rem;color:var(--texto-suave)}
.prazos dd{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}
.fonte{margin-top:var(--e3)}
.fonte a{display:inline-flex;align-items:center;min-height:var(--e5)}

/* rodapé: o único bloco escuro */
.rodape{background:var(--preto);color:var(--claro);padding:var(--e5) 0;font-size:.875rem}
.rodape-in{display:grid;gap:var(--e3)}
.rodape img{width:128px;height:auto;aspect-ratio:560/189}
.rodape p{max-width:640px;line-height:1.6}
.rodape nav{display:flex;flex-wrap:wrap;gap:0 var(--e3)}
.rodape a{min-height:var(--e6);display:inline-flex;align-items:center;color:var(--branco)}
.rodape :focus-visible{outline-color:var(--branco)}

/* obrigado e privacidade */
.pagina-simples{background:var(--papel)}
.obrigado{padding:var(--e8) 0;min-height:60vh;display:flex;align-items:center}
.obrigado .miolo{max-width:640px;display:grid;gap:var(--e3);justify-items:start}
.obrigado h1{font-size:2rem}
.obrigado p{font-size:1.125rem;color:var(--texto-suave)}
.texto-legal{padding:var(--e8) 0}
.texto-legal .miolo{max-width:720px;display:grid;gap:var(--e3)}
.texto-legal h1{font-size:2rem}
.texto-legal h2{font-size:1.25rem;margin-top:var(--e2)}
.texto-legal p,.texto-legal li{color:var(--texto-suave)}
.texto-legal ul{display:grid;gap:var(--e1);list-style:disc;padding-left:var(--e3)}
.texto-legal a{color:var(--azul-escuro);font-weight:600}

/* consentimento de cookies: barra baixa, os dois botões com o mesmo peso */
.banner-cookies{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--branco);color:var(--texto);border-top:3px solid var(--azul);padding:var(--e1) var(--e2) var(--e1);display:grid;gap:var(--e05);font-size:.8125rem;line-height:1.3}
.banner-cookies a{color:var(--azul-escuro);font-weight:700}
.opcoes-cookies{display:grid;grid-template-columns:1fr 1fr;gap:var(--e1)}
.botao-cookies{font:inherit;font-weight:700;min-height:38px;padding:0 var(--e2);background:var(--branco);color:var(--azul-escuro);border:2px solid var(--azul);border-radius:var(--raio);cursor:pointer}
.botao-cookies:hover{background:var(--azul-claro)}
@media (min-width:700px){
  .banner-cookies{grid-template-columns:1fr auto;align-items:center;padding:var(--e2) var(--e5);font-size:.875rem}
  .opcoes-cookies{grid-template-columns:repeat(2,minmax(160px,1fr))}
  .com-banner body{padding-bottom:var(--e10)}
}

@media print{
  .barra,.rodape,.banner-cookies,.secundarias,.refazer,.folha-acao,.cartao,.ficha,.botao-texto,.recolhe summary::after{display:none!important}
  body{background:var(--branco);display:block}
  main>section:not(#S3){display:none!important}
  .com-banner body{padding-bottom:0}
  .folha{border:0;padding:0;margin:0}
  .js .montando [data-passo]:not(.montado){opacity:1;transform:none}
  .recolhe summary{font-size:1rem}
  a{text-decoration:none}
}

/* a sincronização: o mesmo arquivo no computador e na nuvem */
.sincronia{margin-top:var(--e3);display:grid;grid-template-columns:1fr;gap:var(--e15);align-items:stretch;max-width:640px}
.sincronia .lado{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);padding:var(--e15) var(--e2)}
.sincronia .lado-tit{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-suave)}
.sincronia .arquivo{margin-top:var(--e1);font-size:.9375rem;font-variant-numeric:tabular-nums}
.sincronia .arquivo.ruim{font-weight:700;color:var(--ambar)}
.sincronia .seta{justify-self:center;font-weight:700;color:var(--azul);transform:rotate(90deg)}
@media (min-width:640px){.sincronia{grid-template-columns:1fr auto 1fr}.sincronia .seta{align-self:center;transform:none}}
.sincronia-leg{margin-top:var(--e1);font-size:.9375rem;color:var(--texto-suave)}

/* objeção do TI primeiro (?etapa=prova&abre=S5): a borda acompanha a ordem visual */
@media (max-width:899px){.troca .objecao+.objecao{border-top:0;padding-top:0}.troca .objecao:first-child{border-top:1px solid var(--linha);padding-top:var(--e4);order:1}}
@media (min-width:900px){.troca .objecao:first-child{order:1}}

.campos-par{display:grid;gap:var(--e2)}

/* o rótulo do arquivo travado, ao lado do nome */
.arquivo-rotulo{display:inline-block;margin-left:var(--e1);padding:0 var(--e1);font-size:.75rem;font-weight:700;line-height:1.7;color:var(--ambar);background:var(--ambar-fundo);border:1px solid var(--ambar-linha);border-radius:var(--e05)}

/* o contato em tela larga: o WhatsApp e a lista à esquerda, o formulário à direita; em tela estreita, um embaixo do outro e a lista no fim */
@media (min-width:900px){
  .modo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--e4);align-items:start}
  .modo>h2,.modo>.form-texto{grid-column:1/-1}
  .vias{display:contents}
  .via-wa{grid-column:1;grid-row:3}
  .via-form{grid-column:2;grid-row:3/span 2}
  .depois{grid-column:1;grid-row:4;margin-top:var(--e1)}
  .na-folha{grid-template-columns:minmax(0,1fr)}
  .na-folha .via-wa,.na-folha .via-form{grid-column:1;grid-row:auto}
  .campos-par{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .modo{grid-template-rows:auto auto auto 1fr}
  .campos-fone{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
  #modo-orcamento .via-wa{grid-row:3/span 2}
}