:root{--fundo:#333149;--fundo2:#2a283d;--aux:#5f5d6f;--texto:#f6f3ee;--bronze:#b89a7a;--r:14px}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--fundo);color:var(--texto);font:400 17px/1.6 'Jost',system-ui,sans-serif;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;display:block}
a{color:var(--texto)}
h1,h2,h3,.nome{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;line-height:1.1}
.aviso{background:var(--bronze);color:#23212f;font-size:14px;text-align:center;padding:8px 14px}
.chip{display:inline-block;border:1px dashed currentColor;border-radius:99px;padding:0 9px;font-size:12px;white-space:nowrap}
.topo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 5vw;border-bottom:1px solid #ffffff1f;position:sticky;top:0;background:var(--fundo);z-index:5}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none}
.avatar{border-radius:50%}
.nome{font-size:28px;display:flex;flex-direction:column}
.nome small{font:500 11px/1 'Jost',sans-serif;letter-spacing:.32em;text-transform:uppercase;color:var(--bronze);margin-top:2px}
.topo nav{display:flex;gap:22px}
.topo nav a{text-decoration:none;font-size:15px;opacity:.85}
.btn{display:inline-block;background:var(--bronze);color:#23212f;font-weight:500;text-decoration:none;padding:14px 26px;border-radius:99px}
.btn-sm{padding:9px 18px;font-size:15px}
.link{color:var(--bronze)}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:5vw;align-items:center;padding:6vw 5vw}
.kicker{color:var(--bronze);letter-spacing:.2em;text-transform:uppercase;font-size:13px;margin-bottom:14px}
h1{font-size:clamp(40px,6vw,72px);margin-bottom:18px}
.lead{font-size:19px;opacity:.9;max-width:34ch;margin-bottom:26px}
.acoes{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:26px}
.nota{font-size:15px}
.fonte{opacity:.65;font-size:13px}
.hero-foto img,.duas img{border-radius:var(--r);width:100%;object-fit:cover}
.hero-foto img{aspect-ratio:4/3.4}
figcaption{font-size:12px;opacity:.6;margin-top:8px}
.sec{padding:7vw 5vw}
.sec h2{font-size:clamp(32px,4.5vw,48px);margin-bottom:10px}
.sub{opacity:.75;margin-bottom:28px}
.grade{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.grade li{background:var(--fundo2);border:1px solid #ffffff1a;border-radius:var(--r);padding:22px}
.grade h3{font-size:26px;color:var(--bronze);margin-bottom:6px}
.grade p{font-size:15px;opacity:.85}
.aviso-peq{font-size:13px;opacity:.7;margin-top:20px}
.escuro{background:var(--fundo2)}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}
.duas p{margin-bottom:14px;max-width:46ch}
.contato{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;margin:22px 0 30px}
.contato p{margin-bottom:14px}
.rodape{padding:28px 5vw 40px;border-top:1px solid #ffffff1f;font-size:14px}
.peq{opacity:.6;font-size:12px;margin-top:6px}
@media (max-width:720px){
  body{font-size:16px}
  .topo nav{display:none}
  .hero,.duas{grid-template-columns:1fr}
  .hero{padding:8vw 5vw}
  .hero-foto{order:-1}
  .hero-foto img{aspect-ratio:4/3}
  .btn{display:block;text-align:center}
  .btn-sm{display:inline-block}
}