/* v25 - compacta la portada de películas y elimina texto de estado visible */
#loaderNote,
.mm-loader-note {
  display: none !important;
}

#cine.mm-hero {
  min-height: clamp(430px, 54vh, 560px) !important;
  margin-top: 14px !important;
}

#cine .mm-hero-inner {
  min-height: inherit !important;
  padding-top: clamp(34px, 5vw, 68px) !important;
  padding-bottom: clamp(30px, 4.4vw, 60px) !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(210px, .54fr) !important;
  align-items: center !important;
}

#cine .mm-kicker {
  margin-bottom: 12px !important;
}

#cine .mm-hero h1 {
  font-size: clamp(3rem, 6.4vw, 5.2rem) !important;
  line-height: .96 !important;
  margin-bottom: 18px !important;
}

#cine .mm-hero p:not(.mm-kicker):not(.mm-loader-note) {
  max-width: 710px !important;
  font-size: clamp(1rem, 1.18vw, 1.13rem) !important;
  line-height: 1.55 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

#cine .mm-hero-actions,
#cine .mm-actions {
  margin-top: 22px !important;
}

#cine .mm-hero-poster {
  width: min(300px, 25vw) !important;
  min-height: clamp(340px, 38vw, 438px) !important;
  justify-self: center !important;
}

@media (max-width: 1080px) {
  #cine.mm-hero {
    min-height: clamp(410px, 52vh, 530px) !important;
  }

  #cine .mm-hero-inner {
    padding-left: clamp(24px, 5vw, 44px) !important;
    padding-right: clamp(24px, 5vw, 44px) !important;
  }

  #cine .mm-hero h1 {
    font-size: clamp(2.75rem, 8vw, 4.55rem) !important;
  }

  #cine .mm-hero-poster {
    width: min(260px, 26vw) !important;
    min-height: clamp(310px, 36vw, 390px) !important;
  }
}

@media (max-width: 760px) {
  #cine.mm-hero {
    min-height: auto !important;
    margin-top: 12px !important;
  }

  #cine .mm-hero-inner {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 30px 26px 34px !important;
  }

  #cine .mm-hero h1 {
    font-size: clamp(2.55rem, 10.5vw, 4rem) !important;
    margin-bottom: 16px !important;
  }

  #cine .mm-hero p:not(.mm-kicker):not(.mm-loader-note) {
    font-size: 1rem !important;
    line-height: 1.48 !important;
    -webkit-line-clamp: 3 !important;
  }

  #cine .mm-hero-poster {
    width: min(220px, 58vw) !important;
    min-height: 300px !important;
    justify-self: start !important;
  }
}

@media (max-width: 440px) {
  #cine .mm-hero-inner {
    padding: 26px 22px 30px !important;
  }

  #cine .mm-hero h1 {
    font-size: clamp(2.35rem, 10.8vw, 3.45rem) !important;
  }

  #cine .mm-hero-poster {
    width: min(200px, 58vw) !important;
    min-height: 280px !important;
  }
}