/* páginas institucionais */
.doc{background:var(--paper)}
.doc-main{max-width:820px;padding-block:var(--s8) var(--s10)}
.doc-nav{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:var(--s8)}
.doc-nav a{
  font-size:var(--fs-xs);font-weight:700;padding:8px 14px;border-radius:var(--r-full);
  background:var(--surface);border:1px solid var(--line);color:var(--ink-2);
  transition:border-color var(--t-fast),color var(--t-fast);
}
.doc-nav a:hover{border-color:var(--brand);color:var(--brand-ink)}
.doc-nav a.on{background:var(--brand);border-color:var(--brand);color:#fff}

.doc-body h1{font-size:clamp(28px,6.6vw,42px);margin-bottom:var(--s6)}
.doc-body h2{font-size:clamp(20px,4.4vw,26px);margin:var(--s8) 0 var(--s4);padding-top:var(--s2);scroll-margin-top:80px}
.doc-body h3{font-size:var(--fs-h3);margin:var(--s6) 0 var(--s3)}
.doc-body p{margin-bottom:var(--s4);color:var(--ink-2);font-size:15px;line-height:1.7}
.doc-body p strong,.doc-body li strong{color:var(--ink)}
.doc-body ul,.doc-body ol{margin:0 0 var(--s5) 22px;display:grid;gap:7px}
.doc-body li{color:var(--ink-2);font-size:15px;line-height:1.6}
.doc-body li::marker{color:var(--brand)}
.doc-body a{color:var(--brand-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.doc-body hr{border:0;border-top:1px solid var(--line);margin:var(--s8) 0}
.doc-body code{background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:13px}

.tbl-wrap{overflow-x:auto;margin:0 0 var(--s5);border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.doc-body table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);min-width:420px}
.doc-body th,.doc-body td{padding:12px var(--s4);text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.doc-body th{background:var(--surface-2);font-weight:700;color:var(--ink);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;position:sticky;top:0}
.doc-body tbody tr:last-child td{border-bottom:0}
.doc-body td{color:var(--ink-2)}

.doc-back{margin-top:var(--s9)}
.doc-back .btn{max-width:280px}

/* marcador de dado que falta preencher */
.falta{
  display:inline-block;background:#FFF2CE;border:1px dashed #C79A1C;color:#7A5A06;
  font-size:.86em;font-weight:700;padding:1px 7px;border-radius:5px;letter-spacing:.01em;
}