/**
 * Pestañas del bento de categoría. Usa design tokens del tema.
 */
.explora-bento__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 2px solid rgb(var(--neutral-border));
  padding-bottom: 0.75rem;
}

.explora-bento__tab {
  appearance: none;
  border: 2px solid rgb(var(--neutral-border));
  background: transparent;
  color: rgb(var(--neutral-text-muted));
  font-family: var(--font-sans, inherit);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.8125rem;
  line-height: 1;
  padding: 0.625rem 1.25rem;
  border-radius: var(--radius-pill, 9999px);
  cursor: pointer;
  transition: background-color .2s, color .2s, border-color .2s;
  white-space: nowrap;
}

.explora-bento__tab:hover {
  border-color: rgb(var(--brand-primary));
  color: rgb(var(--brand-primary));
}

.explora-bento__tab.is-active {
  background: rgb(var(--brand-accent));
  border-color: rgb(var(--brand-accent));
  color: rgb(var(--on-accent, var(--brand-primary)));
}

.explora-bento__panel.is-hidden {
  display: none;
}