/* Simulador do Laudo de Depreciação — estilo da página e das três páginas legais.
   Base: o precificador (tecnico/material/reforma-precos). Identidade da Audit
   Consult, não da AUDITLocOne: o vermelho do check no lugar do verde (pedido do
   Richard em 18/09/2026). Branco dominante, vermelho só como destaque, Poppins. */

:root{
  --marca:#d10a11;          /* o vermelho do check do logo; com branco dá 5,6:1 */
  --acao:#d10a11;
  --acao-escura:#a5070d;
  --marca-claro:#fdeced;
  --tinta:#1a1a1a;
  --tinta-2:#5c625c;
  --cinza:#9b9b9b;
  --cinza-2:#c9ccc6;
  --fundo:#ffffff;
  --superficie:#f5f6f5;
  --borda:#e4e7e4;
  --raio:16px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--tinta);
     font:400 16px/1.55 Poppins,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
/* rodapé sempre colado no fim: antes das perguntas a página é curta e sobrava
   uma faixa branca embaixo dele */
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body>main{flex:1 0 auto}
/* antes das perguntas só existe o herói: ele fica no meio da altura, não colado no topo */
body:not(.respondido)>main{display:flex;flex-direction:column;justify-content:center}
img{max-width:100%;display:block}
h1,h2,h3{margin:0;line-height:1.15;letter-spacing:-.02em}
p{margin:0}
a{color:var(--acao)}
button,input{font:inherit;color:inherit}
[hidden]{display:none!important}

.caixa{width:100%;max-width:1120px;margin-inline:auto;padding-inline:20px}
.rotulo{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--acao)}

/* ── topo ─────────────────────────────────────────── */
.topo{background:var(--tinta)}   /* topo preto: usa o logo-audit-escuro.png, com o ® em branco */
.topo__linha{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:14px}
.topo__marca{display:flex;align-items:center;gap:18px;min-width:0}
.topo__logo{width:150px;height:auto;flex:none}
.topo__traco{width:1px;align-self:stretch;margin-block:6px;background:rgba(255,255,255,.22)}
.topo__produto{display:flex;flex-direction:column;line-height:1.2;color:#fff;min-width:0}
.topo__produto small{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--marca-claro);opacity:.9}
.topo__produto b{font-size:1.02rem;font-weight:700;white-space:nowrap}
.refazer{border:1.5px solid rgba(255,255,255,.3);background:none;border-radius:99px;padding:8px 16px;
         font-size:.85rem;font-weight:600;color:#fff;cursor:pointer;transition:border-color .15s,background .15s}
.refazer:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.refazer{display:inline-flex;align-items:center;gap:8px;flex:none}
.refazer svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* ── herói ────────────────────────────────────────── */
.heroi{padding-block:clamp(40px,7vw,80px) clamp(28px,4vw,48px);text-align:center}
.heroi h1{font-size:clamp(2.2rem,5.4vw,3.6rem);font-weight:800;max-width:none;margin:12px auto 16px;letter-spacing:-.03em}
.heroi h1 span{display:block;color:var(--marca);white-space:nowrap}
.heroi__sub{max-width:560px;margin-inline:auto;color:var(--tinta-2);font-size:1.02rem}
.heroi .botao--largo{display:inline-block;width:auto;padding-inline:36px;margin-top:28px}
.heroi__nota{display:block;margin-top:10px;font-size:.8rem;color:var(--tinta-2)}
/* depois das perguntas o herói encolhe: o protagonista passa a ser o resultado */
.respondido .heroi{padding-block:32px 24px}
.respondido .heroi .botao--largo,.respondido .heroi__nota{display:none}

/* ── painéis ──────────────────────────────────────── */
.calc{display:grid;grid-template-columns:minmax(0,370px) minmax(0,1fr);gap:20px;align-items:start;
      scroll-margin-top:16px}
.painel{background:var(--fundo);border:1px solid var(--borda);border-radius:var(--raio);
        padding:clamp(20px,3vw,28px);min-width:0}
.entradas{background:var(--superficie);position:sticky;top:16px}
.painel__titulo{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;margin-bottom:22px}
.painel__titulo b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;
                  background:var(--marca);color:#fff;font-size:.8rem}

/* ── campos ───────────────────────────────────────── */
.campo{display:block;margin-bottom:22px}
.campo:last-child{margin-bottom:0}
.campo__nome{display:flex;justify-content:space-between;align-items:baseline;gap:8px;
             font-size:.88rem;font-weight:600;margin-bottom:8px}
.campo__nome output{font-weight:700;color:var(--acao);font-size:.92rem;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}
.campo__dica{display:block;margin-top:8px;font-size:.78rem;color:var(--tinta-2)}

.dinheiro{display:flex;align-items:center;gap:8px;background:var(--fundo);border:1.5px solid var(--borda);
          border-radius:12px;padding:0 14px;transition:border-color .15s}
.dinheiro:focus-within{border-color:var(--marca)}
.dinheiro span{font-weight:600;color:var(--tinta-2);white-space:nowrap}
.dinheiro input{border:0;outline:0;background:none;width:100%;min-width:0;padding:12px 0;font-size:1.35rem;
                font-weight:700;font-variant-numeric:tabular-nums}
.dinheiro.pct input{font-size:1.15rem;padding:9px 0}

.form .campo input{width:100%;border:1.5px solid var(--borda);border-radius:12px;padding:11px 14px;
                   background:var(--fundo);outline:0;transition:border-color .15s}
.form .campo input:focus{border-color:var(--marca)}
.form .campo{margin-bottom:14px}

input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:none;cursor:pointer;margin:0}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;
  background:linear-gradient(var(--marca),var(--marca)) 0/var(--p,50%) 100% no-repeat,var(--cinza-2)}
input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:var(--cinza-2)}
input[type=range]::-moz-range-progress{height:6px;border-radius:6px;background:var(--marca)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;
  background:#fff;border:3px solid var(--marca)}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--marca)}
input[type=range]:focus-visible{outline:2px solid var(--marca);outline-offset:4px;border-radius:6px}

/* ── os dois números: é aqui que a página tem que causar impacto ── */
.impacto{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;scroll-margin-top:16px}
.impacto__card{display:flex;flex-direction:column;gap:10px;border-radius:22px;padding:clamp(24px,4vw,40px);
               background:var(--tinta);color:#fff;min-width:0}
.impacto__card--principal{background:var(--marca)}
.impacto__nome{font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.impacto__valor{font-size:clamp(2.3rem,5.6vw,4.4rem);font-weight:800;letter-spacing:-.035em;line-height:1;
                font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}
.impacto__nota{font-size:.9rem;opacity:.85}

.parcelas{list-style:none;padding:0;margin:0;border-top:1px solid var(--borda)}
.parcelas li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 2px;
             border-bottom:1px solid var(--borda);font-size:.9rem}
.parcelas span{color:var(--tinta-2)}
.parcelas b{font-variant-numeric:tabular-nums;text-align:right}

.sub{font-size:.95rem;font-weight:700;margin:28px 0 14px}
.barra{margin-bottom:14px}
.barra__topo{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:6px}
.barra__topo span{color:var(--tinta-2);font-weight:500}
.barra__topo b{font-variant-numeric:tabular-nums}
.barra__trilho{height:30px;background:var(--superficie);border-radius:8px;overflow:hidden}
.barra__trilho div{height:100%;border-radius:8px;transition:width .4s ease}
.c-fiscal{background:var(--cinza-2)}
.c-laudo{background:var(--marca)}

.sacada{display:flex;gap:12px;align-items:flex-start;margin-top:24px;padding:16px 18px;
        background:var(--superficie);border-radius:12px;border-left:4px solid var(--marca)}
.sacada svg,.obrigado svg{flex:none;width:22px;height:22px;stroke:var(--marca);stroke-width:3;fill:none;
                          stroke-linecap:round;stroke-linejoin:round}
.sacada p{font-size:.88rem;color:var(--tinta-2)}

/* ── etapas ───────────────────────────────────────── */
.etapas{padding-block:clamp(56px,8vw,88px) 0}
.etapas h2,.legal h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;margin:10px 0 28px;max-width:24ch}
.etapas__lista{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;
               counter-reset:etapa}
.etapas__lista li{counter-increment:etapa;border:1px solid var(--borda);border-radius:14px;padding:20px 18px;
                  display:flex;flex-direction:column;gap:6px}
.etapas__lista li::before{content:counter(etapa);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
                          background:var(--marca-claro);color:var(--acao);font-weight:700;font-size:.85rem;margin-bottom:6px}
.etapas__lista b{font-size:.98rem}
.etapas__lista span{font-size:.85rem;color:var(--tinta-2)}

/* ── captura ──────────────────────────────────────── */
.lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:clamp(24px,5vw,64px);
      align-items:center;padding-block:clamp(56px,8vw,96px)}
.lead h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;margin:10px 0 22px;max-width:20ch}
.checks{list-style:none;padding:0;margin:0}
.checks li{position:relative;padding-left:32px;margin-bottom:12px;color:var(--tinta-2)}
.checks li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;
  background:var(--marca-claro) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d10a11' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.form{border-color:var(--marca);border-width:1.5px}
.form h3{font-size:1.15rem;font-weight:700;margin-bottom:18px}
.botao{display:block;width:100%;text-align:center;border:0;border-radius:12px;padding:14px 18px;margin-top:6px;
       background:var(--acao);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;
       transition:background .15s,transform .1s}
.botao:hover{background:var(--acao-escura)}
.botao:active{transform:translateY(1px)}
.botao:disabled{opacity:.6;cursor:wait}
.form__erro{margin-top:10px;font-size:.85rem;color:#b3261e;font-weight:500}
.form__erro a{font-weight:700}
.form__lgpd{display:block;margin-top:12px;font-size:.75rem;color:var(--tinta-2)}
.form__lgpd a{color:var(--tinta-2)}
.obrigado{text-align:center;padding-block:12px}
.obrigado svg{width:44px;height:44px;margin:0 auto 10px;padding:8px;border-radius:50%;background:var(--marca-claro)}
.obrigado h3{margin-bottom:8px}
.obrigado p{color:var(--tinta-2);font-size:.92rem;margin-bottom:16px}

/* ── previsão legal ───────────────────────────────── */
.legal{padding-block:0 clamp(56px,8vw,88px)}
.legal h2{margin-bottom:12px}
.legal__texto{max-width:640px;color:var(--tinta-2);margin-bottom:24px}
.legal__print{display:inline-flex;flex-direction:column;gap:12px;max-width:680px;padding:14px;
              border:1px solid var(--borda);border-radius:14px;text-decoration:none;transition:border-color .15s}
.legal__print:hover{border-color:var(--marca)}
.legal__print img{width:100%;height:auto;border-radius:8px}
.legal__print span{font-size:.88rem;font-weight:600;color:var(--acao);padding-inline:4px}

/* ── perguntas (pop-up) ───────────────────────────── */
.quiz{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:0;border-radius:20px;padding:0;
      background:var(--fundo);color:var(--tinta);overflow:auto}
.quiz::backdrop{background:rgba(26,26,26,.55);backdrop-filter:blur(3px)}
.quiz[open]{animation:sobe .28s ease}
.quiz__topo{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 10px}
.quiz__conta{font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2)}
.quiz__fechar{border:0;background:none;font-size:1.6rem;line-height:1;width:36px;height:36px;border-radius:50%;
              color:var(--tinta-2);cursor:pointer}
.quiz__fechar:hover{background:var(--superficie)}
.quiz__barra{height:6px;margin:0 22px;background:var(--superficie);border-radius:6px;overflow:hidden}
.quiz__barra i{display:block;height:100%;width:calc(var(--f,0) * 100%);background:var(--marca);border-radius:6px;
               transition:width .45s cubic-bezier(.3,.7,.3,1)}
.quiz__corpo{padding:26px 22px 22px}
.quiz__passo h2{font-size:clamp(1.3rem,3.4vw,1.6rem);font-weight:800;margin-bottom:8px}
.quiz__dica{color:var(--tinta-2);font-size:.9rem;margin-bottom:20px}
.quiz__passo.entra{animation:entra .32s ease}
.quiz__passo .dinheiro input{font-size:1.6rem;padding:14px 0}
.quiz__erro{margin-top:12px;font-size:.85rem;color:#b3261e;font-weight:500}
.quiz__acoes{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px}
.quiz__acoes .botao{width:auto;margin:0;padding-inline:28px}
.quiz__voltar{border:0;background:none;color:var(--tinta-2);font-weight:600;font-size:.9rem;cursor:pointer;padding:10px 4px}
.quiz__voltar:hover{color:var(--tinta)}

.chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.chips button{display:flex;flex-direction:column;align-items:center;gap:2px;border:1.5px solid var(--borda);
              background:var(--fundo);border-radius:12px;padding:10px 4px;cursor:pointer;
              transition:border-color .15s,background .15s}
.chips button:hover{border-color:var(--cinza-2)}
.chips button[aria-checked="true"]{border-color:var(--marca);background:var(--marca-claro)}
.chips b{font-size:1.15rem;font-variant-numeric:tabular-nums}
.chips small{font-size:.7rem;color:var(--tinta-2)}
.chips button:focus-visible,.atalho:focus-visible{outline:2px solid var(--marca);outline-offset:2px}
.atalho{margin-top:12px;border:1.5px dashed var(--cinza-2);background:none;border-radius:99px;padding:8px 16px;
        font-size:.85rem;font-weight:600;color:var(--tinta-2);cursor:pointer}
.atalho:hover{border-color:var(--marca);color:var(--tinta)}

/* sacada entre perguntas: um cartão que se lê em 2 segundos e some sozinho */
.quiz__sacada{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;border:0;background:none;
              padding:40px 28px 34px;text-align:center;cursor:pointer;color:var(--tinta)}
.quiz__sacada.entra{animation:entra .32s ease}
.quiz__sacada:focus-visible{outline:none}
.quiz__sacada-icone{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--marca-claro)}
.quiz__sacada-icone svg{width:28px;height:28px;fill:none;stroke:var(--marca);stroke-width:3;stroke-linecap:round;
                        stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;animation:risca .45s .15s ease forwards}
.quiz__sacada-texto{font-size:1.15rem;line-height:1.5;max-width:34ch;color:var(--tinta-2)}
.quiz__sacada-texto b{color:var(--tinta);font-weight:700}
.quiz__sacada-tempo{width:80px;height:3px;border-radius:3px;background:var(--superficie);overflow:hidden}
.quiz__sacada-tempo i{display:block;height:100%;width:100%;background:var(--marca);transform-origin:left;
                      animation:encolhe 2.2s linear forwards}

/* processamento: cada passo roda, marca e passa a vez */
.quiz__calculando{padding:26px 22px 28px}
.quiz__calculando h2{font-size:1.3rem;font-weight:800;margin-bottom:18px}
.proc{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.proc li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;padding:9px 0;
         font-size:.92rem;color:var(--cinza);transition:color .2s}
.proc li b{font-weight:700;font-variant-numeric:tabular-nums}
.proc li i{width:20px;height:20px;margin-top:1px;border-radius:50%;border:2px solid var(--borda)}
.proc li.rodando{color:var(--tinta)}
.proc li.rodando i{border-color:var(--marca-claro);border-top-color:var(--marca);animation:gira .7s linear infinite}
.proc li.feito{color:var(--tinta-2)}
.proc li.feito b{color:var(--tinta)}
/* o número só aparece quando o passo termina: antes dele, reticências */
.proc li:not(.feito) b{display:none}
.proc li.rodando span::after{content:"…";display:inline-block;animation:pisca 1s steps(2) infinite}
.proc li.feito i{border:0;animation:pula .25s ease;
  background:var(--marca) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}

@keyframes sobe{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes entra{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes gira{to{transform:rotate(360deg)}}
@keyframes pisca{50%{opacity:.2}}
@keyframes risca{to{stroke-dashoffset:0}}
@keyframes encolhe{to{transform:scaleX(0)}}
@keyframes pula{from{transform:scale(.4)}to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){
  .quiz[open],.quiz__passo.entra,.quiz__sacada.entra,.proc li i,.quiz__sacada-tempo i{animation:none}
  .quiz__sacada-icone svg{animation:none;stroke-dashoffset:0}
  .quiz__barra i,.barra__trilho div{transition:none}
}

/* ── rodapé ───────────────────────────────────────── */
.rodape{border-top:1px solid var(--borda);background:var(--superficie);padding-block:28px;
        font-size:.78rem;color:var(--tinta-2);text-align:center}
.rodape p{margin-bottom:10px}
.rodape p:last-child{margin-bottom:0}
.rodape__aviso{max-width:620px;margin-inline:auto}
.rodape a{color:var(--tinta-2)}
.rodape__marca img{width:110px;height:auto;margin-inline:auto}

/* ── tablet e celular ─────────────────────────────── */
/* Abaixo de 5 colunas, as etapas viram lista: 3+2 ou 2+2+1 deixava sobra torta. */
@media (max-width:960px){
  .etapas__lista{grid-template-columns:minmax(0,1fr);gap:10px}
  .etapas__lista li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:14px;row-gap:2px;
                    align-items:center;padding:16px 18px}
  .etapas__lista li::before{grid-row:span 2;margin:0;align-self:start}
}
@media (max-width:860px){
  .calc,.lead,.impacto{grid-template-columns:minmax(0,1fr)}
  .entradas{position:static;order:2}
  .painel__titulo b{display:none}   /* no celular o resultado vem antes: o "2" antes do "1" confundia */
}
@media (max-width:480px){
  .caixa{padding-inline:16px}
  .topo__marca{gap:12px}
  .topo__logo{width:96px}
  .topo__produto small{font-size:.6rem;letter-spacing:.12em}
  .topo__produto b{font-size:.82rem}
  /* no celular o botão vira só o ícone: o nome da ferramenta tem prioridade */
  .refazer{padding:0;width:40px;height:40px;justify-content:center}
  .refazer span{display:none}

  /* Celular: tudo que é título fica no eixo do meio, como o rodapé e o botão,
     que ocupam a largura toda. Texto corrido e formulário seguem à esquerda. */
  .heroi{padding-block:32px 24px}
  .heroi h1{font-size:clamp(2rem,10vw,2.6rem)}
  .heroi .botao--largo{display:block;width:100%}
  .etapas,.legal,.lead__texto{text-align:center}
  .etapas h2,.legal h2,.lead h2{margin-inline:auto}
  .legal__texto{margin-inline:auto}
  .etapas__lista li{text-align:left}
  .checks{display:inline-block;text-align:left}
  .impacto__card{align-items:center;text-align:center}

  .calc{gap:14px}
  .painel{padding:18px}
  .impacto{grid-template-columns:1fr;gap:10px}
  .impacto__valor{font-size:clamp(2.1rem,10.5vw,3rem)}
  .parcelas li{font-size:.85rem}

  .quiz__topo{padding:14px 18px 8px}
  .quiz__barra{margin-inline:18px}
  .quiz__corpo{padding:22px 18px 18px}
  .chips{grid-template-columns:repeat(4,minmax(0,1fr))}

  .lead{padding-block:44px;gap:24px}
  .legal__print{display:flex}
}

/* ── páginas legais ───────────────────────────────── */
.doc{padding-block:clamp(40px,6vw,72px)}
.doc .caixa{max-width:760px}
.doc__voltar{display:inline-block;color:var(--tinta-2);font-size:.85rem;font-weight:600;margin-bottom:24px;text-decoration:none}
.doc h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;margin-bottom:8px}
.doc__data{color:var(--tinta-2);font-size:.85rem;margin-bottom:32px}
.doc__resumo{background:var(--superficie);border-left:4px solid var(--marca);border-radius:0 12px 12px 0;
             padding:20px 24px;margin-bottom:36px}
.doc__resumo p{margin-bottom:8px}
.doc__resumo p:last-child{margin:0}
.doc h2{font-size:1.25rem;font-weight:700;margin:34px 0 12px;padding-top:22px;border-top:1px solid var(--borda)}
.doc p{margin-bottom:14px;color:var(--tinta-2)}
.doc ul,.doc ol{padding-left:22px;color:var(--tinta-2)}
.doc li{margin-bottom:8px}
.doc strong{color:var(--tinta)}
.doc table{width:100%;border-collapse:collapse;margin:6px 0 20px;font-size:.88rem}
.doc th,.doc td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--borda);vertical-align:top}
.doc th{color:var(--tinta-2);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}
.doc td:first-child{font-weight:600;color:var(--tinta)}
.doc__acao{margin:0 0 32px}
.doc__acao .botao{display:inline-block;width:auto}
.doc__acao small{display:block;margin-top:8px;color:var(--tinta-2)}
.doc__contato{margin-top:40px;padding:20px 24px;background:var(--superficie);border-radius:12px}
.doc__contato p{margin:0}