/* BON GON REV7 — edición móvil. Cargada DESPUÉS de site-responsive.css.
   Ninguna regla se activa en desktop (768px o más). */
@media (max-width: 767px) {
    /* Portada: relación de aspecto auténtica de correas.webp (2391×1344).
       Se elimina el espacio vacío generado por contain dentro de un alto fijo. */
    .home-hero.home-hero {
        height:auto !important; min-height:0 !important; max-height:none !important;
        aspect-ratio:2391 / 1344; width:100%; background:#1b244f;
    }
    .home-hero .home-hero__image {
        width:100% !important; height:100% !important;
        object-fit:contain !important; object-position:center !important;
        transform:none !important;
    }
    .home-hero .home-hero__content { width:min(94%,360px) !important; padding:4px 8px !important; }
    .home-hero .home-hero__word { font-size:clamp(35px,9vw,57px) !important; line-height:.94; }
    .home-hero .home-hero__eyebrow { font-size:clamp(11px,3vw,15px) !important; letter-spacing:.21em; }
    /* Galería y editorial: UNA columna para que nunca se estrangule el texto. */
    .home-about .home-about__inner { display:flex !important; flex-direction:column !important; height:auto !important; min-height:0 !important; max-height:none !important; }
    .home-about .home-about__media {
        width:100% !important; height:auto !important; min-height:0 !important;
        aspect-ratio:1.6 / 1; padding:16px 18px 0 !important;
    }
    .home-about .home-about__image { width:100%; height:100%; object-fit:contain !important; object-position:center !important; }
    .home-about .home-about__content { padding:12px 23px 35px !important; }
    .home-about .home-about__title { font-size:clamp(43px,10.4vw,65px) !important; line-height:1 !important; margin-bottom:15px !important; }
    .home-about .home-about__copy { max-width:560px; margin:auto; font-size:clamp(15px,3.65vw,17px) !important; line-height:1.55 !important; text-align:left !important; }
    .home-about .home-about__copy p + p { margin-top:14px !important; }
    .home-about .home-about__signature { margin-top:23px !important; }
    .home-about .home-about__signature strong { font-size:clamp(28px,7vw,38px) !important; }
    .home-about .home-about__signature span { font-size:10px !important; }
}
@media (max-width: 350px) {
    .home-hero .home-hero__word { font-size:34px !important; }
    .home-about .home-about__content { padding-left:17px !important; padding-right:17px !important; }
}
