/* ══════════════════════════════════════════════════════════
   Páginas de documento (privacidade, termos)
   Herda os tokens de styles.css
══════════════════════════════════════════════════════════ */

body.doc{ background:var(--ink); overflow-x:hidden }

.doc__bar{
  position:sticky; top:0; z-index:10;
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:1rem var(--pad);
  background:rgba(11,11,13,.82); backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(241,237,226,.08);
}
.doc__back{
  display:inline-flex; align-items:center; gap:.5rem;
  font-family:var(--f-mono); font-size:.6875rem; text-transform:uppercase;
  letter-spacing:.1em; color:var(--txt-dim); transition:color .3s;
}
.doc__back:hover{ color:var(--acid) }
.doc__back span{ transition:transform .35s var(--ease) }
.doc__back:hover span{ transform:translateX(-4px) }
.doc__brand{
  font-family:var(--f-disp); font-weight:800; font-size:.9375rem;
  letter-spacing:-.03em; color:var(--acid);
}

.doc__wrap{
  width:100%; max-width:48rem; margin-inline:auto;
  padding:clamp(3rem,9vh,6rem) var(--pad) clamp(3rem,8vh,5rem);
}

.doc__title{
  font-family:var(--f-disp); font-weight:700;
  font-size:clamp(2.25rem,6vw,4rem); line-height:.96; letter-spacing:-.04em;
  margin:1rem 0 1.5rem;
}
.doc__lead{ font-size:clamp(1rem,1.3vw,1.1875rem); color:var(--txt-dim); max-width:52ch }
.doc__meta{
  margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid rgba(241,237,226,.12);
  font-family:var(--f-mono); font-size:.75rem; color:var(--txt-dim);
}

.doc__sec{ margin-top:clamp(2.5rem,6vh,3.5rem) }
.doc__sec h2{
  font-family:var(--f-disp); font-weight:700;
  font-size:clamp(1.375rem,2.6vw,1.875rem); letter-spacing:-.03em; line-height:1.15;
  margin-bottom:1rem;
}
.doc__sec h3{
  font-family:var(--f-disp); font-weight:500;
  font-size:clamp(1rem,1.6vw,1.1875rem); letter-spacing:-.02em;
  margin:1.75rem 0 .65rem; color:var(--acid);
}
.doc__sec p{ color:var(--txt-dim); margin-bottom:1rem; max-width:64ch }
.doc__sec strong{ color:var(--txt); font-weight:600 }
.doc__sec em{ font-style:italic }
.doc__sec a{ color:var(--acid); text-decoration:underline; text-underline-offset:.25em }

.doc__sec ul{ display:grid; gap:.6rem; margin:0 0 1.25rem; max-width:64ch }
.doc__sec li{ position:relative; padding-left:1.5rem; color:var(--txt-dim) }
.doc__sec li::before{
  content:"→"; position:absolute; left:0; top:0;
  color:var(--acid); font-family:var(--f-mono); font-size:.8125rem;
}

.doc__sec code{
  font-family:var(--f-mono); font-size:.8125em;
  background:rgba(241,237,226,.07); padding:.15em .45em; border-radius:.3rem;
  color:var(--txt); word-break:break-word;
}

/* tabela rola sozinha em vez de estourar a página */
.doc__tablewrap{ overflow-x:auto; margin-bottom:1.25rem; border-radius:var(--r) }
.doc__table{ width:100%; min-width:32rem; border-collapse:collapse; font-size:.875rem }
.doc__table th,.doc__table td{
  text-align:left; padding:.85rem 1rem; vertical-align:top;
  border-bottom:1px solid rgba(241,237,226,.1);
}
.doc__table th{
  font-family:var(--f-mono); font-size:.6875rem; font-weight:500;
  text-transform:uppercase; letter-spacing:.1em; color:var(--txt-dim);
  background:rgba(241,237,226,.04);
}
.doc__table td{ color:var(--txt-dim) }
.doc__table code{ font-size:.75em }

.doc__note{
  padding:1rem 1.25rem; border-radius:var(--r);
  background:rgba(198,248,51,.07); border:1px solid rgba(198,248,51,.25);
  font-size:.9375rem;
}
.doc__sec--warn{
  padding:clamp(1.25rem,3vw,2rem); border-radius:var(--r-lg);
  background:var(--ink-2); border:1px solid rgba(241,237,226,.12);
}

.doc__foot{
  display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap;
  max-width:48rem; margin-inline:auto;
  padding:2rem var(--pad) 3rem;
  border-top:1px solid rgba(241,237,226,.1);
  font-family:var(--f-mono); font-size:.6875rem; color:var(--txt-dim);
}
.doc__foot a{ transition:color .3s }
.doc__foot a:hover{ color:var(--acid) }