* {
  font-family: "Nunito",  sans-serif;
  color: #3d4840;
}
.margen-4 {
  margin-top: 3rem !important;  /* nuevo valor */
  margin-bottom: 3rem !important;
}
.margen-5 {
    margin-top: 8rem !important;
}

body {
  background: #f1f1f1 !important;
}

body .container {
  max-width: 1100px;
}
.card-title{
  color: #237D26 !important;
  font-size: 18px;
  font-weight: bold;
  font-family:"Nunito",  sans-serif;
}
.card-text{
  font-family:"Roboto",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-style: italic;
}
#filter-buttons button {
  border-radius: 3px;
  background: #fff;
  border-color: transparent;
}

#filter-buttons button:hover {
  background: #ddd;
}

#filter-buttons button.active {
  color: #fff;
  background: #3A8A3B;
}

#filterable-cards .card {
  width: 15rem;
  border: 2px solid transparent;
}

#filterable-cards .card.hide {
  display: none;
}


@media (max-width: 600px) {
  #filterable-cards {
    justify-content: center;
  }

  #filterable-cards .card {
    width: calc(100% / 2 - 10px);
  }
}