/* =========================================================
   SPECIALITTÁ — páginas legais (Política de Privacidade,
   Termos de Uso). Depende de css/style.css para os tokens,
   a navegação e o rodapé; aqui só a tipografia de documento.
   ========================================================= */

.legal-hero{ background:var(--creme-2); padding:9.5rem var(--pad-x) 3.4rem; }
.legal-hero .inner{ max-width:840px; margin-inline:auto; }
.legal-hero h1{ font-size:clamp(2.1rem,5vw,3.2rem); color:var(--bordo); margin:.9rem 0 1rem; }
.legal-hero .vigencia{ font-size:.78rem; color:var(--cinza-escuro); letter-spacing:.04em; }

.legal{ max-width:840px; margin-inline:auto; padding:3.4rem var(--pad-x) 5rem; }
.legal h2{ font-size:1.55rem; color:var(--bordo); margin:2.9rem 0 .9rem; }
.legal h2:first-child{ margin-top:0; }
.legal h3{ font-family:var(--sans); font-size:.95rem; font-weight:600; letter-spacing:.02em; margin:1.8rem 0 .55rem; color:var(--preto-quente); }
.legal p{ margin:0 0 1.05rem; font-size:.95rem; }
.legal ul{ margin:0 0 1.15rem 1.15rem; }
.legal li{ margin-bottom:.55rem; font-size:.95rem; }
.legal a{ color:var(--bordo-suave); text-decoration:underline; text-underline-offset:3px; }
.legal a:hover{ color:var(--bronze); }
.legal strong{ font-weight:600; }
.legal .destaque{ border-left:2px solid var(--bronze); background:var(--creme-2); padding:1.15rem 1.4rem; margin:0 0 1.4rem; }
.legal .destaque p:last-child{ margin-bottom:0; }

/* Tabela de finalidades e bases legais — rola na horizontal no celular */
.legal-tabela{ overflow-x:auto; margin:0 0 1.5rem; }
.legal-tabela table{ width:100%; min-width:520px; border-collapse:collapse; font-size:.88rem; }
.legal-tabela th,.legal-tabela td{ text-align:left; padding:.85rem 1rem; border-bottom:1px solid var(--cinza-claro); vertical-align:top; }
.legal-tabela th{ font-weight:600; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--cinza-escuro); border-bottom-color:var(--cinza-medio); }

.legal-nav-doc{ display:flex; gap:1.6rem; flex-wrap:wrap; border-top:1px solid var(--cinza-claro); margin-top:3.2rem; padding-top:1.8rem; font-size:.8rem; }

/* Nas páginas de documento a barra já nasce com fundo: não há imagem de
   topo por trás dela, e o main.js remove a classe .scrolled ao carregar. */
.nav{ background:rgba(251,246,240,.92); backdrop-filter:blur(14px); box-shadow:0 1px 0 var(--cinza-medio); }