/* Somente as cores do guia da marca */
:root{--grafite:#3A3C3E;--concreto:#6B6E71;--latao:#B39060;--ouro:#C9A46B;--carvalho:#C29A6B;--off:#F5F2EC;
--display:"Marcellus",Georgia,serif;--texto:"Source Sans 3","Segoe UI",system-ui,sans-serif;--max:1120px;
--sec:76px;--topo:76px}
@media (max-width:760px){:root{--sec:48px;--topo:68px}}
*{box-sizing:border-box;border-radius:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topo) + 12px)}
[hidden]{display:none!important}
body{margin:0;background:var(--off);color:var(--grafite);font-family:var(--texto);font-size:17px;line-height:1.65;overflow-x:hidden}
@media (max-width:600px){body{font-size:16px;line-height:1.6}}
a{color:inherit}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--latao);outline-offset:3px}
.pular{position:absolute;left:-9999px;top:0;background:var(--grafite);color:var(--off);padding:10px 16px;z-index:50}
.pular:focus{left:12px;top:12px}
h1,h2,h3{font-family:var(--display);font-weight:400;margin:0;letter-spacing:.01em;text-wrap:balance;line-height:1.18}
h2{font-size:clamp(26px,3.4vw,38px)}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.kicker{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--concreto);display:flex;align-items:center;gap:12px;margin-bottom:12px}
.kicker::before{content:"";width:26px;height:1.5px;background:var(--latao);flex:none}
.escuro .kicker{color:var(--ouro)}
.kicker.duplo{align-items:flex-start;line-height:1.7;margin-bottom:18px}
.kicker.duplo::before{margin-top:.8em}
.escuro .kicker::before{background:var(--ouro)}
.apoio{color:var(--concreto)}
.escuro .apoio{color:var(--off)}

/* logo */
.logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--grafite)}
.sym{width:46px;height:46px;border:1.5px solid currentColor;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:var(--display);font-size:19px;line-height:1;letter-spacing:.04em;flex:none}
.sym::after{content:"";width:30%;height:1.5px;background:var(--latao)}
.lt{display:flex;flex-direction:column;gap:6px;line-height:1}
.lt b{font-family:var(--display);font-weight:400;font-size:21px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.sub{display:flex;align-items:center;gap:9px;font-family:var(--display);font-size:9.5px;letter-spacing:.55em;margin-right:-.55em;text-transform:uppercase;color:var(--concreto)}
.sub i{flex:1;height:1px;background:var(--latao)}
.logo.claro{color:var(--off)}
.logo.claro .sub{color:var(--ouro)}
.logo.claro .sub i,.logo.claro .sym::after{background:var(--ouro)}
@media (max-width:400px){.lt b{font-size:16.5px}.sub{font-size:8.5px}.sym{width:40px;height:40px;font-size:17px}.logo{gap:11px}}

/* cabeçalho fixo */
header{position:sticky;top:0;z-index:20;background:var(--off);border-bottom:1px solid var(--latao);padding-top:env(safe-area-inset-top,0px)}
.topo{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:var(--topo)}
nav.menu{display:flex;align-items:center;gap:26px}
nav.menu a{text-decoration:none;font-size:15px;letter-spacing:.03em;padding-block:6px;border-bottom:1.5px solid transparent}
nav.menu a:hover,nav.menu a[aria-current]{border-bottom-color:var(--latao)}
nav.menu a.btn{border:1.5px solid var(--grafite);padding:0 18px;min-height:42px}
.abrir{display:none;width:44px;height:44px;border:1.5px solid var(--grafite);background:transparent;color:var(--grafite);align-items:center;justify-content:center;cursor:pointer;padding:0;flex:none}
.abrir .x{display:none}
header.aberto .abrir .x{display:block}
header.aberto .abrir .h{display:none}
@media (max-width:960px){
  .abrir{display:inline-flex}
  nav.menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--off);border-bottom:1px solid var(--latao);flex-direction:column;align-items:stretch;gap:0;padding:4px 20px 18px;max-height:calc(100vh - var(--topo));overflow-y:auto}
  header.aberto nav.menu{display:flex}
  nav.menu a{padding:13px 0;border-bottom:1px solid var(--latao);font-size:16.5px}
  nav.menu a[aria-current]{font-weight:600}
  nav.menu a.btn{margin-top:14px;justify-content:center;border-bottom:1.5px solid var(--grafite)}
}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;font-family:var(--texto);font-weight:600;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:1.5px solid var(--grafite);background:transparent;color:var(--grafite);transition:background .2s,color .2s;cursor:pointer;text-align:center}
.btn:hover{background:var(--grafite);color:var(--off)}
.btn.cheio{background:var(--grafite);color:var(--off)}
.btn.cheio:hover{background:transparent;color:var(--grafite)}
.escuro .btn{border-color:var(--ouro);color:var(--ouro)}
.escuro .btn:hover{background:var(--ouro);color:var(--grafite)}
.escuro .btn.cheio{background:var(--ouro);color:var(--grafite)}
.escuro .btn.cheio:hover{background:transparent;color:var(--ouro)}
.acoes{display:flex;flex-wrap:wrap;gap:12px}
.mais{font-weight:600;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:1.5px solid var(--latao);padding-bottom:3px;align-self:flex-start;display:inline-block}
.escuro .mais{border-color:var(--ouro);color:var(--ouro)}

.escuro{background:var(--grafite);color:var(--off)}
.veio{height:4px;background:var(--carvalho)}
.secao{padding-block:var(--sec)}
.secao + .secao:not(.escuro){padding-top:0}
.escuro + .secao:not(.escuro){padding-top:var(--sec)}

/* abertura */
.hero .wrap{padding-block:88px 92px}
.hero h1{font-size:clamp(31px,5.2vw,58px);line-height:1.12;max-width:16em}
.hero h1 em{font-style:normal;color:var(--ouro);display:block}
.hero .lead{display:grid;gap:12px;max-width:40em;margin-top:22px;font-size:18px}
.hero .acoes{margin-top:32px}
@media (max-width:760px){
  .hero .wrap{padding-block:44px 48px}
  .hero .lead{font-size:16px;margin-top:18px}
  .hero .acoes{margin-top:26px}
  .hero .acoes .btn{width:100%}
}

/* cabeçalho de página interna */
.pagina .wrap{padding-block:52px 56px}
.trilha{font-size:14px;color:var(--ouro);margin-bottom:18px}
.trilha a{text-decoration:none}
.trilha a:hover{text-decoration:underline}
.pagina h1{font-size:clamp(30px,4.6vw,50px);max-width:20em}
.pagina p.lead{font-size:18px;max-width:42em;margin-top:16px}
.meta{font-size:14px;letter-spacing:.05em;color:var(--ouro);margin-top:16px}
@media (max-width:760px){.pagina .wrap{padding-block:36px 40px}.pagina p.lead{font-size:16.5px}}

.duas{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:center}
.texto{display:grid;gap:16px;align-content:start}
.texto h2{margin-bottom:4px}
.leitura > *{max-width:760px}
@media (max-width:860px){.duas{grid-template-columns:1fr;gap:28px}}
.cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px 20px;margin-bottom:32px;padding-bottom:22px;border-bottom:1px solid var(--latao)}
.cab p.intro{max-width:36em;margin-top:10px}
@media (max-width:760px){.cab{margin-bottom:24px;padding-bottom:18px}}

/* fotografia */
.retrato{background:var(--grafite);aspect-ratio:4/5;width:100%;max-width:400px;overflow:hidden;border-bottom:4px solid var(--carvalho)}
.retrato img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
@media (max-width:860px){.retrato{aspect-ratio:4/3;max-width:none;max-height:300px}}
.oab{font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--concreto)}

/* áreas */
.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--latao);border-left:1px solid var(--latao)}
.card{padding:24px 24px 22px;border-right:1px solid var(--latao);border-bottom:1px solid var(--latao);display:flex;flex-direction:column;gap:8px;text-decoration:none;min-width:0;transition:background .2s,color .2s}
.card:hover{background:var(--grafite);color:var(--off)}
.card:hover .apoio{color:var(--off)}
.card h3{font-size:21px}
.card p{font-size:15.5px;line-height:1.55}
.card .seta{margin-top:auto;padding-top:6px;font-weight:600;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}
@media (max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.cards{grid-template-columns:1fr}.card{padding:20px 18px 18px}}

/* artigos */
.posts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--latao);border-left:1px solid var(--latao)}
.post{padding:24px 24px 22px;border-right:1px solid var(--latao);border-bottom:1px solid var(--latao);display:flex;flex-direction:column;gap:8px;text-decoration:none;min-width:0;transition:background .2s,color .2s}
.post:hover{background:var(--grafite);color:var(--off)}
.post:hover .apoio,.post:hover .tag{color:var(--off)}
.post h3{font-size:20px;line-height:1.25}
.post .resumo{font-size:15.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tag{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--concreto)}
.post .pe{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13.5px}
.post .ler{font-weight:600;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
@media (max-width:900px){.posts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.posts{grid-template-columns:1fr}.post{padding:20px 18px 18px}}
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.filtros button{font:600 12.5px/1 var(--texto);letter-spacing:.08em;text-transform:uppercase;padding:11px 14px;border:1px solid var(--latao);background:transparent;color:var(--grafite);cursor:pointer}
.filtros button[aria-pressed="true"]{background:var(--grafite);border-color:var(--grafite);color:var(--off)}
.vazio{padding:24px 0;color:var(--concreto)}

/* corpo do artigo */
.artigo{max-width:720px;font-size:18px;line-height:1.75}
.artigo p{margin:0 0 18px}
.artigo h2{font-size:clamp(23px,3vw,27px);margin:34px 0 12px}
.artigo ul{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:9px}
.artigo li{padding-left:22px;position:relative}
.artigo li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border:1px solid var(--latao)}
.artigo strong{font-weight:700}
@media (max-width:600px){.artigo{font-size:16.5px;line-height:1.7}}
.nota{max-width:720px;margin-top:28px;padding-top:18px;border-top:1px solid var(--latao);font-size:14.5px;color:var(--concreto)}
.chamada{max-width:720px;margin-top:32px;padding:28px;display:grid;gap:14px}
.chamada h2{font-size:24px}

/* página de área */
.area-corpo{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.servicos{display:grid;border-top:1px solid var(--latao)}
.servico{padding-block:18px;border-bottom:1px solid var(--latao);display:grid;grid-template-columns:220px 1fr;gap:20px}
.servico h3{font-size:19px;line-height:1.3}
.servico p{font-size:16px}
.lateral{position:sticky;top:calc(var(--topo) + 24px);display:grid;gap:14px;padding:28px 24px}
.lateral h2{font-size:23px}
.lateral .btn{width:100%}
.bloco{margin-top:40px}
.bloco h2{margin-bottom:12px}
.aviso{margin-top:28px;padding:22px 24px;border:1px solid var(--latao);border-left:4px solid var(--carvalho);display:grid;gap:10px}
.aviso h3{font-size:20px}
@media (max-width:900px){.area-corpo{grid-template-columns:1fr;gap:32px}.lateral{position:static}}
@media (max-width:620px){.servico{grid-template-columns:1fr;gap:4px;padding-block:16px}}

/* perguntas */
.faq{border-top:1px solid var(--latao);max-width:860px}
.faq details{border-bottom:1px solid var(--latao)}
.faq summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;font-family:var(--display);font-size:19px;line-height:1.35;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:14px;font-family:var(--texto);font-size:24px;color:var(--latao)}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 20px;max-width:46em}

/* diferenciais */
.principios{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--concreto)}
.principio{padding:24px 28px 8px 0;display:grid;gap:8px;align-content:start}
.principio + .principio{padding-left:28px;border-left:1px solid var(--concreto)}
.principio h3{font-size:21px}
.principio h3::before{content:"";display:block;width:26px;height:2px;background:var(--ouro);margin-bottom:12px}
@media (max-width:860px){.principios{grid-template-columns:1fr}.principio,.principio + .principio{padding:20px 0;border-left:0;border-bottom:1px solid var(--concreto)}}

/* contato */
.canais{margin:0;display:grid;border-top:1px solid var(--latao)}
.canal{display:grid;grid-template-columns:120px 1fr;gap:16px;padding-block:16px;border-bottom:1px solid var(--latao)}
.canal dt{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--concreto);padding-top:4px}
.canal dd{margin:0;font-size:17px;overflow-wrap:anywhere}
.canal a{text-decoration-color:var(--latao);text-underline-offset:4px}
@media (max-width:620px){.canal{grid-template-columns:1fr;gap:2px}}
.mapa{border:1px solid var(--latao);aspect-ratio:4/3;width:100%;background:var(--grafite)}
.mapa iframe{width:100%;height:100%;border:0;display:block}

/* rodapé */
footer{background:var(--grafite);color:var(--off);border-top:4px solid var(--carvalho);font-size:15px}
.rod{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px;padding-block:44px 32px}
.rod h2{font-family:var(--texto);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro);margin-bottom:12px}
.rod ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.rod a{text-decoration:none}
.rod a:hover{text-decoration:underline;text-decoration-color:var(--ouro)}
.rod .local{margin-top:18px;line-height:1.5}
.base{border-top:1px solid var(--concreto);padding-block:16px 18px;font-size:13px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px}
.base a{text-decoration:underline;text-decoration-color:var(--ouro);text-underline-offset:3px}
@media (max-width:900px){.rod{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.rod{grid-template-columns:1fr;gap:26px;padding-block:36px 24px}.base{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}}

/* WhatsApp flutuante */
.zap{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:15;width:52px;height:52px;display:grid;place-items:center;background:var(--grafite);color:var(--ouro);border:1.5px solid var(--ouro)}
.zap:hover{background:var(--ouro);color:var(--grafite)}
@media (max-width:600px){.zap{width:48px;height:48px;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px))}}
header.aberto ~ .zap{display:none}
.zap{transition:opacity .2s}
.zap.oculto{opacity:0;pointer-events:none}
/* formulário */
dialog#form-contato{border:1px solid var(--latao);border-top:4px solid var(--carvalho);padding:30px 28px 26px;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--off);color:var(--grafite)}
dialog#form-contato::backdrop{background:rgba(58,60,62,.72)}
#form-contato form,#form-contato .ok{display:grid;gap:14px}
#form-contato h2{font-size:26px}
#form-contato label{display:grid;gap:5px;font-size:14px;font-weight:600;letter-spacing:.02em}
#form-contato input:not([type=checkbox]),#form-contato select,#form-contato textarea{font:16px/1.4 var(--texto);color:var(--grafite);background:var(--off);border:1px solid var(--concreto);padding:11px 12px;width:100%;border-radius:0;-webkit-appearance:none;appearance:none}
#form-contato select{background-image:linear-gradient(45deg,transparent 50%,var(--grafite) 50%),linear-gradient(135deg,var(--grafite) 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
#form-contato input:focus,#form-contato select:focus,#form-contato textarea:focus{outline:2px solid var(--latao);outline-offset:0;border-color:var(--latao)}
#form-contato .ciente{grid-template-columns:auto 1fr;align-items:start;gap:10px;font-weight:400;font-size:14px;color:var(--concreto)}
#form-contato .ciente input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--grafite)}
#form-contato .btn{width:100%;margin-top:4px}
#form-contato .erro{font-size:14px}
#form-contato .fechar{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;background:transparent;color:var(--grafite);font-size:18px;cursor:pointer}
@media (max-width:600px){dialog#form-contato{padding:26px 18px 20px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.artigo a{color:inherit;text-decoration-color:var(--latao);text-underline-offset:4px}
.assinatura{display:flex;align-items:center;gap:14px;margin:34px 0 0 !important;padding-top:22px;border-top:1px solid var(--latao);font-size:15.5px;line-height:1.45}
.assinatura b{font-family:var(--display);font-weight:400;font-size:19px}
.assinatura .sym{flex:none}

/* orientação inicial (quiz previdenciário) */
.quiz-grade{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.quiz-texto{display:grid;gap:16px;align-content:start}
.quiz-texto p{max-width:30em}
.quiz-selos{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-weight:600;letter-spacing:.03em;color:var(--ouro)}
.quiz-selos i{width:4px;height:4px;background:var(--ouro);display:inline-block}
.quiz{background:var(--off);color:var(--grafite);padding:26px 24px;display:grid;gap:20px;border-bottom:4px solid var(--carvalho);scroll-margin-top:calc(var(--topo) + 12px)}
.q-prog{display:grid;gap:8px}
.q-top{display:flex;justify-content:space-between;font-size:13.5px;font-weight:600;color:var(--concreto)}
.q-bar{height:4px;background:rgba(179,144,96,.25)}
.q-bar i{display:block;height:4px;background:var(--latao);transition:width .25s}
.q-step{display:grid;gap:10px}
.q-step h3{font-size:23px;line-height:1.25;margin-bottom:6px}
.q-tag{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--latao)}
.q-opts{display:grid;gap:10px}
.q-opt{min-height:52px;padding:12px 18px;border:1px solid var(--latao);background:#FFFFFF;color:var(--grafite);font:600 16.5px/1.3 var(--texto);text-align:left;cursor:pointer;transition:background .15s,color .15s}
.q-opt:hover{background:var(--grafite);color:var(--off);border-color:var(--grafite)}
.q-voltar{justify-self:start;min-height:44px;padding:0;border:0;background:transparent;color:var(--concreto);font:600 15px var(--texto);cursor:pointer}
.q-voltar:hover{color:var(--grafite)}
.q-label{font-size:15px;font-weight:600;color:var(--concreto)}
.q-input{min-height:52px;padding:0 16px;border:1px solid var(--latao);background:#FFFFFF;font:17px var(--texto);color:var(--grafite);width:100%}
.q-ciente{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.45;color:var(--concreto)}
.q-ciente input{width:22px;height:22px;margin-top:1px;flex:none;accent-color:var(--grafite)}
.q-erro{font-size:15px;font-weight:700;color:var(--grafite);min-height:1em}
.q-erro:not(:empty)::before{content:"";display:inline-block;width:8px;height:8px;background:var(--latao);margin-right:8px}
.q-resumo{background:#FFFFFF;border:1px solid var(--latao);padding:14px 16px;display:grid;gap:8px}
.q-resumo b{font-family:var(--display);font-weight:400;font-size:18px}
.q-linha{display:grid;gap:1px;padding-top:8px;border-top:1px solid rgba(179,144,96,.3)}
.q-linha span:first-child{font-size:13.5px;color:var(--concreto)}
.q-linha span:last-child{font-weight:600}
.q-sub{font-weight:700;font-size:15px}
.q-pontos{display:grid;gap:8px}
.q-ponto{display:flex;gap:12px;align-items:flex-start;background:#FFFFFF;border:1px solid rgba(179,144,96,.45);padding:12px 14px;font-size:15.5px;line-height:1.5}
.q-ponto::before{content:"";width:8px;height:8px;margin-top:8px;background:var(--latao);flex:none}
.q-prox{border:1.5px solid var(--latao);background:#FFFFFF;padding:18px;display:grid;gap:12px}
.q-mini{font-size:13.5px;line-height:1.5;color:var(--concreto)}
.q-nota{margin-top:12px;font-size:13.5px;color:var(--off);opacity:.85}
.zap.oculto{opacity:0;pointer-events:none}
@media (max-width:860px){.quiz-grade{grid-template-columns:1fr;gap:28px}.quiz{padding:22px 16px}}
.quiz-texto h1{font-size:clamp(30px,4.6vw,48px);line-height:1.12}
.quiz-sec{border-bottom:4px solid var(--carvalho)}


/* contato: formulário na página */
.contato-box{max-width:640px;display:grid;gap:18px}
.form-pagina{background:#FFFFFF;border:1px solid var(--latao);border-top:4px solid var(--carvalho);padding:28px 26px 26px}
.form-pagina form,.form-pagina .ok{display:grid;gap:14px}
.form-pagina h2{font-size:clamp(24px,3vw,28px)}
.form-pagina label{display:grid;gap:5px;font-size:14px;font-weight:600;letter-spacing:.02em}
.form-pagina input:not([type=checkbox]),.form-pagina select,.form-pagina textarea{font:16px/1.4 var(--texto);color:var(--grafite);background:var(--off);border:1px solid var(--concreto);padding:11px 12px;width:100%;border-radius:0;-webkit-appearance:none;appearance:none}
.form-pagina select{background-image:linear-gradient(45deg,transparent 50%,var(--grafite) 50%),linear-gradient(135deg,var(--grafite) 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
.form-pagina input:focus,.form-pagina select:focus,.form-pagina textarea:focus{outline:2px solid var(--latao);outline-offset:0;border-color:var(--latao)}
.form-pagina .ciente{grid-template-columns:auto 1fr;align-items:start;gap:10px;font-weight:400;font-size:14px;color:var(--concreto)}
.form-pagina .ciente input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--grafite)}
.form-pagina .btn{width:100%;margin-top:4px}
.form-pagina .erro{font-size:14px}
.endereco-linha{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;font-size:14.5px;color:var(--concreto)}
.endereco-linha a{color:var(--grafite);font-weight:600;text-decoration-color:var(--latao);text-underline-offset:4px}
@media (max-width:600px){.form-pagina{padding:22px 18px 20px}}

/* textos justificados */
p,li,dd,.artigo p,.artigo li{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:7 3 3}
h1,h2,h3,.kicker,.meta,.trilha,.tag,.btn,.quiz-selos,.endereco-linha,.q-nota,.q-mini,.pe,footer li,.base,.assinatura,.erro,.q-erro{text-align:left;-webkit-hyphens:manual;hyphens:manual}
/* resumos dos cards: no celular, alinhados a esquerda para nao abrir espacos entre palavras */
@media (max-width:700px){.post .resumo{text-align:left;hyphens:manual}}