main section {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
}
main article {
  background-color: white;
  cursor: pointer;
}

main article:hover {

}

main article img {
  width: 100%;
}
main article div {
  margin-top: -6px;
  padding: 0.5rem;
  text-align: center;
}



main article > div > a {
  padding: 0.5rem;
  text-decoration: none;
  display: block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
}

.contactarcompra {
    background-color: red;
    color: white;
}

.verdetalles {
  margin-bottom: 0.5rem;
  background-color: #128c7e;
  color: white;
  border-color: #128c7e;
}

.agotado {
  color: red;
  background-color: white;
  border-color: red;
}

.verdetalles:hover {
  background-color: white;
  color: #128c7e;
}

.contactar {
  background-color: #fd8a00;
  color: white;
  border-color: #fd8a00;
}

.contactar:hover {
  background-color: white;
  color: #fd8a00;
}

@media (max-width: 425px) {
  main section {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 320px) {
  main section {
    grid-template-columns: 1fr;
  }
}