/* ============================================================
   DEPARTAMENTO DE CAPTAÇÃO DE MECENAS
   procuromecenas.art.br — folha de estilo única
   ------------------------------------------------------------
   SISTEMA TIPOGRÁFICO
   Títulos, menu e rótulos ....... DM Sans, caixa alta
   Corpo de texto ................ Arial
   Números, códigos e valores .... DM Mono
   ============================================================ */

:root{
  --papel:#FBFAF8;
  --branco:#FFFFFF;
  --tinta:#16161A;
  --fraca:#6E6E76;
  --linha:#E3E1DB;
  --carimbo:#4C3A87;
  --lavado:#EFECF6;
  --lavado-linha:#DCD6EB;

  --titulo:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --corpo:Arial,Helvetica,"Liberation Sans",sans-serif;
  --mono:"DM Mono",ui-monospace,"SF Mono",Menlo,Consolas,"Courier New",monospace;

  /* margem única: logo, menu, títulos e parágrafos partem daqui */
  --margem:32px;
  --leitura:66ch;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}

body{
  margin:0;
  background:var(--papel);
  color:var(--tinta);
  font-family:var(--corpo);
  font-size:16px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

/* Grade única. Tudo no site parte da mesma margem esquerda. */
.env{max-width:1000px;margin:0 auto;padding:0 var(--margem);}
.texto{max-width:var(--leitura);}

.pular{
  position:absolute;left:-9999px;
  background:var(--tinta);color:var(--papel);
  padding:10px 16px;font-size:13px;z-index:99;
}
.pular:focus{left:12px;top:12px;}

/* ---------------- cabeçalho ---------------- */
header.topo{border-bottom:1px solid var(--linha);background:var(--papel);}
.topo-int{
  display:flex;align-items:flex-end;gap:24px;
  padding-top:26px;padding-bottom:20px;flex-wrap:wrap;
}
.topo-int a.marca{display:block;line-height:0;color:var(--tinta);}
.topo-int a.marca img{height:50px;width:auto;display:block;}
.exercicio{
  margin-left:auto;font-family:var(--mono);font-size:11px;
  color:var(--fraca);letter-spacing:.06em;text-align:right;line-height:1.6;
}

/* ---------------- navegação ---------------- */
nav.menu{
  border-bottom:1px solid var(--linha);
  position:sticky;top:0;background:var(--papel);z-index:20;
}
nav.menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;}
nav.menu a{
  display:block;text-decoration:none;
  font-family:var(--titulo);font-weight:500;
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--fraca);
  padding:15px 26px 13px 0;
  border-bottom:2px solid transparent;margin-bottom:-1px;
  transition:color .12s ease;
}
nav.menu a:hover{color:var(--tinta);}
/* item ativo: muda a cor do elemento */
nav.menu a[aria-current="page"]{
  color:var(--carimbo);
  border-bottom-color:var(--carimbo);
}
@media (prefers-reduced-motion:reduce){nav.menu a{transition:none;}}

/* ---------------- tipografia ---------------- */
main.env{padding-top:60px;padding-bottom:40px;}

h1.tit{
  font-family:var(--titulo);font-weight:500;
  font-size:32px;line-height:1.18;
  text-transform:uppercase;letter-spacing:.03em;
  margin:0 0 26px;max-width:22ch;
}
h2.sub{
  font-family:var(--titulo);font-weight:500;
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  margin:54px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--linha);
}
h3.men{
  font-family:var(--titulo);font-weight:500;
  font-size:14px;letter-spacing:.1em;text-transform:uppercase;
  margin:30px 0 8px;
}
p{margin:0 0 16px;}
.guia{color:var(--fraca);font-size:14.5px;line-height:1.65;}

/* linha de abertura de seção */
.abertura{
  font-family:var(--titulo);font-weight:500;
  font-size:20px;line-height:1.45;letter-spacing:.005em;
  margin:0 0 26px;padding-left:22px;
  border-left:2px solid var(--carimbo);
  max-width:44ch;
}
.abertura-simples{
  font-family:var(--titulo);font-weight:500;
  font-size:15px;letter-spacing:.02em;margin:0 0 18px;
}

/* rodapé de seção: fundamento normativo */
.fundamento{
  font-family:var(--mono);font-size:11.5px;color:var(--fraca);
  letter-spacing:.03em;margin:20px 0 0;padding-top:12px;
  border-top:1px solid var(--linha);max-width:var(--leitura);
}

/* legenda determinante — acompanha toda imagem ou selo */
.legenda{
  font-family:var(--mono);font-size:10.5px;color:var(--fraca);
  letter-spacing:.03em;line-height:1.5;margin:12px 0 0;max-width:46ch;
}

a{color:var(--carimbo);text-decoration-thickness:1px;text-underline-offset:2px;}
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--carimbo);outline-offset:3px;
}

/* ---------------- competências: romanos, sem ícone ---------------- */
ol.competencias{
  list-style:upper-roman;
  margin:0 0 20px;padding-left:2.6em;
  max-width:var(--leitura);
}
ol.competencias li{margin-bottom:11px;padding-left:.4em;}
ol.competencias li::marker{
  font-family:var(--mono);font-size:.86em;color:var(--carimbo);
}

/* ---------------- figuras do procedimento ---------------- */
.figura{
  border-top:1px solid var(--linha);
  padding:22px 0 4px;max-width:var(--leitura);
}
.figura:last-of-type{border-bottom:1px solid var(--linha);margin-bottom:26px;}
.figura dt{
  font-family:var(--titulo);font-weight:500;
  font-size:13px;letter-spacing:.16em;text-transform:uppercase;
  margin:0 0 8px;
}
.figura dd{margin:0 0 10px;}
.figura dd.condicao{
  font-family:var(--mono);font-size:12px;color:var(--fraca);
  letter-spacing:.02em;line-height:1.7;
}

/* ---------------- painel de indicadores ---------------- */
.painel{background:var(--lavado);padding:38px 34px 30px;margin:0 0 40px;}
.painel .rot{
  font-family:var(--titulo);font-weight:500;font-size:11px;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--carimbo);margin-bottom:26px;
}
.zerao{font-family:var(--mono);font-size:100px;line-height:.85;
  color:var(--carimbo);font-weight:500;letter-spacing:-.02em;}
.zerao-leg{font-size:14px;margin-top:16px;max-width:36ch;}
.miudos{display:flex;flex-wrap:wrap;gap:34px;margin-top:30px;
  padding-top:22px;border-top:1px solid var(--lavado-linha);}
.miudo .v{font-family:var(--mono);font-size:21px;}
.miudo .l{font-size:11.5px;color:var(--fraca);letter-spacing:.03em;margin-top:4px;}

/* ---------------- tabelas ---------------- */
table.reg{width:100%;border-collapse:collapse;font-size:14px;margin:6px 0 26px;}
table.reg th{
  font-family:var(--titulo);font-weight:500;
  text-align:left;font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--fraca);padding:0 16px 9px 0;border-bottom:1px solid var(--tinta);
}
table.reg td{padding:12px 16px 12px 0;border-bottom:1px solid var(--linha);
  vertical-align:top;line-height:1.6;}
td.mono,th.mono{font-family:var(--mono);font-size:12.5px;}
td.dir,th.dir{text-align:right;padding-right:0;}
tr.total td{border-bottom:none;border-top:1px solid var(--tinta);font-weight:bold;}
.rolagem{overflow-x:auto;-webkit-overflow-scrolling:touch;}

/* ---------------- catálogo de serviços ---------------- */
.srv-corpo{border-top:1px solid var(--linha);padding:24px 0 8px;}
.bloco:last-of-type .srv-corpo{border-bottom:1px solid var(--linha);}
.srv-corpo h3{font-family:var(--titulo);font-weight:500;font-size:15px;
  letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;}
.srv-corpo p{font-size:15px;max-width:60ch;}
.srv-corpo .fund{font-family:var(--mono);font-size:11.5px;color:var(--carimbo);
  letter-spacing:.03em;margin:-4px 0 14px;}
table.ficha{width:100%;max-width:660px;border-collapse:collapse;
  margin:16px 0 6px;font-size:13px;}
table.ficha th{
  font-family:var(--titulo);font-weight:500;
  font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--fraca);text-align:left;vertical-align:top;
  width:190px;padding:8px 18px 8px 0;border-bottom:1px solid var(--linha);
}
table.ficha td{font-family:var(--mono);font-size:12px;line-height:1.6;
  color:var(--tinta);padding:8px 0;border-bottom:1px solid var(--linha);vertical-align:top;}
table.ficha tr:first-child th,table.ficha tr:first-child td{border-top:1px solid var(--linha);}
.var{font-size:14px;margin-top:15px;}
.var .et{font-family:var(--titulo);font-weight:500;font-size:10.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--carimbo);
  display:block;margin-bottom:6px;}
.var ul{margin:0;padding:0;list-style:none;}
.var li{margin-bottom:5px;color:var(--fraca);padding-left:1.3em;text-indent:-1.3em;}
.var li:before{content:"— ";color:var(--carimbo);}
.var li b{color:var(--tinta);font-weight:bold;}

/* ---------------- listas ---------------- */
ul.cv{list-style:none;margin:0 0 26px;padding:0;font-size:14.5px;}
ul.cv li{padding:10px 0;border-bottom:1px solid var(--linha);display:flex;gap:18px;}
ul.cv li .ano{font-family:var(--mono);font-size:12px;color:var(--fraca);
  flex:0 0 58px;padding-top:3px;}

/* ---------------- manifestações ---------------- */
.manif{border-left:2px solid var(--linha);padding:2px 0 2px 22px;
  margin:0 0 30px;max-width:var(--leitura);}
.manif p{font-size:16px;line-height:1.65;}
.manif .fonte{font-family:var(--mono);font-size:11.5px;color:var(--fraca);
  letter-spacing:.02em;margin:0;}

/* ---------------- formulários ---------------- */
form{max-width:520px;margin:8px 0 30px;}
.campo{margin-bottom:17px;}
.campo label{font-family:var(--titulo);font-weight:500;display:block;
  font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--fraca);margin-bottom:6px;}
.campo input[type=text],.campo input[type=email],.campo select,.campo textarea{
  width:100%;font-family:var(--corpo);font-size:15px;padding:10px 12px;
  border:1px solid var(--linha);background:var(--branco);color:var(--tinta);border-radius:0;
}
.campo textarea{height:88px;resize:vertical;}
.campo input:focus,.campo select:focus,.campo textarea:focus{
  border-color:var(--carimbo);outline:none;}
.consent{display:flex;gap:11px;align-items:flex-start;margin:22px 0 20px;
  font-size:13px;color:var(--fraca);line-height:1.55;}
.consent input{margin-top:4px;flex:0 0 auto;width:16px;height:16px;accent-color:var(--carimbo);}
button.acao{font-family:var(--titulo);font-weight:500;font-size:11.5px;
  letter-spacing:.14em;text-transform:uppercase;padding:13px 24px;
  background:var(--tinta);color:var(--papel);border:none;cursor:pointer;}
button.acao:hover{background:var(--carimbo);}
button.acao[disabled]{opacity:.4;cursor:not-allowed;}
.recibo{display:none;margin-top:20px;padding:20px;border:1px solid var(--carimbo);
  background:var(--lavado);font-size:14px;}
.recibo .n{font-family:var(--mono);font-size:18px;letter-spacing:.03em;
  display:block;margin:8px 0 14px;}
.selo{display:inline-block;font-family:var(--mono);font-size:12px;
  letter-spacing:.2em;color:var(--carimbo);border:1px solid var(--carimbo);padding:5px 13px;}

.carregando,.vazio{font-family:var(--mono);font-size:12px;color:var(--fraca);
  padding:16px 0;letter-spacing:.03em;}

/* ---------------- selo institucional ---------------- */
.selo-pagina{margin:52px 0 0;}
.selo-pagina img{width:170px;height:auto;display:block;opacity:.16;}

/* ---------------- chamada antes da navegação ---------------- */
.chamada{
  border-top:1px solid var(--linha);
  margin-top:52px;padding:22px 0 0;
  font-family:var(--titulo);font-weight:500;
  font-size:12px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--fraca);max-width:var(--leitura);line-height:1.9;
}

/* ---------------- rodapé ---------------- */
footer{border-top:1px solid var(--linha);padding:32px 0 60px;
  font-size:12.5px;color:var(--fraca);}
footer .l{display:flex;flex-wrap:wrap;gap:26px;margin-bottom:16px;
  font-family:var(--titulo);font-weight:500;
  font-size:11px;letter-spacing:.13em;text-transform:uppercase;}
footer a{color:var(--carimbo);}
footer .selo-rodape{font-family:var(--mono);font-size:11px;letter-spacing:.02em;line-height:1.7;}

/* ============================================================
   RESPONSIVO
   ============================================================ */
@media (max-width:900px){
  :root{--margem:26px;}
  h1.tit{font-size:25px;}
}

@media (max-width:640px){
  :root{--margem:20px;--leitura:100%;}
  body{line-height:1.65;}

  .topo-int{padding-top:20px;padding-bottom:16px;gap:14px;}
  .topo-int a.marca img{height:38px;}
  .exercicio{margin-left:0;text-align:left;width:100%;font-size:10.5px;line-height:1.5;}

  /* menu rola na horizontal em vez de quebrar em várias linhas.
     A esmaecida à direita avisa que há mais itens fora da tela. */
  nav.menu{position:sticky;top:0;}
  nav.menu .env{position:relative;}
  nav.menu .env::after{
    content:"";position:absolute;top:0;right:0;bottom:1px;width:34px;
    background:linear-gradient(to right,rgba(251,250,248,0),var(--papel));
    pointer-events:none;
  }
  nav.menu ul{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;padding-right:26px;}
  nav.menu ul::-webkit-scrollbar{display:none;}
  nav.menu a{white-space:nowrap;padding:13px 20px 11px 0;font-size:11.5px;}

  main.env{padding-top:40px;padding-bottom:30px;}
  h1.tit{font-size:23px;letter-spacing:.02em;margin-bottom:22px;}
  h2.sub{margin:40px 0 14px;}
  .abertura{font-size:17px;padding-left:16px;}

  .painel{padding:26px 20px 22px;}
  .zerao{font-size:66px;}
  .miudos{gap:22px;margin-top:24px;}

  table.ficha th{width:auto;display:block;border-bottom:none;padding:10px 0 2px;}
  table.ficha td{display:block;padding:0 0 10px;}
  table.ficha tr:first-child th{border-top:1px solid var(--linha);}
  table.ficha tr:first-child td{border-top:none;}

  ol.competencias{padding-left:2.1em;}
  ul.cv li{flex-direction:column;gap:2px;}
  ul.cv li .ano{flex:none;}

  table.reg{font-size:13.5px;}
  table.reg td{padding:10px 12px 10px 0;}

  form{max-width:100%;}
  button.acao{width:100%;}

  .selo-pagina img{width:130px;}
  footer .l{gap:16px 22px;}
}

/* ---------------- impressão ---------------- */
@media print{
  nav.menu,footer .l,.selo-pagina,.chamada{display:none;}
  body{background:#fff;font-size:11pt;}
  .painel{background:none;border:1px solid #000;}
}

/* ============================================================
   APARATO DE REGISTRO
   ------------------------------------------------------------
   Numeração marginal, marcas de registro, carimbo sobre a linha
   e superfícies de livro. Aplicado às páginas de dado.
   ============================================================ */

/* ---- folha com numeração marginal ----
   A largura é 1000 + 2x56 para que a coluna de conteúdo caia
   exatamente sobre a mesma linha do logo, do menu e dos
   parágrafos das demais páginas. Os números ficam pendurados
   fora dessa linha, como numeração marginal de código legal. */
main.folha{
  max-width:1128px;margin:0 auto;
  padding:60px 32px 40px;
}
.bloco{
  display:grid;
  grid-template-columns:64px minmax(0,1000px);
  column-gap:0;
}
.bloco > .marg{
  font-family:var(--mono);font-size:11px;color:var(--fraca);
  letter-spacing:.04em;line-height:1.6;
  padding-top:5px;
  -webkit-user-select:none;user-select:none;
}
.bloco > .marg b{display:block;font-weight:400;color:var(--carimbo);
  white-space:nowrap;}
.bloco > .corpo{min-width:0;}

/* ---- cabecalho documental da pagina ---- */
.doc-cab{
  display:flex;justify-content:space-between;align-items:baseline;
  gap:20px;flex-wrap:wrap;
  border-bottom:1px solid var(--tinta);
  padding-bottom:9px;margin-bottom:36px;
  font-family:var(--mono);font-size:11px;
  color:var(--fraca);letter-spacing:.06em;
}
.doc-cab .cod{color:var(--carimbo);}

/* ---- marcas de registro ---- */
.marcas{position:relative;}
.marcas:before,.marcas:after{
  content:"";position:absolute;width:11px;height:11px;
  border-color:#CFCBC2;border-style:solid;
}
.marcas{margin-top:8px;}
.marcas:before{top:-17px;left:-17px;border-width:1px 0 0 1px;}
.marcas:after{bottom:-17px;right:-17px;border-width:0 1px 1px 0;}

/* ---- quadro dos livros ---- */
table.livros{width:100%;border-collapse:collapse;font-size:14px;margin:6px 0 14px;}
table.livros th{
  font-family:var(--titulo);font-weight:500;text-align:left;
  font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--fraca);padding:0 16px 9px 0;border-bottom:1px solid var(--tinta);
}
table.livros td{padding:11px 16px 11px 0;border-bottom:1px solid var(--linha);
  vertical-align:baseline;}
table.livros td.cont{font-family:var(--mono);font-size:16px;text-align:right;
  padding-right:0;width:80px;}
table.livros td.cont.nulo{color:#BFBAB0;}
table.livros td.sit{font-family:var(--mono);font-size:11.5px;color:var(--fraca);
  letter-spacing:.05em;width:200px;}

/* ---- indice corrido: a superficie de livro ---- */
table.indice{width:100%;border-collapse:collapse;font-size:12.5px;
  font-family:var(--mono);margin:4px 0 14px;}
table.indice th{
  font-family:var(--titulo);font-weight:500;text-align:left;
  font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--fraca);padding:0 14px 8px 0;border-bottom:1px solid var(--tinta);
  white-space:nowrap;
}
table.indice td{padding:7px 14px 7px 0;border-bottom:1px solid #EFEDE7;
  vertical-align:baseline;white-space:nowrap;}
table.indice td.livre{white-space:normal;font-family:var(--corpo);font-size:13.5px;}
table.indice tr:hover td{background:#F4F2ED;}
table.indice td.seq{color:#A9A49B;width:40px;}

/* carimbo aplicado sobre a linha, nao ao lado dela */
.cbm{
  display:inline-block;font-family:var(--mono);font-size:9.5px;
  letter-spacing:.14em;color:var(--carimbo);
  border:1px solid var(--carimbo);padding:1px 7px;
  transform:rotate(-1.2deg);white-space:nowrap;
}
.cbm.morto{color:#ABA6B6;border-color:#D2CCDF;}

/* linha de lacuna: numero que existe na sequencia e nao no acervo */
tr.lacuna td{color:#C6C2B8;}

.nota-quadro{
  font-family:var(--mono);font-size:11px;color:var(--fraca);
  letter-spacing:.03em;line-height:1.8;margin:0 0 34px;
}

@media (max-width:1180px){
  main.folha{max-width:1000px;}
  .bloco{grid-template-columns:1fr;}
  .bloco > .marg{
    padding:0 0 7px;font-size:10.5px;
    display:flex;gap:10px;align-items:baseline;
  }
  .bloco > .marg b{display:inline;}
}

@media (max-width:1180px){
  /* número marginal passa a inline: precisa de respiro do bloco anterior */
  .bloco + .bloco > .marg{padding-top:30px;}
  .bloco + .bloco > .marg:empty{padding-top:0;}
}

@media (max-width:640px){
  main.folha{padding:40px var(--margem) 30px;}
  .marcas:before,.marcas:after{display:none;}
  .marcas{margin-top:0;}
  table.livros td.sit{width:auto;}
  .rolagem{overflow-x:auto;-webkit-overflow-scrolling:touch;}

  /* cabeçalho documental empilha compacto, sem vãos de flex */
  .doc-cab{
    display:block;font-size:10.5px;line-height:1.9;
    padding-bottom:11px;margin-bottom:28px;
  }
  .doc-cab span{display:block;}

  table.livros td.cont{font-size:15px;width:64px;}
  table.indice{font-size:11.5px;}
  .nota-quadro{font-size:10.5px;}
}

/* ---- nota apartada: valores de terceiros, fora do resultado ---- */
.apartada{
  border:1px solid var(--carimbo);
  padding:24px 26px 10px;
  margin:8px 0 34px;
}
.apartada .rot{
  font-family:var(--titulo);font-weight:500;font-size:10.5px;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--carimbo);margin-bottom:16px;
}
.apartada table.reg{margin-bottom:20px;}
.apartada table.reg td{border-bottom-color:var(--lavado-linha);}
.apartada table.reg tr:last-child td{border-bottom:none;}
.apartada p{font-size:14px;}
.apartada .fundamento{border-top-color:var(--lavado-linha);}
@media (max-width:640px){ .apartada{padding:20px 18px 8px;} }

/* ---- aviso de seção em implantação ---- */
.implantacao{
  border:1px solid var(--lavado-linha);
  background:var(--lavado);
  padding:22px 24px 10px;
  margin:4px 0 32px;
  max-width:var(--leitura);
}
.implantacao .rot{
  font-family:var(--titulo);font-weight:500;font-size:10.5px;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--carimbo);margin-bottom:14px;
}
.implantacao p{font-size:14.5px;}
.implantacao p:last-child{margin-bottom:12px;}
@media (max-width:640px){ .implantacao{padding:18px 16px 8px;} }

/* ---- quadro de pessoal: coluna de titular repetida ---- */
table.reg td.repete{font-family:var(--mono);font-size:12.5px;}

/* ============================================================
   REPOSITÓRIO DE DILIGÊNCIAS
   ============================================================ */
.assento{
  border-top:1px solid var(--tinta);
  padding:26px 0 10px;
  margin-bottom:34px;
}
.assento-cab{
  display:flex;justify-content:space-between;align-items:baseline;
  gap:18px;flex-wrap:wrap;margin-bottom:14px;
}
.assento-cab .n{
  font-family:var(--mono);font-size:13px;color:var(--carimbo);letter-spacing:.04em;
}
.assento-cab .sit{
  font-family:var(--mono);font-size:11px;color:var(--fraca);letter-spacing:.08em;
  text-transform:uppercase;
}
.assento h3{
  font-family:var(--titulo);font-weight:500;font-size:16px;
  letter-spacing:.07em;text-transform:uppercase;margin:0 0 4px;
}
.assento .local{font-size:14.5px;color:var(--fraca);margin:0 0 16px;}

/* cartografia da diligência */
figure.carta{margin:18px 0 22px;}
figure.carta img{
  width:100%;height:auto;display:block;
  border:1px solid var(--linha);background:var(--branco);
}
figure.carta figcaption{
  font-family:var(--mono);font-size:10.5px;color:var(--fraca);
  letter-spacing:.03em;line-height:1.5;margin-top:10px;max-width:52ch;
}
.carta-ausente{
  border:1px dashed var(--linha);
  padding:30px 22px;text-align:center;
  font-family:var(--mono);font-size:11.5px;color:#A9A49B;
  letter-spacing:.06em;margin:18px 0 22px;
}

/* quadro de pontos de semeadura */
table.pontos{width:100%;border-collapse:collapse;font-size:12.5px;
  font-family:var(--mono);margin:6px 0 16px;}
table.pontos th{
  font-family:var(--titulo);font-weight:500;text-align:left;
  font-size:10px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--fraca);padding:0 12px 8px 0;border-bottom:1px solid var(--tinta);
  white-space:nowrap;
}
table.pontos td{padding:7px 12px 7px 0;border-bottom:1px solid #EFEDE7;vertical-align:baseline;}
table.pontos td.pt{color:var(--carimbo);width:38px;}
table.pontos td.livre{font-family:var(--corpo);font-size:13.5px;}
table.pontos tr.soma td{border-bottom:none;border-top:1px solid var(--tinta);}

/* resultados da diligência */
.resultados{display:flex;flex-wrap:wrap;gap:28px;
  border-top:1px dotted #D6D3CB;padding-top:16px;margin-top:6px;}
.resultados .r .v{font-family:var(--mono);font-size:18px;}
.resultados .r .l{font-size:11px;color:var(--fraca);letter-spacing:.03em;margin-top:3px;}

@media (max-width:640px){
  .assento-cab{gap:6px;}
  .resultados{gap:18px;}
  table.pontos{font-size:11.5px;}
}

/* âncoras param abaixo da navegação fixa, e não atrás dela */
.bloco[id]{scroll-margin-top:76px;}
@media (max-width:640px){ .bloco[id]{scroll-margin-top:64px;} }

/* campo-armadilha do formulário: invisível a quem vê, visível a robôs */
.armadilha{position:absolute!important;left:-9999px!important;opacity:0!important;
  width:1px;height:1px;pointer-events:none;}

/* ---- tarja de simulação ----
   Só aparece no modo de demonstração. Ecoa o carimbo de ressalva
   SEM VALOR DE CERTIDÃO do Art. 4º, II, d da Norma Técnica: o
   Boletim declara que seus números resultam de contagem sobre o
   acervo, e uma superfície preenchida com dados simulados precisa
   declarar-se como tal, sob pena de desmentir a própria página. */
.tarja-simulacao{
  background:var(--tinta);
  color:var(--papel);
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-align:center;
  padding:9px 16px;
  line-height:1.7;
}
.tarja-simulacao b{
  font-weight:400;
  border:1px solid var(--papel);
  padding:2px 9px;
  margin-right:12px;
  white-space:nowrap;
  display:inline-block;
}
.tarja-simulacao span{opacity:.72;text-transform:none;letter-spacing:.04em;font-size:11.5px;}
@media (max-width:640px){
  .tarja-simulacao{font-size:10px;padding:8px 14px;}
  .tarja-simulacao b{display:block;margin:0 auto 6px;max-width:max-content;}
}