/* Keep the entire head visible across desktop and mobile viewport sizes. */
.hero-visual {
  overflow: visible;
  align-items: flex-end;
}
.hero-visual img {
  width: 100%;
  max-width: 540px;
  height: min(590px, 78vh);
  object-fit: contain;
  object-position: center bottom;
  transform: translateY(0);
}
@media (max-width: 760px) {
  .hero-visual img {
    height: 400px;
    max-width: 100%;
    object-fit: contain;
    object-position: center bottom;
  }
}
/* Pie de página adaptable a celulares */
@media (max-width: 760px) {
  .footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 16px 22px;
    margin: 27px 0;
  }

  .footer-links a {
    white-space: nowrap;
    flex: 0 0 auto;
  }
}