@font-face{font-family:"Playfair Display";src:url("fontes/playfair-display-600.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Montserrat";src:url("fontes/montserrat-400.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Montserrat";src:url("fontes/montserrat-600.ttf") format("truetype");font-weight:600;font-display:swap}

:root{
  --escuro:#1d1c1a; --escuro2:#262421; --ouro:#b8935a; --ouro-claro:#d9bf8f; --creme:#f6f3ee;
  --texto:#2a2825; --suave:#6b665e; --borda:#e5ded2;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Montserrat","Segoe UI",Arial,sans-serif;color:var(--texto);background:var(--creme);line-height:1.6;font-size:16px}
a{color:inherit}
img{max-width:100%;height:auto}

.topo{position:sticky;top:0;z-index:10;background:rgba(29,28,26,.96);border-bottom:1px solid #3a3733}
.faixa{max-width:1100px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ouro-claro);font-family:"Playfair Display",Georgia,serif;font-size:19px;white-space:nowrap}
.topo nav{display:flex;gap:22px;align-items:center}
.topo nav a{color:#ddd8cf;text-decoration:none;font-size:14px;letter-spacing:.04em}
.topo nav a:hover{color:var(--ouro-claro)}
.topo nav .nav-sistema{border:1px solid var(--ouro);color:var(--ouro-claro);padding:6px 14px;border-radius:4px}

.capa{background:radial-gradient(ellipse at top,#2e2b27 0%,var(--escuro) 70%);color:#f1ede6;text-align:center;padding:64px 16px 72px}
.capa .logo{width:150px;margin:0 auto 18px;display:block}
.capa h1{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:clamp(34px,6vw,56px);margin:0;color:var(--ouro-claro);letter-spacing:.02em}
.sobretitulo{text-transform:uppercase;letter-spacing:.32em;font-size:clamp(11px,1.8vw,14px);color:#cfc6b6;margin:10px 0 0}
.filete{width:120px;height:1px;background:var(--ouro);margin:26px auto}
.lema{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:clamp(18px,2.6vw,24px);color:#eee7da;margin:0 auto;max-width:640px}

.botoes{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.botao{display:inline-block;padding:13px 26px;border-radius:4px;text-decoration:none;font-weight:600;font-size:15px;letter-spacing:.03em;transition:background .2s,color .2s}
.botao.ouro{background:var(--ouro);color:var(--escuro)}
.botao.ouro:hover{background:var(--ouro-claro)}
.botao.contorno{border:1px solid var(--ouro);color:var(--ouro-claro)}
.botao.contorno:hover{background:rgba(184,147,90,.15)}

.bloco{max-width:1100px;margin:0 auto;padding:72px 16px;scroll-margin-top:56px}
.bloco h2{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:clamp(28px,4vw,38px);text-align:center;margin:0 0 36px}
.rotulo{text-align:center;text-transform:uppercase;letter-spacing:.3em;font-size:12px;color:var(--ouro);margin:0 0 8px;font-weight:600}
.texto-centro{text-align:center;color:var(--suave);margin:0}

.cartoes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cartao{background:#fff;border:1px solid var(--borda);border-top:3px solid var(--ouro);border-radius:6px;padding:26px 24px}
.cartao .numero{font-family:"Playfair Display",Georgia,serif;color:var(--ouro);font-size:22px}
.cartao h3{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:22px;margin:6px 0 10px}
.cartao p{margin:0;color:var(--suave);font-size:15px}

.escuro{max-width:none;background:var(--escuro);color:#f1ede6}
.escuro h2{color:var(--ouro-claro)}
.socios{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.socio{border:1px solid #3a3733;border-radius:6px;padding:28px 22px;text-align:center;background:var(--escuro2)}
.socio h3{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:21px;margin:0 0 6px;color:#f1ede6}
.socio p{margin:0;color:var(--ouro-claro);letter-spacing:.08em;font-size:14px}

.rodape{background:#141312;color:#a9a39a;text-align:center;padding:30px 16px;font-size:13px}
.rodape p{margin:4px 0}
.rodape strong{color:var(--ouro-claro);font-weight:600}
.rodape .miudo{margin-top:12px;font-size:12px}
.rodape a{color:var(--ouro-claro)}

@media (max-width:820px){
  .topo nav a:not(.nav-sistema){display:none}
  .cartoes,.socios{grid-template-columns:1fr}
  .bloco{padding:54px 16px}
  .capa{padding:48px 16px 56px}
  .capa .logo{width:120px}
}
@media (max-width:400px){
  .marca span{font-size:16px}
  .topo nav .nav-sistema{padding:5px 10px;font-size:13px}
}