.lks-alianzas {
  --alliances-filter-accent: #c04442;
  --alliances-filter-border: rgba(123, 97, 217, .28);
  --alliances-filter-text: #fff;
  width: 100%;
    max-width: 100%!important;
   margin-block-end: 4rem !important;
    margin-block-start: 4rem !important;
}

.lks-alianzas__type-filter,
.lks-alianzas__filter {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 2vw, 1.8rem);
}

.lks-alianzas__type-filter {
  margin-bottom: 1.4rem;
}

.lks-alianzas__filter {
  margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}

.lks-alianzas__filter-label {
  color: currentColor;
  font-size: clamp(1rem, 1.2vw, 1.18rem);
  font-weight: 400;
  white-space: nowrap;
}

.lks-alianzas__filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: .9rem;
}

.lks-alianzas__type-button,
.lks-alianzas__filter-button {
  min-width: 6rem;
  border: 1px solid var(--alliances-filter-border);
  border-radius: 999px;
  padding: .9rem 1.7rem;
  background: transparent;
  color: var(--alliances-filter-text);
  cursor: pointer;
  font: inherit;
  font-size: 1rem;
  line-height: 1;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.lks-alianzas__type-button:hover:not(:disabled),
.lks-alianzas__filter-button:hover:not(:disabled) {
  border-color: var(--alliances-filter-accent);
  transform: translateY(-1px);
}

.lks-alianzas__type-button.is-active,
.lks-alianzas__filter-button.is-active {
  border-color: transparent;
  background: linear-gradient(90deg, rgba(111, 53, 55, 1) 0%, rgba(209, 70, 64, 1) 53%, rgba(250, 143, 64, 1) 100%)!important;
  color: #fff;
  border:none!important;
      font-weight: bold;
}

.lks-alianzas__type-button:disabled,
.lks-alianzas__filter-button:disabled {
  cursor: not-allowed;
  opacity: .36;
}

.lks-alianzas-listado {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: clamp(2rem, 4vw, 4rem);
  row-gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lks-alianzas-listado__item {
  border-bottom: 1px solid currentColor;
  padding: 0 0 1.35rem;
  margin-bottom: 1.35rem;
  color: currentColor;
  font-size: clamp(1.35rem, 2vw, 1.9rem);
  line-height: 1.2;
}

.lks-alianzas-listado__item[hidden] {
  display: none !important;
}

@media (max-width: 900px) {
  .lks-alianzas__type-filter,
  .lks-alianzas__filter {
    align-items: flex-start;
    flex-direction: column;
  }

  .lks-alianzas-listado {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .lks-alianzas__type-button,
  .lks-alianzas__filter-button {
    min-width: 0;
    padding: .75rem 1.1rem;
  }

  .lks-alianzas-listado {
    grid-template-columns: 1fr;
  }
}
