/* Páginas legais */
.legal { padding: 56px 0 96px; }
.legal .page { max-width: 760px; }
.lg { display: none; }
/* en é a versão por omissão; es e pt têm texto próprio; os restantes idiomas mostram o inglês até haver tradução */
html:not([lang="es"]):not([lang="pt"]) .lg-en, html[lang="es"] .lg-es, html[lang="pt"] .lg-pt { display: block; }
.legal h1 { margin: 0 0 18px; font-size: clamp(30px, 4vw, 44px); line-height: 1.1; letter-spacing: -.03em; font-weight: 700; }
.legal h2 { margin: 36px 0 10px; font-size: 20px; line-height: 1.3; letter-spacing: -.01em; font-weight: 600; color: var(--fg); }
.legal p, .legal li { font-size: 16px; line-height: 1.75; color: var(--muted); max-width: none; }
.legal p { margin: 0 0 12px; }
.legal ul { margin: 0 0 12px; padding-left: 20px; }
.legal li { margin-bottom: 6px; }
.legal a { color: var(--fg); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #5d5c54; }
.legal a:hover { text-decoration-color: var(--fg); }
.draft-banner { margin: 0 0 28px; padding: 12px 14px; border: .67px dashed #5d5c54; border-radius: 12px; font-size: 14px !important; line-height: 1.5 !important; color: var(--fg) !important; background: rgba(243, 241, 234, .04); }
.tbd { background: rgba(255, 170, 60, .16); color: var(--fg); padding: 1px 6px; border-radius: 6px; font-weight: 500; }