/* Corrección imagen hero - Grúas Santa María
   Archivo independiente para evitar que la imagen promocional se corte.
   Debe cargarse después de styles.css y footer-pro.css.
*/

.hero-card {
  width: 100%;
  max-width: 430px;
  justify-self: center;
}

.hero-image {
  width: 100%;
  height: auto !important;
  aspect-ratio: 4 / 5;
  border-radius: 26px;
  overflow: hidden;
  background: #071b34;
}

.hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

/* La nueva imagen ya trae el texto incorporado, por eso ocultamos el rótulo anterior. */
.hero-label {
  display: none !important;
}

/* Evita que el degradado original oscurezca o tape el texto de la imagen. */
.hero-image::after {
  display: none !important;
}

@media (max-width: 980px) {
  .hero-card {
    max-width: 390px;
  }
}

@media (max-width: 650px) {
  .hero-card {
    max-width: 100%;
  }

  .hero-image {
    aspect-ratio: 4 / 5;
  }
}