.color-primary {
  color: var(--color-primary);
}
#home {
  position: relative;
  top: 6vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  padding: 4rem 0px;
  background-image: url("../images/imageGrande.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#home .container-home {
  padding: 3rem 1rem;
}
#home .container-img {
  font-size: 0.8rem;
}
#home .text {
  letter-spacing: 0.1rem;
}

#home .btns:nth-child(1) {
  background-color: var(--light-blue);
  color: var(--font-no-strong);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
#home .btns:nth-child(2) {
  background-color: var(--bg-custom-secondary);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
#home .btns:hover:nth-child(1) {
  background-color: var(--bg-custom-secondary);
  color: white;
}
#home .btns:hover:nth-child(2) {
  background-color: var(--light-blue);
}
#home .img-hero {
  transition: all 0.2s;
}

#home .img-hero:hover {
  filter: drop-shadow(0px 0px 1px var(--color-primary));
}

@media (max-width: 991px) {
  #home .img-hero {
    max-height: 20rem;
  }
}
@media (max-width: 576px) {
  #home {
    background-image: none;
  }
  #home .img-hero {
    max-height: 14rem;
  }
}