/* Páginas legais (/termos e /privacidade). Complementa o site.css. */
.legal{padding:56px 0 96px; max-width:820px}
.legal h1{font-size:clamp(30px,5vw,46px); max-width:none}
.legal .legal-data{margin-top:10px; font-family:var(--mono); font-size:12px; color:var(--txt-4)}
.legal-sumario{display:flex; flex-wrap:wrap; gap:8px 18px; margin:28px 0 8px; padding:18px 20px; border:1px solid var(--line); border-radius:var(--r); background:var(--surface); font-size:14px}
.legal-sumario a{color:var(--txt-2); text-decoration:none}
.legal-sumario a:hover{color:var(--amber)}
.legal h2{font-size:clamp(20px,2.6vw,26px); max-width:none; margin-top:44px; padding-top:28px; border-top:1px solid var(--line); scroll-margin-top:90px}
.legal h2 + p, .legal h2 + ul, .legal h2 + table{margin-top:14px}
.legal p{margin-top:12px; color:var(--txt-2)}
.legal p b, .legal li b{color:var(--txt)}
.legal ul{margin:12px 0 0; padding-left:22px; color:var(--txt-2)}
.legal li{margin-top:8px}
.legal li::marker{color:var(--amber)}
.legal a{color:var(--amber); text-decoration:underline; text-underline-offset:3px}
.legal-tabela{width:100%; border-collapse:collapse; margin-top:16px; font-size:14.5px; color:var(--txt-2)}
.legal-tabela th,.legal-tabela td{text-align:left; vertical-align:top; padding:10px 12px; border:1px solid var(--line)}
.legal-tabela th{background:var(--surface-2); color:var(--txt); font-weight:600; font-size:13px}
.legal-tabela td b{color:var(--txt)}
.nav a[aria-current="page"]{color:var(--txt)}
@media (max-width:640px){
  .legal{padding:36px 0 72px}
  .legal-tabela{display:block; overflow-x:auto; -webkit-overflow-scrolling:touch}
}