/* ============ FILTROS TIENDA (B6) ============ */
.filtros-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 24px;
  align-items: flex-start;
  padding: 18px 20px;
  margin: 0 auto 28px;
  max-width: 1200px;
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 12px;
}
.flt-group {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.flt-group-label {
  font-family: 'DM Sans', monospace;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #8a8578;
  margin-right: 4px;
}
.flt-chip {
  font-family: inherit;
  font-size: 12.5px;
  padding: 6px 12px;
  border: 1px solid #3a3a3a;
  border-radius: 999px;
  background: #242424;
  color: #e8e4db;
  cursor: pointer;
  transition: all 0.15s;
}
.flt-chip:hover { border-color: #c2693a; color: #fff; }
.flt-chip.active {
  background: #c2693a;
  color: #fff;
  border-color: #c2693a;
}
.flt-meta {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 12.5px;
  color: #8a8578;
}
.flt-clear {
  font-family: inherit;
  font-size: 12px;
  background: transparent;
  border: none;
  color: #e8e4db;
  cursor: pointer;
  text-decoration: underline;
  padding: 4px 6px;
}
.flt-clear:hover { color: #c2693a; }
.prod-card.hidden { display: none !important; }
@media (max-width: 700px) {
  .filtros-bar { padding: 14px 12px; }
  .flt-meta {
    width: 100%;
    margin-left: 0;
    justify-content: space-between;
    padding-top: 4px;
    border-top: 1px dashed #d6d2c9;
  }
}