/* ============================================================
   Documentos legais (Política de Privacidade e Termos de Uso).

   Folha própria, separada da styles.css da landing page: estas
   páginas são de leitura longa e não compartilham nenhum componente
   com a LP (sem hero, sem cards, sem CTA). Herdam a paleta, as
   fontes e o fundo escuro, para quem chega pelo rodapé não sentir
   que saiu do site.

   As fontes são as mesmas já hospedadas em assets/fontes, então não
   há requisição nova nem domínio externo.
   ============================================================ */

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('assets/fontes/barlow-condensed-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('assets/fontes/barlow-condensed-800.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fontes/source-sans-3-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('assets/fontes/source-sans-3-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('assets/fontes/source-sans-3-700.woff2') format('woff2');
}

:root {
  --fundo:       #061529;
  --fundo-2:     #0A1E3A;
  --cartao:      #0F2A4F;
  --linha:       rgba(255, 255, 255, 0.14);
  --ouro:        #F5A800;
  --ouro-claro:  #FFC845;
  --azul-claro:  #4DA3E0;
  --texto-1:     #FFFFFF;
  --texto-2:     #B9C9DC;
  --texto-3:     #8FA3BA;
  --sob-2:       #A9BDD6;
  --titulo: 'Barlow Condensed', 'Arial Narrow', 'Roboto Condensed', 'Liberation Sans Narrow', system-ui, sans-serif;
  --corpo:  'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--fundo);
  color: var(--texto-1);
  font-family: var(--corpo);
  font-size: 17px;
  line-height: 1.65;
}

/* ── Cabeçalho ─────────────────────────────────────────── */
/* O degradê clareia o topo e se dissolve no fundo do corpo, então não
   existe emenda visível entre o cabeçalho e o texto. */
.doc-topo {
  background: radial-gradient(120% 140% at 50% 0%, var(--fundo-2) 0%, var(--fundo) 100%);
  padding: 34px 0 10px;
}
.doc-topo .container { display: grid; gap: 14px; }
.doc-marca {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--sob-2);
  text-decoration: none;
}
.doc-marca:hover { color: #fff; }
.doc-topo h1 {
  font-family: var(--titulo);
  font-weight: 800;
  font-size: clamp(2rem, 6vw, 2.9rem);
  line-height: 1.05;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  margin: 0;
  color: var(--texto-1);
}
.doc-selo {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--fundo);
  background: var(--ouro);
  border-radius: 20px;
  padding: 4px 14px;
  justify-self: start;
}

/* ── Corpo ─────────────────────────────────────────────── */
.container {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  padding: 0 22px;
}

.doc-corpo { padding: 34px 0 20px; }

.doc-corpo h2 {
  font-family: var(--titulo);
  font-weight: 800;
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: -0.005em;
  color: var(--texto-1);
  margin: 42px 0 10px;
  padding-top: 18px;
  border-top: 1px solid var(--linha);
}
.doc-corpo h2:first-child { margin-top: 0; padding-top: 0; border-top: none; }

.doc-corpo h3 {
  font-family: var(--corpo);
  font-weight: 700;
  font-size: 1.02rem;
  color: var(--ouro-claro);
  margin: 26px 0 6px;
}

.doc-corpo p { margin: 0 0 15px; color: var(--texto-2); }
.doc-corpo strong { color: var(--texto-1); font-weight: 700; }

.doc-corpo ul { margin: 0 0 16px; padding-left: 22px; color: var(--texto-2); }
.doc-corpo li { margin-bottom: 7px; }

.doc-corpo a { color: var(--azul-claro); }

/* Tabelas: rolam dentro da própria caixa em telas estreitas, para a
   página nunca rolar na horizontal. */
.doc-tabela { overflow-x: auto; margin: 0 0 22px; }
.doc-tabela table {
  width: 100%;
  min-width: 460px;
  border-collapse: collapse;
  font-size: 0.93rem;
}
.doc-tabela th {
  background: var(--cartao);
  color: var(--texto-1);
  text-align: left;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 10px 14px;
}
.doc-tabela td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  padding: 10px 14px;
  vertical-align: top;
  color: var(--texto-2);
}
.doc-tabela tbody tr:nth-child(even) td { background: rgba(255, 255, 255, 0.03); }

/* ── Rodapé ────────────────────────────────────────────── */
.doc-rodape {
  border-top: 1px solid var(--linha);
  margin-top: 46px;
  padding: 26px 0 46px;
  font-size: 0.88rem;
  color: var(--texto-3);
}
.doc-rodape .container { display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: baseline; }
.doc-rodape a { color: var(--azul-claro); }

@media (max-width: 560px) {
  body { font-size: 16px; }
  .doc-corpo h2 { font-size: 1.28rem; }
}