/* =========================================================
   AJUSTE FINAL HERO V21 — 08/08/2026
   Alcance intencional:
   - PC / laptop (>1120px): compactar el título sin tocar imagen ni botón.
   - Tablet (721px–1120px): SIN CAMBIOS.
   - Móvil (<=720px): solo reposicionar flecha y cápsula unos píxeles.
   ========================================================= */

/* PC / LAPTOP: conservar las tres líneas editoriales del HTML sin
   permitir que cada línea vuelva a partirse internamente. */
@media (min-width: 1121px) {
  .hero-contenido {
    width: min(760px, 62%);
  }

  .hero-contenido .etiqueta-seccion {
    margin-bottom: 26px;
  }

  .hero h1 {
    width: max-content;
    max-width: 100%;
    margin: 0 0 18px;
    font-size: clamp(42px, 3.25vw, 60px);
    line-height: 1.055;
    white-space: nowrap;
  }

  .hero-descripcion {
    max-width: 620px;
  }

  .acciones {
    margin-top: 22px;
  }
}

/* MÓVIL: no alterar composición, tamaños ni imagen; solo acercar la
   flecha a la zona final de la cápsula donde se encuentra CHICLAYO. */
@media (max-width: 720px) {
  .hero-indicador {
    top: clamp(220px, 60vw, 260px) !important;
    right: 16px !important;
    left: auto !important;
    width: 78px !important;
  }

  .hero-contenido .etiqueta-seccion {
    position: relative;
    left: -2px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-indicador {
    animation: none !important;
  }
}