/* Tokens e componentes das páginas legais. Espelham os do index.html: mesma
   paleta, mesmas famílias, mesmo raio. Página clara SEMPRE (igual à v2), com
   rodapé no breu, para o texto legal não depender do tema do sistema. */
:root{
  color-scheme: light;
  --bg:#fbf7f5; --surface:#ffffff; --surface2:#f3edeb; --border:#e4dbda;
  --fg:#131318; --muted:#5c525a; --faint:#7c7178;
  --acao:#c42465; --pulso:#e8317a; --brasa:#ff5a36;
  --amora:#b03a72; --rascunho:#d8b6c6;
  --r:12px; --maxw:860px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--fg);
  font-family:"Open Sans",system-ui,-apple-system,sans-serif;
  font-size:16px; line-height:1.68; -webkit-font-smoothing:antialiased;
}
a{color:var(--acao)}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 20px; width:100%}

/* ---- topo ---- */
.nav{position:sticky; top:0; z-index:20; background:rgba(251,247,245,.9);
     backdrop-filter:saturate(140%) blur(10px); border-bottom:1px solid var(--border)}
.nav-in{display:flex; align-items:center; gap:16px; height:64px; flex-wrap:wrap}
.marca{display:flex; align-items:center; gap:10px; text-decoration:none; color:inherit}
.marca svg{width:26px; height:26px}
.marca b{font-family:"Unbounded",sans-serif; font-weight:600; font-size:19px; letter-spacing:-.02em}
.idioma{margin-left:auto; display:flex; gap:6px; background:var(--surface2);
        border:1px solid var(--border); border-radius:999px; padding:3px}
.idioma button{
  font:inherit; font-size:12.5px; font-weight:700; letter-spacing:.04em;
  border:0; background:transparent; color:var(--muted); cursor:pointer;
  padding:6px 13px; border-radius:999px; transition:background .15s, color .15s;
}
.idioma button[aria-pressed="true"]{background:var(--acao); color:#fff}

/* ---- cabeçalho da página ---- */
.capa{padding:56px 0 34px; border-bottom:1px solid var(--border)}
.ov{font-weight:700; font-size:11px; text-transform:uppercase; letter-spacing:.18em;
    color:var(--acao); margin:0 0 14px}
h1{font-family:"Unbounded",sans-serif; font-weight:800;
   font-size:clamp(28px,4.6vw,46px); line-height:1.06; letter-spacing:-.025em; margin:0 0 16px}
.lead{font-size:17px; color:var(--muted); margin:0; max-width:62ch}
.data{margin-top:18px; font-size:13px; color:var(--faint)}

/* ---- corpo ---- */
main{padding:14px 0 10px}
section{padding:26px 0; border-bottom:1px solid var(--border)}
section:last-of-type{border-bottom:0}
h2{font-family:"Unbounded",sans-serif; font-weight:600;
   font-size:clamp(19px,2.3vw,24px); line-height:1.2; letter-spacing:-.015em; margin:0 0 12px}
h2 .n{color:var(--acao); font-family:"Exo 2",sans-serif; font-style:italic;
      font-weight:700; margin-right:10px; letter-spacing:-.04em}
h3{font-family:"Red Hat Display",sans-serif; font-weight:700; text-transform:uppercase;
   letter-spacing:.08em; font-size:12.5px; margin:22px 0 8px; color:var(--fg)}
p{margin:0 0 12px} p:last-child{margin-bottom:0}
ul{margin:0 0 12px; padding-left:20px} li{margin-bottom:8px}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:13px;
     background:var(--surface2); border:1px solid var(--border); border-radius:6px; padding:1px 6px;
     word-break:break-all}
strong{font-weight:700}

/* ---- destaque do Uso Limitado ---- */
.selo{background:var(--surface); border:1px solid var(--border);
      border-left:4px solid var(--acao); border-radius:var(--r); padding:20px 22px; margin:18px 0}
.selo h3{margin-top:0}
.selo p:last-child{margin-bottom:0}

/* ---- tabela de escopos ---- */
.tabela{overflow-x:auto; margin:16px 0; border:1px solid var(--border); border-radius:var(--r); background:var(--surface)}
table{border-collapse:collapse; width:100%; min-width:560px; font-size:14.5px}
th,td{text-align:left; padding:12px 14px; border-bottom:1px solid var(--border); vertical-align:top}
th{font-family:"Red Hat Display",sans-serif; text-transform:uppercase; letter-spacing:.07em;
   font-size:11.5px; color:var(--muted); background:var(--surface2)}
tr:last-child td{border-bottom:0}

/* ---- rodapé ---- */
.rodape{background:#100b0f; color:#a2969a; padding:40px 0 30px; margin-top:56px}
.rodape a{color:#a2969a; text-decoration:none}
.rodape a:hover{color:#ff2e7e}
.rod-in{display:flex; gap:18px; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:14px}
.rod-marca{display:flex; align-items:center; gap:10px; color:#f5eff2}
.rod-marca b{font-family:"Unbounded",sans-serif; font-weight:600; font-size:17px}
.rod-links{display:flex; gap:16px; flex-wrap:wrap}
[hidden]{display:none !important}
@media (max-width:640px){ .capa{padding:38px 0 26px} .idioma{margin-left:0} }