/* MEISTER Jaén — Made in Germany Hero + Footer v1.6.3
   ZERO-SCOPE: no modifica el theme. Solo añade el lockup gráfico de origen alemán.
*/

.mj-mig-badge {
  position: absolute;
  z-index: 19;
  display: block;
  pointer-events: none;
  user-select: none;
  line-height: 0;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.mj-mig-badge::before,
.mj-mig-badge::after,
.mj-mig-footer-lockup::before,
.mj-mig-footer-lockup::after {
  content: none !important;
  display: none !important;
}

.mj-mig-badge--desktop {
  left: clamp(80px, 5.7vw, 108px);
  bottom: clamp(102px, 11.5vh, 138px);
}

.mj-mig-lockup-image {
  display: block;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 3px 18px rgba(0,0,0,.55));
}

.mj-mig-lockup-image--desktop {
  width: min(24vw, 340px);
  min-width: 250px;
}

.mj-mig-badge--mobile {
  display: none;
}

.mj-mig-footer-lockup {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  padding: 26px 20px 24px;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.mj-mig-footer-image {
  display: block;
  width: min(36vw, 470px);
  min-width: 300px;
  height: auto;
  object-fit: contain;
}

@media (max-width: 820px) {
  .mj-mig-badge--desktop { display: none !important; }

  .mj-mig-badge--mobile {
    display: block;
    top: max(92px, calc(74px + env(safe-area-inset-top)));
    right: 14px;
    z-index: 24;
  }

  .mj-mig-lockup-image--mobile {
    width: min(45vw, 185px);
    min-width: 140px;
    filter: drop-shadow(0 2px 12px rgba(0,0,0,.45));
  }

  .mj-mig-footer-lockup {
    padding: 22px 14px 18px;
  }

  .mj-mig-footer-image {
    width: min(72vw, 290px);
    min-width: 210px;
  }
}

@media (max-width: 390px) {
  .mj-mig-badge--mobile {
    right: 10px;
  }

  .mj-mig-lockup-image--mobile {
    width: min(46vw, 168px);
    min-width: 128px;
  }

  .mj-mig-footer-image {
    width: min(78vw, 260px);
    min-width: 190px;
  }
}


/* En móvil NO va en el Hero. Va entre “¿Qué necesitas ahora?” y “Universos Meister”. */
.mj-mig-mobile-between-sections-lockup {
  display: none;
}

@media (max-width: 820px) {
  .mj-mig-badge--desktop {
    display: none !important;
  }

  .mj-mig-badge--mobile,
  .mj-mig-lockup-image--mobile,
  .mj-mig-below-bp-lockup,
  .mj-mig-below-bp-image,
  .mj-mig-menu-lockup,
  .mj-mig-menu-image {
    display: none !important;
  }

  .mj-mig-mobile-between-sections-lockup {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 16px 20px;
    margin: 0;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  .mj-mig-mobile-between-sections-image {
    display: block;
    width: min(78vw, 285px);
    min-width: 180px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 2px 10px rgba(0,0,0,.28));
  }
}


/* v1.6.3 — Desktop vertical safety: evita clipping en portátiles */
@media (min-width: 821px) and (max-height: 820px) {
  .mj-mig-badge--desktop {
    bottom: 112px;
  }
}

@media (min-width: 821px) and (max-height: 700px) {
  .mj-mig-badge--desktop {
    bottom: 96px;
  }

  .mj-mig-lockup-image--desktop {
    width: min(22vw, 315px);
    min-width: 235px;
  }
}