/* BON GON V10.3 REV8 — Composición editorial del inicio EXCLUSIVAMENTE móvil.
   Se carga al final para sobreescribir REV7, sin afectar >=768px. */
/* El mensaje alternativo del eslogan queda oculto fuera del tamaño móvil. */
.home-collection__tagline-mobile { display:none; }
@media (max-width: 767px) {
  /* Hero: jerarquía marcada sin recortar correas ni forzar alturas vacías. */
  .home-hero.home-hero { isolation:isolate; }
  .home-hero .home-hero__content {
    width: min(96%, 410px) !important;
    padding: 0 12px !important;
    margin: 0 auto;
    transform: translateY(-2px);
    text-shadow: 0 2px 14px rgba(8, 10, 34, .65);
  }
  .home-hero .home-hero__eyebrow {
    font-size: clamp(15px, 4.3vw, 19px) !important;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .22em;
  }
  .home-hero .home-hero__line--1 { margin-bottom: 2px; }
  .home-hero .home-hero__line--3 {
    font-size: clamp(13px, 3.65vw, 17px) !important;
    margin: 3px 0 2px;
    letter-spacing: .27em;
  }
  .home-hero .home-hero__word.home-hero__line--2 {
    font-size: clamp(59px, 17.6vw, 80px) !important;
    line-height: .91;
    letter-spacing: -.055em;
  }
  .home-hero .home-hero__word.home-hero__line--4 {
    font-size: clamp(64px, 18.9vw, 88px) !important;
    line-height: .91;
    letter-spacing: -.045em;
  }

  /* Editorial: la correa deja de ocupar una fila completa ANTES del título.
     La imagen compacta acompaña la firma, y el texto recupera ancho completo. */
  .home-about .home-about__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(116px, 42%);
    grid-template-rows: minmax(142px, auto) auto auto;
    gap: 0 13px;
    align-items: center;
    padding: 23px 20px 32px;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  .home-about .home-about__content {
    display: contents !important;
  }
  .home-about .home-about__title {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    margin: 0 !important;
    padding: 0;
    font-size: clamp(42px, 11vw, 57px) !important;
    line-height: 1.13 !important;
    text-align: left !important;
    text-wrap: balance;
  }
  .home-about .home-about__media {
    grid-column: 2;
    grid-row: 1;
    width: 100% !important;
    height: min(39vw, 164px) !important;
    min-height: 140px !important;
    padding: 4px !important;
    aspect-ratio: 1 / 1 !important;
    overflow: visible;
    border-radius: 45% 45% 47% 47%;
    background: radial-gradient(ellipse,rgba(223,205,184,.78),rgba(238,229,216,0) 72%);
  }
  .home-about .home-about__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    object-position: center !important;
    filter: drop-shadow(0 6px 10px rgba(73, 48, 35, .13));
  }
  .home-about .home-about__copy {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    max-width: 570px;
    margin: 12px auto 0;
    font-size: clamp(16px, 3.85vw, 18px) !important;
    line-height: 1.48 !important;
    text-align: left !important;
  }
  .home-about .home-about__signature {
    grid-column: 1 / -1;
    grid-row: 3;
    margin: 22px auto 0 !important;
  }
  .home-about .home-about__signature strong { font-size: clamp(28px, 7.3vw, 38px) !important; }

  /* Frase editorial de Colección: enfatiza MODA y TIEMPO, sin homogeneizar las letras. */
  .home-collection .home-collection__tagline {
    margin-top: 0;
    padding: 17px 7% 18px;
    text-align: left;
    background: #574e47;
    line-height: 1;
  }
  .home-collection__tagline-desktop { display: none !important; }
  .home-collection__tagline-mobile {
    display: flex !important;
    flex-direction: column;
    gap: 2px;
    max-width: 410px;
    margin: auto;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-style: normal;
  }
  .home-collection__tagline-mobile > span { display: flex; gap: 11px; align-items: baseline; }
  .home-collection__tagline-mobile > span:last-child { padding-left: 30px; }
  .home-collection__tagline-mobile em {
    font-size: clamp(16px, 4.4vw, 21px);
    font-style: italic;
    font-weight: 500;
    letter-spacing: .075em;
    white-space: nowrap;
  }
  .home-collection__tagline-mobile strong {
    font-size: clamp(34px, 9.1vw, 47px);
    font-weight: 600;
    font-style: italic;
    line-height: .96;
    letter-spacing: -.02em;
    white-space: nowrap;
  }

  /* Beneficios: relojes como acentos laterales, sin grandes recortes invasivos. */
  .home-benefits .home-benefits__inner {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: flex !important;
    align-items: center;
    padding: 75px 20px 74px !important;
    isolation: isolate;
  }
  .home-benefits .home-benefits__content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 520px;
    margin: auto;
    padding: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
  }
  .home-benefits .home-benefits__watch {
    z-index: 1;
    width: clamp(143px, 42vw, 184px) !important;
    opacity: .26 !important;
    height: auto !important;
    transform: none !important;
    filter: sepia(.16) saturate(.65);
  }
  .home-benefits .home-benefits__watch--left {
    top: -9px !important;
    left: -13px !important;
    right: auto !important;
    bottom: auto !important;
  }
  .home-benefits .home-benefits__watch--right {
    bottom: -5px !important;
    right: -13px !important;
    left: auto !important;
    top: auto !important;
  }
  .home-benefits .home-benefits__title-img {
    width: min(350px, 91%) !important;
    margin: 0 auto 22px;
  }
  .home-benefits .home-benefits__list {
    gap: 11px;
    font-size: clamp(11px, 2.93vw, 13px) !important;
    font-weight: 600;
    line-height: 1.38;
    letter-spacing: .055em;
    text-wrap: balance;
  }
  .home-benefits .home-benefits__warranty {
    margin-top: 26px !important;
    padding: 19px 0 12px;
    border-top: 1px solid rgba(102,77,60,.24);
    border-bottom: 1px solid rgba(102,77,60,.24);
    background: rgba(247,240,229,.3);
  }
  .home-benefits .home-benefits__warranty span { font-size: clamp(10px, 2.6vw, 12px); }
  .home-benefits .home-benefits__warranty strong {
    font-size: clamp(26px, 7.6vw, 36px) !important;
    line-height: 1.07;
    letter-spacing: -.045em;
  }
  .home-benefits .home-benefits__warranty small { font-size: clamp(8px, 2.13vw, 10px); line-height: 1.45; }
}

@media (max-width: 359px) {
  .home-about .home-about__inner { padding-left: 15px; padding-right: 15px; }
  .home-about .home-about__title { font-size: 40px !important; }
  .home-about .home-about__media { min-height: 128px !important; }
  .home-collection__tagline-mobile > span { gap: 8px; }
  .home-collection__tagline-mobile > span:last-child { padding-left: 24px; }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .home-hero .home-hero__content { transform: none; }
}