:root {
  --noite: #060608;
  --noite-suave: #101017;
  --painel: rgba(20, 20, 27, .88);
  --ouro: #e9a92f;
  --ouro-claro: #f7d589;
  --creme: #f4ebd6;
  --texto: #e8e2d4;
  --texto-suave: #b7b0a2;
  --linha: rgba(233, 169, 47, .19);
  --sans: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --serif: "Cormorant Garamond", Georgia, serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--texto);
  background: radial-gradient(70% 45% at 78% -10%, rgba(233, 169, 47, .16), transparent 65%), radial-gradient(48% 34% at 4% 80%, rgba(150, 101, 24, .11), transparent 70%), var(--noite);
  font: 400 16px/1.7 var(--sans);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--ouro-claro); }
a:hover { color: #fff0bf; }
a:focus-visible { outline: 2px solid var(--ouro); outline-offset: 4px; border-radius: 4px; }
.topo { border-bottom: 1px solid var(--linha); background: rgba(6, 6, 8, .78); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.topo > div, main, footer > div { width: min(960px, calc(100% - 40px)); margin: 0 auto; }
.topo > div { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.marca { display: inline-flex; align-items: center; gap: 11px; color: var(--creme); font-weight: 700; font-size: 1.28rem; text-decoration: none; }
.marca img { width: 34px; height: 34px; }
.voltar { font-size: .9rem; text-decoration: none; }
.intro { padding: 76px 0 35px; max-width: 720px; }
.kicker { display: block; color: var(--ouro); font-size: .76rem; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
h1 { margin: 13px 0 18px; color: var(--creme); font: 600 clamp(2.7rem, 8vw, 4.8rem)/.98 var(--serif); }
.intro p { max-width: 650px; margin: 0; color: var(--texto-suave); font-size: 1.05rem; }
.documento { margin: 26px 0 72px; padding: clamp(24px, 4vw, 48px); border: 1px solid var(--linha); border-radius: 24px; background: linear-gradient(145deg, rgba(25, 25, 33, .93), var(--painel)); box-shadow: 0 26px 70px -45px rgba(0, 0, 0, .9); }
.documento > :first-child { margin-top: 0; }
h2 { margin: 2.4em 0 .72em; color: var(--creme); font: 600 clamp(1.75rem, 4vw, 2.3rem)/1.08 var(--serif); }
h3 { margin: 1.7em 0 .5em; color: var(--creme); font-size: 1.05rem; }
p, li { color: var(--texto-suave); }
strong { color: var(--texto); }
ul { padding-left: 1.25rem; }
li + li { margin-top: .4rem; }
.aviso { margin: 1.5rem 0; padding: 17px 19px; border-left: 2px solid var(--ouro); border-radius: 0 12px 12px 0; background: rgba(233, 169, 47, .08); color: var(--texto); }
.meta { color: var(--ouro-claro); font-size: .88rem; }
footer { border-top: 1px solid var(--linha); padding: 28px 0 40px; color: var(--texto-suave); font-size: .88rem; }
footer > div { display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
@media (max-width: 620px) { .topo > div, main, footer > div { width: min(100% - 32px, 960px); } .intro { padding-top: 55px; } .documento { border-radius: 18px; padding: 23px 20px; } }