:root{--marinho:#04365c;--azul:#0f64a5;--azul-medio:#3092c9;--link:#0d5c96;--menu:#e2e8ea;--texto:#1a1a1a;--suave:#555;--fundo:#f3f6f8;--borda:#d5dde2;--branco:#fff;--realce:#d8e9f7}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font:17px/1.6 Arial,Helvetica,sans-serif;min-height:100vh;display:flex;flex-direction:column}
main{flex:1 0 auto;width:100%;max-width:1100px;margin:0 auto;padding:24px 16px 48px}
a{color:var(--link)}
h1,h2,h3{line-height:1.2}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,audio:focus-visible{outline:3px solid var(--marinho);outline-offset:2px}
html:has(.saltos){scroll-padding-top:60px}
.topo a:focus-visible,.topo button:focus-visible,.topo input:focus-visible,footer a:focus-visible{outline-color:#f2b705}
.pular{position:absolute;left:-9999px;top:0;z-index:10;background:var(--branco);color:var(--marinho);padding:10px 14px;font-weight:700}
.pular:focus{left:8px;top:8px}
.oculto{position:absolute;left:-9999px}
.topo{background:linear-gradient(180deg,var(--marinho),var(--azul));color:var(--branco)}
.topo .faixa{max-width:1100px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;gap:14px}
.topo .marca img{height:34px;width:auto;display:block}
.busca-topo{margin-left:auto;display:flex;flex:0 1 380px;min-width:0}
.busca-topo input{flex:1;min-width:0;font-size:16px;padding:8px 10px;border:0;border-radius:3px 0 0 3px}
.busca-topo button{font-size:14px;font-weight:700;padding:8px 14px;border:1px solid rgba(255,255,255,.55);border-left:0;border-radius:0 3px 3px 0;background:var(--marinho);color:var(--branco);cursor:pointer}
.topo nav{background:var(--menu)}
.topo nav ul{max-width:1100px;margin:0 auto;padding:0 8px;list-style:none;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.topo nav ul::-webkit-scrollbar{display:none}
.topo nav a{display:block;padding:10px 10px;color:#213341;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:14px;white-space:nowrap}
.topo nav a:hover,.topo nav a[aria-current]{background:var(--azul);color:var(--branco)}
.topo nav a:focus-visible{outline:3px solid var(--marinho);outline-offset:-3px}
.topo nav a[aria-current]:focus-visible{outline-color:#fff}
.curto{display:none}
.trilha{font-size:14px;color:var(--suave);margin:0 0 14px}
.trilha a{color:var(--suave)}
.trilha-materia{max-width:720px;margin:0 auto 14px}
article.materia{background:var(--branco);border:1px solid var(--borda);border-radius:6px;max-width:720px;margin:0 auto;padding:28px 32px}
article.materia h1{font-size:clamp(26px,4vw,36px);margin:4px 0 12px}
.assina{color:var(--suave);font-size:15px;margin:0 0 18px}
.assina a{color:var(--link);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.assina time{color:var(--texto);white-space:nowrap}
.registro{font-size:14px;color:var(--suave);background:var(--fundo);border-radius:4px;padding:8px 12px;margin:-6px 0 18px}
.capa{margin:0 -32px 22px}
.capa img{width:100%;height:auto;display:block}
.capa figcaption{font-size:14px;line-height:1.45;color:var(--suave);padding:8px 32px 0}
.corpo{font-size:18px;overflow-wrap:break-word}
.corpo img{display:block;max-width:100%;height:auto;margin:0 auto}
.corpo picture,.capa picture{display:block}
.corpo figure{margin:20px 0}
.corpo figure figure{margin:0}
.corpo figure ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.corpo .legenda{display:block;font-size:14px;line-height:1.45;color:var(--suave);margin:6px 0 20px;text-align:center}
.corpo p + p.legenda{margin-top:-10px}
.corpo .audio-titulo{margin:18px 0 4px;font-size:16px}
.corpo audio,.corpo video{display:block;width:100%;margin:8px 0 18px}
.corpo .video{position:relative;padding-top:56.25%;margin:18px 0 4px;background:#000}
.corpo .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.corpo .abrir-video{font-size:14px;margin:0 0 18px}
.corpo .audio-externo iframe{width:100%;height:166px;border:0;margin:12px 0 4px}
.corpo .mixcloud iframe{height:120px}
.corpo .indisponivel{display:block;font-size:14px;color:var(--suave);font-style:italic;background:var(--fundo);border-radius:4px;padding:10px 14px;margin:12px 0}
.corpo .nota-pub{font-size:13px;color:var(--suave);font-style:italic;margin-top:20px}
.corpo h2,.corpo h3,.corpo h4{margin:26px 0 8px}
.corpo h2{font-size:20px}
.corpo h3,.corpo h4{font-size:18px}
.corpo blockquote{border-left:4px solid var(--azul-medio);margin:18px 0;padding:4px 16px;color:#333}
.corpo table{border-collapse:collapse;font-size:15px;display:block;max-width:100%;overflow-x:auto}
.corpo td,.corpo th{border:1px solid var(--borda);padding:4px 8px}
.clubes-citados{margin:24px 0 0;font-size:14px;color:var(--suave)}
.etiquetas{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none}
.etiquetas a{display:inline-block;background:var(--menu);color:#213341;text-decoration:none;font-size:14px;padding:5px 12px;border-radius:14px}
.nota-acervo{margin:28px 0 0;padding:14px 16px;background:var(--fundo);border-radius:4px;font-size:14px;color:var(--suave);overflow-wrap:anywhere}
.nota-acervo p{margin:0 0 6px}
.nota-acervo p:last-child{margin:0}
.vizinhas{max-width:720px;margin:18px auto 0;display:flex;justify-content:space-between;gap:16px;font-size:15px;line-height:1.35}
.vizinhas a{flex:0 1 48%;text-decoration:none}
.vizinhas a span{display:block;font-size:13px;color:var(--suave)}
.vizinhas .proxima{margin-left:auto;text-align:right}
.relacionadas{max-width:720px;margin:28px auto 0}
.relacionadas h2,.bloco h2{background:var(--marinho);color:var(--branco);text-transform:uppercase;font-size:15px;letter-spacing:.05em;padding:8px 12px;margin:0;border-radius:4px 4px 0 0}
.lista{list-style:none;margin:0;padding:0;background:var(--branco);border:1px solid var(--borda);border-top:0;border-radius:0 0 4px 4px}
.lista li{border-top:1px solid var(--borda)}
.lista li:first-child{border-top:0}
.cartao{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:14px;text-decoration:none;color:inherit}
.cartao img{width:150px;height:100px;object-fit:cover;border-radius:3px;background:var(--menu)}
.cartao .sem-capa{display:block;width:150px;height:100px;border-radius:3px;background:var(--menu)}
.cartao h3{margin:2px 0 4px;font-size:18px;line-height:1.3;color:var(--link)}
.cartao p{margin:0;font-size:14px;color:var(--suave)}
.cartao .ano{display:block;font-size:20px;line-height:1;font-weight:700;color:var(--marinho);margin:2px 0 6px}
.ver-todas{display:block;padding:12px 14px;text-align:center;font-weight:700;background:var(--branco);border:1px solid var(--borda);border-top:0;border-radius:0 0 4px 4px;text-decoration:none}
.passeio .lista{border-radius:0}
.abertura{background:var(--branco);border:1px solid var(--borda);border-radius:6px;padding:24px;margin:0 0 24px}
.abertura h1{margin:0 0 8px;font-size:clamp(26px,4vw,34px)}
.abertura p{margin:0 0 14px;max-width:720px}
.abertura .numeros{color:var(--suave);font-size:15px}
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.filtros a{background:var(--menu);color:#213341;text-decoration:none;font-size:14px;padding:6px 14px;border-radius:14px}
.linhas li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 14px}
.linhas .data{font-size:13px;color:var(--suave);min-width:86px;font-variant-numeric:tabular-nums}
.linhas a{flex:1 1 320px;font-weight:700;text-decoration:none;line-height:1.35}
.linhas a:hover{text-decoration:underline}
.linhas .por{font-size:13px;color:var(--suave)}
.bloco{margin:0 0 22px;scroll-margin-top:56px}
.bloco h2 small{font-weight:400;opacity:.85;text-transform:none;letter-spacing:0}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:0 0 24px;padding:0;list-style:none}
.grade a{display:block;height:100%;background:var(--branco);border:1px solid var(--borda);border-radius:6px;padding:14px;text-decoration:none;color:inherit}
.grade a:hover{border-color:var(--azul-medio)}
.grade strong{display:block;font-size:22px;color:var(--marinho)}
.grade strong.nome{font-size:17px;line-height:1.3}
.grade span{font-size:14px;color:var(--suave)}
.pagina-lista h1{font-size:clamp(24px,4vw,32px);margin:0 0 6px}
.pagina-lista .sub{color:var(--suave);margin:0 0 18px}
.vizinhos a{margin-left:10px}
.saltos{position:sticky;top:0;z-index:2;background:var(--fundo);display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin:0 0 14px;padding:8px 0;scrollbar-width:thin;box-shadow:0 6px 6px -6px rgba(4,54,92,.25)}
.saltos a{background:var(--menu);color:#213341;text-decoration:none;font-size:14px;padding:5px 12px;border-radius:14px;white-space:nowrap}
.aviso-ausente{background:#fff6d6;border:1px solid #e6cf7d;border-radius:4px;padding:10px 14px;margin:0 0 18px}
.texto-pagina{background:var(--branco);border:1px solid var(--borda);border-radius:6px;max-width:720px;margin:0 auto;padding:28px 32px;font-size:18px}
.texto-pagina h1{margin:0 0 14px;font-size:clamp(26px,4vw,34px)}
.texto-pagina h2{font-size:20px;margin:26px 0 8px}
.ordem{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 14px;font-size:15px}
.ordem a[aria-current]{color:var(--texto);font-weight:700;text-decoration:none}
.pagina-busca .busca-topo{display:none}
#busca{background:var(--branco);border:1px solid var(--borda);border-radius:6px;padding:18px;--pagefind-ui-primary:#0d5c96;--pagefind-ui-text:#1a1a1a;--pagefind-ui-border:#d5dde2;--pagefind-ui-tag:#e2e8ea;--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:4px;--pagefind-ui-font:Arial,Helvetica,sans-serif}
#busca{min-height:96px}
#busca.com-resultados{min-height:100vh}
#busca .pagefind-ui__result-link{color:var(--link)}
#busca mark{background:var(--realce);color:inherit}
#busca .pagefind-ui__search-clear{border:0}
#busca .pagefind-ui__filter-panel{border:0}
#busca .pagefind-ui__filter-block{border-color:var(--borda)}
#talvez .lista{border-top:1px solid var(--borda);border-radius:4px}
.anuncio{max-width:720px;margin:24px auto;min-height:280px;text-align:center}
.anuncio-rotulo{display:block;font-size:12px;color:var(--suave);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.corpo .anuncio{margin:28px 0}
footer{background:var(--marinho);color:#d9e4ec;font-size:14px}
footer div{max-width:1100px;margin:0 auto;padding:20px 16px;display:flex;flex-wrap:wrap;gap:6px 18px}
footer a{color:var(--branco)}
@media (max-width:560px){
.topo .faixa{gap:10px;padding:10px 16px}
.topo .marca img{height:26px}
.busca-topo{flex:1 1 auto;margin-left:0}
.busca-topo button{padding:8px 10px}
.longo{display:none}
.curto{display:inline}
.topo nav a{padding:10px 8px}
.topo nav ul{-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}
body{font-size:16px}
main{padding:16px 16px 40px}
article.materia,.texto-pagina{padding:20px 16px}
.capa{margin:0 -16px 18px}
.capa figcaption{padding:8px 16px 0}
.corpo,.texto-pagina{font-size:17px}
.cartao{grid-template-columns:96px 1fr}
.cartao img,.cartao .sem-capa{width:96px;height:72px}
.vizinhas{flex-direction:column}
.vizinhas a{flex-basis:auto}
.vizinhas .proxima{margin-left:0;text-align:left}
#busca{padding:12px}
}