/* BON GON V10.3 REV10 — corrige la superposición superior del hero y
   reordena únicamente la sección ¿Quiénes somos? en móvil. */
.home-about__media-mobile { display: none; }

@media (max-width: 767px) {
  /* HERO DE INICIO: bajar el bloque tipográfico para que no lo tape el navbar fijo. */
  .home-hero .home-hero__content {
    transform: translateY(clamp(24px, 6vw, 34px)) !important;
  }

  /* HERO INTERIOR DE ABOUT: evita que CONÓCENOS quede invadido por la barra superior. */
  .site-hero-about {
    padding-top: calc(var(--site-header-h, 68px) + 16px) !important;
  }
  .site-hero-about .relative.z-10 {
    transform: translateY(clamp(18px, 4.8vw, 28px));
  }
  .site-hero-about h1 {
    line-height: .92 !important;
  }

  /* ¿QUIÉNES SOMOS?: imagen PNG a la izquierda y texto fluyendo alrededor. */
  .home-about .home-about__inner {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 26px 18px 34px !important;
  }
  .home-about .home-about__media {
    display: none !important;
  }
  .home-about .home-about__content {
    display: block !important;
    padding: 0 !important;
  }
  .home-about .home-about__title {
    transform: none !important;
    margin: 0 0 18px !important;
    text-align: center !important;
    font-size: clamp(44px, 11vw, 58px) !important;
    line-height: 1.02 !important;
  }
  .home-about .home-about__copy {
    max-width: 660px;
    margin: 0 auto;
    font-size: clamp(15px, 4vw, 18px) !important;
    line-height: 1.56 !important;
    text-align: left !important;
  }
  .home-about .home-about__media-mobile {
    display: block !important;
    float: left;
    width: min(46vw, 196px);
    max-width: 196px;
    margin: 0 14px 6px 0;
    shape-margin: 11px;
    -webkit-shape-margin: 11px;
  }
  .home-about .home-about__image-mobile {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 8px 12px rgba(73, 48, 35, .13));
  }
  .home-about .home-about__copy::after {
    content: '';
    display: block;
    clear: both;
  }
  .home-about .home-about__copy p + p {
    margin-top: 14px !important;
  }
  .home-about .home-about__signature {
    clear: both;
    margin: 20px auto 0 !important;
  }
}

@media (max-width: 389px) {
  .home-about .home-about__inner {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .home-about .home-about__media-mobile {
    width: min(48vw, 170px);
    margin-right: 10px;
  }
  .site-hero-about .relative.z-10 {
    transform: translateY(16px);
  }
}