/* Páginas legais (Termos de Uso e Política de Privacidade). */
:root {
  --fonte: "Manrope", "Segoe UI", system-ui, sans-serif;
  --fonte-titulo: "Bricolage Grotesque", system-ui, sans-serif;
  --banana: #ffd53d;
}
html, body { margin: 0; background: #0b0910; color: #e9e6ef; font-family: var(--fonte); -webkit-font-smoothing: antialiased; }
.legal { max-width: 760px; margin: 0 auto; padding: 32px 16px 72px; line-height: 1.65; font-size: 15.5px; }
.legal-topo { display: flex; align-items: center; gap: 10px; margin-bottom: 36px; text-decoration: none; color: #fff; font-family: var(--fonte-titulo); font-weight: 800; font-size: 17px; }
.legal-topo img { width: 34px; height: 34px; border-radius: 9px; }
.legal h1 { font-family: var(--fonte-titulo); font-size: clamp(28px, 6vw, 40px); line-height: 1.1; margin: 0 0 8px; color: #fff; }
.legal .atualizado { color: rgba(255, 255, 255, 0.5); font-size: 13px; margin: 0 0 32px; }
.legal h2 { font-family: var(--fonte-titulo); font-size: 21px; margin: 36px 0 8px; color: #fff; }
.legal a { color: var(--banana); }
.legal ul { padding-left: 20px; }
.legal li { margin: 4px 0; }
.legal .rascunho { background: rgba(255, 213, 61, 0.1); border: 1px solid rgba(255, 213, 61, 0.4); border-radius: 12px; padding: 12px 16px; font-size: 14px; color: #ffe58a; margin-bottom: 28px; }
.legal .preencher { background: rgba(255, 213, 61, 0.22); color: #fff; padding: 0 4px; border-radius: 4px; }
.legal-rodape { margin-top: 48px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 13px; color: rgba(255, 255, 255, 0.5); display: flex; gap: 16px; flex-wrap: wrap; }