/* ==========================================================================
   PÁGINA: LEGAL (privacidade e termos)
   Carrega por último, depois de 06-responsive.css.

   Documento longo para ler, não para converter. Sem brilho e sem card:
   coluna única, medida de linha curta e hierarquia clara. A única coisa que
   importa aqui é a pessoa conseguir achar o que procura.
   ========================================================================== */
.legal-abertura{padding:150px 0 0;text-align:center}
.legal-abertura .container{display:flex;flex-direction:column;align-items:center}
.legal-abertura h1{font-size:var(--fs-d3);font-weight:600;
  max-width:18ch;margin-bottom:20px;letter-spacing:-.025em}
.legal-abertura .intro{color:var(--muted);font-size:var(--fs-corpo);max-width:52ch}

/* Ponte entre os dois documentos.

   Privacidade e Termos foram separados em páginas próprias, e quem chega
   por uma quase sempre quer conferir a outra. Sem esta linha, o único
   caminho entre elas seria voltar ao rodapé. Discreta de propósito: é
   navegação de apoio, não a leitura principal. */
.legal-troca{margin-top:24px}
.legal-troca a{display:inline-flex;align-items:center;gap:9px;
  padding:9px 18px;border-radius:var(--r-pill);
  border:1px solid rgba(212,175,55,.28);background:rgba(212,175,55,.06);
  color:var(--gold-hi);font-size:var(--fs-etiqueta);font-weight:600;
  letter-spacing:.01em;transition:.25s}
.legal-troca a::after{content:"";width:6px;height:6px;
  border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;
  transform:rotate(45deg);transition:transform .25s}
.legal-troca a:hover{border-color:rgba(212,175,55,.55);
  background:rgba(212,175,55,.12);color:var(--gold-spark)}
.legal-troca a:hover::after{transform:rotate(45deg) translate(2px,-2px)}

.legal-secao{padding-top:44px}

.legal-corpo{max-width:72ch;margin:0 auto;
  font-size:var(--fs-corpo);line-height:1.75;color:var(--silver)}
.legal-corpo > * + *{margin-top:20px}

.legal-corpo h2{font-size:var(--fs-titulo);font-weight:700;
  color:var(--ink);margin-top:52px;line-height:1.25;
  padding-bottom:14px;border-bottom:1px solid var(--line)}
.legal-corpo h3{font-size:var(--fs-lead);font-weight:600;
  color:var(--ink);margin-top:34px}

.legal-corpo a{color:var(--gold-hi);text-decoration:underline;
  text-underline-offset:3px;text-decoration-thickness:1px}
.legal-corpo a:hover{color:var(--gold-spark)}
.legal-corpo strong{color:var(--silver-hi);font-weight:500}

.legal-corpo ul,
.legal-corpo ol{padding-left:24px;display:grid;gap:10px}
.legal-corpo li{padding-left:6px}
.legal-corpo ul li::marker{color:var(--gold)}
.legal-corpo ol li::marker{color:var(--gold);font-family:var(--ff-ui);font-weight:600}

/* vigência e contato, no fim */
.legal-rodape{margin-top:56px;padding:22px 26px;border-radius:var(--r-md);
  border:1px solid rgba(199,201,209,.16);background:rgba(255,255,255,.02);
  color:var(--muted);font-size:var(--fs-corpo-p);line-height:1.65}

@media(max-width:760px){
  .legal-abertura{padding:120px 0 0}
  .legal-corpo{font-size:var(--fs-corpo)}
}