/* =========================================================
   PÁGINAS LEGAIS — privacidade, termos, troca e devolução
   Reaproveita os tokens de css/variables.css. Layout de leitura,
   sem os componentes de venda do site principal.
   ========================================================= */

.legal-header {
  background: var(--g-dark);
  color: var(--t-on-dark);
  padding-block: var(--s-6);
}
.legal-header .wrap { display: flex; align-items: center; justify-content: space-between; gap: var(--s-5); }
.legal-header__logo { height: 42px; width: auto; }
.legal-header__back {
  font-size: var(--fs-sm);
  font-weight: var(--fw-semi);
  color: var(--t-on-dark-soft);
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
}
.legal-header__back:hover { color: var(--t-on-dark); }

.legal-main {
  max-width: 760px;
  margin: 0 auto;
  padding: var(--s-8) var(--gutter) var(--s-9);
}

.legal-main h1 {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-black);
  color: var(--t-on-light);
  margin-bottom: var(--s-2);
}
.legal-main .legal-updated {
  font-size: var(--fs-sm);
  color: var(--t-on-light-soft);
  margin-bottom: var(--s-7);
}

.legal-main h2 {
  font-size: var(--fs-lg);
  font-weight: var(--fw-black);
  color: var(--t-on-light);
  margin-top: var(--s-7);
  margin-bottom: var(--s-3);
}
.legal-main p, .legal-main li {
  font-size: var(--fs-base);
  line-height: var(--lh-body);
  color: var(--t-on-light-soft);
}
.legal-main p { margin-bottom: var(--s-4); }
.legal-main ul, .legal-main ol { margin: 0 0 var(--s-4); padding-left: 1.3em; display: grid; gap: var(--s-2); }
.legal-main ul { list-style: disc; }
.legal-main ol { list-style: decimal; }
.legal-main a { color: var(--c-teal-dark); text-decoration: underline; text-underline-offset: 2px; }
.legal-main strong { color: var(--t-on-light); font-weight: var(--fw-bold); }

.legal-main .pending { margin-bottom: var(--s-5); }

.legal-toc {
  background: var(--c-paper-2);
  border-radius: var(--r-md);
  padding: var(--s-5);
  margin-bottom: var(--s-7);
}
.legal-toc__title { font-size: var(--fs-sm); font-weight: var(--fw-black); margin-bottom: var(--s-3); color: var(--t-on-light); }
.legal-toc ol { display: grid; gap: var(--s-2); font-size: var(--fs-sm); margin: 0; }