/* Corrección de imágenes: conservar proporción y evitar recortes o efecto de imagen estirada */
.hero-photo {
  width: 100%;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}
.hero-photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}
.section-photo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}
@media (max-width: 850px) {
  .hero-photo {
    max-width: 100%;
  }
}