/* Lista e pronave */
.page-head{padding:clamp(2.2rem,5vw,3.5rem) 0 1.8rem;border-bottom:1px solid var(--line)}
.page-head h1{font-size:clamp(2.4rem,5vw,3.8rem)}
.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:1rem}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--gold)}
.layout{display:grid;grid-template-columns:290px 1fr;gap:clamp(1.5rem,4vw,3rem);padding-top:2.5rem;padding-bottom:4rem}
.filters{position:sticky;top:100px;align-self:start;display:grid;gap:1.2rem;max-height:calc(100vh - 120px);overflow:auto;padding-right:.3rem}
.filters h2{font-size:1.6rem}
.filters .row2{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.seg{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
.seg label{cursor:pointer}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:block;text-align:center;padding:.6rem .3rem;font-size:.88rem;color:var(--muted);transition:background .2s,color .2s}
.seg input:checked+span{background:var(--gold);color:var(--black)}
.seg input:focus-visible+span{outline:2px solid var(--gold)}
.f-actions{display:flex;gap:.6rem;flex-wrap:wrap}
.f-close,.f-open,.f-apply{display:none}
.results-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.8rem}
.results-bar .count{color:var(--muted)}
.results-bar .count b{color:var(--text);font-weight:500}
.rb-r{display:flex;gap:.6rem;align-items:center}
.rb-r .select{min-height:42px;width:auto}
.view-toggle{display:flex;border:1px solid var(--line)}
.view-toggle button{width:42px;height:40px;background:none;border:0;color:var(--muted);cursor:pointer;display:grid;place-items:center}
.view-toggle button[aria-pressed="true"]{background:var(--panel-2);color:var(--gold)}
.view-toggle svg{width:18px;height:18px}
.active-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin:-.6rem 0 1.6rem}
.active-tags button{background:var(--panel);border:1px solid var(--line);color:var(--text);padding:.35rem .7rem;font-size:.82rem;cursor:pointer;display:flex;gap:.4rem;align-items:center}
.active-tags button:hover{border-color:var(--gold);color:var(--gold)}
.pager{display:flex;justify-content:center;gap:.4rem;margin-top:3rem;flex-wrap:wrap}
.pager button{min-width:44px;height:44px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;padding:0 .8rem}
.pager button:hover:not([disabled]){border-color:var(--gold);color:var(--gold)}
.pager button[aria-current="page"]{background:var(--gold);color:var(--black);border-color:var(--gold)}
.pager button[disabled]{opacity:.35;cursor:default}
@media (max-width:960px){
  .layout{grid-template-columns:1fr}
  .filters{position:fixed;inset:0;z-index:80;background:var(--black);padding:1.2rem clamp(1rem,4vw,2rem) 6rem;max-height:none;transform:translateX(-100%);transition:transform .25s;top:0}
  .filters.open{transform:none}
  .f-close{display:inline-grid;position:absolute;right:1rem;top:1rem}
  .f-open{display:inline-flex}
  .f-apply{display:flex;position:fixed;left:0;right:0;bottom:0;padding:1rem;background:var(--black);border-top:1px solid var(--line);transform:translateX(-100%);transition:transform .25s;z-index:81}
  .filters.open~.f-apply{transform:none}
}
@media (max-width:640px){
  .rb-r{width:100%}
  .rb-r .select{flex:1;min-width:0}
  .view-toggle{display:none}
}
