header.topo .subnav .linha{display:flex;align-items:center;gap:16px}
header.topo .subnav nav{flex:1;min-width:0}
.periodo-controle{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}
.periodo-controle button{border:0;background:transparent;color:var(--texto);cursor:pointer;border-radius:8px;padding:8px 12px;font:inherit}
.periodo-controle button:hover{background:var(--chip)}
.periodo-controle button:disabled{opacity:.3;cursor:default}
.periodo-controle b,.periodo-controle small{display:block}
.periodo-controle small{font-size:.72rem;color:var(--suave)}
.periodo-painel{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;width:min(520px,100%);max-width:100%;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--borda);padding:28px;background:var(--fundo,#fff);color:var(--texto);overflow:auto}
.periodo-painel::backdrop{background:#071b3e66}
.periodo-painel h2{font-size:1.4rem;margin:0 0 8px}
.periodo-fechar{float:right;border:0;background:transparent;color:inherit;font-size:1.5rem;cursor:pointer}
.periodo-grupo{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--borda)}
.periodo-anos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.periodo-painel a{display:block;text-align:center;padding:10px 6px;border:1px solid var(--borda);border-radius:8px;color:inherit;text-decoration:none}
.periodo-painel a:hover{background:var(--chip)}
.periodo-painel a[aria-current]{background:var(--destaque-fundo);outline:2px solid var(--destaque)}
.periodo-painel .sem-exercicio{opacity:.4}
main .hero-lista{background:transparent;min-height:0;margin:0 0 24px;padding:20px 0 0;overflow:visible}
main .hero-lista::after{display:none}
main .hero-lista h1{max-width:none;margin:0 0 12px}
main .hero-lista p{max-width:none;margin:0}
main .hero-lista + .cartoes{display:flex;align-items:center;flex-wrap:wrap;gap:20px;
margin:0 0 28px;padding:20px 24px;overflow:visible}
main .hero-lista + .cartoes .cartao{flex:0 1 auto;margin:0;padding:0 24px 0 0;min-width:160px}
main .hero-lista + .cartoes .cartao:last-of-type{border-right:0}
main .hero-lista + .cartoes form.busca{flex:1 1 360px;max-width:620px;margin:0 0 0 auto}
main .hero-lista + .cartoes form.busca{border-radius:8px}
main .hero-lista + .cartoes form.busca:focus-within{outline:3px solid var(--destaque);outline-offset:3px}
main .hero-lista + .cartoes form.busca input:focus,
main .hero-lista + .cartoes form.busca button:focus{outline:none}
main .hero-lista + .cartoes form.busca input{padding:14px 16px;border-radius:8px 0 0 8px;font:inherit}
main .hero-lista + .cartoes form.busca button{padding:14px 22px;border-radius:0 8px 8px 0;
background:var(--texto);border-color:var(--texto);color:var(--cartao);font:inherit;font-weight:600}
@media(max-width:700px){main .hero-lista + .cartoes{padding:18px;gap:16px}
main .hero-lista + .cartoes form.busca{max-width:none;flex-basis:100%;min-width:0}
main .hero-lista + .cartoes form.busca input{min-width:0;padding:12px 10px}
main .hero-lista + .cartoes form.busca button{padding:12px 16px}}
@media(max-width:700px){header.topo .subnav .linha{flex-wrap:wrap;gap:0}header.topo .subnav nav{flex-basis:100%}.periodo-controle{margin-left:auto}.periodo-painel{padding:20px}}