/* Páginas de termos e privacidade: texto longo, fácil de ler. Usa as cores e fontes de conta.css. */
.legal{max-width:760px; margin:0 auto; padding:40px 16px 96px}
.legal h1{font-size:clamp(36px,5vw,52px); margin-bottom:10px}
.legal .vigencia{color:var(--suave); font:500 14px var(--mono); margin-bottom:28px}
.legal .resumo{background:var(--papel); border:1px solid var(--linha); border-left:4px solid var(--coral); border-radius:14px; padding:18px 22px; margin-bottom:36px}
.legal .resumo b{display:block; margin-bottom:6px}
.legal .resumo ul{margin:0; padding-left:20px}
.legal h2{font-size:28px; margin:40px 0 12px}
.legal h3{font-size:20px; margin:24px 0 8px; font-stretch:90%}
.legal p, .legal li{color:var(--tinta)}
.legal p + p{margin-top:12px}
.legal ul, .legal ol{padding-left:22px; display:grid; gap:6px; margin:10px 0}
.legal table{width:100%; border-collapse:collapse; margin:12px 0; font-size:16px; background:var(--papel); border-radius:12px; overflow:hidden}
.legal th, .legal td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--linha); vertical-align:top}
.legal th{font-weight:700; background:var(--areia-2)}
.legal .preencher{background:#FFF3C4; padding:0 4px; border-radius:4px}
.legal nav.indice{display:flex; flex-wrap:wrap; gap:8px 16px; margin-bottom:8px}
.legal a{color:var(--petroleo); text-decoration-color:var(--coral); text-underline-offset:3px}
@media (max-width:520px){.legal table, .legal thead, .legal tbody, .legal tr, .legal th, .legal td{display:block} .legal thead{display:none} .legal td{border:0; padding:4px 12px} .legal tr{border-bottom:1px solid var(--linha); padding:8px 0}}
.legal-rodape .legal{padding-top:0; padding-bottom:40px; font-size:15px}