.img1{
    width: 100%;
    height: auto;
}
.hidden{
    display: none;
}



/* CATALOGO */
.catalogo{
  display: grid;
  grid-template-columns: repeat(auto-fill, 200px);
  gap: 40px;
  padding: 40px;
  justify-content: center;
}
@media (max-width: 560px){
  .catalogo{
    grid-template-columns: 100%;
  }
}
.productcard{
  list-style: none;
  font-size: 1.5rem;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.productimg{
  width: 200px;
  height: auto;
  background-color: white;
}
@media (max-width: 560px){
  .productimg{
    width: 100%;
    height: auto;
  }
}
.productprecio{
  color: red;
  font-size: 20px;

}
.productboton{
  background-color: #007bff; /* Green */
  border-radius: 12px;
  color: white;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}

/* SE USA PARA OCULTAR LOS PRODUCTOS */ 
.hidden{
  display: none;
}

/* ESTILOS DE INPUT DE BUSQUEDA CATALOGO PRINCIPAL */ 
.containerinputbuscar{
  display: grid;
  place-content: center;
}
.inputbuscar{
   text-align: center;
   align-items: center;
   width: 600px;
   padding: 10px;
  /* margin: 8px 0 0 263px; */
   display: grid;
   place-content: center;
   border: 2px solid #007bff;
   border-radius: 7px;
   box-sizing: border-box;

}
@media (max-width: 850px){
  .inputbuscar{
    /* width: 100%; */
    margin: 0px 0px 0px 0px;
  }
}
.principal{
  text-align: center;
  color: #007bff;
}