/* ==========================================================
   SINEX — páginas legais (/termos e /privacidade)
   Usa as cores, fontes e botões do styles.css.
   ========================================================== */

/* ---------- Topo ---------- */
.legal-topo { background: var(--preto); color: var(--branco); padding: 56px 0 48px; }
.legal-topo .eyebrow { color: var(--ciano); }
.legal-topo h1 { font-size: clamp(2rem, 4.5vw, 3.2rem); font-weight: 700; letter-spacing: -.03em; }
.legal-topo p { margin-top: 14px; max-width: 38em; color: rgba(255,255,255,.72); }
.legal-topo__data { font-size: .88rem; }

/* ---------- Texto ---------- */
.legal { padding: 56px 0 96px; }
.legal__corpo { max-width: 760px; }
.legal__corpo h2 { font-size: clamp(1.25rem, 2.4vw, 1.5rem); max-width: none; margin: 44px 0 14px; scroll-margin-top: calc(var(--altura-cabecalho) + 16px); }
.legal__corpo h2:first-of-type { margin-top: 0; }
.legal__corpo p, .legal__corpo ul, .legal__corpo ol { margin-bottom: 14px; }
.legal__corpo ul, .legal__corpo ol { padding-left: 1.3em; }
.legal__corpo li { margin-bottom: 6px; }
.legal__corpo a { color: var(--azul); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal__corpo strong { font-weight: 600; }

/* Índice do topo */
.legal__indice { margin-bottom: 40px; padding: 18px 22px; border-radius: var(--raio-cartao); background: var(--cinza-claro); }
.legal__indice h2 { margin: 0 0 10px; font-size: .8rem; letter-spacing: .18em; text-transform: uppercase; color: var(--texto-suave); }
.legal__indice ol { margin: 0; padding-left: 1.3em; columns: 2; column-gap: 32px; }
.legal__indice li { margin-bottom: 4px; break-inside: avoid; }

/* Dados da empresa e destaques */
.legal__quadro { padding: 16px 20px; border-radius: var(--raio-botao); background: var(--azul-claro); border-left: 3px solid var(--azul); margin-bottom: 14px; }
.legal__quadro p:last-child { margin-bottom: 0; }

@media (max-width: 600px) {
  .legal-topo { padding: 36px 0 32px; }
  .legal { padding: 36px 0 72px; }
  .legal__indice ol { columns: 1; }
}