/* Mimi Play 11.2.7 · limpieza visual final + logos sin placas + cabecera/hero continuo */

/* El bloque de beneficios fue retirado del Inicio. Si una caché antigua lo conserva, no se muestra. */
.mp125-benefits{display:none!important}

/* ===== Plataformas: sin recuadro negro detrás del logo ===== */
.mp111-platform-logo{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#mp7PlatformRail .mp111-platform-logo{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  aspect-ratio:1.16/1!important;
  min-height:58px!important;
}
.mp111-platform-logo>img{
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
}

/* Wordmarks limpios para las plataformas principales. Evitan los app-icons con fondo negro/azul. */
.mp127-brand-mark{
  width:100%;height:100%;min-height:52px;
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:visible;
  color:#fff;font-weight:950;line-height:1;text-align:center;
  letter-spacing:-.045em;
}
.mp127-brand-mark b{display:block;font:inherit;white-space:nowrap}
.mp127-brand-netflix b{font-size:50px;font-family:Arial Black,Impact,sans-serif;color:#e50914;letter-spacing:-.15em;transform:scaleX(.72)}
.mp127-brand-disney b{font-size:19px;font-family:"Trebuchet MS",Arial,sans-serif;font-style:italic;font-weight:800;color:#eaf8ff;letter-spacing:-.055em;text-shadow:0 0 16px rgba(40,197,255,.45)}
.mp127-brand-max b{font-size:29px;font-family:Arial Black,Arial,sans-serif;text-transform:lowercase;letter-spacing:-.09em;color:#fff}
.mp127-brand-prime{flex-direction:column;gap:2px}.mp127-brand-prime b{font-size:15px;line-height:.88;letter-spacing:-.055em}.mp127-brand-prime::after{content:"⌣";font-size:23px;line-height:.45;color:#2fb8ff;transform:scaleX(1.15)}
.mp127-brand-paramount b{font-size:13px;letter-spacing:-.04em;color:#fff}.mp127-brand-paramount::before{content:"★";font-size:15px;color:#54a8ff;margin-right:4px}
.mp127-brand-crunchyroll{gap:5px}.mp127-brand-crunchyroll::before{content:"";width:24px;height:24px;border-radius:50%;border:6px solid #ff6a16;border-left-color:transparent;transform:rotate(18deg)}.mp127-brand-crunchyroll b{font-size:11px;letter-spacing:-.03em}
.mp127-brand-spotify{gap:7px}.mp127-brand-spotify::before{content:"≋";display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#1ed760;color:#07150b;font-size:26px;font-weight:900;line-height:1}.mp127-brand-spotify b{font-size:12px;letter-spacing:-.03em}
.mp127-brand-vix b{font-size:28px;color:#ff6619;letter-spacing:-.08em}
.mp127-brand-apple b{font-size:22px;letter-spacing:-.07em}.mp127-brand-apple::before{content:"●";font-size:18px;margin-right:4px;color:#fff}
.mp127-brand-youtube{gap:6px}.mp127-brand-youtube::before{content:"▶";display:grid;place-items:center;width:29px;height:20px;border-radius:6px;background:#ff1738;color:#fff;font-size:10px;padding-left:2px}.mp127-brand-youtube b{font-size:12px;letter-spacing:-.03em}
.mp127-brand-movistar b{font-size:26px;color:#33d3ef;font-style:italic}.mp127-brand-directv b{font-size:18px;color:#fff;letter-spacing:-.06em}.mp127-brand-universal b{font-size:20px;color:#ffd84d;letter-spacing:-.06em}
.mp127-brand-tidal b{font-size:18px;letter-spacing:.02em}.mp127-brand-tidal::before{content:"◆ ◆";font-size:9px;line-height:1;margin-right:5px;color:#fff}
.mp127-brand-generic b{font-size:16px;letter-spacing:-.03em;color:#eef6ff}

/* En tarjetas compactas, el logo respira y el texto queda más separado. */
#mp7PlatformRail .mp111-platform-main{padding:8px 7px 5px!important}
#mp7PlatformRail .mp111-platform-copy{padding:3px 2px 2px!important}
#mp7PlatformRail .mp111-platform-copy h2{margin-top:2px!important}
#mp7PlatformRail .mp111-card-action{margin-top:3px!important}

/* ===== Header + hero: una sola superficie, sin la franja/linea brusca de la captura ===== */
.mp125-header{
  border-bottom:0!important;
  box-shadow:none!important;
  background:rgba(2,9,20,.97)!important;
}
.mp125-hero{
  isolation:isolate!important;
}
.mp125-hero::before{
  content:"";position:absolute;left:0;right:0;top:0;height:46px;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,#020914 0%,rgba(2,9,20,.72) 35%,transparent 100%);
}
.mp125-hero .mp7-hero-bg{top:-2px!important}
.mp125-hero .mp7-hero-shade{top:-2px!important}

/* Después de retirar beneficios, el siguiente bloque mantiene separación limpia. */
.mp125-hero + .mp125-combo-teaser{margin-top:18px!important}

/* ===== Pulido de tarjetas para que nada parezca encajonado de más ===== */
#mp7PlatformRail .mp111-platform-card{
  background:linear-gradient(180deg,rgba(8,26,50,.94),rgba(6,20,39,.94))!important;
  border-color:rgba(92,158,228,.17)!important;
}
#mp7PlatformRail .mp111-platform-card:hover{border-color:rgba(73,205,255,.34)!important}
.mp125-poster-rail,.mp125-release-rail{scroll-padding-inline:2px!important}
.mp125-mini-media{border-color:rgba(106,177,245,.14)!important}

/* ===== Móvil ===== */
@media(max-width:760px){
  :root{--mp7-header:62px!important}
  .mp125-header{
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
  }
  .mp125-nav-wrap{
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    padding:8px 13px!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
  }
  .mp125-main{padding-top:0!important}
  .mp125-hero{
    margin-top:0!important;
    border-top:0!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0 0 18px 18px!important;
    box-shadow:0 16px 36px rgba(0,0,0,.2)!important;
  }
  .mp125-hero::before{height:30px!important}
  .mp125-hero + .mp125-combo-teaser{margin-top:14px!important}

  #mp7PlatformRail .mp111-platform-logo{
    min-height:48px!important;
    aspect-ratio:1.18/1!important;
    margin-bottom:1px!important;
  }
  .mp127-brand-mark{min-height:44px!important}
  .mp127-brand-netflix b{font-size:42px}
  .mp127-brand-disney b{font-size:13px}
  .mp127-brand-max b{font-size:23px}
  .mp127-brand-prime b{font-size:12px}.mp127-brand-prime::after{font-size:18px}
  .mp127-brand-paramount b{font-size:9px}.mp127-brand-paramount::before{font-size:11px;margin-right:2px}
  .mp127-brand-crunchyroll{gap:3px}.mp127-brand-crunchyroll::before{width:18px;height:18px;border-width:4px}.mp127-brand-crunchyroll b{font-size:8px}
  .mp127-brand-spotify{gap:3px}.mp127-brand-spotify::before{width:21px;height:21px;font-size:19px}.mp127-brand-spotify b{font-size:8px}
  .mp127-brand-vix b{font-size:22px}.mp127-brand-apple b{font-size:16px}.mp127-brand-apple::before{font-size:13px}

  #mp7PlatformRail .mp111-platform-copy h2{font-size:9px!important;line-height:1.18!important}
  #mp7PlatformRail .mp111-platform-copy strong{font-size:7.8px!important}
  #mp7PlatformRail .mp111-card-action{min-height:27px!important;margin:2px 5px 5px!important}
}

@media(max-width:390px){
  .mp125-header,.mp125-nav-wrap{height:60px!important;min-height:60px!important;max-height:60px!important}
  :root{--mp7-header:60px!important}
  .mp125-brand img{width:112px!important}
  .mp7-icon-btn{width:34px!important;height:34px!important}
  .mp125-hero{min-height:292px!important}
}

@media(max-width:340px){
  .mp127-brand-disney b{font-size:11px}
  .mp127-brand-prime b{font-size:10px}
  .mp127-brand-max b{font-size:21px}
}

/* 11.2.7b · elimina offsets heredados del hero (left/bottom de versiones antiguas). */
.mp125-hero-content{
  position:absolute!important;
  left:0!important;
  right:auto!important;
  top:0!important;
  bottom:0!important;
  height:100%!important;
  transform:none!important;
  justify-content:center!important;
}

/* Entre móvil y tablet también usamos cabecera de una sola fila. La V9 reservaba una
   segunda fila para búsqueda y generaba una franja vacía de ~70px. */
@media(max-width:980px){
  :root{--mp7-header:64px!important}
  .mp125-header{height:64px!important;min-height:64px!important;max-height:64px!important}
  .mp125-nav-wrap{
    width:100%!important;height:64px!important;min-height:64px!important;max-height:64px!important;
    padding:8px 14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:1fr!important;gap:8px!important;align-items:center!important;
  }
  .mp125-desktop-search{display:none!important}
  .mp125-search-action{display:grid!important}
  .mp125-brand{grid-column:1!important;grid-row:1!important}
  .mp125-actions{grid-column:2!important;grid-row:1!important;margin-left:0!important}
  .mp125-main{padding-top:0!important}
  .mp125-hero{margin-top:0!important}
}

@media(max-width:760px){
  .mp125-hero-content{
    left:0!important;top:0!important;bottom:0!important;height:100%!important;
    padding:22px 0 22px 20px!important;justify-content:center!important;
  }
}
@media(max-width:390px){
  .mp125-hero-content{padding-left:17px!important;padding-top:20px!important;padding-bottom:20px!important}
}
