/* ==========================================================================
   Almanaque da Cavalaria · folha única (06/10/2026)
   Jornal antigo da cidade: duas tintas (preto-sépia e vermelho) sobre papel.
   · Playfair Display: manchetes, títulos e algarismos;
   · Libre Caslon Text: texto, linha fina e legendas;
   · Oswald: chapéus, índice, créditos e chamadas, sempre em caixa alta.
   A paisagem do cabeçalho e do pé ocupa a tela inteira; o texto fica na coluna.
   Fotos com margem de papel sutil, sem filtro. O movimento mora em vida.css.
   ========================================================================== */
:root {
  --papel: #efe5cf;
  --papel-claro: #f7f0de;
  --tinta: #1f1812;
  --tinta-2: #4b3d30;
  --tinta-3: #6d5c49;
  --rubro: #9a1b16;
  --mata: #2f4b2b;
  --fio: rgb(31 24 18 / .85);
  --fio-leve: rgb(31 24 18 / .24);
  --f-manchete: "DM Serif Display", "Georgia", serif;
  --f-texto: "Source Serif 4", "Georgia", serif;
  --f-chapeu: "Oswald", "Arial Narrow", sans-serif;
  --largura: 1120px;
  --gutter: clamp(18px, 4vw, 40px);
}
*, *::before, *::after { box-sizing: border-box; }
html { font-synthesis-weight: none; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 80px; background: var(--papel); }
body { margin: 0; color: var(--tinta); background: var(--papel); font: 400 1.06rem/1.68 var(--f-texto);
  font-variant-numeric: oldstyle-nums; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; }
a { color: var(--rubro); text-underline-offset: .2em; text-decoration-thickness: 1px; }
img { max-width: 100%; display: block; }
p { margin: 0 0 1em; }
h1, h2, h3 { margin: 0; font-family: var(--f-manchete); font-weight: 400; line-height: 1.05; letter-spacing: -.005em; text-wrap: balance; font-variant-numeric: lining-nums; }
h1 em, h2 em, h3 em { font-style: italic; font-weight: 400; color: var(--rubro); }
h2 { font-size: clamp(2rem, 3.6vw, 2.8rem); margin-bottom: .9rem; }
:focus-visible { outline: 2px solid var(--rubro); outline-offset: 3px; }

/* ---------- peças de texto ---------- */
.chapeu { margin: 0 0 .6rem; font: 500 .74rem/1.2 var(--f-chapeu); letter-spacing: .2em; text-transform: uppercase; color: var(--rubro); }
.linha-fina { font: italic 400 clamp(1.06rem, 1.5vw, 1.22rem)/1.5 var(--f-texto); color: var(--tinta-2); }
.credito { display: block; margin-top: .15rem; font: 400 .64rem/1.3 var(--f-chapeu); letter-spacing: .12em; text-transform: uppercase; color: var(--tinta-3); }
.credito a { color: inherit; }
.continua { margin: 1.1rem 0 0; }
.continua.centro { text-align: center; }
.continua a { display: inline-flex; align-items: center; gap: .5em; text-decoration: none; color: var(--rubro);
  font: 500 .74rem/1 var(--f-chapeu); letter-spacing: .18em; text-transform: uppercase; padding-bottom: .3rem; border-bottom: 1px solid currentColor; }
.continua a::after { content: "→"; letter-spacing: 0; transition: transform .3s; }
.continua a:hover::after { transform: translateX(4px); }
.rotulo-col, .rotulo-c { display: flex; align-items: center; gap: .7rem; margin: 1.6rem 0 .6rem;
  font: 500 .7rem/1 var(--f-chapeu); letter-spacing: .2em; text-transform: uppercase; color: var(--rubro); }
.rotulo-col::after, .rotulo-c::before, .rotulo-c::after { content: ""; flex: 1; height: 1px; background: var(--fio-leve); }
.rotulo-c { color: var(--tinta); margin-top: 0; }
.rotulo-c + .destaque-noticia { margin-top: 1.4rem; }
.rotulo-c.rubro { color: var(--rubro); }
.capitular::first-letter { float: left; margin: .08em .12em 0 0; font: 400 4.1em/.78 var(--f-manchete); color: var(--rubro); }
@supports (initial-letter: 3) { .capitular::first-letter { float: none; initial-letter: 3; margin: 0 .14em 0 0; font-size: 1em; line-height: 1; } }
.texto p { max-width: 38rem; }
.texto > p:not(.chapeu):not(.continua) { text-wrap: pretty; }

/* ---------- gravura de jornal (SVG) ---------- */
.pg-fundo { fill: url(#hachura-leve); stroke: var(--tinta); stroke-width: .9; vector-effect: non-scaling-stroke; }
.pg-meio { fill: url(#hachura); stroke: var(--tinta); stroke-width: 1; vector-effect: non-scaling-stroke; }
.pg-frente { fill: var(--papel); stroke: var(--tinta); stroke-width: 1.1; vector-effect: non-scaling-stroke; }
.pg-tinta, .pg-flamula { fill: #2a1d12; }
.pg-traco use { fill: none; stroke: var(--tinta); stroke-width: 1.2; stroke-linecap: round; }
.pg-sol circle { fill: var(--papel); stroke: var(--tinta); stroke-width: 1; vector-effect: non-scaling-stroke; }
.pg-sol path { fill: none; stroke: var(--tinta); stroke-opacity: .55; stroke-width: .8; vector-effect: non-scaling-stroke; }
.pg-ave { fill: none; stroke: var(--tinta); stroke-width: 1; vector-effect: non-scaling-stroke; }
.pg-nuvem { fill: var(--papel); stroke: var(--tinta); stroke-opacity: .55; stroke-width: .9; }
.vn-morro { fill: url(#hachura-leve); stroke: var(--tinta); stroke-width: 1; vector-effect: non-scaling-stroke; }
.panorama, .panorama-pe, .vinheta svg, .paradas svg, .simbolos svg, .viajante { filter: url(#tinta); }

.vinheta { display: flex; align-items: center; gap: 1.2rem; margin: clamp(2.6rem, 5vw, 3.8rem) 0; }
.vinheta::before, .vinheta::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgb(31 24 18 / .5) 30%, rgb(31 24 18 / .5)); }
.vinheta::after { background: linear-gradient(90deg, rgb(31 24 18 / .5), rgb(31 24 18 / .5) 70%, transparent); }
.vinheta svg { flex: 0 0 auto; width: 160px; height: auto; }

/* ---------- cabeçalho ---------- */
.cab-in { max-width: var(--largura); margin: 0 auto; padding: 0 var(--gutter); }
.cabecalho { text-align: center; padding-top: 1.4rem; }
.cab-topo { display: flex; justify-content: center; align-items: center; gap: clamp(1.4rem, 6vw, 5rem); }
.cab-home .cab-topo > * { flex: 1; }
.cab-home .cab-topo .brasao { flex: 0 0 auto; }
.brasao { display: inline-block; position: relative; }
.brasao img { width: clamp(84px, 9vw, 120px); height: auto; filter: drop-shadow(0 6px 10px rgb(43 30 21 / .28)); }
.cabecalho:not(.cab-home) .brasao img { width: clamp(64px, 6vw, 82px); }
.orelha { display: grid; gap: .2rem; justify-items: center; }
.orelha-rot { display: flex; align-items: center; gap: .6rem; font: 500 .66rem/1 var(--f-chapeu); letter-spacing: .24em; text-transform: uppercase; color: var(--rubro); }
.orelha-rot::before, .orelha-rot::after { content: ""; width: 1.4rem; height: 1px; background: currentColor; opacity: .6; }
.orelha strong { font: 400 1.4rem/1.1 var(--f-manchete); font-variant-numeric: lining-nums; }
.orelha-sub { font: italic 400 .84rem/1.3 var(--f-texto); color: var(--tinta-2); }
.nome { max-width: var(--largura); margin: .5rem auto .2rem; padding: 0 var(--gutter); font: 400 clamp(1.7rem, 4vw, 3.4rem)/1.03 var(--f-manchete); letter-spacing: -.012em; }
.cabecalho:not(.cab-home) .nome { font-size: clamp(1.5rem, 3vw, 2.4rem); }
.nome a { color: inherit; text-decoration: none; }
.nome i { font-weight: 400; color: var(--rubro); }
/* a paisagem vai de ponta a ponta da tela */
.panorama { display: block; width: 100%; height: clamp(80px, 8vw, 108px); margin: .3rem 0 0; }
.linha-data { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: .5rem 0 .45rem;
  border-top: 3px solid var(--fio); border-bottom: 1px solid var(--fio); font: italic 400 .86rem/1.3 var(--f-texto); color: var(--tinta-2); }
.ld-centro { font: 500 .74rem/1.3 var(--f-chapeu); font-style: normal; letter-spacing: .2em; text-transform: uppercase; color: var(--tinta); }
.ld-centro b { color: var(--rubro); font-weight: 500; padding: 0 .3em; }
.indice { display: flex; flex-wrap: wrap; justify-content: center; padding: .75rem 0; border-bottom: 1px solid var(--fio); }
.indice a { padding: 0 1.15rem; color: var(--tinta); text-decoration: none; font: 500 .8rem/1.5 var(--f-chapeu); letter-spacing: .15em; text-transform: uppercase; }
.indice a + a { border-left: 1px solid var(--fio-leve); }
.indice a:hover, .indice .destaque, .indice a[aria-current="page"] { color: var(--rubro); }
.indice a[aria-current="page"] { text-decoration: underline; text-underline-offset: .45em; }

/* ---------- barra ao rolar: brasão no meio, seções dos dois lados ---------- */
.barra { position: fixed; z-index: 50; top: 0; left: 0; right: 0; background: var(--papel);
  border-bottom: 1px solid var(--fio); box-shadow: 0 3px 0 0 var(--papel), 0 4px 0 0 var(--fio-leve), 0 12px 18px -12px rgb(43 30 21 / .4);
  transform: translateY(-130%); transition: transform .45s cubic-bezier(.3, .7, .2, 1); }
.barra.visivel { transform: none; }
.barra-in { max-width: 1240px; margin: 0 auto; padding: .3rem var(--gutter); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1.6rem; }
.barra-brasao img { width: 40px; height: auto; filter: drop-shadow(0 3px 5px rgb(43 30 21 / .3)); }
.barra-nav { display: flex; }
.barra-esq { justify-content: flex-end; }
.barra-dir { justify-content: flex-start; }
.barra-nav a, .barra-lista a { padding: 0 .8rem; color: var(--tinta); text-decoration: none; white-space: nowrap; font: 500 .72rem/1.5 var(--f-chapeu); letter-spacing: .14em; text-transform: uppercase; }
.barra-nav a + a { border-left: 1px solid var(--fio-leve); }
.barra-nav a:hover, .barra-nav .destaque, .barra-nav a[aria-current="page"] { color: var(--rubro); }
.barra-secoes, .barra-lista { display: none; }

/* ---------- a folha ---------- */
.folha { max-width: var(--largura); margin: 0 auto; padding: clamp(2rem, 4vw, 3rem) var(--gutter) clamp(3rem, 6vw, 4.5rem); }
.manchete { text-align: center; padding-bottom: 1.6rem; margin-bottom: 2rem; border-bottom: 1px solid var(--fio); }
.manchete h1 { font-size: clamp(2.8rem, 7vw, 5.8rem); line-height: .96; margin-bottom: 1rem; }
.manchete .linha-fina { max-width: 40rem; margin: 0 auto; }
.cab-centro { text-align: center; max-width: 42rem; margin: 0 auto 2rem; }
.cab-centro .linha-fina { margin: 0 auto; }

/* clichê: foto com uma margem de papel mais claro, colada na página */
.cliche { margin: 0; }
.cliche .papel { display: block; position: relative; overflow: hidden; padding: 6px; background: var(--papel-claro);
  box-shadow: 0 0 0 1px rgb(120 85 40 / .14), 0 1px 2px rgb(60 40 20 / .14), 0 10px 18px -12px rgb(60 40 20 / .4); }
.cliche img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.cliche.retrato img { aspect-ratio: 4 / 5; }
.cliche.gravura img { aspect-ratio: auto; }
.cliche figcaption { margin-top: .55rem; font: 400 .84rem/1.45 var(--f-texto); color: var(--tinta-2); }
.cliche figcaption b { color: var(--tinta); }
.brasao-papel img { aspect-ratio: 5 / 6; }

/* ---------- home: abertura ---------- */
.abre-grade { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.25fr) minmax(0, .85fr); }
.abre-grade > * { padding: 0 1.8rem; }
.abre-grade > * + * { border-left: 1px solid var(--fio-leve); }
.abre-grade > :first-child { padding-left: 0; }
.abre-grade > :last-child { padding-right: 0; }
.abre-txt .capitular { text-align: left; }
.datas { list-style: none; margin: 0; padding: 0; }
.datas li { display: grid; grid-template-columns: 3.6rem 1fr; align-items: baseline; gap: .6rem; padding: .3rem 0; }
.datas b { font: 400 1.2rem/1.2 var(--f-manchete); font-variant-numeric: lining-nums; }
.datas span { font: italic 400 1rem/1.4 var(--f-texto); color: var(--tinta-2); }
.quadro { margin-bottom: 2.2rem; }
.algarismos { margin: 0; }
.algarismos div { padding: .55rem 0; text-align: center; }
.algarismos dt { font: 400 2.1rem/1 var(--f-manchete); font-variant-numeric: lining-nums; }
.algarismos dt small { font: italic 400 .9rem var(--f-manchete); color: var(--tinta-2); }
.algarismos dd { margin: .3rem 0 0; font: italic 400 .86rem/1.4 var(--f-texto); color: var(--tinta-2); }
.aviso { text-align: center; }
.aviso-tit { font: 400 1.55rem/1.1 var(--f-manchete); margin: 0 0 .5rem; }
.aviso-data { display: flex; align-items: center; justify-content: center; gap: .7rem; margin: 0 0 .8rem; color: var(--rubro); }
.aviso-dia { font: 400 3.6rem/.85 var(--f-manchete); font-variant-numeric: lining-nums; }
.aviso-mes { font: italic 400 1.1rem/1.15 var(--f-manchete); text-align: left; font-variant-numeric: lining-nums; }
.aviso-txt { font-size: .92rem; line-height: 1.55; color: var(--tinta-2); margin: 0; }

/* ---------- home: o dia em seis paradas ---------- */
.estrada { position: relative; }
.estrada::before { content: ""; position: absolute; left: calc(-50vw + 50%); right: calc(-50vw + 50%); top: 96px; height: 2px;
  background: radial-gradient(circle, var(--tinta-3) 1px, transparent 1.4px) left center / 9px 2px repeat-x; }
.paradas { list-style: none; margin: 0; padding: 0; position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.paradas a { display: flex; flex-direction: column; align-items: center; text-align: center; gap: .3rem; padding: .4rem .5rem 1rem; text-decoration: none; color: var(--tinta); }
.paradas svg { width: 92px; height: 68px; fill: #2a1d12; }
.pa-giro { fill: none; stroke: #2a1d12; stroke-width: 1.4; stroke-dasharray: 3 3; }
.pa-n { position: relative; z-index: 1; display: grid; place-items: center; width: 2.1rem; height: 2.1rem; margin: .5rem 0 .3rem; border-radius: 50%;
  background: var(--papel); color: var(--rubro); font: italic 400 1rem/1 var(--f-manchete); box-shadow: 0 0 0 1px rgb(154 27 22 / .55); }
.pa-t { font: 400 1.06rem/1.2 var(--f-manchete); }
.pa-o { font: italic 400 .9rem/1.3 var(--f-texto); color: var(--tinta-2); }
.paradas a:hover .pa-t { color: var(--rubro); }
.viajante { position: absolute; z-index: 0; top: 66px; left: 0; width: 34px; height: 32px; fill: #2a1d12; pointer-events: none; }

/* ---------- patrimônio (faixa e página) ---------- */
.patrimonio-faixa { display: grid; grid-template-columns: 230px 1fr; gap: clamp(1.8rem, 5vw, 3.6rem); align-items: center; max-width: 60rem; margin: 0 auto; }
.patrimonio-faixa h2 { max-width: 18ch; }
.selo-vivo { width: 100%; max-width: 230px; margin: 0 auto; }
.selo-grande { max-width: 280px; }
.carimbo { width: 100%; height: auto; display: block; overflow: visible; mix-blend-mode: multiply; opacity: .9; }
.carimbo .cb-aro { fill: none; stroke: var(--mata); }
.carimbo .cb-ponto { fill: var(--mata); }
.carimbo .cb-txt { font: 400 60px var(--f-manchete); letter-spacing: .08em; fill: var(--mata); }
.fala { margin: 1.4rem 0 0; padding: 1rem 0 0 1.4rem; border-left: 1px solid var(--fio-leve); }
.fala p { font: italic 400 1.3rem/1.38 var(--f-manchete); margin-bottom: .5rem; }
.fala cite { font: normal 500 .68rem/1.3 var(--f-chapeu); letter-spacing: .14em; text-transform: uppercase; color: var(--tinta-3); }
.fala-centro { text-align: center; border: 0; padding: 0; max-width: 40rem; margin: 2rem auto 0; }
.fala-centro p { font-size: clamp(1.4rem, 2.6vw, 1.9rem); color: var(--rubro); }
.certidao { text-align: center; max-width: 44rem; margin: 0 auto; }
.cert-bem { font: 400 clamp(1.6rem, 3.2vw, 2.3rem)/1.15 var(--f-manchete); margin: .4rem 0 .3rem; }
.cert-lugar { font: italic 400 1.05rem var(--f-texto); color: var(--tinta-2); }
.cert-dados { display: grid; grid-template-columns: repeat(3, 1fr); margin: 1.6rem 0 0; padding: 1rem 0; border-top: 1px solid var(--fio-leve); border-bottom: 1px solid var(--fio-leve); }
.cert-dados div + div { border-left: 1px solid var(--fio-leve); }
.cert-dados dt { font: 500 .66rem/1.3 var(--f-chapeu); letter-spacing: .16em; text-transform: uppercase; color: var(--tinta-3); }
.cert-dados dd { margin: .3rem 0 0; font: 400 1.05rem/1.3 var(--f-manchete); font-variant-numeric: lining-nums; }

/* ---------- instantâneos e Associação na home ---------- */
.grade-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.8rem; align-items: start; }
.grade-3 .cliche img { aspect-ratio: 1 / 1; }
.associacao-faixa { display: grid; grid-template-columns: 170px 1fr; gap: 2.4rem; align-items: center; max-width: 46rem; margin: 0 auto; }

/* ---------- miolos de duas colunas ---------- */
.duas { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(1.8rem, 4vw, 3.2rem); align-items: start; }
.duas + .duas { margin-top: 2.4rem; }
.duas-iguais { grid-template-columns: 1fr 1fr; }
.duas-foto { grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); align-items: center; }
.duas-selo { grid-template-columns: minmax(0, 1.4fr) minmax(0, .6fr); align-items: center; }
.duas-traje { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: center; }
.duas-mapa { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
.duas-foto .retrato { max-width: 22rem; justify-self: center; width: 100%; }

/* índice da página (jornadas, capítulos) */
.sumario-pag { display: grid; margin: 0 0 clamp(2.2rem, 4vw, 3rem); border-top: 1px solid var(--fio); border-bottom: 1px solid var(--fio); }
.sp-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.sp-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sumario-pag a { display: grid; gap: .2rem; justify-items: center; text-align: center; padding: .85rem .5rem; text-decoration: none; color: var(--tinta); }
.sumario-pag a + a { border-left: 1px solid var(--fio-leve); }
.sumario-pag b { font: 400 1.4rem/1 var(--f-manchete); color: var(--rubro); font-variant-numeric: lining-nums; }
.sp-3 b, .sp-2 b { font-style: italic; }
.sumario-pag span { font: italic 400 .9rem/1.3 var(--f-texto); color: var(--tinta-2); }
.sumario-pag a:hover span { color: var(--rubro); }

/* ---------- história ---------- */
.jornada { scroll-margin-top: 80px; }
.jornada-cab { text-align: center; margin-bottom: 1.8rem; }
.jornada-ano { margin: 0 0 .5rem; font: 400 clamp(3.2rem, 7vw, 5.2rem)/.9 var(--f-manchete); color: var(--rubro); font-variant-numeric: lining-nums; letter-spacing: -.02em; }
.jornada-cab .linha-fina { max-width: 34rem; margin: 0 auto; }
.nota { margin: 2rem auto 0; max-width: 40rem; text-align: center; font-size: .92rem; font-style: italic; color: var(--tinta-2); }
.nota-rot { margin: 0 0 .3rem; font: 500 .66rem/1 var(--f-chapeu); font-style: normal; letter-spacing: .18em; text-transform: uppercase; color: var(--rubro); }
.prancha-mapa, .prancha-traje { margin: 0; }
.prancha-mapa svg, .prancha-traje svg { width: 100%; height: auto; display: block; background: none !important; border: 0 !important; outline: 0 !important; mix-blend-mode: multiply; filter: url(#tinta); }
.prancha-mapa figcaption, .prancha-traje figcaption { margin-top: .6rem; font: 400 .84rem/1.45 var(--f-texto); color: var(--tinta-2); }
.prancha-mapa figcaption b, .prancha-traje figcaption b { color: var(--tinta); }
.simbolos { margin-top: 1.4rem; }
.simbolos ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.simbolos li { display: grid; justify-items: center; text-align: center; gap: .15rem; }
.simbolos svg { width: 42px; height: 52px; fill: #2a1d12; margin-bottom: .2rem; }
.ic { fill: none; stroke: #2a1d12; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.simbolos b { font: 400 1.05rem/1.2 var(--f-manchete); }
.simbolos span { font: italic 400 .86rem/1.35 var(--f-texto); color: var(--tinta-2); }
.cronologia { list-style: none; margin: 0 auto; padding: 0; max-width: 44rem; }
.cronologia li { display: grid; grid-template-columns: 6.2rem 1fr; gap: 1.2rem; align-items: baseline; padding: .65rem 0; }
.cronologia li + li { border-top: 1px dotted var(--fio-leve); }
.cronologia b { text-align: right; font: 400 1.4rem/1.1 var(--f-manchete); color: var(--rubro); font-variant-numeric: lining-nums; }
.fontes { margin-top: clamp(2.6rem, 5vw, 3.6rem); font-size: .86rem; color: var(--tinta-2); }
.fontes ul { columns: 3; column-gap: 2rem; margin: 0; padding: 0; list-style: none; }
.fontes li { break-inside: avoid; padding: .12rem 0; }
.fontes-pede { margin-top: 1rem; font-style: italic; }

/* ---------- cortejo ---------- */
.capitulo { scroll-margin-top: 80px; }
.dia { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.4rem 2.2rem; }
.dia li { scroll-margin-top: 90px; }
.dia-cena { margin: 0 0 .8rem; }
.dia h3 { font-size: 1.35rem; margin-bottom: .45rem; }
.dia li > p:last-child { font-size: .95rem; line-height: 1.6; margin: 0; }
.dia-n { display: flex; align-items: center; gap: .6rem; margin: 0 0 .35rem; font: 500 .7rem/1 var(--f-chapeu); letter-spacing: .18em; text-transform: uppercase; color: var(--tinta-3); }
.dia-n span { display: grid; place-items: center; width: 1.9rem; height: 1.9rem; border-radius: 50%; box-shadow: 0 0 0 1px rgb(154 27 22 / .55); font: italic 400 .9rem/1 var(--f-manchete); letter-spacing: 0; color: var(--rubro); }
/* a cena colorida do site vira gravura em tinta */
.dia-cena .cena { width: 100%; height: auto; display: block; background: none !important; padding: 0 !important; box-shadow: none !important; transform: none !important; filter: url(#tinta); mix-blend-mode: multiply;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.dia-cena .cena [fill^="url(#ceu"], .dia-cena .cena .cn-sol, .dia-cena .cena .cn-lua, .dia-cena .cena .cn-chao, .dia-cena .cena circle:not([class]) { fill: transparent !important; }
.dia-cena .cena .cn-sol, .dia-cena .cena .cn-lua { stroke: #2a1d12; stroke-width: 1; }
.dia-cena .cena .cn-s1 { fill: url(#hachura-leve) !important; stroke: #2a1d12; stroke-width: 1; }
.dia-cena .cena .cn-s2 { fill: url(#hachura) !important; stroke: #2a1d12; stroke-width: 1; }
.dia-cena .cena .cn-cena, .dia-cena .cena .cn-igreja, .dia-cena .cena .cn-cena *, .dia-cena .cena .cn-estrela { fill: #2a1d12 !important; }
.dia-cena .cena .cn-luz { display: none; }
.mosaico { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sub { font-size: 1.7rem; margin-bottom: .7rem; }
.legenda-traje { margin: 1.1rem 0 0; }
.legenda-traje div { display: grid; grid-template-columns: 2rem 1fr; gap: .6rem; padding: .5rem 0; }
.legenda-traje div + div { border-top: 1px dotted var(--fio-leve); }
.legenda-traje dt { font: italic 400 1.2rem/1.3 var(--f-manchete); color: var(--rubro); }
.legenda-traje dd { margin: 0; font-size: .95rem; line-height: 1.55; }
.tres-col { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: clamp(2.2rem, 4vw, 3rem); padding-top: 1.4rem; border-top: 1px solid var(--fio-leve); }
.tres-col > div { padding: 0 1.6rem; }
.tres-col > div + div { border-left: 1px solid var(--fio-leve); }
.tres-col > :first-child { padding-left: 0; }
.tres-col > :last-child { padding-right: 0; }
.tres-col h3 { font-size: 1.22rem; margin-bottom: .45rem; }
.tres-col p:last-child { font-size: .94rem; margin: 0; }
.ficha { margin: 0 0 1.2rem; }
.ficha div { display: grid; grid-template-columns: 8.4rem 1fr; gap: 1rem; padding: .55rem 0; align-items: baseline; }
.ficha div + div { border-top: 1px dotted var(--fio-leve); }
.ficha dt { font: 500 .7rem/1.3 var(--f-chapeu); letter-spacing: .14em; text-transform: uppercase; color: var(--tinta-3); }
.ficha dd { margin: 0; font-size: .97rem; }
.trajeto-ruas { margin: 0 0 1rem; }
.trajeto-ruas summary { cursor: pointer; font: italic 400 1rem/1.4 var(--f-texto); color: var(--rubro); padding: .3rem 0; }
.trajeto-ruas p, .trajeto-ruas li { font-size: .88rem; line-height: 1.5; color: var(--tinta-2); }
.trajeto-ruas ol { padding-left: 1.2rem; }
.trajeto-ruas strong { display: block; color: var(--tinta); font-family: var(--f-manchete); }

/* ---------- leia também ---------- */
.leia-grade { display: grid; grid-template-columns: 1fr 1fr; }
.leia-grade a { display: grid; gap: .3rem; padding: 0 2rem; text-decoration: none; color: var(--tinta); }
.leia-grade a + a { border-left: 1px solid var(--fio-leve); }
.leia-grade a:first-child { padding-left: 0; }
.leia-grade b { font: 400 1.35rem/1.2 var(--f-manchete); }
.leia-grade .chapeu { margin: 0; }
.leia-d { font: italic 400 .95rem/1.4 var(--f-texto); color: var(--tinta-2); }
.leia-grade a:hover b { color: var(--rubro); }

/* ---------- agenda ---------- */
.calendario { list-style: none; margin: 0 auto; padding: 0; max-width: 52rem; }
.calendario li { display: grid; grid-template-columns: 7.5rem 1fr; gap: 2rem; padding: 1.6rem 0; }
.calendario li + li { border-top: 1px solid var(--fio-leve); }
.cal-data { margin: 0; display: grid; justify-items: center; align-content: start; text-align: center; font: italic 400 .9rem/1.2 var(--f-texto); color: var(--tinta-2); }
.cal-dia { font: 400 3.4rem/.9 var(--f-manchete); color: var(--rubro); font-style: normal; margin-bottom: .2rem; font-variant-numeric: lining-nums; }
.cal-vago { color: rgb(31 24 18 / .2); }
.cal-t { font-size: 1.6rem; margin-bottom: .4rem; }
.cal-principal .cal-dia { font-size: 4.4rem; }
.cal-principal .cal-t { font-size: 2rem; }
.cal-reservado { opacity: .65; }

/* ---------- notícias: o diário, uma linha por nota ---------- */
.destaque-noticia h2 { font-size: clamp(1.8rem, 3vw, 2.4rem); }
.diario { max-width: 50rem; margin: 0 auto; }
.ano + .ano { margin-top: clamp(2.4rem, 5vw, 3.4rem); }
/* o ano como cabeçalho de seção: algarismo grande entre dois fios que somem nas pontas */
.ano-cab { display: flex; align-items: center; gap: 1.4rem; margin: 0 0 .6rem; font: 400 clamp(2.4rem, 5vw, 3.2rem)/1 var(--f-manchete); color: var(--rubro); font-variant-numeric: lining-nums; }
.ano-cab::before, .ano-cab::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, var(--fio) 70%); }
.ano-cab::after { background: linear-gradient(90deg, var(--fio) 30%, transparent); }
.ano-sem { font-size: clamp(1.5rem, 3vw, 1.9rem); font-style: italic; color: var(--tinta-3); }
.entradas { list-style: none; margin: 0; padding: 0; }
.entrada { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: 1.8rem; padding: 1.4rem 0; }
.entrada + .entrada { border-top: 1px dotted var(--fio-leve); }
.entrada .cal-dia { font-size: 3rem; }
.entrada-txt h3 { font-size: 1.4rem; margin-bottom: .45rem; }
.entrada-txt p:last-child { margin: 0; }
.entrada-foto { grid-template-columns: 6rem minmax(0, 1fr) minmax(0, 15rem); }
.entrada-img img { aspect-ratio: 4 / 5; }

/* ---------- associação ---------- */
.algarismos-faixa { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 46rem; margin: 0 auto clamp(2rem, 4vw, 2.8rem); }
.algarismos-faixa div { padding: .2rem 1rem; }
.algarismos-faixa div + div { border-left: 1px solid var(--fio-leve); }
.algarismos-faixa dt { font-size: clamp(2.4rem, 5vw, 3.2rem); color: var(--rubro); }
.algarismos-faixa dd { font-size: .95rem; }
.sp-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 36rem; margin-inline: auto; }
.brasao-pagina { max-width: 56rem; margin: 0 auto; }
.brasao-pagina .brasao-papel { max-width: 17rem; justify-self: center; width: 100%; }
.brasao-pagina .ficha { margin-top: 1.4rem; }
.marcos li { padding: .9rem 0; }
.marcos strong { display: block; font: 400 1.25rem/1.25 var(--f-manchete); }
.marcos span { display: block; margin-top: .15rem; font: italic 400 .95rem/1.45 var(--f-texto); color: var(--tinta-2); }
.marcos span a { color: var(--rubro); }
.marco-maior b { font-size: 1.9rem; }
.marco-maior strong { font-size: 1.55rem; color: var(--rubro); }
.marco-sem b { font-style: italic; font-size: 1.15rem; color: var(--tinta-3); }

/* ---------- expediente ---------- */
.panorama-pe { display: block; width: 100%; height: clamp(70px, 7vw, 96px); }
.exp-in { background: var(--tinta); color: rgb(239 229 207 / .78); text-align: center; padding: 2.4rem var(--gutter) 2rem; font-size: .92rem; line-height: 1.6; margin-top: -1px; }
.exp-brasao { width: 100px; height: auto; margin: 0 auto 1rem; }
.exp-rot { margin: 0 0 .5rem; font: 500 .66rem/1 var(--f-chapeu); letter-spacing: .26em; text-transform: uppercase; color: #d6b27a; }
.exp-nome { font: 400 1.28rem/1.25 var(--f-manchete); color: var(--papel); max-width: 26ch; margin: 0 auto .9rem; }
.exp-pe { margin: 1.5rem auto 0; padding-top: 1rem; max-width: 40rem; border-top: 1px solid rgb(239 229 207 / .22); font: 500 .7rem/1 var(--f-chapeu); letter-spacing: .26em; text-transform: uppercase; color: #d6b27a; }

/* ---------- telas menores ---------- */
@media (max-width: 1080px) {
  .barra-nav a { padding: 0 .5rem; letter-spacing: .1em; }
}
@media (max-width: 900px) {
  .abre-grade, .duas, .duas-iguais, .duas-foto, .duas-selo, .duas-traje, .duas-mapa, .patrimonio-faixa { grid-template-columns: 1fr; }
  .abre-grade > * { padding: 0 !important; border-left: 0 !important; }
  .abre-grade > * + * { margin-top: 2rem; padding-top: 2rem !important; border-top: 1px solid var(--fio-leve); }
  .abre-grade .retrato { max-width: 24rem; margin: 0 auto; }
  .abre-lado { display: grid; grid-template-columns: 1fr 1fr; gap: 1.6rem; align-items: start; }
  .quadro { margin: 0; }
  .paradas { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 1rem; }
  .estrada::before, .viajante { display: none; }
  .dia, .mosaico, .grade-3 { grid-template-columns: 1fr 1fr; }
  .tres-col { grid-template-columns: 1fr; }
  .tres-col > div { padding: 1rem 0 !important; border-left: 0 !important; }
  .tres-col > div + div { border-top: 1px dotted var(--fio-leve); }
  .sp-5 span { display: none; }
  .fontes ul { columns: 1; }
  .patrimonio-faixa { text-align: center; }
  .patrimonio-faixa h2 { margin-inline: auto; }
  .patrimonio-faixa .fala { border-left: 0; padding-left: 0; }
  .selo-vivo { max-width: 190px; }
  .barra-nav { display: none; }
  .barra-secoes { display: block; grid-column: 3; grid-row: 1; justify-self: end; padding: .4rem 0; background: none; border: 0; border-bottom: 1px solid currentColor; color: var(--tinta); cursor: pointer;
    font: 500 .72rem/1 var(--f-chapeu); letter-spacing: .18em; text-transform: uppercase; }
  .barra-brasao { grid-column: 2; grid-row: 1; }
  .barra.aberta .barra-lista { display: flex; flex-direction: column; padding: .4rem var(--gutter) 1rem; border-top: 1px solid var(--fio-leve); }
  .barra-lista a { padding: .8rem 0; border-bottom: 1px solid var(--fio-leve); font-size: .86rem; }
  .entrada-foto { grid-template-columns: 6rem minmax(0, 1fr); }
  .entrada-img { grid-column: 2; max-width: 20rem; }
}
@media (max-width: 640px) {
  .cab-home .cab-topo { flex-wrap: wrap; gap: 1rem .6rem; }
  .cab-home .cab-topo .brasao { order: -1; flex-basis: 100%; }
  .cab-home .cab-topo .orelha { flex: 1 1 40%; }
  .orelha strong { font-size: 1.04rem; }
  .orelha-sub { font-size: .76rem; }
  .nome { font-size: clamp(1.55rem, 7.4vw, 2.1rem) !important; margin-top: .8rem; }
  .linha-data { flex-direction: column; align-items: center; gap: .25rem; text-align: center; }
  .indice { padding: .6rem 0; }
  .indice a { padding: .2rem .65rem; font-size: .76rem; }
  .indice a + a { border-left: 0; }
  .manchete h1 { font-size: clamp(2.5rem, 12vw, 3.4rem); }
  .abre-lado { grid-template-columns: 1fr; }
  .texto > p:not(.chapeu):not(.continua) { text-align: left; }
  .paradas { grid-template-columns: 1fr; }
  .paradas a { display: grid; grid-template-columns: 64px 2.1rem 1fr; grid-template-rows: auto auto; align-items: center; text-align: left; column-gap: .8rem; padding: .7rem 0; }
  .paradas li + li { border-top: 1px solid var(--fio-leve); }
  .paradas svg { grid-row: span 2; width: 64px; height: 48px; }
  .pa-n { grid-row: span 2; margin: 0; }
  .pa-o { grid-column: 3; }
  .dia, .mosaico { grid-template-columns: 1fr; }
  .mosaico .cliche img { aspect-ratio: 4 / 3; }
  .grade-3 { grid-template-columns: 1fr 1fr; gap: 1rem; }
  .grade-3 > :last-child { grid-column: 1 / -1; }
  .grade-3 > :last-child img { aspect-ratio: 4 / 3; }
  .associacao-faixa { grid-template-columns: 1fr; text-align: center; gap: 1.2rem; }
  .associacao-faixa .cliche { max-width: 150px; margin: 0 auto; }
  .sumario-pag.sp-3 { grid-template-columns: 1fr; }
  .sp-3 a { grid-template-columns: 2rem 1fr; justify-items: start; text-align: left; align-items: baseline; gap: .7rem; padding: .65rem 0; }
  .sp-3 a + a { border-left: 0; border-top: 1px solid var(--fio-leve); }
  .sp-5 b { font-size: 1.1rem; }
  .sp-5 a { padding: .8rem .2rem; }
  .simbolos ul { grid-template-columns: 1fr; }
  .simbolos li { grid-template-columns: 48px 1fr; justify-items: start; text-align: left; column-gap: .8rem; }
  .simbolos svg { grid-row: span 2; }
  .cronologia li { grid-template-columns: 4.4rem 1fr; gap: .8rem; }
  .cronologia b { font-size: 1.12rem; }
  .ficha div, .algarismos-lado div { grid-template-columns: 1fr; gap: .2rem; }
  .cert-dados { grid-template-columns: 1fr; gap: .8rem; }
  .cert-dados div + div { border-left: 0; }
  .leia-grade { grid-template-columns: 1fr; gap: 1.4rem; }
  .leia-grade a { padding: 0 !important; border-left: 0 !important; }
  .leia-grade a + a { padding-top: 1.4rem !important; border-top: 1px solid var(--fio-leve); }
  .calendario li { grid-template-columns: 4.6rem 1fr; gap: 1rem; }
  .cal-dia { font-size: 2.6rem; }
  .cal-principal .cal-dia { font-size: 3rem; }
  .entrada, .entrada-foto { grid-template-columns: 3.8rem minmax(0, 1fr); gap: 1rem; }
  .entrada .cal-dia { font-size: 2.3rem; }
  .entrada-txt h3 { font-size: 1.22rem; }
  .algarismos-faixa div { padding: .2rem .4rem; }
  .algarismos-faixa dd br { display: none; }
  .sp-2 { grid-template-columns: 1fr 1fr; }
  .vinheta svg { width: 120px; }
}

/* celular: brasão sempre no centro; retratos menores, sem dominar a tela */
.brasao img { margin: 0 auto; }
@media (max-width: 640px) {
  .cab-home .cab-topo .brasao { display: flex; justify-content: center; }
  .abre-grade .retrato, .duas-foto .retrato { max-width: 15rem; margin-inline: auto; }
  .duas-foto .cliche:not(.retrato) { max-width: 20rem; margin-inline: auto; }
}
@media (max-width: 640px) {
  .brasao-pagina .brasao-papel { max-width: 12rem; }
}

/* ---------- home: tiras de papel coladas na folha (separam serviço e patrimônio da reportagem) ---------- */
.tira { margin: clamp(2.8rem, 5vw, 3.8rem) calc(50% - 50vw); filter: drop-shadow(0 1px 1px rgb(60 40 20 / .18)) drop-shadow(0 8px 10px rgb(60 40 20 / .12)); }
.tira-papel { padding: clamp(2.4rem, 4.5vw, 3.4rem) var(--gutter);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='14'><path d='M0 14 L0 7 L4.0 8.4 L8.1 7.1 L12.7 7.3 L18.4 6.8 L25.5 3.7 L32.0 8.9 L37.4 8.5 L41.0 5.6 L47.4 6.5 L55.0 8.4 L59.7 7.9 L63.4 4.1 L67.9 8.6 L74.6 9.0 L80.4 5.6 L84.3 9.5 L89.0 6.7 L94.6 3.2 L99.0 4.6 L103.7 5.7 L107.9 8.3 L115.2 6.4 L120.8 5.5 L128.5 4.8 L132.7 6.1 L137.4 4.7 L144.8 2.8 L148.1 4.8 L151.5 9.0 L157.7 3.0 L163.7 3.0 L171.1 8.2 L178.6 7.3 L181.7 3.7 L187.8 3.6 L193.2 6.8 L200.6 3.6 L208.1 2.8 L211.1 8.4 L218.7 2.1 L222.7 8.8 L229.0 3.9 L233.1 8.3 L239.6 7.0 L242.8 2.8 L246.4 6.8 L249.6 8.2 L257.6 8.7 L262.7 3.7 L270.1 4.8 L275.1 8.2 L279.9 6.4 L284.5 7.1 L288.5 4.2 L296.5 6.4 L304.1 3.4 L307.8 5.5 L314.6 8.6 L318.6 5.1 L324.9 5.7 L330.4 7.3 L337.2 2.2 L342.9 3.4 L347.3 3.7 L352.5 2.5 L359.6 8.4 L366.0 11.0 L372.0 7.1 L375.2 3.3 L378.6 2.1 L386.3 4.0 L392.7 3.7 L400.7 5.0 L407.5 4.8 L410.8 3.6 L418.7 3.1 L424.3 2.9 L430.3 4.0 L436.5 5.9 L444.5 2.5 L449.1 3.3 L452.5 3.6 L459.4 7.3 L466.7 8.7 L473.0 6.0 L478.0 5.5 L483.9 7.1 L490.0 7.1 L497.2 8.9 L502.7 8.7 L507.5 2.6 L514.9 7.0 L522.7 7.5 L526.8 10.3 L533.8 6.4 L539.5 5.1 L545.3 8.1 L551.8 5.0 L555.7 6.1 L563.2 7.8 L569.6 9.1 L577.2 3.2 L580.3 6.9 L584.2 3.5 L590.7 5.1 L593.8 7.7 L600 7 L600 14Z'/></svg>") top left / 600px 14px repeat-x, url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='14'><path d='M0 14 L0 7 L4.0 8.4 L8.1 7.1 L12.7 7.3 L18.4 6.8 L25.5 3.7 L32.0 8.9 L37.4 8.5 L41.0 5.6 L47.4 6.5 L55.0 8.4 L59.7 7.9 L63.4 4.1 L67.9 8.6 L74.6 9.0 L80.4 5.6 L84.3 9.5 L89.0 6.7 L94.6 3.2 L99.0 4.6 L103.7 5.7 L107.9 8.3 L115.2 6.4 L120.8 5.5 L128.5 4.8 L132.7 6.1 L137.4 4.7 L144.8 2.8 L148.1 4.8 L151.5 9.0 L157.7 3.0 L163.7 3.0 L171.1 8.2 L178.6 7.3 L181.7 3.7 L187.8 3.6 L193.2 6.8 L200.6 3.6 L208.1 2.8 L211.1 8.4 L218.7 2.1 L222.7 8.8 L229.0 3.9 L233.1 8.3 L239.6 7.0 L242.8 2.8 L246.4 6.8 L249.6 8.2 L257.6 8.7 L262.7 3.7 L270.1 4.8 L275.1 8.2 L279.9 6.4 L284.5 7.1 L288.5 4.2 L296.5 6.4 L304.1 3.4 L307.8 5.5 L314.6 8.6 L318.6 5.1 L324.9 5.7 L330.4 7.3 L337.2 2.2 L342.9 3.4 L347.3 3.7 L352.5 2.5 L359.6 8.4 L366.0 11.0 L372.0 7.1 L375.2 3.3 L378.6 2.1 L386.3 4.0 L392.7 3.7 L400.7 5.0 L407.5 4.8 L410.8 3.6 L418.7 3.1 L424.3 2.9 L430.3 4.0 L436.5 5.9 L444.5 2.5 L449.1 3.3 L452.5 3.6 L459.4 7.3 L466.7 8.7 L473.0 6.0 L478.0 5.5 L483.9 7.1 L490.0 7.1 L497.2 8.9 L502.7 8.7 L507.5 2.6 L514.9 7.0 L522.7 7.5 L526.8 10.3 L533.8 6.4 L539.5 5.1 L545.3 8.1 L551.8 5.0 L555.7 6.1 L563.2 7.8 L569.6 9.1 L577.2 3.2 L580.3 6.9 L584.2 3.5 L590.7 5.1 L593.8 7.7 L600 7 L600 14Z' transform='translate(0 14) scale(1 -1)'/></svg>") bottom left / 600px 14px repeat-x, linear-gradient(#000, #000) center / 100% calc(100% - 26px) no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='14'><path d='M0 14 L0 7 L4.0 8.4 L8.1 7.1 L12.7 7.3 L18.4 6.8 L25.5 3.7 L32.0 8.9 L37.4 8.5 L41.0 5.6 L47.4 6.5 L55.0 8.4 L59.7 7.9 L63.4 4.1 L67.9 8.6 L74.6 9.0 L80.4 5.6 L84.3 9.5 L89.0 6.7 L94.6 3.2 L99.0 4.6 L103.7 5.7 L107.9 8.3 L115.2 6.4 L120.8 5.5 L128.5 4.8 L132.7 6.1 L137.4 4.7 L144.8 2.8 L148.1 4.8 L151.5 9.0 L157.7 3.0 L163.7 3.0 L171.1 8.2 L178.6 7.3 L181.7 3.7 L187.8 3.6 L193.2 6.8 L200.6 3.6 L208.1 2.8 L211.1 8.4 L218.7 2.1 L222.7 8.8 L229.0 3.9 L233.1 8.3 L239.6 7.0 L242.8 2.8 L246.4 6.8 L249.6 8.2 L257.6 8.7 L262.7 3.7 L270.1 4.8 L275.1 8.2 L279.9 6.4 L284.5 7.1 L288.5 4.2 L296.5 6.4 L304.1 3.4 L307.8 5.5 L314.6 8.6 L318.6 5.1 L324.9 5.7 L330.4 7.3 L337.2 2.2 L342.9 3.4 L347.3 3.7 L352.5 2.5 L359.6 8.4 L366.0 11.0 L372.0 7.1 L375.2 3.3 L378.6 2.1 L386.3 4.0 L392.7 3.7 L400.7 5.0 L407.5 4.8 L410.8 3.6 L418.7 3.1 L424.3 2.9 L430.3 4.0 L436.5 5.9 L444.5 2.5 L449.1 3.3 L452.5 3.6 L459.4 7.3 L466.7 8.7 L473.0 6.0 L478.0 5.5 L483.9 7.1 L490.0 7.1 L497.2 8.9 L502.7 8.7 L507.5 2.6 L514.9 7.0 L522.7 7.5 L526.8 10.3 L533.8 6.4 L539.5 5.1 L545.3 8.1 L551.8 5.0 L555.7 6.1 L563.2 7.8 L569.6 9.1 L577.2 3.2 L580.3 6.9 L584.2 3.5 L590.7 5.1 L593.8 7.7 L600 7 L600 14Z'/></svg>") top left / 600px 14px repeat-x, url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='14'><path d='M0 14 L0 7 L4.0 8.4 L8.1 7.1 L12.7 7.3 L18.4 6.8 L25.5 3.7 L32.0 8.9 L37.4 8.5 L41.0 5.6 L47.4 6.5 L55.0 8.4 L59.7 7.9 L63.4 4.1 L67.9 8.6 L74.6 9.0 L80.4 5.6 L84.3 9.5 L89.0 6.7 L94.6 3.2 L99.0 4.6 L103.7 5.7 L107.9 8.3 L115.2 6.4 L120.8 5.5 L128.5 4.8 L132.7 6.1 L137.4 4.7 L144.8 2.8 L148.1 4.8 L151.5 9.0 L157.7 3.0 L163.7 3.0 L171.1 8.2 L178.6 7.3 L181.7 3.7 L187.8 3.6 L193.2 6.8 L200.6 3.6 L208.1 2.8 L211.1 8.4 L218.7 2.1 L222.7 8.8 L229.0 3.9 L233.1 8.3 L239.6 7.0 L242.8 2.8 L246.4 6.8 L249.6 8.2 L257.6 8.7 L262.7 3.7 L270.1 4.8 L275.1 8.2 L279.9 6.4 L284.5 7.1 L288.5 4.2 L296.5 6.4 L304.1 3.4 L307.8 5.5 L314.6 8.6 L318.6 5.1 L324.9 5.7 L330.4 7.3 L337.2 2.2 L342.9 3.4 L347.3 3.7 L352.5 2.5 L359.6 8.4 L366.0 11.0 L372.0 7.1 L375.2 3.3 L378.6 2.1 L386.3 4.0 L392.7 3.7 L400.7 5.0 L407.5 4.8 L410.8 3.6 L418.7 3.1 L424.3 2.9 L430.3 4.0 L436.5 5.9 L444.5 2.5 L449.1 3.3 L452.5 3.6 L459.4 7.3 L466.7 8.7 L473.0 6.0 L478.0 5.5 L483.9 7.1 L490.0 7.1 L497.2 8.9 L502.7 8.7 L507.5 2.6 L514.9 7.0 L522.7 7.5 L526.8 10.3 L533.8 6.4 L539.5 5.1 L545.3 8.1 L551.8 5.0 L555.7 6.1 L563.2 7.8 L569.6 9.1 L577.2 3.2 L580.3 6.9 L584.2 3.5 L590.7 5.1 L593.8 7.7 L600 7 L600 14Z' transform='translate(0 14) scale(1 -1)'/></svg>") bottom left / 600px 14px repeat-x, linear-gradient(#000, #000) center / 100% calc(100% - 26px) no-repeat; }
.tira-servico .tira-papel { background: var(--papel-claro); }
.tira-patrimonio .tira-papel { background: #e5d6b5; }
.tira-in { max-width: calc(var(--largura) - 2 * 40px); margin: 0 auto; }
.servico { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.5fr); gap: 0; align-items: center; }
.servico > * { padding: 0 clamp(1.4rem, 3vw, 2.6rem); }
.servico > * + * { border-left: 1px solid var(--fio-leve); }
.servico .quadro { margin: 0; }
.algarismos-linha { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.algarismos-linha dt { font-size: clamp(2rem, 3.4vw, 2.6rem); color: var(--rubro); }
.abre-grade { grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); max-width: 60rem; margin: 0 auto; }
.abre-grade > * { padding: 0 2.4rem; }
.abre-txt .capitular { font-size: 1.12rem; }
@media (max-width: 900px) {
  .servico { grid-template-columns: 1fr; }
  .servico > * { padding: 0; }
  .servico > * + * { border-left: 0; margin-top: 1.8rem; padding-top: 1.8rem; border-top: 1px solid var(--fio-leve); }
}
@media (max-width: 640px) {
  .algarismos-linha { gap: .4rem; }
  .algarismos-linha dd { font-size: .8rem; }
  .tira-patrimonio .selo-vivo { max-width: 160px; }
}
@media (max-width: 640px) {
  .algarismos-linha dt small { display: block; font-size: .8rem; margin-bottom: .15rem; }
}