/* Páginas legais (privacidade, termos, cookies). Tokens, cabeçalho e rodapé vêm de style.css.
   Leitura confortável nos dois temas: escuro por padrão, claro com html[data-theme=light]. */
.legal{padding:56px 0 96px;background:#000;color:#d6d6d6}
/* Anula o quadro preto com brilho vermelho que style.css aplica ao 1º bloco de cada <main> (faixa de título das outras páginas) */
.legal > .wrap:first-child{width:min(860px,calc(100% - 48px));max-width:860px;margin-inline:auto;padding-inline:0;background:none;border-bottom:0}
.legal h1{font-size:clamp(32px,4vw,46px);line-height:1.1;margin:14px 0 8px;letter-spacing:-1px;color:#fff}
.legal h2{font-size:22px;line-height:1.25;margin:0 0 10px;letter-spacing:-.3px;color:#fff;scroll-margin-top:110px}
.legal h3{font-size:17px;line-height:1.3;margin:22px 0 6px;color:#fff}
.legal section{padding:28px 0 0;margin-top:34px;border-top:1px solid #2c2e30}
.legal p,.legal li{font-size:16px;line-height:1.7;color:#d6d6d6}
.legal p{margin:10px 0}
.legal ul,.legal ol{padding-left:22px;margin:10px 0}
.legal li{margin:6px 0}
.legal strong{color:#fff}
.legal a{color:#ff8a92;text-decoration:underline;text-underline-offset:3px}
.legal a:hover{color:#fff}
.legal .atualizado{color:#aaa;font-size:13px;margin:0}
.legal .lead{font-size:18px;color:#e6e6e6;max-width:720px}

/* Índice */
.toc{margin:28px 0 8px;padding:20px 24px;border:1px solid #3a3c3e;border-radius:10px;background:#111}
.toc p{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#aaa}
.toc ol{columns:2;column-gap:36px;margin:0;padding-left:22px}
.toc li{break-inside:avoid;font-size:15px;margin:5px 0}

/* Resumo e avisos */
.legal .destaque{margin:22px 0;padding:14px 18px;border-left:4px solid var(--accent);border-radius:6px;background:#111}
.legal .destaque p{margin:6px 0}

/* Dados que a Vanini ainda precisa informar: ficam visíveis até serem preenchidos */
.legal mark.pendente{background:#ff596426;color:inherit;border-bottom:1px dashed #ff5964;padding:1px 5px;border-radius:3px;font-weight:700}

/* Tabelas: rolagem lateral só no celular */
.legal .tabela{overflow-x:auto;margin:14px 0;-webkit-overflow-scrolling:touch}
.legal table{width:100%;border-collapse:collapse;font-size:14.5px}
.legal table:has(thead){min-width:600px} /* tabelas largas rolam de lado no celular; as de 2 colunas (identificação) quebram linha */
.legal th[scope=row]{width:34%;white-space:normal}
.legal th,.legal td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #2c2e30;line-height:1.55;color:#d6d6d6}
.legal th{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#fff;background:#111;white-space:nowrap}

.legal .veja-tambem{margin-top:44px;padding-top:22px;border-top:1px solid #2c2e30;font-size:15px}

/* Tema claro */
html[data-theme=light] .legal{background:#fff;color:#2a2d30}
html[data-theme=light] .legal h1,html[data-theme=light] .legal h2,html[data-theme=light] .legal h3,html[data-theme=light] .legal strong{color:#17191b}
html[data-theme=light] .legal p,html[data-theme=light] .legal li,html[data-theme=light] .legal th,html[data-theme=light] .legal td{color:#2a2d30}
html[data-theme=light] .legal .lead{color:#17191b}
html[data-theme=light] .legal .atualizado,html[data-theme=light] .toc p{color:#5b6066}
html[data-theme=light] .legal a{color:#c4121f}
html[data-theme=light] .legal a:hover{color:#8f1019}
html[data-theme=light] .legal section,html[data-theme=light] .legal .veja-tambem,html[data-theme=light] .legal th,html[data-theme=light] .legal td{border-color:#e1e3e5}
html[data-theme=light] .toc,html[data-theme=light] .legal .destaque,html[data-theme=light] .legal th{background:#f4f5f6}
html[data-theme=light] .toc{border-color:#e1e3e5}
html[data-theme=light] .legal mark.pendente{background:#c4121f14;border-color:#c4121f}
html[data-theme] .legal .breadcrumb{color:#8d9196}
html[data-theme=light] .legal .breadcrumb{color:#5b6066}
html[data-theme] .legal .breadcrumb span:last-child{color:inherit}
html[data-theme=dark] .legal .breadcrumb span:last-child{color:#fff}

@media(max-width:700px){
  .legal{padding:36px 0 80px}
  .legal > .wrap:first-child{width:calc(100% - 36px)}
  .toc ol{columns:1}
  .legal h2{font-size:20px}
  .legal p,.legal li{font-size:15.5px}
}

@media print{
  .header,.footer,.floating,.toc{display:none!important}
  .legal,.legal p,.legal li,.legal td,.legal th,.legal h1,.legal h2,.legal h3,.legal strong,.legal a{background:#fff!important;color:#000!important}
}
/* Títulos em Anton (condensada): sem espaçamento negativo */
.legal h1,.legal h2{letter-spacing:0}