.legal { padding-block: clamp(40px, 7vw, 88px); }
.legal .env { max-width: 760px; }
.legal h1 { font-family: var(--display); font-size: clamp(1.9rem, 5vw, 2.8rem); line-height: 1.1; margin: 0 0 12px; }
.legal h2 { font-family: var(--display); font-size: 1.5rem; margin: 36px 0 10px; line-height: 1.15; }
.legal p, .legal li { line-height: 1.65; }
.legal ul { padding-left: 1.2em; }
.legal table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: .92rem; }
.legal th, .legal td { border: 1px solid var(--line); padding: 8px 10px; text-align: left; vertical-align: top; }
.legal__data { color: var(--muted); font-size: .9rem; }
.legal__voltar { display: inline-block; margin-top: 32px; font-weight: 600; }
.rodape--legal { padding: 32px 0 40px; }
@media (max-width: 640px) { .legal table { display: block; overflow-x: auto; } }