/* ============================================================
   Páginas legais — termos, privacidade, reembolso
   Reutiliza os tokens e as fontes de style.css; não altera nada
   da página de vendas. Prioriza leitura: coluna estreita, texto
   escuro sobre fundo claro, títulos em Fraunces.
   ============================================================ */

.legal{background:var(--paper);color:var(--body);min-height:100vh}

/* barra superior */
.legal__top{
  background:var(--navy-900);
  border-bottom:1px solid var(--navy-line);
  padding-block:1rem;
}
.legal__top .wrap{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
}
.legal__brand{
  font-family:var(--serif);font-size:1.0625rem;font-weight:600;
  color:#fff;margin:0;letter-spacing:.01em;
}
.legal__back{
  font-size:.875rem;font-weight:600;color:var(--lilac-2);
  text-decoration:none;border-bottom:1px solid transparent;
  padding:.35rem .1rem;
}
.legal__back:hover,.legal__back:focus-visible{
  color:#fff;border-bottom-color:var(--lilac);
}

/* corpo do documento */
.legal__doc{max-width:720px;margin-inline:auto;padding-block:2.75rem 3.5rem}
.legal__doc h1{
  font-family:var(--serif);font-size:clamp(1.65rem,4.5vw,2.25rem);
  font-weight:600;line-height:1.2;color:var(--ink);margin:0 0 .4rem;
}
.legal__meta{font-size:.8125rem;color:var(--muted);margin:0 0 2rem}
.legal__doc h2{
  font-family:var(--serif);font-size:1.1875rem;font-weight:600;
  color:var(--ink);margin:2.25rem 0 .6rem;line-height:1.3;
}
.legal__doc h3{
  font-size:1rem;font-weight:600;color:var(--ink);margin:1.4rem 0 .4rem;
}
.legal__doc p,.legal__doc li{font-size:.9375rem;line-height:1.7}
.legal__doc p{margin:0 0 .9rem}
.legal__doc ul{margin:0 0 1rem;padding-left:1.15rem}
.legal__doc li{margin-bottom:.4rem}
.legal__doc a{color:var(--plum);text-decoration:underline;text-underline-offset:2px}
.legal__doc a:hover,.legal__doc a:focus-visible{color:var(--plum-dark)}
.legal__doc strong{color:var(--ink)}

/* caixa de destaque (dados por definir, avisos) */
.legal__note{
  background:var(--soft);border:1px solid var(--line);
  border-radius:var(--radius-sm);padding:1rem 1.15rem;margin:1.25rem 0;
}
.legal__note p:last-child{margin-bottom:0}

/* rodapé */
.legal__foot{
  border-top:1px solid var(--line);margin-top:3rem;padding-block:1.75rem 2.5rem;
  text-align:center;font-size:.8125rem;color:var(--muted);
}
.legal__foot a{color:var(--plum);text-decoration:underline;text-underline-offset:2px}
.legal__foot nav{margin-bottom:.75rem;display:flex;gap:1.1rem;justify-content:center;flex-wrap:wrap}

@media (max-width:600px){
  .legal__doc{padding-block:2rem 2.5rem}
}