/* =========================================================
   Páginas legais (Política de Privacidade, Termos de Uso)
   Usa as cores/tokens de styles.css, então o modo escuro vem de graça.
   Prefixo: lg-
   ========================================================= */

.lg-topo{padding:132px 0 32px;background:var(--hero-grad)}
.lg-topo h1{font-size:clamp(2rem,4.6vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.lg-topo__texto{color:var(--muted);font-size:1.05rem;margin-top:12px;max-width:62ch}
.lg-topo__data{color:var(--muted);font-size:.9rem;margin-top:10px}
.lg-topo .caixa{max-width:860px}

.lg-doc{padding:36px 0 84px}
.lg-doc .caixa{max-width:860px}

/* Sumário */
.lg-sumario{
  background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);
  padding:20px 24px;margin-bottom:36px;
}
.lg-sumario h2{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.lg-sumario ol{counter-reset:lg-item;columns:2;column-gap:32px}
.lg-sumario li{counter-increment:lg-item;break-inside:avoid;margin-bottom:6px;font-size:.95rem}
.lg-sumario li::before{content:counter(lg-item) ". ";color:var(--muted)}
.lg-sumario a{color:var(--ink-2)}
.lg-sumario a:hover{color:var(--blue);text-decoration:underline}

/* Seções */
.lg-secao{margin-bottom:38px;scroll-margin-top:96px}
.lg-secao h2{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;margin-bottom:14px}
.lg-secao h3{font-size:1.06rem;font-weight:700;margin:22px 0 8px}
.lg-secao p{color:var(--ink-2);margin-bottom:12px}
.lg-secao a:not(.botao){color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.lg-secao strong{color:var(--ink)}
.lg-secao ul{margin:0 0 14px;padding-left:0}
.lg-secao li{position:relative;padding-left:22px;margin-bottom:8px;color:var(--ink-2)}
.lg-secao li::before{
  content:"";position:absolute;left:4px;top:.68em;width:7px;height:7px;border-radius:50%;
  background:var(--grad);
}

/* Destaque (ex.: declaração de uso limitado do Google) */
.lg-destaque{
  background:var(--bg-soft);border:1.5px solid var(--line-strong);border-left:5px solid var(--blue);
  border-radius:var(--radius);padding:18px 22px;margin:16px 0;
}
.lg-destaque p{margin-bottom:10px}
.lg-destaque p:last-child{margin-bottom:0}

/* Tabela de fornecedores */
.lg-tabela{overflow-x:auto;margin:12px 0 16px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.lg-tabela table{width:100%;border-collapse:collapse;min-width:560px;font-size:.93rem}
.lg-tabela th,.lg-tabela td{text-align:left;vertical-align:top;padding:12px 16px;border-bottom:1px solid var(--line)}
.lg-tabela th{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--bg-soft)}
.lg-tabela tr:last-child td{border-bottom:0}
.lg-tabela td{color:var(--ink-2)}
.lg-tabela td:first-child{color:var(--ink);font-weight:600;white-space:nowrap}

.lg-voltar{margin-top:8px}

@media (max-width:720px){
  .lg-topo{padding:108px 0 22px}
  .lg-sumario ol{columns:1}
  .lg-secao h2{font-size:1.28rem}
  .lg-tabela td:first-child{white-space:normal}
}