/* ===== Fundación Formando Futuro — Catálogo de cursos ===== */

.filtro-categorias{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 16px;
}
.filtro-modalidades{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: clamp(32px, 5vw, 48px);
  padding-bottom: clamp(32px, 5vw, 48px);
  border-bottom: 1px solid var(--color-line);
}
.filtro-pill--modalidad svg{ width: 15px; height: 15px; }
.filtro-pill{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1.5px solid var(--color-line);
  background: #fff;
  color: var(--color-ink-soft);
  font-weight: 600;
  font-size: .9rem;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.filtro-pill span{
  font-size: .74rem;
  font-weight: 700;
  background: rgba(99,0,131,.08);
  color: var(--color-primary);
  border-radius: 999px;
  padding: 1px 8px;
}
.filtro-pill:hover{ border-color: var(--color-primary); color: var(--color-primary); transform: translateY(-1px); }
.filtro-pill.is-active{ background: var(--color-primary); border-color: var(--color-primary); color: #fff; }
.filtro-pill.is-active span{ background: rgba(255,255,255,.2); color: #fff; }

.cursos-vacio{
  text-align: center;
  color: var(--color-ink-soft);
  padding-block: 40px;
}