:root{
  --ink:#16202e;
  --ink-2:#24344a;
  --paper:#f7f4ee;
  --card:#ffffff;
  --line:#e3ddd1;
  --muted:#5d6675;
  --accent:#a07a3c;
  --wa:#1f9d55;
  --radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:var(--paper);color:var(--ink);line-height:1.6;font-size:17px;
  padding-bottom:88px; /* espaço para a barra fixa no celular */
}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:normal;line-height:1.2}
a{color:inherit}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}

/* Topo */
header{background:var(--ink);color:#fff}
.top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:960px;margin:0 auto}
.brand{font-family:Georgia,serif;font-size:1.05rem;letter-spacing:.02em;text-decoration:none}
.brand small{display:block;font-family:inherit;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#c9b38a}
.top a.call{font-size:.9rem;text-decoration:none;border:1px solid #ffffff40;padding:8px 14px;border-radius:999px}

/* Hero */
.hero{background:linear-gradient(180deg,var(--ink) 0%,var(--ink-2) 100%);color:#fff;padding:40px 0 56px}
.hero .kicker{color:#c9b38a;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}
.hero h1{font-size:2.1rem;margin-bottom:14px}
.hero p{color:#d6dbe3;max-width:34em;margin-bottom:28px}
.btns{display:flex;flex-direction:column;gap:12px;max-width:380px}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:12px;
     font-weight:600;text-decoration:none;font-size:1rem;padding:0 18px}
.btn svg{width:22px;height:22px;flex:none}
.btn-wa{background:var(--wa);color:#fff}
.btn-ghost{background:transparent;color:#fff;border:1px solid #ffffff55}

/* Seções */
section{padding:48px 0}
section h2{font-size:1.6rem;margin-bottom:8px}
.lead{color:var(--muted);margin-bottom:26px}
.rule{width:48px;height:2px;background:var(--accent);margin-bottom:16px}

.areas{display:grid;gap:14px}
.area{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.area h3{font-size:1.25rem;margin-bottom:6px}
.area p{color:var(--muted);font-size:.95rem;margin-bottom:10px}
.area ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.area li{font-size:.82rem;background:var(--paper);border:1px solid var(--line);padding:4px 10px;border-radius:999px}

.sobre{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sobre p{margin-bottom:14px;max-width:40em}
.oab{display:inline-block;margin-top:6px;font-size:.85rem;letter-spacing:.06em;color:var(--accent);font-weight:600}

.passos{display:grid;gap:12px;counter-reset:p}
.passo{display:flex;gap:14px;align-items:flex-start}
.passo::before{counter-increment:p;content:counter(p);flex:none;width:34px;height:34px;border-radius:50%;
     background:var(--ink);color:#fff;display:grid;place-items:center;font-size:.9rem;font-weight:600}
.passo p{color:var(--muted);font-size:.95rem}
.passo strong{color:var(--ink);display:block}

.contato-lista{display:grid;gap:12px}
.c-item{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);
     border-radius:var(--radius);padding:16px 18px;text-decoration:none}
.c-item svg{width:24px;height:24px;flex:none;color:var(--accent)}
.c-item span{display:block;font-size:.8rem;color:var(--muted)}
.c-item b{font-weight:600;word-break:break-word}

footer{background:var(--ink);color:#aab3c0;font-size:.82rem;padding:28px 0;text-align:center}
footer p+p{margin-top:6px}

/* Barra fixa (celular) */
.barra{position:fixed;left:0;right:0;bottom:0;display:flex;gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));
     background:#ffffffee;backdrop-filter:blur(8px);border-top:1px solid var(--line);z-index:10}
.barra a{flex:1;min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;
     text-decoration:none;font-weight:600;font-size:.95rem}
.barra .b-wa{background:var(--wa);color:#fff;flex:2}
.barra .b-tel{background:var(--ink);color:#fff}
.barra svg{width:20px;height:20px}

@media (min-width:760px){
  body{padding-bottom:0}
  .barra{display:none}
  .hero{padding:72px 0 84px}
  .hero h1{font-size:2.8rem}
  .btns{flex-direction:row;max-width:none}
  .areas{grid-template-columns:repeat(3,1fr)}
  .contato-lista{grid-template-columns:repeat(2,1fr)}
}

/* Páginas de área */
.crumb{font-size:.82rem;color:#c9b38a;margin-bottom:14px}
.crumb a{color:#c9b38a}
.conteudo h2{margin-top:6px}
.conteudo p{margin-bottom:14px;max-width:40em}
.lista{list-style:none;display:grid;gap:10px;margin:8px 0 8px}
.lista li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.lista li b{display:block;margin-bottom:2px}
.lista li span{color:var(--muted);font-size:.95rem}
details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:10px}
summary{cursor:pointer;font-weight:600;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:right;color:var(--accent);font-weight:400}
details[open] summary::after{content:"–"}
details p{color:var(--muted);font-size:.95rem;margin-top:10px;margin-bottom:0}
.cta{background:var(--ink);color:#fff;border-radius:var(--radius);padding:26px 22px}
.cta h2{color:#fff}
.cta p{color:#d6dbe3;margin-bottom:18px}
.area a.mais{display:inline-block;margin-top:12px;font-size:.9rem;font-weight:600;color:var(--accent);text-decoration:none}
.outras{display:flex;flex-wrap:wrap;gap:10px}
.outras a{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 14px;text-decoration:none;font-size:.92rem}
.aviso{font-size:.82rem;color:var(--muted);margin-top:10px}