:root{
  --cobre:#C57740; --cobre-escuro:#9A5A2C; --cobre-claro:#F3E6DA;
  --grafite:#221F20; --texto:#332E2F; --suave:#6E6668;
  --creme:#FBF7F2; --branco:#FFFFFF; --linha:#E7DCD1;
  --serif:"Book Antiqua","Palatino Linotype",Palatino,"EB Garamond",Georgia,serif;
  --sans:"Kiona","Jost",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:var(--sans);font-weight:400;color:var(--texto);background:var(--creme);line-height:1.65;font-size:18px}
img{max-width:100%;display:block}
a{color:var(--cobre-escuro)}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:var(--serif);font-weight:400;color:var(--grafite);line-height:1.2}
h2{font-size:clamp(28px,4vw,40px);margin-bottom:16px}
h3{font-size:22px;margin-bottom:6px}
p+p{margin-top:12px}
.rotulo{font-family:var(--sans);font-weight:500;letter-spacing:.22em;text-transform:uppercase;font-size:12.5px;color:var(--cobre-escuro);margin-bottom:12px;display:block}
section{padding:80px 0}
.branco{background:var(--branco)}
.intro{font-size:19px;max-width:720px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--sans);font-weight:500;font-size:16px;letter-spacing:.03em;text-decoration:none;padding:16px 26px;border-radius:3px;transition:.2s;border:1px solid transparent;cursor:pointer}
.btn-cobre{background:var(--cobre);color:#fff}
.btn-cobre:hover{background:var(--cobre-escuro)}
.btn-verde{background:#1E9E55;color:#fff}
.btn-verde:hover{background:#17813F}
.btn-linha{border-color:var(--grafite);color:var(--grafite);background:transparent}
.btn-linha:hover{background:var(--grafite);color:#fff}
.btn svg{width:22px;height:22px;fill:currentColor}
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* Topo */
header{background:var(--branco);border-bottom:1px solid var(--linha);position:sticky;top:0;z-index:10}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
header img{height:52px;width:auto}
header nav a{font-size:15px;text-decoration:none;color:var(--grafite);margin-left:26px}
header nav a:hover{color:var(--cobre-escuro)}
header nav .btn{padding:11px 18px;font-size:15px}
@media(max-width:1000px){header nav a:not(.btn){display:none}}
@media(max-width:420px){header img{height:42px} header nav .btn{padding:10px 14px;font-size:14px}}

/* Apresentação (topo com foto) */
.apresenta{background:var(--branco);padding:64px 0 72px;position:relative;overflow:hidden}
.apresenta::after{content:"";position:absolute;right:-80px;bottom:-60px;width:420px;height:420px;background:url(monograma.png) center/contain no-repeat;opacity:.06;pointer-events:none}
.apresenta .wrap{display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:center;position:relative;z-index:1}
@media(max-width:860px){.apresenta .wrap{grid-template-columns:1fr;gap:28px}}
.foto{position:relative;max-width:340px}
.foto img{width:100%;aspect-ratio:4/5;object-fit:cover}
.foto::after{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--cobre);z-index:-1}
@media(max-width:860px){.foto{max-width:220px}}
.apresenta h1{font-size:clamp(34px,5vw,56px);margin-bottom:8px}
.apresenta .oab{font-size:17px;color:var(--suave);letter-spacing:.04em;margin-bottom:22px}
.apresenta .frase{font-family:var(--serif);font-size:clamp(22px,2.6vw,28px);color:var(--grafite);line-height:1.35;max-width:620px}
.apresenta .frase em{font-style:normal;color:var(--cobre-escuro)}
.dados{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:22px;font-size:16.5px}
.dados span{display:block}
.dados b{font-weight:500;color:var(--grafite)}

/* Cartões de situação */
.situacoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:34px}
.sit{background:var(--branco);border:1px solid var(--linha);border-top:3px solid var(--cobre);padding:26px 24px;display:flex;flex-direction:column}
.branco .sit{background:var(--creme)}
.sit .pergunta{font-family:var(--serif);font-size:21px;color:var(--grafite);line-height:1.3;margin-bottom:10px}
.sit p{font-size:16.5px}
.sit .res{margin-top:auto;padding-top:14px;font-weight:500;color:var(--cobre-escuro);font-size:15.5px}
.sit a.res{text-decoration:none}

/* Destaque */
.destaque{display:grid;grid-template-columns:1.2fr .8fr;background:var(--grafite);color:#E9E3DF;text-decoration:none}
@media(max-width:860px){.destaque{grid-template-columns:1fr}}
.destaque .txt{padding:40px}
.destaque h2{color:#fff}
.destaque .rotulo{color:#E0A676}
.destaque p{color:#E0D8D3;font-size:18px}
.destaque .lado{background:var(--cobre) url(logo-branco.png) center/70% no-repeat;min-height:200px}

/* Passos */
.passos{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px;counter-reset:p}
@media(max-width:900px){.passos{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.passos{grid-template-columns:1fr}}
.passo{border-left:2px solid var(--cobre);padding:4px 0 4px 18px}
.passo::before{counter-increment:p;content:counter(p);display:block;font-family:var(--serif);font-size:34px;color:var(--cobre);line-height:1;margin-bottom:8px}
.passo p{font-size:16.5px}

/* Caixa de explicação */
.explica{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
@media(max-width:860px){.explica{grid-template-columns:1fr;gap:30px}}
.antes-agora{border:1px solid var(--linha);background:var(--branco)}
.antes-agora div{padding:24px 26px}
.antes-agora div+div{border-top:1px solid var(--linha)}
.antes-agora small{display:block;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--suave);margin-bottom:4px;font-weight:500}
.antes-agora strong{font-family:var(--serif);font-weight:400;font-size:21px;color:var(--grafite);line-height:1.35;display:block}
.antes-agora .agora{background:var(--cobre-claro)}
.alerta{margin-top:30px;background:var(--cobre-claro);border-left:4px solid var(--cobre);padding:20px 24px;max-width:860px}

/* Checklist */
.abas{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 22px}
.abas button{font:inherit;font-size:15.5px;padding:10px 16px;border:1px solid var(--linha);background:var(--branco);color:var(--grafite);cursor:pointer;border-radius:3px}
.abas button[aria-selected="true"]{background:var(--grafite);color:#fff;border-color:var(--grafite)}
.lista{background:var(--branco);border:1px solid var(--linha);border-top:3px solid var(--cobre);padding:28px 30px}
.lista[hidden]{display:none}
.lista .sub{font-size:15.5px;color:var(--suave);margin-bottom:14px}
.lista ul{list-style:none;columns:2;column-gap:40px}
@media(max-width:760px){.lista ul{columns:1}}
.lista li{break-inside:avoid;padding:9px 0;border-bottom:1px dashed var(--linha);font-size:16.5px}
.lista label{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
.lista input{width:19px;height:19px;margin-top:4px;accent-color:var(--cobre);flex:none}
.nota{font-size:15px;color:var(--suave);margin-top:18px;max-width:860px}
.topo-lista{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px}
.imprimir-cab{display:none}

/* Dúvidas */
details{border-bottom:1px solid var(--linha);padding:20px 0}
details summary{cursor:pointer;list-style:none;font-family:var(--serif);font-size:21px;color:var(--grafite);display:flex;justify-content:space-between;gap:20px}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";color:var(--cobre);font-family:var(--sans);font-size:26px;line-height:1}
details[open] summary::after{content:"–"}
details p{margin-top:10px;max-width:820px}

/* Contato */
.contato{background:var(--grafite);color:#E9E3DF}
.contato .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
@media(max-width:860px){.contato .wrap{grid-template-columns:1fr;gap:32px}}
.contato h2{color:#fff}
.contato .rotulo{color:#E0A676}
.contato p{color:#E0D8D3}
form{background:var(--branco);padding:32px;color:var(--texto);border-top:3px solid var(--cobre)}
form label{display:block;font-size:15px;font-weight:500;margin:16px 0 6px;color:var(--grafite)}
form label:first-of-type{margin-top:0}
input,select,textarea{width:100%;font:inherit;font-size:17px;padding:12px 14px;border:1px solid #CFC4BA;background:#fff;border-radius:3px;color:var(--grafite)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--cobre);outline-offset:1px}
textarea{min-height:100px;resize:vertical}
.check{display:flex!important;gap:10px;align-items:flex-start;font-size:14px!important;font-weight:400!important;margin:16px 0 20px!important}
.check input{width:auto;margin-top:5px}
.oculto{position:absolute;left:-9999px}

footer{background:#171415;color:#B9AFA9;padding:44px 0;font-size:14.5px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:26px;align-items:center}
footer img{height:52px;width:auto}
footer .legal{max-width:580px}
footer .base{font-size:12.5px;margin-top:10px;color:#968C87}

.wa-flutuante{position:fixed;right:18px;bottom:18px;width:60px;height:60px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.22);z-index:20}
.wa-flutuante svg{width:32px;height:32px;fill:#fff}

@media print{
  header,footer,.wa-flutuante,main>section:not(#documentos),.abas,.topo-lista .btn{display:none!important}
  body{background:#fff;font-size:12.5pt}
  section{padding:0}
  .lista[hidden]{display:block!important}
  .lista{border:none;padding:0 0 16px;page-break-inside:avoid}
  .lista ul{columns:1}
  .imprimir-cab{display:flex!important;justify-content:space-between;align-items:center;border-bottom:2px solid #C57740;padding-bottom:10px;margin-bottom:16px}
  .imprimir-cab img{height:46px}
}

/* ===== Versão enxuta ===== */
.teste{background:var(--branco);border:1px solid var(--linha);border-top:3px solid var(--cobre);padding:36px;max-width:760px;margin-top:28px}
.teste .prog{font-size:14px;color:var(--suave);margin-bottom:8px}
.teste .q{font-family:var(--serif);font-size:clamp(22px,3vw,28px);color:var(--grafite);line-height:1.3;margin-bottom:8px}
.teste .ajuda{font-size:16px;color:var(--suave);margin-bottom:22px}
.teste .opcoes{display:flex;gap:12px;flex-wrap:wrap}
.teste .opcoes .btn{min-width:130px}
.teste .res-titulo{font-family:var(--serif);font-size:clamp(24px,3.2vw,32px);color:var(--grafite);margin-bottom:10px}
.teste .voltar{background:none;border:none;font:inherit;font-size:15px;color:var(--suave);text-decoration:underline;cursor:pointer;margin-top:18px}
.teste [hidden]{display:none}
.bpc{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:var(--grafite);color:#E0D8D3;padding:40px}
.bpc h2{color:#fff}
.bpc .rotulo{color:#E0A676}
@media(max-width:760px){.bpc{grid-template-columns:1fr;padding:30px 24px}}
.contato form p{color:var(--texto)}
