/* Landing do Simulado Saeb · Consultoria HL
   Direção: a página é a folha de resposta do simulado (taste-skill, "page-is-the-object", seed 1622585734).
   Cores e fontes da marca (marca-em-movimento/MANUAL.md): marinho, papel, laranja; Fraunces e IBM Plex Sans. */

@font-face{font-family:'Fraunces';src:url(fontes/fraunces-latin.woff2) format('woff2');font-weight:300 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces';src:url(fontes/fraunces-latin-ext.woff2) format('woff2');font-weight:300 900;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plex';src:url(fontes/plex-400-latin.woff2) format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plex';src:url(fontes/plex-400-latin-ext.woff2) format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plex';src:url(fontes/plex-600-latin.woff2) format('woff2');font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plex';src:url(fontes/plex-600-latin-ext.woff2) format('woff2');font-weight:600;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --marinho:#111c33;  /* o chão */
  --marinho-2:#17253f;/* um degrau de tom, para separar campos sem linha */
  --papel:#f5f1e8;    /* a folha */
  --papel-2:#e9e2d2;  /* o degrau da folha */
  --laranja:#f08a3a;  /* o acento: o botão e a bolha marcada */
  --tinta:#111c33;    /* texto sobre o papel */
  --tinta-suave:#46506a;
  --claro:#f5f1e8;    /* texto sobre o marinho */
  --claro-suave:#c8c6c0;

  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --sans:'Plex','IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;

  /* cinco tamanhos: exibição, título, frase, texto, nota */
  --t-exib:clamp(48px,7.4vw,124px);
  --t-tit:clamp(32px,3.6vw,54px);
  --t-frase:clamp(20px,1.7vw,26px);
  --t-texto:18px;
  --t-nota:15px;

  --margem:clamp(16px,3.2vw,48px);
  --entre:clamp(112px,13vw,200px);
  --sai:cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--marinho);color:var(--claro);font:400 var(--t-texto)/1.55 var(--sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:400;font-variation-settings:'SOFT' 34,'WONK' 1,'opsz' 120;letter-spacing:-.02em;line-height:1.02;text-wrap:balance}
p{margin:0}
:focus-visible{outline:3px solid var(--laranja);outline-offset:3px}
::selection{background:var(--laranja);color:var(--marinho)}

.pular{position:absolute;left:var(--margem);top:12px;background:var(--papel);color:var(--tinta);padding:10px 16px;z-index:10;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.pular:focus{clip-path:none;width:auto;height:auto}

.grade{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,2vw,28px);padding-inline:var(--margem);max-width:1600px;margin-inline:auto}

/* o único botão: retângulo laranja, texto marinho */
.botao{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;background:var(--laranja);color:var(--marinho);font:600 var(--t-texto)/1 var(--sans);text-decoration:none;border:0;cursor:pointer;transition:transform .18s var(--sai),background-color .18s}
.botao:hover{background:#f59a52}
.botao:active{transform:translateY(1px) scale(.98)}
.link{color:inherit;font-weight:600;text-underline-offset:4px;text-decoration-thickness:2px;transition:color .18s}
.link:hover{color:var(--laranja)}

/* ---------- TOPO: a folha de resposta e, ao lado, o vídeo ---------- */
.topo{background:var(--marinho);padding:clamp(16px,3vw,40px) var(--margem) clamp(64px,8vw,112px)}
.topo-grade{max-width:1600px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(24px,3.4vw,56px);align-items:center;min-height:min(calc(100svh - 32px),940px)}
.folha{background:var(--papel);color:var(--tinta);padding:clamp(24px,2.6vw,40px);display:grid;row-gap:clamp(18px,2.6svh,30px);
  /* a borda de cima picotada, como a folha destacada do caderno de prova */
  -webkit-mask:radial-gradient(circle 5px at 10px 0,#0000 98%,#000) 0 0/20px 100% repeat-x; /* taste-skill-ignore: máscara que recorta a borda, não é preenchimento */
          mask:radial-gradient(circle 5px at 10px 0,#0000 98%,#000) 0 0/20px 100% repeat-x} /* taste-skill-ignore: máscara que recorta a borda, não é preenchimento */
.folha-titulo{font-size:var(--t-exib);font-weight:500;letter-spacing:-.035em;line-height:.92}
.folha-titulo span{display:block}
.folha-frase{font-size:var(--t-frase);line-height:1.35}
.folha-campos{margin:0;display:grid;font-size:var(--t-texto);line-height:1.25}
.folha-campos div{display:grid;grid-template-columns:7.2em 1fr;column-gap:12px;padding:8px 0;border-bottom:4px solid var(--papel-2)}
.folha-campos dt{color:var(--tinta-suave);font-size:var(--t-nota);line-height:1.6}
.folha-campos dd{margin:0;font-family:var(--serif)}
.folha-pe{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.folha-logo{width:130px}

/* ---------- O VÍDEO, no topo ---------- */
.video-titulo{font-size:var(--t-tit);color:var(--claro);max-width:22ch}
.video-quadro{margin-top:clamp(18px,2.4vw,28px);position:relative;aspect-ratio:16/9;background:var(--marinho-2)}
.video-play{position:absolute;inset:0;display:block;color:inherit}
.video-play img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--sai),filter .3s}
.video-play:hover img{transform:scale(1.015);filter:brightness(.92)}
.video-play:focus-visible{outline:3px solid var(--laranja);outline-offset:4px}
.video-icone{position:absolute;left:24%;top:56%;width:clamp(76px,7vw,112px);aspect-ratio:1;border-radius:50%;background:var(--laranja);transform:translate(-50%,-50%);transition:transform .25s var(--sai)}
.video-icone::after{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:clamp(13px,1.2vw,19px) 0 clamp(13px,1.2vw,19px) clamp(22px,2vw,32px);border-color:transparent transparent transparent var(--marinho)}
.video-play:hover .video-icone{transform:translate(-50%,-50%) scale(1.07)}
.video-dur{position:absolute;left:0;bottom:0;background:var(--marinho);color:var(--claro);padding:12px 18px;font-weight:600;font-size:var(--t-nota)}
.video-nota{margin-top:16px;font-size:var(--t-nota);color:var(--claro-suave);max-width:62ch}
.video-quadro iframe,.video-quadro video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}

/* ---------- RECURSOS: o dinheiro em jogo ---------- */
.intro{background:var(--papel);color:var(--tinta);padding-block:clamp(96px,10vw,140px) clamp(96px,9vw,120px)}
.intro-cima{align-items:end}
.intro-titulo{grid-column:1 / span 8;font-size:var(--t-exib);font-weight:300}
.intro-nota{grid-column:9 / span 4;font-size:var(--t-texto)}
.intro-fatos{list-style:none;margin:clamp(72px,8vw,120px) auto 0;display:flex;justify-content:space-between;gap:24px}
.intro-fatos li{display:grid;row-gap:8px;max-width:15em}
.intro-fatos strong{font:400 var(--t-tit)/1 var(--serif);letter-spacing:-.02em}
.intro-fatos li:first-child strong{color:#b85a14}
.intro-fatos span{font-size:var(--t-nota);color:var(--tinta-suave)}
.intro-acao,.proposta-acao{margin-top:clamp(48px,6vw,80px)}
.intro-acao .botao,.proposta-acao .botao{grid-column:1 / span 4;justify-self:start}

/* ---------- AS PROPOSTAS: promessa e a tela que prova, alternando o lado ---------- */
.propostas{background:var(--marinho);padding-block:var(--entre)}
.proposta{align-items:center}
.proposta + .proposta{margin-top:clamp(96px,11vw,168px)}
.proposta-texto{grid-column:1 / span 5;display:grid;row-gap:20px}
.proposta-texto h2{font-size:var(--t-tit)}
.proposta-texto p{font-size:var(--t-frase);line-height:1.35;color:var(--claro-suave);max-width:30ch}
.proposta img{grid-column:7 / -1;width:100%;height:auto;background:#fff}
.proposta.virada .proposta-texto{grid-column:8 / -1;grid-row:1}
.proposta.virada img{grid-column:1 / span 6;grid-row:1}
/* a tela do VAAR é uma faixa larga: vai abaixo do texto, na largura toda, para dar para ler */
.proposta.larga .proposta-texto{grid-column:1 / span 7}
.proposta.larga img{grid-column:1 / -1;margin-top:clamp(32px,4vw,48px);padding:clamp(12px,1.6vw,24px)}

/* ---------- URGÊNCIA: um campo laranja ---------- */
.faixa{background:var(--laranja);color:var(--marinho);padding-block:clamp(80px,9vw,128px)}
.faixa-grade{align-items:end;row-gap:32px}
.faixa-titulo{grid-column:1 / span 7;font-size:var(--t-exib);font-weight:400}
.faixa-nota{grid-column:9 / span 4;font-size:var(--t-frase);line-height:1.35}
.faixa .botao{grid-column:1 / span 4;justify-self:start;background:var(--marinho);color:var(--claro)}
.faixa .botao:hover{background:#1d2c4c}

/* ---------- PROVA ---------- */
.prova{background:var(--papel);color:var(--tinta);padding-top:var(--entre);overflow:hidden}
.prova-cima{align-items:end}
.prova-titulo{grid-column:1 / span 7;font-size:var(--t-tit)}
.prova-nota{grid-column:9 / span 4;font-size:var(--t-texto)}
.prova-numeros{list-style:none;margin:clamp(48px,6vw,88px) auto 0;padding-block:0}
.prova-numeros li{grid-column:span 4;display:grid;row-gap:10px;align-content:start}
.prova-numeros strong{font:300 var(--t-exib)/.95 var(--serif);letter-spacing:-.04em}
.prova-numeros span{font-size:var(--t-texto);max-width:24ch}
/* a parede de logos, como no site institucional: cada logo num cartão branco, porque vários são JPG de fundo branco */
.logos-palco{margin-top:clamp(72px,8vw,120px);background:var(--marinho);color:var(--claro);padding:clamp(72px,8vw,120px) var(--margem)}
.logos-titulo{font-size:var(--t-tit);text-align:center;max-width:20ch;margin:0 auto}
.logos{--colunas:5;--vao:clamp(10px,1.6vw,20px);list-style:none;margin:clamp(40px,5vw,64px) auto 0;padding:0;max-width:1040px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--vao)}
.logos li{flex:0 0 calc((100% - (var(--colunas) - 1) * var(--vao)) / var(--colunas));position:relative;background:#fff;border-radius:20px;aspect-ratio:16/9}
.logos img{position:absolute;inset:10px 14px;width:calc(100% - 28px);height:calc(100% - 20px);object-fit:contain}
.logos-pe{margin-top:clamp(32px,4vw,48px);text-align:center;font-size:var(--t-texto);color:var(--claro-suave)}

/* ---------- DEPOIMENTO COMPACTO: cabe em qualquer seção; as cores do texto vêm da seção (papel ou marinho) ---------- */
.depo-mini{--capa:132px;margin:0;display:grid;grid-template-columns:var(--capa) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:clamp(16px,1.6vw,24px);row-gap:14px;align-items:start;max-width:40rem}
.depo-mini .depo-play{grid-row:1 / span 2;position:relative;display:block;aspect-ratio:9/16;background:var(--marinho);color:inherit}
.depo-mini .depo-play img{width:100%;height:100%;object-fit:cover;transition:filter .3s}
.depo-play:hover img{filter:brightness(.92)}
.depo-play:focus-visible{outline:3px solid var(--laranja);outline-offset:4px}
.depo-icone{position:absolute;left:50%;top:50%;width:44px;aspect-ratio:1;border-radius:50%;background:var(--laranja);transform:translate(-50%,-50%);transition:transform .25s var(--sai)}
.depo-icone::after{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent var(--marinho)}
.depo-play:hover .depo-icone{transform:translate(-50%,-50%) scale(1.08)}
.depo-dur{position:absolute;left:0;bottom:0;background:var(--marinho);color:var(--claro);padding:6px 10px;font-weight:600;font-size:var(--t-nota);line-height:1.2}
.depo-mini blockquote{grid-column:2;margin:0;font:400 clamp(18px,1.35vw,21px)/1.3 var(--serif);font-variation-settings:'SOFT' 34,'WONK' 1,'opsz' 48;text-wrap:pretty}
.depo-mini figcaption{grid-column:2;display:grid;row-gap:2px;font-size:var(--t-nota);line-height:1.4;color:var(--tinta-suave)}
.depo-mini figcaption strong{color:var(--tinta);font-size:var(--t-texto);font-weight:600}
.depo-ideb{justify-self:start;margin-top:10px;padding:4px 10px;background:var(--papel-2);color:var(--tinta);font-weight:600}
/* sobre o marinho (propostas e perguntas) o nome e o cargo passam para os tons claros; a etiqueta de IDEB segue em papel */
.propostas .depo-mini figcaption,.perguntas .depo-mini figcaption{color:var(--claro-suave)}
.propostas .depo-mini figcaption strong,.perguntas .depo-mini figcaption strong{color:var(--claro)}
.proposta-texto .depo-mini{margin-top:clamp(20px,2.4vw,32px)}
.intro-depo,.prova-depo{margin-top:clamp(56px,7vw,104px)}
.intro-depo .depo-mini{grid-column:1 / span 7}
.prova-depo .depo-mini{grid-column:4 / span 6}
.perguntas-depos{grid-column:9 / span 4;padding-top:var(--entre);display:grid;row-gap:clamp(48px,5vw,72px)}

/* a janela do depoimento: o player do Vimeo (9:16) criado ao abrir; Esc, o botão e o clique fora fecham */
.depo-janela{border:0;padding:0;margin:auto;background:transparent;color:var(--claro);max-width:none;max-height:none;overflow:visible}
.depo-janela::backdrop{background:rgba(17,28,51,.9)}
.depo-janela-corpo{display:grid;row-gap:12px;width:min(calc(100vw - 32px),calc(86svh * 9 / 16))}
.depo-janela-quadro{aspect-ratio:9/16;background:#000}
.depo-janela-quadro iframe{display:block;width:100%;height:100%;border:0}
body:has(.depo-janela[open]){overflow:hidden}
@media (prefers-reduced-motion:no-preference){
  .depo-janela[open]{animation:janela-abre .25s var(--sai)}
  .depo-janela[open]::backdrop{animation:janela-fundo .25s var(--sai)}
}
@keyframes janela-abre{from{opacity:0;transform:translateY(16px)}}
@keyframes janela-fundo{from{opacity:0}}

/* ---------- PERGUNTAS ---------- */
.perguntas{background:var(--marinho-2);padding-bottom:clamp(96px,10vw,140px);overflow:hidden}
.perguntas-grade{align-items:start}
.perguntas-texto{grid-column:1 / span 7;padding-top:var(--entre)}
.perguntas-titulo{font-size:var(--t-tit)}
.perguntas-fatos{list-style:none;margin:24px 0 40px;padding:0;display:grid;row-gap:6px;font-size:var(--t-texto)}
details{padding-block:14px}
details + details{margin-top:14px}
summary{cursor:pointer;list-style:none;font:400 var(--t-frase)/1.3 var(--serif);display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:44px;transition:color .18s}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:0 0 12px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-3px,-3px);transition:transform .25s var(--sai)}
details[open] summary::after{transform:rotate(225deg) translate(-3px,-3px)}
summary:hover{color:var(--laranja)}
details p{margin-top:12px;font-size:var(--t-texto);color:var(--claro-suave);max-width:46ch}
.perguntas-acoes{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;gap:24px}

/* ---------- O CARTÃO DE RESPOSTA ---------- */
.fale{background:var(--marinho);padding-top:clamp(96px,10vw,160px);overflow:hidden}
.fale-grade{align-items:end}
.fale-texto{grid-column:1 / span 4;font-size:var(--t-frase);line-height:1.35;margin-bottom:clamp(64px,8vw,120px)}
.cartao{grid-column:6 / -1;background:var(--papel);color:var(--tinta);padding:clamp(28px,3.4vw,48px);transform:rotate(1.6deg) translateY(60px);margin-bottom:0;display:grid;row-gap:18px}
.cartao h2{font-size:var(--t-tit);text-align:center;margin-bottom:6px}
.campo{display:grid;row-gap:6px;font-size:var(--t-nota);font-weight:600;color:var(--tinta-suave);position:relative}
.campo input,.campo select{font:400 var(--t-texto)/1.3 var(--sans);color:var(--tinta);background:var(--papel-2);border:0;padding:14px 14px;min-height:52px;width:100%;border-radius:0;appearance:none}
.campo select{background-image:none}
.campo input:focus,.campo select:focus{outline:3px solid var(--laranja);outline-offset:0}
.sugestoes{list-style:none;margin:0;padding:6px 0;position:absolute;left:0;right:0;top:100%;background:var(--papel);z-index:3;max-height:300px;overflow:auto;box-shadow:0 18px 40px rgba(17,28,51,.28)} /* taste-skill-ignore: lista suspensa, flutua de verdade */
.sugestoes li{padding:10px 14px;font-weight:400;color:var(--tinta);cursor:pointer}
.sugestoes li[aria-selected=true],.sugestoes li:hover{background:var(--papel-2)}
.ideb[hidden]{display:none}
.ideb{background:var(--marinho);color:var(--claro);padding:18px 20px;display:grid;row-gap:10px}
.ideb h3{font:400 var(--t-frase)/1.2 var(--serif)}
.ideb-linhas{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ideb-linhas div{display:grid;row-gap:2px}
.ideb-linhas b{font:400 var(--t-frase)/1.1 var(--serif)}
.ideb-linhas span{font-size:var(--t-nota);color:var(--claro-suave)}
.ideb p{font-size:var(--t-nota);color:var(--claro-suave)}
.botao-largo{width:100%;min-height:56px;background:var(--marinho);color:var(--claro)}
.botao-largo:hover{background:#1d2c4c}
.cartao-pe{text-align:center;font-size:var(--t-nota);color:var(--tinta-suave);padding-bottom:40px}

/* ---------- RODAPÉ: o verso da folha ---------- */
.verso{background:var(--marinho);padding:clamp(120px,12vw,180px) var(--margem) var(--margem)}
.verso-cartao{max-width:1240px;margin:0 auto;background:var(--papel);color:var(--tinta);padding:clamp(48px,5vw,72px) clamp(24px,4vw,64px) 28px;display:grid;grid-template-columns:1fr 1fr;column-gap:48px;row-gap:40px;
  -webkit-mask:radial-gradient(circle 50px at 50px 0,#0000 98%,#000) 0 0/100px 100% repeat-x; /* taste-skill-ignore: máscara que recorta a borda, não é preenchimento */
          mask:radial-gradient(circle 50px at 50px 0,#0000 98%,#000) 0 0/100px 100% repeat-x} /* taste-skill-ignore: máscara que recorta a borda, não é preenchimento */
.verso-logo{width:200px;margin-bottom:20px}
.verso-msg p{font-size:var(--t-texto);max-width:38ch}
.verso-contato{list-style:none;margin:0;padding:0;display:grid;row-gap:12px;font-size:var(--t-texto);align-content:start}
.verso-contato a{text-underline-offset:4px;transition:color .18s}
.verso-contato a:hover{color:#b85a14}
.verso-imprenta{grid-column:1 / -1;text-align:center;font-size:var(--t-nota);color:var(--tinta-suave)}

/* ---------- entradas (só com script; sem ele, tudo aparece) ---------- */
.js .entra{opacity:0;transform:translateY(24px);transition:opacity .7s var(--sai),transform .7s var(--sai);transition-delay:var(--atraso,0ms)}
.js .entra.visto{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .js .entra{opacity:1;transform:none;transition:none}
}

/* ---------- celular ---------- */
@media (max-width:900px){
  .topo-grade{grid-template-columns:1fr;row-gap:40px;min-height:0}
  .intro-titulo,.intro-nota,.prova-titulo,.prova-nota,.faixa-titulo,.faixa-nota{grid-column:1 / -1}
  .intro-nota,.prova-nota{margin-top:20px}
  .proposta-texto,.proposta img,.proposta.virada .proposta-texto,.proposta.virada img{grid-column:1 / -1;grid-row:auto}
  .proposta img{margin-top:32px}
  .proposta.larga .proposta-texto,.proposta.larga img{grid-column:1 / -1}
  .intro-acao .botao,.proposta-acao .botao,.faixa .botao{grid-column:1 / -1}
  .prova-numeros li{grid-column:1 / -1;margin-bottom:32px}
  .intro-depo .depo-mini,.prova-depo .depo-mini{grid-column:1 / -1}
  .fale-texto,.cartao{grid-column:1 / -1}
  .fale-texto{margin-bottom:40px}
  .cartao{transform:rotate(1deg) translateY(40px)}
  .verso-cartao{grid-template-columns:1fr;
    -webkit-mask-size:calc(100% / 6) 100%;mask-size:calc(100% / 6) 100%}
}
@media (max-width:700px){
  :root{--t-texto:17px}
  .topo{padding-top:16px}
  .folha{padding:28px 20px;row-gap:22px}
  .folha-titulo{font-size:clamp(52px,17vw,84px)}
  .folha-campos,.folha-logo{display:none}
  .folha-pe .botao{width:100%}
  .intro-fatos{display:grid;grid-template-columns:1fr 1fr;row-gap:32px}
  .intro-fatos li:last-child{grid-column:1 / -1}
  .intro-acao .botao,.proposta-acao .botao,.faixa .botao{width:100%}
  .depo-mini{--capa:104px}
  .logos{--colunas:3}
  .logos li{border-radius:14px}
  .logos img{inset:6px 8px;width:calc(100% - 16px);height:calc(100% - 12px)}
}

/* ---------- perguntas: abaixo de 1100px a coluna dos depoimentos passa para baixo das perguntas ---------- */
@media (max-width:1099px){
  .perguntas-texto,.perguntas-depos{grid-column:1 / -1}
  .perguntas-depos{padding-top:clamp(64px,8vw,96px);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,3vw,48px)}
}
@media (max-width:700px){
  .perguntas-depos{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .depo-play img,.depo-icone{transition:none}
}