/* ==========================================================================
   Prontuvita — folha das páginas legais do site institucional (/termos,
   /privacidade). Tokens espelhados do index (docs/DESIGN_SYSTEM.md).
   A marca-mãe é NEUTRA: sem cor de vertical aqui.
   ========================================================================== */
@font-face{font-family:"Inter";src:url("/fonts/inter.woff2") format("woff2");font-weight:100 900;font-display:swap;font-style:normal}
@font-face{font-family:"Sora";src:url("/fonts/sora.woff2") format("woff2");font-weight:100 800;font-display:swap;font-style:normal}
@font-face{font-family:"IBM Plex Mono";src:url("/fonts/plex-mono-600.woff2") format("woff2");font-weight:600;font-display:swap;font-style:normal}

:root{
  --ink-0:#FFFFFF; --ink-50:#F6F8FA; --ink-100:#EEF1F5; --ink-200:#E1E6EC; --ink-300:#CBD3DC;
  --ink-400:#9FAAB8; --ink-500:#6A7887; --ink-600:#4E5C6B; --ink-700:#374453; --ink-800:#202B38;
  --ink-900:#121A24; --ink-950:#0A0F16;
  --font-display:"Sora","Segoe UI",system-ui,sans-serif;
  --font-sans:"Inter","Segoe UI",system-ui,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;
  --maxw:760px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink-0);color:var(--ink-700);
  font-family:var(--font-sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{font-family:var(--font-display);letter-spacing:-.022em;margin:0;color:var(--ink-900)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* ---- topo ---- */
header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.9);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--ink-200)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.lockup{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.lockup .plate{width:32px;height:32px}
.lockup .word{font-family:var(--font-display);font-weight:800;font-size:19px;
  letter-spacing:-.02em;color:var(--ink-900)}
.voltar{font-size:14px;font-weight:600;color:var(--ink-600);text-decoration:none}
.voltar:hover{color:var(--ink-900)}

/* ---- documento ---- */
main{padding:56px 0 80px}
h1{font-size:clamp(28px,4vw,40px);font-weight:800}
.meta{margin:10px 0 0;font-size:13px;color:var(--ink-500)}
.overline{font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-500)}
.doc{margin-top:40px}
.doc h2{margin:36px 0 8px;font-size:20px;font-weight:700}
.doc h3{margin:26px 0 6px;font-size:16px;font-weight:700}
.doc p{margin:12px 0}
.doc ul{margin:12px 0 12px 20px;padding:0}
.doc li{margin:6px 0}
.doc strong{color:var(--ink-900);font-weight:700}
.doc a{color:var(--ink-900);text-decoration:underline;text-underline-offset:2px}
.doc hr{margin:36px 0;border:0;border-top:1px solid var(--ink-200)}
.doc table{width:100%;margin:16px 0;border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}
.doc th,.doc td{border:1px solid var(--ink-200);padding:8px 11px;text-align:left;vertical-align:top}
.doc th{background:var(--ink-50);color:var(--ink-900);font-weight:700}
.nota{margin:28px 0;padding:16px 18px;border:1px solid var(--ink-200);
  border-radius:14px;background:var(--ink-50);font-size:14.5px}

/* ---- rodapé ---- */
footer{background:var(--ink-950);color:rgba(255,255,255,.6);padding:40px 0;font-size:14px}
footer a{color:rgba(255,255,255,.75);text-decoration:none}
footer a:hover{color:#fff}
.fbar{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.flinks{display:flex;flex-wrap:wrap;gap:20px;font-weight:600}