/* ============================================================
   Páginas legais (política de privacidade e termos)
   Mesmos tokens e fontes da LP para parecer o mesmo site. Texto
   longo de leitura corrida: coluna estreita, corpo maior, nada de
   animação. As fontes vêm de /fonts/, as mesmas woff2 da LP, então
   quem já passou pela home não baixa nada de novo.
   ============================================================ */
@font-face{
  font-family:'Anton'; font-style:normal; font-weight:400; font-display:swap;
  src:url(/fonts/anton-400-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Anton'; font-style:normal; font-weight:400; font-display:swap;
  src:url(/fonts/anton-400-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Poppins'; font-style:normal; font-weight:400; font-display:swap;
  src:url(/fonts/poppins-400-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Poppins'; font-style:normal; font-weight:400; font-display:swap;
  src:url(/fonts/poppins-400-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Poppins'; font-style:normal; font-weight:600; font-display:swap;
  src:url(/fonts/poppins-600-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Poppins'; font-style:normal; font-weight:600; font-display:swap;
  src:url(/fonts/poppins-600-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root{
  --cream:      #FBEDE6;
  --cream-deep: #F3DFD4;
  --ink:        #14110F;
  --ink-soft:   #4A423C;
  --green:      #2FB457;
  --green-dark: #14713A;
  --rule:       rgba(20,17,15,.14);

  --font-display: 'Anton', 'Arial Black', sans-serif;
  --font-body:    'Poppins', system-ui, -apple-system, sans-serif;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; scroll-padding-top:84px; }
body{
  margin:0;
  background:var(--cream);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:16.5px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-wrap:break-word;
}

a{ color:var(--green-dark); text-underline-offset:3px; }
a:hover{ color:var(--ink); }
strong{ font-weight:600; }

/* ---------- barra do topo ---------- */
.nav{
  position:sticky; top:0; z-index:10;
  display:flex; align-items:center; gap:16px;
  padding:14px 32px;
  background:rgba(251,237,230,.92);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-bottom:2px solid var(--ink);
}
.nav-brand{
  display:flex; align-items:center; gap:10px;
  color:var(--ink); text-decoration:none;
  font-weight:600; font-size:15px; letter-spacing:.02em;
}
.nav-brand img{ width:28px; height:28px; display:block; }
.nav-spacer{ flex:1; }
.nav-back{
  display:inline-flex; align-items:center; gap:8px;
  color:var(--ink); text-decoration:none;
  font-weight:600; font-size:12.5px; letter-spacing:.08em; text-transform:uppercase;
  padding:9px 16px;
  border:2px solid var(--ink);
  box-shadow:4px 4px 0 var(--green);
  transition:transform .12s ease, box-shadow .12s ease;
}
.nav-back:hover{ color:var(--ink); transform:translate(2px,2px); box-shadow:2px 2px 0 var(--green); }

/* ---------- cabeçalho do documento ---------- */
.doc-head, .toc, .doc{ max-width:760px; margin-left:auto; margin-right:auto; padding-left:32px; padding-right:32px; }
.doc-head{ padding-top:64px; padding-bottom:28px; }
.doc-eyebrow{
  font-weight:600; font-size:12px; letter-spacing:.22em; text-transform:uppercase;
  color:var(--green-dark);
}
.doc-head h1{
  font-family:var(--font-display); font-weight:400;
  font-size:clamp(2.4rem, 6vw, 3.8rem);
  line-height:.95; letter-spacing:-.01em;
  margin:14px 0 18px;
}
.doc-meta{ margin:0; font-size:14px; color:var(--ink-soft); line-height:1.6; }

/* ---------- sumário ---------- */
.toc > div{
  background:var(--cream-deep);
  border:2.5px solid var(--ink);
  box-shadow:7px 7px 0 rgba(20,17,15,.14);
  padding:22px 26px;
}
.toc-title{
  font-weight:600; font-size:12px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--ink-soft); margin-bottom:10px;
}
.toc ol{ margin:0; padding-left:22px; columns:2; column-gap:32px; font-size:14.5px; line-height:1.9; }
.toc li{ break-inside:avoid; }
.toc a{ color:var(--ink); text-decoration:none; }
.toc a:hover{ color:var(--green-dark); text-decoration:underline; }

/* ---------- corpo ---------- */
.doc{ padding-top:24px; padding-bottom:80px; }
.doc section{ padding-top:36px; }
.doc h2{
  font-family:var(--font-display); font-weight:400;
  font-size:clamp(1.55rem, 3.2vw, 2rem);
  line-height:1.05; margin:0 0 14px;
}
.doc h2 .num{ color:var(--green-dark); margin-right:10px; }
.doc h3{ font-size:17px; font-weight:600; margin:24px 0 6px; }
.doc p{ margin:0 0 14px; }
.doc ul{ margin:0 0 14px; padding-left:22px; }
.doc li{ margin-bottom:8px; }
.doc li::marker{ color:var(--green-dark); }

.callout{
  border-left:5px solid var(--green);
  background:var(--cream-deep);
  padding:16px 20px;
  margin:18px 0;
}
.callout p:last-child{ margin-bottom:0; }

.table-wrap{ overflow-x:auto; margin:18px 0; border:2px solid var(--ink); }
table{ border-collapse:collapse; width:100%; font-size:14.5px; line-height:1.5; }
th, td{ text-align:left; vertical-align:top; padding:12px 14px; border-bottom:1px solid var(--rule); }
th{ background:var(--ink); color:var(--cream); font-weight:600; font-size:12.5px; letter-spacing:.08em; text-transform:uppercase; }
tr:last-child td{ border-bottom:0; }

/* ---------- rodapé ---------- */
.footer{ border-top:2px solid var(--rule); padding:30px 32px; font-size:13px; color:var(--ink-soft); }
.footer-inner{ max-width:760px; margin:0 auto; display:flex; flex-wrap:wrap; gap:10px 24px; }
.footer-inner a{ color:var(--ink-soft); }
.footer-inner a:hover{ color:var(--ink); }
.footer-copy{ max-width:760px; margin:14px auto 0; }

@media (max-width:640px){
  body{ font-size:16px; }
  .nav{ padding:12px 18px; }
  .nav-brand span{ display:none; }
  .doc-head, .toc, .doc{ padding-left:18px; padding-right:18px; }
  .doc-head{ padding-top:40px; }
  .toc ol{ columns:1; }
  .footer{ padding:26px 18px; }
}

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  .nav-back{ transition:none; }
}