.materiales-grid {
  grid-column-gap: 8rem;
  grid-row-gap: 4rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.material-link {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  transition: all 0.2s;
  display: flex;
}

.material-link img {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #00000008;
  height: 340px;
  width: auto;
}
.is-big img {
  height: 250px !important;
}

.material-data {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.material-data p {
  max-width: 13rem;
  text-transform: none;
  font-size: var(--fs-3);
}

.material-data h2 {
  font-family: "Costra";
  font-weight: 100;
  font-size: var(--fs-7);
}

h2 {
  transition: var(--animTransition);
}

.material-link:hover h2 {
  color: var(--rojo);
}
/*contacto-component*/
.contacto-component p {
  max-width: 40rem;
}