@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

html,
body {
  font-family: "Roboto", sans-serif;
}

#categorias .card {
  overflow: hidden;
  cursor: pointer;
}
#categorias .card-img-overlay {
  background-color: rgba(0, 0, 0, 0.4);
}
#categorias .card img {
  object-fit: cover;
  transition: 0.8s;
}
#categorias .card:hover img {
  transform: scale(1.1);
}

#recomendados img {
  object-fit: cover;
  height: 217px;
}