/* Mimi Play 11.2.6 · pulido visual/responsive y prevención de solapamientos */

/* Base de seguridad: ninguna tarjeta o texto debe forzar el ancho de su contenedor. */
body.mp7-body *,body.mp7-body *::before,body.mp7-body *::after{box-sizing:border-box}
body.mp7-body img,body.mp7-body svg,body.mp7-body video,body.mp7-body iframe{max-width:100%}
body.mp7-body a,body.mp7-body button,body.mp7-body input,body.mp7-body select,body.mp7-body textarea{min-width:0}
.mp125-main,.mp125-main>*,.mp125-nav-wrap>*,.mp7-section-title>*,.mp125-combo-teaser>*,.mp125-home-top,.mp112-platform-top,.mp111-platform-card,.mp111-service-card,.builder-item,.builder-summary{min-width:0!important}

/* Encabezados de sección: el título puede envolver, la acción nunca lo pisa. */
.mp7-section-title{display:flex!important;justify-content:space-between!important;gap:14px!important;min-width:0!important}
.mp7-section-title>div{min-width:0!important;flex:1 1 auto!important}
.mp7-section-title h2{max-width:100%!important;overflow-wrap:anywhere!important;text-wrap:balance}
.mp7-section-title>a,.mp7-section-title>.mp125-live-note{flex:0 0 auto!important;white-space:nowrap!important}

/* Header: columnas flexibles y sin desbordar en tamaños intermedios. */
.mp125-nav-wrap{width:100%!important}
.mp125-brand{display:flex!important;align-items:center!important;min-width:0!important}
.mp125-brand img{display:block!important;height:auto!important}
.mp7-nav{display:flex;align-items:center;min-width:0}
.mp7-nav a{white-space:nowrap}
.mp125-desktop-search{min-width:0!important}
.mp9-global-search{width:100%!important;min-width:0!important}
.mp9-global-search input{width:100%!important;min-width:0!important;text-overflow:ellipsis}
.mp125-actions{display:flex!important;align-items:center!important;flex:0 0 auto!important}

/* Hero: reserva un área real para el arte para evitar que invada el título. */
.mp125-hero-content{width:min(58%,620px)!important;max-width:none!important}
.mp125-hero-content h1{overflow-wrap:normal!important;text-wrap:balance}
.mp125-hero-content p{overflow-wrap:anywhere}
.mp125-hero-buttons{max-width:100%;flex-wrap:wrap!important}
.mp125-hero-visual{max-width:35%!important;pointer-events:none!important}

/* Beneficios */
.mp125-benefits{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.mp125-benefits .mp122-benefit{min-width:0!important;overflow:hidden!important}
.mp125-benefits .mp122-benefit>div{min-width:0!important}
.mp125-benefits .mp122-benefit strong,.mp125-benefits .mp122-benefit span{overflow-wrap:anywhere}

/* HOME · Arma tu combo: rehacemos el layout en flujo, sin elementos superpuestos. */
.mp125-combo-teaser{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,360px)!important;
  grid-template-rows:auto auto auto!important;
  column-gap:24px!important;
  row-gap:12px!important;
  min-height:0!important;
  align-items:start!important;
}
.mp125-combo-copy{grid-column:1!important;grid-row:1!important;order:initial!important;max-width:none!important;padding:0!important;align-self:end!important}
.mp125-combo-copy>p{max-width:560px!important;margin-bottom:0!important}
.mp125-combo-art{grid-column:2!important;grid-row:1 / span 3!important;order:initial!important;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:188px!important;align-self:stretch!important;overflow:visible!important}
.mp125-combo-cta{grid-column:1!important;grid-row:2!important;width:min(320px,100%)!important;min-height:47px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;border-radius:13px!important;background:linear-gradient(90deg,#e733e2,#7740ff 48%,#00ccf2)!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important;box-shadow:0 12px 28px rgba(86,60,255,.26)!important}
.mp125-combo-teaser>.mp112-combo-rules{grid-column:1!important;grid-row:3!important;position:static!important;inset:auto!important;width:100%!important;max-width:560px!important;margin:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;align-self:start!important}
.mp125-combo-teaser>.mp112-combo-rules span{min-width:0!important}
.mp125-combo-title-row{min-width:0!important;flex-wrap:wrap!important}
.mp125-combo-title-row h2{min-width:0!important;text-wrap:balance}
.mp125-combo-art .bubble,.mp125-percent{will-change:transform}

/* Categorías: textos centrados, sin salirse de la tarjeta. */
.mp122-category-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important}
.mp122-category{min-width:0!important;overflow:hidden!important;text-align:center!important}
.mp122-category span{display:block!important;width:100%!important;line-height:1.15!important;overflow-wrap:anywhere!important}

/* Tarjetas de plataformas/servicios: estructura vertical consistente. */
.mp125-platform-grid,.mp125-service-grid,.mp7-platform-grid,.mp111-services-grid{align-items:stretch!important}
.mp111-platform-card,.mp111-service-card{min-width:0!important;height:100%!important;overflow:hidden!important}
.mp111-platform-main{min-width:0!important}
.mp111-platform-copy,.mp111-service-copy{min-width:0!important}
.mp111-platform-copy h2,.mp111-service-copy h2{max-width:100%!important}
.mp111-platform-copy p,.mp111-service-copy p{overflow-wrap:anywhere!important}
.mp111-card-action,.mp111-service-bottom a{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#mp7ServiceRail .mp111-service-copy{display:flex!important;flex-direction:column!important;height:calc(100% - 8px)!important}
#mp7ServiceRail .mp111-service-bottom{margin-top:auto!important;min-width:0!important}

/* Carruseles de contenido: tarjetas siempre dentro de su carril. */
.mp125-poster-rail,.mp125-release-rail,.mp112-platform-top-items{max-width:100%!important;min-width:0!important}
.mp125-mini-poster{width:100%!important;max-width:100%!important;overflow:hidden!important}
.mp125-mini-poster>strong{max-width:100%!important}
.mp125-mini-meta{max-width:100%!important;overflow:hidden!important}
.mp125-mini-meta em,.mp125-mini-meta small{min-width:0!important}

/* Discord */
.mp125-discord-banner{grid-template-columns:auto minmax(0,1fr) auto!important;overflow:hidden!important}
.mp125-discord-banner>span:nth-child(2){min-width:0!important}
.mp125-discord-banner strong,.mp125-discord-banner small{max-width:100%!important;overflow-wrap:anywhere!important}

/* TOP por plataforma: cabeceras que se adaptan a textos largos. */
.mp125-home-top header,.mp112-platform-top-head{align-items:flex-start!important;flex-wrap:wrap!important}
.mp125-home-top header strong,.mp112-platform-top-head strong{min-width:0!important;flex:1 1 180px!important;line-height:1.25!important;overflow-wrap:anywhere!important}
.mp125-home-top header span,.mp112-platform-top-head span{flex:0 1 auto!important;max-width:48%!important;line-height:1.25!important;white-space:normal!important}
.mp112-platform-top-items button{min-width:0!important;overflow:hidden!important}

/* Páginas internas */
.mp125-page-head,.mp125-release-head{overflow:hidden!important}
.mp125-page-head h1,.mp125-release-head h1{overflow-wrap:anywhere!important;text-wrap:balance}
.mp7-page-filters{max-width:100%!important}
.mp7-page-filters button{flex:0 0 auto!important}

/* Combo completo */
.mp7-screen-combos .combo-builder>*{min-width:0!important}
.mp7-screen-combos .builder-products{align-content:start!important}
.mp7-screen-combos .builder-item{min-width:0!important;height:100%!important}
.mp7-screen-combos .builder-info{min-width:0!important;overflow:hidden!important}
.mp7-screen-combos .builder-info strong{max-width:100%!important}
.mp7-screen-combos .builder-summary{min-width:0!important;overflow:hidden!important}
.mp7-screen-combos .selected-pill>*{min-width:0!important}
.mp125-selected-main{overflow:hidden!important}
.mp125-summary-head{min-width:0!important;flex-wrap:wrap!important}
.mp7-screen-combos .builder-total-row>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-width:0!important}
.mp7-screen-combos .builder-total-row strong{white-space:nowrap!important;flex:0 0 auto!important}
.mp7-screen-combos .builder-total-row small{min-width:0!important}
.mp7-screen-combos .builder-confirm{width:100%!important}

/* Modal: nunca supera la pantalla. */
.mp7-modal-card{width:min(860px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important}
.mp7-modal-card header{position:sticky!important;top:0!important;z-index:5!important}
.mp122-content-sheet>*{min-width:0!important}
.mp122-content-info p{overflow-wrap:anywhere!important}
.mp122-content-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.mp122-content-actions>*{min-width:0!important;flex:1 1 150px!important}
.mp7-video iframe,.mp7-video video{width:100%!important;aspect-ratio:16/9!important;height:auto!important}

/* Ajuste de escritorio mediano/tablet: donde antes el hero podía cruzarse. */
@media (max-width:1120px) and (min-width:981px){
  .mp125-nav-wrap{gap:12px!important}
  .mp125-brand img{width:120px!important}
  .mp7-nav a{padding-inline:8px!important}
  .mp125-hero-content{width:56%!important;padding-right:18px!important}
  .mp125-hero-content h1{font-size:clamp(36px,4.5vw,50px)!important}
  .mp125-hero-visual{right:24px!important;width:300px!important;max-width:37%!important}
  .mp125-combo-teaser{grid-template-columns:minmax(0,1fr) minmax(240px,320px)!important}
}

@media (max-width:980px) and (min-width:761px){
  .mp125-hero-content{width:56%!important;max-width:none!important;padding:32px 24px!important}
  .mp125-hero-content h1{font-size:clamp(34px,5vw,45px)!important}
  .mp125-hero-content p{max-width:360px!important}
  .mp125-hero-visual{right:18px!important;width:270px!important;max-width:38%!important;transform:translateY(-50%) scale(.9)!important}
  .mp125-combo-teaser{grid-template-columns:minmax(0,1fr) 250px!important;column-gap:16px!important}
  .mp125-combo-art{min-height:170px!important}
  .mp125-combo-teaser>.mp112-combo-rules{max-width:100%!important}
  .mp122-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .mp7-screen-combos .combo-builder{grid-template-columns:minmax(0,1fr) 280px!important}
  .mp7-screen-combos .builder-products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media (max-width:760px){
  .mp125-main{overflow-x:clip!important}
  .mp125-nav-wrap>*{min-width:0!important}

  .mp125-hero{display:block!important;min-height:300px!important}
  .mp125-hero-content{width:58%!important;max-width:none!important;padding:31px 0 27px 20px!important;justify-content:flex-end!important}
  .mp125-hero-content h1{max-width:100%!important;font-size:clamp(25px,7.4vw,30px)!important;line-height:1.03!important;letter-spacing:-.045em!important}
  .mp125-hero-content p{max-width:100%!important;font-size:10px!important;line-height:1.45!important}
  .mp125-hero-buttons{width:100%!important}
  .mp125-hero-buttons a{width:100%!important;max-width:170px!important}
  .mp125-hero-visual{top:50%!important;right:-4px!important;width:40%!important;max-width:40%!important;height:210px!important;transform:translateY(-48%)!important;overflow:visible!important}
  .mp125-hero-visual .tile{width:70px!important;height:70px!important;border-radius:16px!important}
  .mp125-hero-visual .tile-1{left:0!important;top:73px!important}
  .mp125-hero-visual .tile-2{left:42%!important;top:24px!important}
  .mp125-hero-visual .tile-3{left:40%!important;top:111px!important}
  .mp125-hero-visual .tile-4{left:70%!important;top:70px!important}

  .mp125-benefits{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .mp125-benefits .mp122-benefit{overflow:hidden!important}
  .mp125-benefits .mp122-benefit strong{font-size:8.2px!important;line-height:1.15!important}

  /* Combo home móvil: 2 columnas solo en la zona superior; CTA y descuentos en filas propias. */
  .mp125-combo-teaser{
    grid-template-columns:minmax(0,1fr) 105px!important;
    grid-template-rows:auto auto auto!important;
    column-gap:8px!important;
    row-gap:10px!important;
    padding:16px!important;
    min-height:0!important;
  }
  .mp125-combo-copy{grid-column:1!important;grid-row:1!important;align-self:center!important;padding:0!important;max-width:none!important}
  .mp125-combo-title-row{margin-bottom:6px!important;gap:6px!important}
  .mp125-combo-title-row h2{font-size:22px!important;line-height:1.02!important}
  .mp125-combo-title-row>span{flex:0 0 auto!important}
  .mp125-combo-copy>p{font-size:9.5px!important;line-height:1.4!important;max-width:100%!important;margin:0!important}
  .mp125-combo-art{grid-column:2!important;grid-row:1!important;position:relative!important;right:auto!important;top:auto!important;width:105px!important;height:104px!important;min-height:104px!important;align-self:center!important;overflow:visible!important}
  .mp125-combo-art .bubble{width:45px!important;height:45px!important;border-radius:11px!important}
  .mp125-combo-art .bubble-1{left:0!important;top:44px!important}
  .mp125-combo-art .bubble-2{left:36px!important;top:63px!important}
  .mp125-combo-art .bubble-3{left:61px!important;top:36px!important}
  .mp125-combo-art .bubble-4{display:none!important}
  .mp125-percent{right:0!important;top:0!important;width:48px!important;height:48px!important;border-radius:14px!important;font-size:30px!important}
  .mp125-combo-cta{grid-column:1 / -1!important;grid-row:2!important;width:100%!important;min-height:41px!important;border-radius:11px!important;font-size:10px!important}
  .mp125-combo-teaser>.mp112-combo-rules{grid-column:1 / -1!important;grid-row:3!important;position:static!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;margin:0!important;gap:5px!important}
  .mp125-combo-teaser>.mp112-combo-rules span{min-height:47px!important;padding:5px 3px!important}
  .mp125-combo-teaser>.mp112-combo-rules b{font-size:11px!important}
  .mp125-combo-teaser>.mp112-combo-rules small{font-size:7px!important;line-height:1.1!important;text-align:center!important}

  .mp122-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .mp125-platform-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .mp125-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}

  .mp125-discord-banner{grid-template-columns:40px minmax(0,1fr) 18px!important}
  .mp125-discord-banner strong{line-height:1.2!important}
  .mp125-discord-banner small{line-height:1.25!important}

  .mp125-home-top header,.mp112-platform-top-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px 8px!important}
  .mp125-home-top header strong,.mp112-platform-top-head strong{font-size:10px!important;min-width:0!important}
  .mp125-home-top header span,.mp112-platform-top-head span{max-width:110px!important;font-size:7px!important;text-align:right!important}

  .mp125-page-head,.mp125-release-head{padding:16px!important}
  .mp125-page-head h1,.mp125-release-head h1{font-size:clamp(24px,8vw,29px)!important;line-height:1.04!important}
  .mp125-page-head p,.mp125-release-head p{line-height:1.4!important}

  .mp7-screen-combos .builder-summary{width:100%!important}
  .mp7-screen-combos .selected-pill{min-width:0!important}
  .mp7-screen-combos .pill-price{white-space:nowrap!important}

  .mp7-modal-card{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:16px!important}
  .mp122-content-sheet{grid-template-columns:88px minmax(0,1fr)!important}
  .mp122-content-actions>*{flex:1 1 110px!important}
}

@media (max-width:420px){
  .mp7-section-title{gap:8px!important}
  .mp7-section-title h2{font-size:17px!important}
  .mp7-section-title>a{font-size:8px!important}
  .mp125-hero-content{width:60%!important}
  .mp125-hero-visual{width:38%!important;max-width:38%!important}
  .mp125-platform-grid{gap:5px!important}
  #mp7PlatformRail .mp111-platform-copy h2{font-size:8.5px!important}
  #mp7PlatformRail .mp111-platform-copy strong{font-size:7.5px!important}
  .mp125-service-grid{gap:5px!important}
}

@media (max-width:360px){
  .mp125-nav-wrap{padding-inline:10px!important}
  .mp125-brand img{width:106px!important}
  .mp7-icon-btn{width:32px!important;height:32px!important}
  .mp125-actions{gap:2px!important}

  .mp125-hero{min-height:286px!important}
  .mp125-hero-content{width:62%!important;padding-left:16px!important}
  .mp125-hero-content h1{font-size:24px!important}
  .mp125-hero-visual{width:36%!important;max-width:36%!important;right:-8px!important;transform:translateY(-47%) scale(.92)!important;transform-origin:right center!important}

  /* En teléfonos muy estrechos preferimos legibilidad a forzar cuatro columnas. */
  .mp125-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mp125-benefits .mp122-benefit{min-height:54px!important;display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;text-align:left!important;padding:7px!important}
  .mp125-benefits .mp122-benefit i{width:28px!important;height:28px!important}

  .mp125-combo-teaser{grid-template-columns:minmax(0,1fr) 92px!important;padding:14px!important}
  .mp125-combo-title-row h2{font-size:20px!important}
  .mp125-combo-art{width:92px!important;height:96px!important;min-height:96px!important}
  .mp125-combo-art .bubble{width:41px!important;height:41px!important}
  .mp125-combo-art .bubble-1{top:43px!important}.mp125-combo-art .bubble-2{left:32px!important;top:58px!important}.mp125-combo-art .bubble-3{left:53px!important;top:33px!important}
  .mp125-percent{width:43px!important;height:43px!important;font-size:27px!important}
  .mp125-combo-teaser>.mp112-combo-rules{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .mp122-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .mp122-category{font-size:7.8px!important}

  /* El constructor usa 2 columnas solo en pantallas extremadamente estrechas. */
  .mp7-screen-combos .builder-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mp7-screen-combos .builder-item{min-height:150px!important}
  .mp7-screen-combos .selected-pill{grid-template-columns:minmax(0,1fr) auto 22px!important;grid-template-areas:"main main remove" "qty price price"!important;row-gap:7px!important}
  .mp7-screen-combos .selected-pill .mp125-selected-main{grid-area:main!important}
  .mp7-screen-combos .selected-pill .mp125-selected-qty{grid-area:qty!important}
  .mp7-screen-combos .selected-pill .pill-price{grid-area:price!important;justify-self:end!important}
  .mp7-screen-combos .selected-pill .mp125-remove-selected{grid-area:remove!important;justify-self:end!important}

  .mp125-home-top header,.mp112-platform-top-head{grid-template-columns:1fr!important}
  .mp125-home-top header span,.mp112-platform-top-head span{max-width:none!important;text-align:left!important}

  .mp122-content-sheet{grid-template-columns:76px minmax(0,1fr)!important;padding:10px!important;gap:9px!important}
  .mp122-content-actions{grid-column:1 / -1!important}
}

/* Movimiento reducido y foco usable sin alterar la estética. */
@media (prefers-reduced-motion:reduce){
  .mp125-mini-media img,.mp125-sync-spinner{transition:none!important;animation:none!important}
}

/* 11.2.6b · correcciones detectadas durante la inspección visual */
html,body.mp7-body{overflow-x:hidden!important;max-width:100%!important}
.mp7-menu-panel{max-width:92vw!important}

/* Los servicios destacados del inicio siempre son tarjetas verticales; evita heredar el layout horizontal legacy. */
#mp7ServiceRail .mp111-service-card{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:0!important;
  min-width:0!important;
  width:auto!important;
  height:100%!important;
}
#mp7ServiceRail .mp111-service-icon{
  display:grid!important;
  place-items:center!important;
  width:auto!important;
  min-width:0!important;
  flex:0 0 auto!important;
  height:auto!important;
  aspect-ratio:1.35/1!important;
  margin:7px!important;
}
#mp7ServiceRail .mp111-service-icon .fallback{
  min-width:0!important;
  width:min(70%,72px)!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  padding:0 6px!important;
  border-radius:14px!important;
  font-size:14px!important;
}
#mp7ServiceRail .mp111-service-copy{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  padding:0 8px 8px!important;
}
#mp7ServiceRail .mp111-service-bottom{display:block!important;margin-top:auto!important}
#mp7ServiceRail .mp111-service-bottom a{width:100%!important;margin-top:0!important}

@media(max-width:760px){
  .mp125-trailer-cta{display:none!important}
  #mp7ServiceRail .mp111-service-icon{margin:5px!important;aspect-ratio:1.2/1!important}
  #mp7ServiceRail .mp111-service-copy{padding:0 6px 6px!important}
  #mp7ServiceRail .mp111-service-bottom strong{margin-bottom:5px!important}
}

/* 11.2.6c · cierre de panel sin ampliar el lienzo horizontal */
.mp7-menu-panel{
  transform:none!important;
  clip-path:inset(0 0 0 100%)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:clip-path .24s ease,opacity .2s ease!important;
}
.mp7-menu-panel.open{
  transform:none!important;
  clip-path:inset(0)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Los rails que en versiones antiguas eran horizontales pasan a cuadrícula real en Inicio. */
.mp125-platform-grid,.mp125-service-grid{
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  grid-auto-rows:auto!important;
  overflow:visible!important;
}

@media(max-width:760px){
  .mp125-hero-content{width:56%!important}
  .mp125-hero-buttons .mp125-trailer-cta{display:none!important}
}
@media(max-width:420px){
  .mp125-hero-content{width:56%!important}
}
@media(max-width:360px){
  .mp125-hero-content{width:62%!important}
}
.mp125-hero-content h1>span{display:block!important;white-space:nowrap!important}

/* 11.2.6d · último pulido visual: carruseles uniformes y sin flash de bloques legacy */
body.mp7-body>#comboBuilderArea,
body.mp7-body>.toolbar,
body.mp7-body>#wishlistSection,
body.mp7-body>#productsArea,
body.mp7-body>#productsGrid,
body.mp7-body>#emptyBox{
  display:none!important;
}

/* Las grillas antiguas dejaban columnas explícitas y producían posters de 30px junto a otros de 105px. */
.mp7-trailer-grid.mp125-release-rail{
  display:grid!important;
  grid-template-columns:none!important;
  grid-auto-flow:column!important;
  grid-auto-columns:142px!important;
  align-items:start!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.mp7-trailer-grid.mp125-release-rail>.mp125-mini-poster{
  width:142px!important;
  min-width:142px!important;
  max-width:142px!important;
}

/* El contenido del TOP también conserva medidas homogéneas aunque haya títulos largos. */
.mp112-platform-top-items{
  grid-template-columns:none!important;
  align-items:start!important;
}
.mp112-platform-top-items button{
  width:100%!important;
  max-width:100%!important;
}

@media(max-width:760px){
  .mp7-trailer-grid.mp125-release-rail{grid-auto-columns:105px!important;gap:8px!important}
  .mp7-trailer-grid.mp125-release-rail>.mp125-mini-poster{
    width:105px!important;
    min-width:105px!important;
    max-width:105px!important;
  }
}

@media(max-width:360px){
  .mp7-trailer-grid.mp125-release-rail{grid-auto-columns:96px!important}
  .mp7-trailer-grid.mp125-release-rail>.mp125-mini-poster{
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
  }
}

/* Constructor de combo: tres tarjetas compactas como la referencia en móvil normal. */
@media(max-width:760px) and (min-width:361px){
  .mp7-screen-combos .builder-products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mp7-screen-combos .builder-item{min-width:0!important}
}