/* ============================================================
   Páginas legais — Zion Produções
   Mesma identidade da página de vendas, em layout de documento.
   ============================================================ */

:root{
  --primary:#edb85c;
  --primary-soft:rgba(237,184,92,.15);
  --gold-line:rgba(237,184,92,.22);
  --ink-on-primary:#241803;
  --bg:#0d1019;
  --bg-elev:#141926;
  --bg-card:#171d2c;
  --line:rgba(255,255,255,.09);
  --text:#f3f1ea;
  --muted:#a2a9ba;
  --font:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-display:'Poppins',var(--font);
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--font); font-size:17px; line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:var(--primary); text-decoration:none; }
a:hover{ text-decoration:underline; }

.wrap{ width:100%; max-width:760px; margin:0 auto; padding:0 22px; }

/* ---------- Cabeçalho ---------- */
.site-header{
  border-bottom:1px solid var(--line);
  background:rgba(13,16,25,.9); backdrop-filter:blur(12px);
  position:sticky; top:0; z-index:10;
}
.site-header .wrap{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; height:74px;
}
.brand-logo{ height:44px; width:auto; }
.back-link{
  font-size:.88rem; font-weight:600; color:var(--muted);
  display:inline-flex; align-items:center; gap:7px;
}
.back-link:hover{ color:var(--primary); text-decoration:none; }

/* ---------- Documento ---------- */
.doc{ padding:48px 0 70px; }
.eyebrow{
  display:inline-block; font-family:var(--font-display); font-weight:700;
  font-size:.72rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--primary); background:var(--primary-soft);
  padding:7px 15px; border-radius:999px; border:1px solid var(--gold-line);
}
h1{
  font-family:var(--font-display); font-weight:800; letter-spacing:-.02em;
  font-size:clamp(1.9rem,5.4vw,2.6rem); line-height:1.16; margin:18px 0 10px;
}
.updated{ color:var(--muted); font-size:.9rem; margin:0 0 30px; }
h2{
  font-family:var(--font-display); font-weight:700; letter-spacing:-.01em;
  font-size:clamp(1.18rem,3.2vw,1.42rem); line-height:1.3;
  margin:40px 0 12px; padding-top:22px; border-top:1px solid var(--line);
  color:var(--text);
}
h2:first-of-type{ border-top:none; padding-top:0; }
h2 .n{ color:var(--primary); font-variant-numeric:tabular-nums; margin-right:8px; }
h3{ font-family:var(--font-display); font-weight:600; font-size:1.04rem; margin:24px 0 8px; }
p{ margin:0 0 1.05em; color:var(--muted); }
strong{ color:var(--text); font-weight:600; }
ul{ margin:0 0 1.2em; padding-left:0; list-style:none; }
li{ color:var(--muted); margin-bottom:11px; padding-left:24px; position:relative; }
li::before{
  content:""; position:absolute; left:4px; top:11px;
  width:6px; height:6px; border-radius:50%; background:var(--primary); opacity:.8;
}
li strong{ color:var(--text); }

/* Caixa de destaque */
.callout{
  background:linear-gradient(160deg,var(--primary-soft),transparent);
  border:1px solid var(--gold-line); border-left-width:3px;
  border-radius:14px; padding:20px 22px; margin:26px 0;
}
.callout p:last-child{ margin-bottom:0; }
.callout strong{ color:var(--primary); }

.note{
  background:var(--bg-card); border:1px solid var(--line);
  border-radius:14px; padding:18px 20px; margin:26px 0;
  font-size:.92rem;
}
.note p:last-child{ margin-bottom:0; }

/* Dados da empresa */
.ident{
  background:var(--bg-elev); border:1px solid var(--line);
  border-radius:16px; padding:22px 24px; margin:0 0 34px;
}
.ident p{ margin:0 0 6px; font-size:.95rem; }
.ident p:last-child{ margin-bottom:0; }
.ident b{ color:var(--text); }

/* ---------- Rodapé ---------- */
.site-footer{
  border-top:1px solid var(--line); background:var(--bg-elev);
  padding:36px 0 42px; margin-top:40px;
}
.footer-links{
  display:flex; gap:20px; flex-wrap:wrap; justify-content:center;
  font-size:.9rem; margin-bottom:20px;
}
.footer-links a{ color:var(--muted); }
.footer-links a:hover{ color:var(--primary); }
.footer-meta{ text-align:center; font-size:.82rem; color:var(--muted); }
.footer-meta p{ margin:0 0 6px; font-size:.82rem; }

@media (prefers-reduced-motion:reduce){
  *{ animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}