/* ====== CONTÊINER ====== */
.wepa-galeria { --cols:3; }

/* ====== CONTROLES (CENTRALIZADOS) ====== */
.wepa-galeria .wepa-filtros{
  display:flex !important;
  justify-content:center !important;   /* centraliza */
  gap:.5rem !important;
  flex-wrap:wrap !important;
  margin:0 0 1rem !important;
}

/* Botões: laranja por padrão, preto quando ativo (.on) */
.wepa-galeria .wepa-filtros button{
  appearance:none;
  border:0;
  padding:.55rem .95rem;
  border-radius:999px;
  font-weight:600;
  cursor:pointer;
  background:#EF4B2B !important; /* laranja - não selecionado */
  color:#fff !important;
  transition:transform .06s ease, opacity .2s ease;
}
.wepa-galeria .wepa-filtros button:hover{ transform:translateY(-1px); }

.wepa-galeria .wepa-filtros button.on{
  background:#000 !important;  /* selecionado = preto */
  color:#fff !important;
}

/* ====== GRID ====== */
.wepa-grid{
  display:grid;
  grid-template-columns: repeat(var(--cols,3), 1fr);
  gap:.75rem;
}
@media (max-width:1024px){ .wepa-grid{ grid-template-columns: repeat(2,1fr); } }
@media (max-width:768px){ .wepa-grid{ grid-template-columns: 1fr; } }

/* Cartões */
.wepa-card{
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.wepa-card figure{ margin:0; }
.wepa-card img,
.wepa-card iframe,
.wepa-card video{
  width:100%;
  height:auto;
  display:block;
}

/* Metadados */
.wepa-card .meta{
  padding:.6rem .8rem;
  font-size:.92rem;
  color:#333;
}
.wepa-card .meta .cred{
  opacity:.75;
  font-size:.85rem;
}

/* Estado escondido via atributo hidden (JS aplica) */
.wepa-card[hidden]{ display:none !important; }

/* Botão "load more" (se usado) */
.wepa-actions{ text-align:center; margin-top:1rem; }
.wepa-load-more{
  padding:.6rem 1rem;
  border:1px solid #ddd;
  background:#fff;
  border-radius:8px;
  cursor:pointer;
}
.wepa-load-more[disabled]{ opacity:.6; cursor:progress; }