/* Páginas legais (/privacidade e /termos): texto corrido sobre o fundo escuro da marca. */
.legal { max-width: 760px; margin: 0 auto; padding: 32px 18px 64px; }
.legal .marca-alpha-vertical { text-align: center; margin-bottom: 18px; }
.legal .marca-alpha-vertical img { height: 64px; }
.legal h1 { text-align: center; font-size: clamp(28px, 6vw, 40px); margin: 0 0 6px; }
.legal h2 { font-family: var(--rotulo); font-size: 18px; margin: 30px 0 8px; color: var(--neon); }
.legal p, .legal li { color: var(--texto2); line-height: 1.65; }
.legal li { margin-bottom: 4px; }
.legal .vigencia { text-align: center; color: var(--texto3); margin: 0 0 24px; }
.legal .risco { border: 1px solid var(--vermelho); border-radius: 12px; padding: 14px 16px; margin: 20px 0; background: rgba(255, 59, 59, .08); }
.legal .risco p { color: var(--texto); margin: 0; }
.legal .marcador { background: rgba(240, 180, 41, .18); color: var(--texto); border-radius: 4px; padding: 0 4px; font-weight: 600; }
.legal table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 8px 0; }
.legal th, .legal td { border: 1px solid var(--linha2); padding: 8px 10px; text-align: left; vertical-align: top; color: var(--texto2); }
.legal th { color: var(--texto); }
.legal .rodape { margin-top: 36px; text-align: center; font-size: 14px; }
/* Aviso curto de login/cadastro com os dois links. */
.legal-link { font-size: 12px; line-height: 1.5; text-align: center; color: var(--texto3); margin: 12px 0 0; }
.aviso-deriv { font-size: 11px; line-height: 1.5; opacity: .7; max-width: 520px; margin: 16px auto 0; text-align: center; }