/* BON GON V10.3 REV12 — tres microajustes solicitados, solo móvil.
   1) Sube ligeramente la fotografía de correas del hero.
   2) Conserva alineado el cierre del primer párrafo de Quiénes somos.
   3) Presenta el slogan de Colección en una sola línea y una sola tipografía. */

.home-about__flow-tail { display: none; }

@media (max-width: 767px) {
  /* 1. HERO: las correas ganan presencia en la zona superior sin alterar texto ni altura. */
  .home-hero .home-hero__image {
    object-position: center 38% !important;
  }

  /* 2. QUIÉNES SOMOS: baja un poco más la imagen visible y prolonga una línea
     el flujo lateral para que el final del primer párrafo no salte al margen izquierdo. */
  .home-about .home-about__media-mobile {
    margin-top: clamp(30px, 8vw, 39px) !important;
  }
  .home-about .home-about__flow-tail {
    display: block;
    float: left;
    clear: left;
    width: min(46vw, 196px);
    height: clamp(27px, 7.4vw, 36px);
    margin-right: clamp(11px, 3.2vw, 15px);
    pointer-events: none;
  }

  /* 3. SLOGAN: una sola línea, un solo tratamiento tipográfico y centrado real. */
  .home-collection__tagline-mobile {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: baseline !important;
    gap: .24em !important;
    width: 100% !important;
    max-width: none !important;
    white-space: nowrap;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-weight: 500 !important;
    font-size: clamp(16px, 5.2vw, 23px) !important;
    line-height: 1.08 !important;
    letter-spacing: .025em !important;
  }
  .home-collection__tagline-mobile > span {
    display: contents !important;
  }
  .home-collection__tagline-mobile em,
  .home-collection__tagline-mobile strong,
  .home-collection__tagline-mobile > span:last-child em,
  .home-collection__tagline-mobile > span:last-child strong {
    font: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    white-space: nowrap;
  }
}

@media (max-width: 389px) {
  .home-about .home-about__media-mobile {
    margin-top: 27px !important;
  }
  .home-about .home-about__flow-tail {
    width: min(48vw, 170px);
    height: 30px;
    margin-right: 10px;
  }
  .home-collection__tagline-mobile {
    font-size: clamp(15px, 5vw, 18px) !important;
    gap: .20em !important;
  }
}