.lst-hero{min-height:88svh;display:flex;flex-direction:column;justify-content:flex-end;gap:28px;padding:clamp(120px,18svh,200px) clamp(10px,2vw,32px) clamp(40px,7svh,80px)}
.lst-cab{padding:0 clamp(6px,3vw,50px)}
.lst-cab h1{margin:0 0 12px;font:400 clamp(52px,8vw,124px)/.94 var(--f-serif);letter-spacing:-.015em;text-shadow:0 2px 40px rgba(6,10,22,.55)}
.lst-cab h1 em{color:var(--bronze-claro)}
.lst-lead{margin:0;max-width:44ch;font-size:17px;line-height:1.6;color:var(--marfim);text-shadow:0 1px 18px rgba(6,10,22,.7)}
.lst-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(10,20,34,.72),rgba(10,20,34,0) 55%),linear-gradient(90deg,rgba(10,20,34,.5),rgba(10,20,34,0) 60%)}
.lst-hero{position:relative}.lst-hero>*{position:relative}
.colecoes{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-width:1500px;width:100%;margin:0 auto}
.col{position:relative;display:block;aspect-ratio:3/4;padding:0;border:0;border-radius:6px;overflow:hidden;cursor:pointer;text-align:left;color:var(--marfim);background:rgba(22,39,63,.6)}
.col img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--ease-out)}
.col:hover img{transform:scale(1.06)}
.col::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,20,34,.88) 0,rgba(10,20,34,.1) 62%)}
.col span{position:absolute;z-index:1;left:14px;right:14px;bottom:14px;display:flex;flex-direction:column;gap:6px}
.col b{font:500 11px/1.35 var(--f-corpo);letter-spacing:.14em;text-transform:uppercase}
.col i{font:400 clamp(30px,3vw,44px)/1 var(--f-serif);font-style:normal;color:var(--bronze-claro)}
.col i small{font:400 12px var(--f-corpo);color:var(--prata);margin-left:5px;letter-spacing:.04em}
.col[aria-pressed="true"]{outline:2px solid var(--bronze-claro);outline-offset:-2px}
.col:focus-visible{outline:2px solid var(--marfim);outline-offset:-2px}

.lst-grade{padding:clamp(36px,6svh,70px) clamp(10px,2vw,32px) 36px;min-height:100svh}
.barra{position:sticky;top:76px;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:1500px;margin:0 auto 14px;padding:14px 18px;border-radius:18px}
.busca{flex:1;min-width:220px}
.busca input{width:100%;font:500 14px var(--f-corpo);color:var(--marfim);padding:13px 16px;border-radius:999px;border:1px solid var(--hair);background:rgba(10,20,34,.55)}
.busca input::placeholder{color:var(--prata)}
.contagem{margin:0 0 0 auto;font:500 12px/1.3 var(--f-corpo);letter-spacing:.14em;text-transform:uppercase;color:var(--prata)}
.filtros{flex-basis:100%;display:grid;grid-template-columns:repeat(5,1fr) auto;gap:10px;align-items:end;padding-top:12px;border-top:1px solid rgba(242,235,221,.14)}
.filtros[hidden]{display:none}
.filtros label{display:flex;flex-direction:column;gap:6px;font:500 10.5px/1 var(--f-corpo);letter-spacing:.16em;text-transform:uppercase;color:var(--prata)}
.filtros select{font:500 14px var(--f-corpo);color:var(--marfim);padding:11px 12px;border-radius:12px;border:1px solid var(--hair);background:rgba(10,20,34,.7)}
.azulejos--lista{max-width:1500px;margin:0 auto;grid-template-columns:repeat(4,1fr)}
.az-w{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:rgba(22,39,63,.7);animation:entra .6s var(--ease-out) both;animation-delay:calc(var(--k,0)*.04s)}
@keyframes entra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.az-w .az{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;background:none;width:100%;height:100%;padding:0;border:0;cursor:pointer;text-align:left;color:inherit;font:inherit}
.az--tipo{display:flex;align-items:flex-end;background:linear-gradient(140deg,#1b2d49,#0e1b30)}
.az--tipo::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 70% 20%,rgba(217,161,91,.22),transparent 70%)}
.az-w .az span em{font-style:normal;font:500 10.5px/1 var(--f-corpo);letter-spacing:.12em;text-transform:uppercase;color:var(--prata)}
.vazio{max-width:640px;margin:40px auto;text-align:center}
.vazio[hidden],.mais button[hidden]{display:none}
.vazio h2{font-size:clamp(28px,3.4vw,44px)}.vazio p{color:var(--prata);line-height:1.65}
.vazio-acoes{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.mais{display:flex;justify-content:center;margin:30px 0}
.nota-base{max-width:900px;margin:10px auto 22px;padding:14px 20px;font-size:12.5px;line-height:1.6;color:var(--prata);border-radius:14px}
.lst-grade .rodape{max-width:1100px;margin:0 auto}

.filtros label,.filtros select{min-width:0;width:100%}.barra{min-width:0}
@media (max-width:700px){.filtros #limpar{grid-column:1/-1}}
.qv{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:16px;background:rgba(6,10,22,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.qv[hidden]{display:none}
.qv-c{position:relative;width:min(560px,100%);border-radius:22px;overflow:hidden;border:1px solid rgba(242,235,221,.26);background:linear-gradient(150deg,rgba(30,42,62,.97),rgba(10,18,32,.98))}
.qv-c img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.qv-c .qv-t{padding:20px 24px 24px}.qv-c h3{margin:0 0 6px;font:400 32px/1.05 var(--f-serif)}.qv-c .p{margin:0 0 14px;font:400 30px var(--f-serif);color:var(--bronze-claro)}
.qv-c ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0}.qv-c li{font:500 11px/1 var(--f-corpo);letter-spacing:.12em;text-transform:uppercase;padding:9px 12px;border:1px solid var(--hair);border-radius:999px}
.qv-c .nt{font-size:12.5px;color:var(--prata);margin:0 0 16px}.qv-a{display:flex;flex-wrap:wrap;gap:10px}
.qv-x{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:1px solid var(--hair);background:rgba(10,20,34,.6);color:var(--marfim);font-size:24px;cursor:pointer;z-index:2}

@media (max-width:1100px){.colecoes{grid-template-columns:repeat(3,1fr)}.filtros{grid-template-columns:repeat(3,1fr)}.azulejos--lista{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){
  .colecoes{grid-template-columns:repeat(2,1fr)}.col{aspect-ratio:4/3}
  .azulejos--lista{grid-template-columns:repeat(2,1fr)}
  .filtros{grid-template-columns:1fr 1fr}
  .barra{top:104px;padding:12px}.contagem{margin:0;flex-basis:100%}
  .az-w .az span{padding:26px 10px 10px}.az-w .az b{font-size:9.5px}
}