/* Páginas de termos e privacidade: texto longo, uma coluna, mesma marca do site. */
.legal{max-width:760px;width:calc(100% - 40px);margin:0 auto;padding:64px 0 90px}
.legal .eyebrow{margin-bottom:16px}
.legal h1{font-family:'Manrope',sans-serif;font-size:clamp(30px,3.4vw,42px);font-weight:600;letter-spacing:-1.4px;line-height:1.2;color:var(--navy)}
.legal .atualizado{font-size:13px;color:var(--muted);margin:14px 0 36px}
.legal h2{font-family:'Manrope',sans-serif;font-size:20px;font-weight:650;letter-spacing:-.4px;color:var(--navy);margin:38px 0 12px}
.legal p,.legal li{font-size:15px;line-height:1.85;color:#4c5a6c}
.legal p+p{margin-top:12px}
.legal ul,.legal ol{padding-left:20px;margin:10px 0}
.legal li{margin:6px 0}
.legal strong{color:var(--ink);font-weight:600}
.legal table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}
.legal th,.legal td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line);line-height:1.6;color:#4c5a6c}
.legal th{font-weight:600;color:var(--ink);background:#f3f4f1}
.legal .tabela{overflow-x:auto}
/* No celular, três colunas espremem o texto: cada linha da tabela vira um bloco, com o nome da coluna na frente. */
@media (max-width:600px){
  .legal .tabela-dados,.legal .tabela-dados tbody,.legal .tabela-dados tr,.legal .tabela-dados td{display:block}
  .legal .tabela-dados thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .legal .tabela-dados tr{padding:14px 0;border-bottom:1px solid var(--line)}
  .legal .tabela-dados td{padding:0;border:0}
  .legal .tabela-dados td:first-child{color:var(--ink);font-weight:600}
  .legal .tabela-dados td+td{margin-top:8px}
  .legal .tabela-dados td:nth-child(2)::before{content:"Para quê: ";font-weight:600;color:var(--ink)}
  .legal .tabela-dados td:nth-child(3)::before{content:"Base legal: ";font-weight:600;color:var(--ink)}
}
.legal a{color:#8a6a36;text-decoration:underline;text-underline-offset:3px}