.rounded-pill.bg-white.verde.active: .rounded-pill.bg-white.verde:hover {
  background: var(--verde) !important;
}

button.btn.btn-outline-secondary.rounded-pill.bg-white.verde.active {
  background-color: var(--verde) !important;
  color: white !important;
}

button.btn.btn-outline-secondary.rounded-pill.bg-white.verde:hover {
  color: white !important;
}

p#x-filtros {
  cursor: pointer;
}

@media (max-width: 768px) {
  .scroll-flex {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 0.5rem;
  }

  .scroll-flex li {
    flex: 0 0 auto;
  }
}