/* ============================================================
   Portfólio — filtros (a grade fica em components/gallery.css)
   ============================================================ */
.filtros{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 clamp(30px,4vw,46px);
}
.filtros button{
  padding:12px 24px;
  border-radius:var(--pilula);
  font-size:.86rem;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--tinta-suave);
  background:var(--cartao);
  box-shadow:var(--sombra-p);
  transition:transform .4s var(--ease-pulo),background .4s var(--ease),color .4s var(--ease);
}
.filtros button:hover{
  transform:translateY(-3px) rotate(-1.5deg);
  color:var(--tinta);
}
.filtros button.ativo{
  color:#fff;
  background:var(--tinta);
  box-shadow:var(--sombra-m);
}