/* ==========================================================================
   Páginas legais (Política de Privacidade e Termos de Uso).
   Layout sóbrio e legível — nada de CTA nem elemento de venda.
   ========================================================================== */
@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/inter-var-latin.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --cor-primaria: #AB8855;
  --cor-titulo: #000;
  --cor-texto: #343434;
  --fonte: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--fonte);
  color: var(--cor-texto);
  background: #fff;
  line-height: 1.7;
  font-size: 17px;
  -webkit-font-smoothing: antialiased;
}

:focus-visible { outline: 3px solid var(--cor-primaria); outline-offset: 3px; }

.legal-topo {
  background: #000;
  padding: 20px;
  text-align: center;
}
.legal-topo img { width: 220px; height: auto; }

.legal-corpo {
  max-width: 820px;
  margin-inline: auto;
  padding: 48px 22px 64px;
}

.legal-corpo h1 {
  font-size: 34px;
  font-weight: 500;
  line-height: 1.15;
  color: var(--cor-titulo);
  margin: 0 0 .3em;
}
.legal-corpo .atualizado {
  color: #777;
  font-size: 15px;
  margin: 0 0 2.4em;
}

.legal-corpo h2 {
  font-size: 22px;
  font-weight: 600;
  color: var(--cor-titulo);
  margin: 2.2em 0 .6em;
}

.legal-corpo p, .legal-corpo li { font-size: 17px; }
.legal-corpo ul { padding-left: 22px; margin: 0 0 1.2em; }
.legal-corpo li { margin-bottom: .5em; }
.legal-corpo a { color: var(--cor-primaria); }

.legal-destaque {
  background: #FAFAFA;
  border-left: 4px solid var(--cor-primaria);
  padding: 18px 20px;
  margin: 1.6em 0;
  border-radius: 0 6px 6px 0;
}
.legal-destaque p:last-child { margin-bottom: 0; }

.legal-rodape {
  background: #000;
  color: rgba(255, 255, 255, .6);
  text-align: center;
  padding: 34px 20px;
  font-size: 14px;
}
.legal-rodape a { color: rgba(255, 255, 255, .85); text-decoration: none; margin: 0 12px; }
.legal-rodape a:hover { color: var(--cor-primaria); text-decoration: underline; }
.legal-rodape p { margin: 14px 0 0; }

@media (min-width: 768px) {
  .legal-corpo { padding: 66px 22px 80px; }
  .legal-corpo h1 { font-size: 46px; }
  .legal-corpo h2 { font-size: 25px; }
}