/* =========================================================
   AJUSTE HERO V22 — SOLO MÓVIL
   Alcance: <=720px. PC, laptop y tablet permanecen intactos.
   - Sube el bloque completo del contenido reduciendo únicamente
     el espacio superior móvil que lo empujaba hacia abajo.
   - Sube el encuadre visible de la imagen sin cambiar escala ni imagen.
   - Recoloca la flecha para conservar su relación con “CHICLAYO”.
   ========================================================= */

@media (max-width: 720px) {
  /* El padding superior de 330px era la principal fuente del vacío móvil.
     Se conserva el resto de la geometría interna del bloque. */
  .hero-contenido {
    padding-top: 220px;
  }

  /* Mismo recurso, mismo tamaño/cover: solo se eleva el encuadre vertical. */
  .hero-foto {
    background-position: 64% 4%;
  }

  /* La flecha sube junto con la composición y permanece libre del borde. */
  .hero-indicador {
    top: clamp(128px, 35vw, 152px) !important;
    right: 16px !important;
    left: auto !important;
  }
}

@media (max-width: 390px) {
  /* Neutraliza únicamente el padding-top móvil anterior de 306px. */
  .hero-contenido {
    padding-top: 205px;
  }
}