.Tres-Columnas-IconBox > div > div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 30px;
  column-gap: 3.5%;
}
@media (600 < width < 1200) {
  .Tres-Columnas-IconBox > div > div {
    column-gap: 2%;
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  .Tres-Columnas-IconBox > div > div {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .Tres-Columnas-IconBox > div > div {
    grid-template-columns: 1fr;
  }
}
.Tres-Columnas-IconBox > div > div .wrapperFormatter, .Tres-Columnas-IconBox > div > div .contenidoFormatter, .Tres-Columnas-IconBox > div > div .wrapperContenidoFormatter {
  height: 100%;
}
.Tres-Columnas-IconBox > div > div .iconBox {
  height: 100%;
}
.Tres-Columnas-IconBox > div > div .iconBox.color1 .elemento {
  background-color: #cbc457;
}
.Tres-Columnas-IconBox > div > div .iconBox.color2 .elemento {
  background-color: #6a8b3e;
}
.Tres-Columnas-IconBox > div > div .iconBox.color3 .elemento {
  background-color: #b35b78;
}
.Tres-Columnas-IconBox > div > div .iconBox.color4 .elemento {
  background-color: #5a899f;
}
.Tres-Columnas-IconBox > div > div .iconBox.color5 .elemento {
  background-color: #81a2b1;
}
.Tres-Columnas-IconBox > div > div .iconBox .iconBoxWrapper {
  height: 100%;
}
.Tres-Columnas-IconBox > div > div .iconBox .iconBoxWrapper .elemento {
  padding: 8px 4%;
  height: 100%;
  min-height: 60px;
}
@media (600 < width < 1200) {
  .Tres-Columnas-IconBox > div > div .iconBox .iconBoxWrapper .elemento {
    padding: 10px 3%;
  }
}
@media (max-width: 899px) {
  .Tres-Columnas-IconBox > div > div .iconBox .iconBoxWrapper .elemento {
    padding: 3px 4%;
  }
}
.Tres-Columnas-IconBox > div > div .iconBox .iconBoxWrapper .enlaceElemento {
  text-decoration: none;
}
.Tres-Columnas-IconBox > div > div .iconBox .iconBoxWrapper .nombre {
  color: white;
  font-weight: 600;
  font-size: 19px;
  line-height: 23px;
}
@media (width < 1329px) {
  .Tres-Columnas-IconBox > div > div .iconBox .iconBoxWrapper .nombre {
    font-size: 17px;
  }
}
@media (width < 1081px) {
  .Tres-Columnas-IconBox > div > div .iconBox .iconBoxWrapper .nombre {
    font-size: 16px;
  }
}
@media (width < 983px) {
  .Tres-Columnas-IconBox > div > div .iconBox .iconBoxWrapper .nombre {
    font-size: 15px;
  }
}
@media (width < 887px) {
  .Tres-Columnas-IconBox > div > div .iconBox .iconBoxWrapper .nombre {
    font-size: 14px;
  }
}
@media (max-width: 899px) {
  .Tres-Columnas-IconBox > div > div .iconBox .iconBoxWrapper .nombre {
    font-size: 19px;
  }
}
@media (width < 600px) {
  .Tres-Columnas-IconBox > div > div .iconBox .iconBoxWrapper .nombre {
    font-size: 19px;
  }
}

/*# sourceMappingURL=IconBox.css.map */