.filtro-portfolio{display:flex;flex-direction:column;gap:var(--espaco-md);margin-bottom:var(--espaco-lg)}.filtro-topo{display:flex;align-items:center;gap:var(--espaco-md);flex-wrap:wrap}.filtro-busca{flex:1 1 18rem;font-family:var(--fonte-titulo);font-size:var(--texto-md);color:var(--cor-texto);background:var(--cor-superficie);border:1px solid var(--cor-borda);border-radius:var(--raio-full);padding:var(--espaco-xs) var(--espaco-md);transition:border-color var(--transicao-media)}.filtro-busca::placeholder{color:var(--cor-texto-suave)}.filtro-busca:focus{outline:none;border-color:var(--cor-destaque)}.filtro-chips{display:flex;flex-wrap:wrap;gap:var(--espaco-xs)}.filtro-chip{font-family:var(--fonte-mono);font-size:var(--texto-xs);font-weight:500;letter-spacing:var(--tracking-largo);text-transform:uppercase;color:var(--cor-texto-suave);background:var(--cor-superficie);padding:var(--espaco-xs) var(--espaco-sm);border:0;border-radius:var(--raio-full);transition:color var(--transicao-media),background var(--transicao-media),transform var(--transicao-media)}.filtro-chip:hover{color:var(--cor-texto);background:rgba(241,236,231,0.10)}.filtro-chip.ativo{background:var(--cor-destaque);color:var(--cor-texto-escuro)}.filtro-chip.ativo:hover{transform:translateY(-1px)}.filtro-densidade{display:none;align-items:center;gap:var(--espaco-sm);flex-shrink:0}.filtro-densidade-rotulo{font-family:var(--fonte-mono);font-size:var(--texto-xs);font-weight:500;letter-spacing:var(--tracking-largo);text-transform:uppercase;color:var(--cor-texto-suave)}.filtro-densidade-grupo{display:inline-flex;gap:2px;background:var(--cor-superficie);border:1px solid var(--cor-borda);border-radius:var(--raio-full);padding:3px}.filtro-densidade-btn{font-family:var(--fonte-mono);font-size:var(--texto-xs);font-weight:500;min-width:2.25rem;color:var(--cor-texto-suave);background:transparent;border:0;border-radius:var(--raio-full);padding:var(--espaco-2xs) var(--espaco-xs);cursor:pointer;transition:color var(--transicao-media),background var(--transicao-media)}.filtro-densidade-btn:hover{color:var(--cor-texto)}.filtro-densidade-btn.ativo{background:var(--cor-destaque);color:var(--cor-texto-escuro)}@media (min-width:1024px){.filtro-densidade{display:flex}}.filtro-vazio{padding-block:var(--espaco-lg);text-align:center}.bento-card.filtrado{display:none}