/* ═══════════════════════════════════════════════════════════
   Bonecas de Papel — páginas institucionais e legais
   (sobre, contato, termos, privacidade, cookies, reembolso,
   entrega). Carrega DEPOIS de styles.css e herda os tokens da
   landing page. Aqui só a coluna de leitura: medida curta,
   hierarquia clara, nada de decoração que atrapalhe quem veio
   buscar uma informação específica.

   PORTE: este arquivo vem do legal.css do site da planilha, que
   é escuro. Os nomes de token que ele usava (--cream, --neon,
   --mono) não existem aqui, então são declarados abaixo
   apontando para a paleta rosa e clara das Bonecas. Isso mantém
   o resto do arquivo igual ao original e fácil de comparar.
   ═══════════════════════════════════════════════════════════ */

:root{
  --cream:      var(--ink);      /* texto forte   */
  --cream-dim:  var(--muted);    /* corpo         */
  --cream-mute: #8a7a9c;         /* rótulos, apoio*/
  --neon:       var(--pink);     /* acento        */
  --neon-deep:  var(--deep-pink);
  --line-strong:#e6cade;
  --label: 800 .68rem/1.4 Outfit, Arial, sans-serif;
}

.lg-body{ background:var(--paper); }

/* ── cabeçalho ─────────────────────────────────────────── */
.lg-head{
  background:#fff;
  border-bottom:1px solid var(--line);
  padding:1.1rem clamp(16px,4vw,32px);
}
.lg-head__in{
  width:min(100%, 760px); margin-inline:auto;
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
}
.topbar__brand{
  display:inline-flex; align-items:center; gap:.55rem;
  font:600 1.15rem/1 Fredoka, Outfit, sans-serif;
  letter-spacing:-.5px; color:var(--deep-pink); text-decoration:none;
}
.topbar__brand strong{ font-weight:600; color:var(--pink); }
.brand-mark{
  display:inline-grid; place-items:center;
  width:30px; height:30px; border-radius:9px;
  background:#fde7f2; color:var(--pink); font-size:1rem;
}
.lg-back{
  font:var(--label); letter-spacing:.1em;
  text-transform:uppercase; color:var(--cream-mute); text-decoration:none;
  padding:.7rem .3rem;                 /* alvo de toque */
  transition:color .2s;
}
.lg-back:hover{ color:var(--neon); }

/* ── coluna de leitura ─────────────────────────────────── */
.lg-main{
  width:min(100% - clamp(32px,8vw,64px), 760px);
  margin-inline:auto;
  padding:clamp(40px,7vw,80px) 0 clamp(48px,8vw,96px);
}

.lg-title{ font-size:clamp(2rem,5vw,2.9rem); margin-bottom:.5rem; }
.lg-updated{
  font:var(--label); letter-spacing:.1em;
  text-transform:uppercase; color:var(--cream-mute);
  margin:0 0 2.6rem;
}

/* parágrafo de abertura, um degrau acima do corpo */
.lg-lead{
  font-size:1.1rem; line-height:1.6; color:var(--cream);
  max-width:56ch; margin:0 0 2.2rem;
}

.lg-main h2{
  font-size:clamp(1.15rem,2.4vw,1.4rem);
  margin:2.6rem 0 .8rem;
  padding-top:1.6rem;
  border-top:1px solid var(--line);
}
.lg-main h2:first-of-type{ border-top:0; padding-top:0; margin-top:2rem; }
.lg-main h3{ font-size:1.02rem; margin:1.8rem 0 .5rem; }

.lg-main p, .lg-main li{ color:var(--cream-dim); font-size:.98rem; }
.lg-main p{ margin:0 0 1em; }
.lg-main b, .lg-main strong{ color:var(--cream); font-weight:700; }
.lg-main ul, .lg-main ol{ padding-left:1.1rem; margin:0 0 1em; display:grid; gap:.45rem; }
.lg-main li::marker{ color:var(--neon); }
.lg-main a{ color:var(--neon-deep); text-decoration:underline; text-underline-offset:3px; }
.lg-main a:focus-visible{ outline:2px solid var(--neon); outline-offset:3px; border-radius:3px; }

/* trechos que dependem de dado real do vendedor */
.lg-todo{
  border:1px dashed var(--line-strong); border-radius:12px;
  background:#fffaf2;
  padding:1rem 1.2rem; margin:0 0 2rem;
  font-size:.9rem; color:#8a6d3b;
}
.lg-todo b{ color:#6b5220; }

/* ── identidade do fornecedor ──────────────────────────
   O bloco que o Google Ads e o art. 31 do CDC procuram: quem
   vende, com CNPJ e endereço, visível sem precisar caçar.   */
.lg-facts{
  margin:0 0 2rem;
  padding:1.3rem 1.5rem;
  border:1px solid var(--line-strong); border-radius:14px;
  background:#fff;
  display:grid; gap:.7rem;
}
.lg-facts div{ display:grid; gap:.15rem; }
.lg-facts dt{
  font:var(--label); letter-spacing:.16em;
  text-transform:uppercase; color:var(--cream-mute);
}
.lg-facts dd{ margin:0; color:var(--cream); font-size:.96rem; }

/* ── canais de contato ─────────────────────────────────── */
.lg-cards{
  display:grid; gap:.9rem; margin:0 0 2.4rem;
  grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));
}
.lg-card{
  display:flex; flex-direction:column; gap:.35rem;
  padding:1.3rem 1.4rem;
  border:1px solid var(--line); border-radius:14px;
  background:#fff;
  box-shadow:0 4px 16px #b01d6809;
  text-decoration:none;
  transition:border-color .25s, transform .25s cubic-bezier(.2,.8,.3,1);
}
.lg-card:hover{ border-color:#f4b6d4; transform:translateY(-2px); }
.lg-card__kind{
  font:var(--label); letter-spacing:.16em;
  text-transform:uppercase; color:var(--neon);
}
.lg-card__val{
  color:var(--cream); font-size:1rem; font-weight:700;
  text-decoration:none; word-break:break-word;
}
.lg-card__note{ color:var(--cream-mute); font-size:.82rem; }

/* ── destaque de uma regra ─────────────────────────────── */
.lg-note{
  margin:1.6rem 0;
  padding:1.1rem 1.3rem;
  border-left:3px solid var(--neon); border-radius:0 12px 12px 0;
  background:#fff0f7;
}
.lg-note p:last-child{ margin-bottom:0; }

/* ── tabela ────────────────────────────────────────────── */
.lg-tablewrap{ overflow-x:auto; margin:0 0 1.6rem; }
.lg-main table{
  width:100%; border-collapse:collapse; font-size:.92rem; min-width:420px;
  background:#fff;
}
.lg-main th, .lg-main td{
  text-align:left; padding:.7rem .8rem;
  border-bottom:1px solid var(--line); color:var(--cream-dim);
}
.lg-main th{
  font:var(--label); letter-spacing:.12em;
  text-transform:uppercase; color:var(--cream-mute);
}

/* ── rodapé compartilhado ──────────────────────────────── */
.lg-foot{
  background:var(--ink);
  border-top:1px solid var(--line);
  padding:1.8rem clamp(16px,4vw,32px) 2.4rem;
  font-size:.75rem; letter-spacing:.04em;
  color:#a899b6;
}
.lg-foot__in{ width:min(100%, 760px); margin-inline:auto; display:grid; gap:1rem; }
.lg-foot nav{ display:flex; flex-wrap:wrap; gap:.3rem 1rem; }
.lg-foot a{ text-decoration:none; color:#a899b6; padding:.55rem .2rem; transition:color .2s; }
.lg-foot a:hover{ color:#f7a8cf; }
.lg-foot a[aria-current="page"]{ color:#fff; }
.lg-foot__id{ line-height:1.7; }
.lg-foot__id a{ color:#f7a8cf; }