/* Estilo das páginas de documento (privacidade, termos). Mesmos tokens do index.html,
   em arquivo próprio porque as duas páginas compartilham tudo. */

@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('https://rsms.me/inter/font-files/Inter-Regular.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('https://rsms.me/inter/font-files/Inter-Medium.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('https://rsms.me/inter/font-files/Inter-SemiBold.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('https://rsms.me/inter/font-files/Inter-Bold.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono@2.304/fonts/webfonts/JetBrainsMono-Regular.woff2') format('woff2')}

:root{
  --primary-50:#EFF6F9;--primary-100:#D9EAF1;--primary-500:#2A718F;--primary-600:#155A75;
  --primary-700:#114A61;--primary-800:#0E3A4C;--primary-900:#0A2A38;
  --success:#22C58B;--success-strong:#178A62;--success-soft:#E7F8F1;
  --warning-strong:#B45309;--warning-soft:#FEF3E2;
  --bg:#F5F7F8;--surface:#FFFFFF;--border:#E2E8F0;--border-strong:#CBD5E1;
  --text:#1E2A30;--text-muted:#64748B;--text-faint:#94A3B8;--neutral-strong:#475569;
  --font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'Cascadia Mono',Consolas,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--surface);color:var(--text);font:400 16px/1.5 var(--font-sans)}
img,svg{display:block;max-width:100%}
h1,h2,h3,p,ul,ol{margin:0}
h1,h2,h3{text-wrap:balance}
p,li{text-wrap:pretty}
a{color:var(--primary-600)}
:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none !important}}

.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:12px 20px;background:#fff;color:var(--primary-800);font:600 14px/1 var(--font-sans)}
.skip-link:focus{left:0}

.wrap{max-width:1120px;margin:0 auto;padding:0 24px}

/* ---- Cabeçalho (igual ao da landing) ---- */
.topo{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--primary-800);border-bottom:1px solid rgba(255,255,255,0.10)}
.topo-inner{display:flex;align-items:center;gap:32px;height:64px}
.marca{display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.marca-nome{font:600 19px/1 var(--font-sans);letter-spacing:-0.01em;color:#fff}
.nav-desktop{display:flex;align-items:center;gap:24px}
.nav-desktop a{font:500 14px/1 var(--font-sans);color:rgba(255,255,255,0.72);text-decoration:none;transition:color 150ms ease-out}
.nav-desktop a:hover{color:#fff}
.topo-acoes{margin-left:auto;display:flex;align-items:center;gap:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;text-decoration:none;font:600 14px/1 var(--font-sans);height:40px;padding:0 18px;background:#fff;color:var(--primary-800);transition:background 150ms ease-out;white-space:nowrap}
.btn:hover{background:var(--primary-100)}

/* ---- Capa do documento ---- */
.capa{background:var(--primary-800);padding:112px 24px 48px}
.capa .wrap{max-width:820px}
.capa h1{font:700 clamp(28px,4vw,38px)/1.18 var(--font-sans);letter-spacing:-0.015em;color:#fff}
.capa .resumo{margin-top:16px;font:400 17px/1.6 var(--font-sans);color:rgba(255,255,255,0.75)}
.capa .datas{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px 20px;font:400 13px/18px var(--font-sans);color:rgba(255,255,255,0.55)}

/* ---- Corpo ---- */
.documento{padding:56px 24px 88px}
.documento .wrap{max-width:820px}

.indice{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:24px 28px;margin-bottom:48px}
.indice h2{font:600 13px/16px var(--font-sans);letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted)}
.indice ol{margin-top:14px;padding-left:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 24px}
.indice li{font:400 14.5px/22px var(--font-sans)}
.indice a{color:var(--primary-700);text-decoration:none}
.indice a:hover{text-decoration:underline}

.documento section{margin-bottom:44px;scroll-margin-top:80px}
.documento h2{font:700 22px/30px var(--font-sans);letter-spacing:-0.01em;color:var(--primary-800);margin-bottom:16px}
.documento h3{font:600 16px/24px var(--font-sans);color:var(--primary-800);margin:24px 0 8px}
.documento p{font:400 15.5px/26px var(--font-sans);color:var(--neutral-strong);margin-bottom:14px}
.documento p:last-child{margin-bottom:0}
.documento strong{color:var(--text);font-weight:600}
.documento ul,.documento ol{margin:0 0 14px;padding-left:22px;display:flex;flex-direction:column;gap:9px}
.documento li{font:400 15.5px/25px var(--font-sans);color:var(--neutral-strong)}
.documento li::marker{color:var(--text-faint)}

/* Caixa de destaque: a regra que o leitor não pode perder. */
.destaque{background:var(--success-soft);border:1px solid rgba(34,197,139,0.28);border-left:3px solid var(--success);border-radius:8px;padding:18px 20px;margin:20px 0}
.destaque p{color:var(--text);margin-bottom:0}
.destaque p + p{margin-top:10px}

.atencao{background:var(--warning-soft);border:1px solid rgba(217,119,6,0.22);border-left:3px solid var(--warning-strong);border-radius:8px;padding:18px 20px;margin:20px 0}
.atencao p{color:var(--text);margin-bottom:0}
.atencao p + p{margin-top:10px}

/* Campo que o fundador ainda precisa preencher. Amarelo de propósito: se esta página
   for ao ar com um destes visível, o erro salta aos olhos em vez de passar batido. */
.pendente{background:#FEF08A;color:#713F12;padding:1px 7px;border-radius:4px;font:500 14px/1.5 var(--font-mono);border:1px dashed #A16207}

table{width:100%;border-collapse:collapse;margin:18px 0;font:400 14.5px/22px var(--font-sans)}
caption{text-align:left;font:400 13.5px/20px var(--font-sans);color:var(--text-muted);margin-bottom:10px}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:top;color:var(--neutral-strong)}
th{font:500 12px/16px var(--font-sans);letter-spacing:0.04em;text-transform:uppercase;color:var(--text-muted);background:#F8FAFC;border-bottom:1px solid var(--border-strong)}
.tabela-rolagem{overflow-x:auto}
.tabela-rolagem table{min-width:520px}

/* ---- Rodapé (igual ao da landing) ---- */
.rodape{background:var(--primary-900);padding:64px 24px 32px}
.rodape-colunas{display:flex;flex-wrap:wrap;gap:48px;justify-content:space-between}
.rodape-marca{max-width:320px}
.rodape-marca .tagline{margin-top:14px;font:400 14px/22px var(--font-sans);color:rgba(255,255,255,0.6)}
.rodape-links{display:flex;flex-wrap:wrap;gap:48px 64px}
.rodape-grupo{display:flex;flex-direction:column;gap:12px}
.rodape-grupo .titulo{font:600 12px/16px var(--font-sans);letter-spacing:0.06em;text-transform:uppercase;color:rgba(255,255,255,0.45)}
.rodape-grupo a{font:400 14px/1.3 var(--font-sans);color:rgba(255,255,255,0.66);text-decoration:none;transition:color 150ms ease-out}
.rodape-grupo a:hover{color:#fff}
.rodape-base{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.1);display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between}
.rodape-base p{font:400 12.5px/18px var(--font-sans);color:rgba(255,255,255,0.45)}

@media (max-width:880px){
  .nav-desktop{display:none}
  .capa{padding-top:96px}
  .documento{padding:40px 24px 64px}
  .indice ol{grid-template-columns:1fr}
  .rodape{padding:48px 24px 28px}
}

@media print{
  .topo,.skip-link,.indice,.rodape{display:none}
  .capa{background:none;padding:0 0 24px}
  .capa h1{color:#000}
  .capa .resumo,.capa .datas{color:#333}
  body{font-size:11pt}
  .documento{padding:0}
}