:root { --tinta:#141118; --papel:#fdfcfa; --suave:#5d5766; --linha:#e4e0e8; --acento:#E87019; --fundo:#f7f5f2; }
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--papel); color:var(--tinta);
  font:16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.wrap { max-width:760px; margin:0 auto; padding:0 22px; }
.topo { border-bottom:1px solid var(--linha); background:var(--papel); position:sticky; top:0; }
.topo .wrap { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:60px; flex-wrap:wrap; }
.marca { font-weight:800; letter-spacing:.14em; font-size:14px; color:var(--tinta); text-decoration:none; }
.topo nav { display:flex; gap:18px; flex-wrap:wrap; }
.topo nav a { color:var(--suave); text-decoration:none; font-size:14px; }
.topo nav a:hover { color:#485CF2; }
main { padding:40px 22px 64px; }
h1 { font-size:1.85rem; line-height:1.2; margin:0 0 8px; letter-spacing:-.02em; }
.data { color:var(--suave); font-size:14px; margin:0 0 32px; }
section { margin:0 0 30px; }
h2 { font-size:1.06rem; margin:0 0 10px; letter-spacing:-.01em; }
p { margin:0 0 12px; }
ul { margin:0 0 12px; padding-left:22px; }
li { margin:0 0 7px; }
.destaque { background:var(--fundo); border-left:3px solid var(--acento); padding:14px 16px; border-radius:0 6px 6px 0; }
a { color:#3A4DE0; }
a:hover { color:#485CF2; }
.cartoes { list-style:none; padding:0; display:grid; gap:12px; }
.cartoes a { display:block; border:1px solid var(--linha); border-radius:10px; padding:16px 18px; text-decoration:none; color:inherit; }
.cartoes a:hover { border-color:var(--acento); }
.cartoes strong { display:block; font-size:1rem; }
.cartoes span { display:block; color:var(--suave); font-size:14px; margin-top:3px; }
.rodape { border-top:1px solid var(--linha); background:var(--fundo); color:var(--suave); font-size:14px; }
.rodape .wrap { padding:26px 22px; }
.rodape p { margin:0 0 6px; }
.miudo { font-size:12.5px; opacity:.8; }
@media (max-width:520px){ h1{font-size:1.5rem;} .topo nav{gap:12px;} .topo nav a{font-size:13px;} }
@media (prefers-color-scheme:dark){
  :root{ --tinta:#f2eff4; --papel:#141118; --suave:#a49dad; --linha:#2c2733; --fundo:#1c1822; }
  a{ color:#ff8a56; }
}