/* Mimi Play 11.3.0 — pulido profesional de Inicio
   Capa final de presentación: no modifica lógica ni datos. */

:root{
  --mp130-bg:#03101f;
  --mp130-panel:#07182c;
  --mp130-panel-2:#0a1c34;
  --mp130-line:rgba(122,183,255,.16);
  --mp130-line-strong:rgba(70,211,255,.30);
  --mp130-text:#f7f9ff;
  --mp130-muted:#93a7c2;
  --mp130-cyan:#42d8ff;
  --mp130-violet:#8d5cff;
  --mp130-pink:#d63cec;
}

body.mp7-body,
body.mp7-body button,
body.mp7-body input,
body.mp7-body select,
body.mp7-body textarea{
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
}

body.mp7-body{background:#03101f!important;color:var(--mp130-text)!important}

/* Más aire y jerarquía consistente entre secciones */
.mp7-screen-inicio .mp128-section{margin-top:30px!important}
.mp7-screen-inicio .mp128-section-head{align-items:flex-end!important;gap:18px!important;margin:0 2px 14px!important}
.mp7-screen-inicio .mp130-section-head small{
  display:block!important;margin:0 0 5px!important;color:var(--mp130-cyan)!important;
  font-size:10px!important;line-height:1!important;font-weight:900!important;letter-spacing:.14em!important
}
.mp7-screen-inicio .mp128-section-head h2{
  margin:0!important;color:#fff!important;font-size:23px!important;line-height:1.08!important;font-weight:850!important;letter-spacing:-.035em!important
}
.mp7-screen-inicio .mp128-section-head p{
  margin:6px 0 0!important;color:var(--mp130-muted)!important;font-size:12px!important;line-height:1.45!important
}
.mp7-screen-inicio .mp128-section-head>a{
  align-self:center!important;color:#76e6ff!important;font-size:11px!important;line-height:1!important;font-weight:800!important;text-decoration:none!important
}
.mp7-screen-inicio .mp128-section-head>a:hover{color:#fff!important}

/* Carriles: una sola fila, snap limpio, sin cajas chocando */
.mp7-screen-inicio .mp128-content-rail,
.mp7-screen-inicio .mp128-platform-rail,
.mp7-screen-inicio .mp128-service-rail{
  gap:14px!important;padding:3px 3px 12px!important;scroll-padding-inline:3px!important
}
.mp7-screen-inicio .mp128-rail-shell{position:relative!important}
.mp7-screen-inicio .mp128-rail-arrow{
  width:34px!important;height:34px!important;border-radius:999px!important;
  border:1px solid rgba(126,184,255,.20)!important;background:rgba(3,15,30,.86)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.30)!important;color:#eaf7ff!important;font-size:19px!important;
  backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:.18s ease!important
}
.mp7-screen-inicio .mp128-rail-arrow:hover:not(:disabled){border-color:rgba(66,216,255,.48)!important;background:rgba(8,29,54,.96)!important;transform:translateY(-50%) scale(1.05)!important}
.mp7-screen-inicio .mp128-rail-arrow:disabled{opacity:0!important;pointer-events:none!important}

/* TOP para ver hoy: póster editorial con información integrada */
.mp7-screen-inicio .mp130-top-card{
  position:relative!important;flex:0 0 176px!important;width:176px!important;min-width:176px!important;max-width:176px!important;
  border-radius:17px!important;overflow:hidden!important;box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
  transition:transform .22s ease,filter .22s ease!important
}
.mp7-screen-inicio .mp130-top-card:hover{transform:translateY(-4px)!important;filter:brightness(1.04)!important}
.mp7-screen-inicio .mp130-top-card .mp128-card-media{
  aspect-ratio:2/3!important;border-radius:17px!important;border:1px solid rgba(110,179,255,.20)!important;
  box-shadow:none!important;background:#07172b!important
}
.mp7-screen-inicio .mp130-top-card .mp128-card-media:after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(2,7,15,0) 44%,rgba(2,8,18,.18) 60%,rgba(2,8,18,.94) 100%)
}
.mp7-screen-inicio .mp130-top-card .mp128-top-badge{
  left:9px!important;top:9px!important;z-index:4!important;max-width:calc(100% - 18px)!important;
  min-height:24px!important;padding:0 8px!important;border-radius:999px!important;
  background:rgba(4,14,28,.82)!important;border:1px solid rgba(255,255,255,.17)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.24)!important;color:#fff!important;font-size:8.5px!important;font-weight:850!important;letter-spacing:.01em!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;backdrop-filter:blur(9px)!important
}
.mp7-screen-inicio .mp130-card-play{
  position:absolute;right:10px;bottom:58px;z-index:4;width:31px;height:31px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.30);border-radius:50%;background:rgba(4,13,25,.72);color:#fff;font-style:normal;font-size:10px;
  box-shadow:0 8px 20px rgba(0,0,0,.25);backdrop-filter:blur(8px)
}
.mp7-screen-inicio .mp130-top-card .mp128-card-copy{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:3!important;
  min-width:0!important;padding:34px 11px 11px!important;background:linear-gradient(180deg,transparent,rgba(2,8,18,.96))!important;pointer-events:none!important
}
.mp7-screen-inicio .mp130-top-card .mp128-card-copy>strong{
  min-height:0!important;margin:0!important;color:#fff!important;font-size:12px!important;line-height:1.25!important;font-weight:800!important;-webkit-line-clamp:2!important
}
.mp7-screen-inicio .mp130-top-card .mp128-card-copy>small{
  justify-content:flex-start!important;gap:7px!important;margin-top:6px!important;color:#b4c2d5!important;font-size:9px!important
}
.mp7-screen-inicio .mp130-top-card .mp128-card-copy>small em{color:#61ddff!important;font-weight:800!important}
.mp7-screen-inicio .mp130-top-card .mp128-card-copy>small span{opacity:.78!important}
.mp7-screen-inicio .mp130-top-card .mp128-card-info,
.mp7-screen-inicio .mp130-top-card .mp128-card-play{display:none!important}

/* Plataformas: logos protagonistas, sin cuadrados negros interiores */
.mp7-screen-inicio .mp128-platform-rail{align-items:stretch!important;gap:12px!important;padding-top:2px!important}
.mp7-screen-inicio .mp128-platform-logo{
  flex:0 0 146px!important;width:146px!important;height:82px!important;display:grid!important;place-items:center!important;
  padding:10px 14px!important;border:1px solid rgba(106,177,255,.13)!important;border-radius:16px!important;
  background:linear-gradient(180deg,rgba(13,35,62,.55),rgba(6,22,41,.36))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 10px 24px rgba(0,0,0,.10)!important;
  overflow:hidden!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important
}
.mp7-screen-inicio .mp128-platform-logo:hover{
  transform:translateY(-3px)!important;filter:none!important;border-color:rgba(70,216,255,.32)!important;
  background:linear-gradient(180deg,rgba(14,42,74,.66),rgba(7,25,46,.48))!important
}
.mp7-screen-inicio .mp128-platform-logo:focus-visible{outline:2px solid #52dcff!important;outline-offset:3px!important}
.mp7-screen-inicio .mp128-platform-logo .mp127-brand-mark{
  width:100%!important;height:60px!important;min-height:60px!important;background:transparent!important;border:0!important;box-shadow:none!important
}
.mp7-screen-inicio .mp128-platform-logo img.mp127-clean-logo,
.mp7-screen-inicio .mp128-platform-logo>img{
  max-width:112px!important;max-height:48px!important;width:auto!important;height:auto!important;object-fit:contain!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important
}
.mp7-screen-inicio .mp128-platform-logo .mp127-brand-netflix b{font-size:52px!important}
.mp7-screen-inicio .mp128-platform-logo .mp127-brand-disney b{font-size:19px!important}
.mp7-screen-inicio .mp128-platform-logo .mp127-brand-max b{font-size:31px!important}
.mp7-screen-inicio .mp128-platform-logo .mp127-brand-prime b{font-size:15px!important}
.mp7-screen-inicio .mp128-platform-logo .mp127-brand-paramount b{font-size:13px!important}
.mp7-screen-inicio .mp128-platform-logo .mp127-brand-crunchyroll b{font-size:11px!important}
.mp7-screen-inicio .mp128-platform-logo .mp127-brand-vix b{font-size:27px!important}
.mp7-screen-inicio .mp128-platform-logo .mp127-brand-apple b{font-size:22px!important}

/* Discord: más compacto y separado del rail */
.mp7-screen-inicio .mp128-discord-banner{
  margin-top:31px!important;min-height:88px!important;padding:15px 18px!important;border-radius:18px!important;
  border:1px solid rgba(104,174,255,.18)!important;
  background:linear-gradient(108deg,rgba(80,65,191,.62),rgba(31,103,175,.62))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.16)!important
}
.mp7-screen-inicio .mp128-discord-banner strong{font-size:13px!important;line-height:1.25!important}
.mp7-screen-inicio .mp128-discord-banner small{font-size:10.5px!important;line-height:1.35!important;opacity:.80!important}

/* Servicios: tarjeta horizontal, compacta, consistente y sin bloques blancos gigantes */
.mp7-screen-inicio .mp128-service-rail{gap:12px!important}
.mp7-screen-inicio .mp128-service-card{
  position:relative!important;flex:0 0 224px!important;width:224px!important;min-width:224px!important;height:96px!important;
  display:grid!important;grid-template-columns:68px minmax(0,1fr) 24px!important;grid-template-rows:1fr!important;align-items:center!important;gap:11px!important;
  padding:11px!important;border:1px solid rgba(99,170,240,.15)!important;border-radius:16px!important;
  background:linear-gradient(145deg,rgba(10,30,54,.88),rgba(6,21,39,.80))!important;
  color:#fff!important;text-decoration:none!important;box-shadow:0 12px 30px rgba(0,0,0,.15)!important;overflow:hidden!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important
}
.mp7-screen-inicio .mp128-service-card:before{
  content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,var(--mp130-violet),var(--mp130-cyan));opacity:.78
}
.mp7-screen-inicio .mp128-service-card:hover{
  transform:translateY(-3px)!important;border-color:rgba(68,217,255,.28)!important;background:linear-gradient(145deg,rgba(12,37,66,.94),rgba(7,25,46,.88))!important
}
.mp7-screen-inicio .mp128-service-icon{
  width:68px!important;height:68px!important;margin:0!important;display:grid!important;place-items:center!important;padding:7px!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:13px!important;background:#f5f7fb!important;overflow:hidden!important
}
.mp7-screen-inicio .mp128-service-icon img{display:block!important;max-width:92%!important;max-height:92%!important;width:auto!important;height:auto!important;object-fit:contain!important}
.mp7-screen-inicio .mp128-service-icon .fallback{color:#0b1b31!important;font-size:13px!important;font-weight:900!important;text-align:center!important}
.mp7-screen-inicio .mp130-service-copy{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:6px!important}
.mp7-screen-inicio .mp130-service-copy strong{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;
  color:#f7fbff!important;font-size:12px!important;line-height:1.25!important;font-weight:750!important
}
.mp7-screen-inicio .mp130-service-copy small{color:#58ddff!important;font-size:10.5px!important;line-height:1.2!important;font-weight:800!important}
.mp7-screen-inicio .mp130-service-arrow{
  width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(72,216,255,.10);color:#77e6ff;font-size:13px;font-weight:800
}
/* Oculta estilos antiguos que apuntaban a strong/small directos */
.mp7-screen-inicio .mp128-service-card>strong,
.mp7-screen-inicio .mp128-service-card>small{display:none!important}

/* Estrenos: misma jerarquía que TOP, sin texto diminuto */
.mp7-screen-inicio .mp128-release-card .mp128-card-copy>strong{font-size:11.5px!important;line-height:1.3!important}
.mp7-screen-inicio .mp128-release-card .mp128-card-copy>small{font-size:9.5px!important}
.mp7-screen-inicio .mp128-release-badge{font-size:8.5px!important;min-height:22px!important;padding:0 7px!important}

/* Accesibilidad y movimiento */
.mp7-screen-inicio a:focus-visible,
.mp7-screen-inicio button:focus-visible{outline:2px solid #58dcff!important;outline-offset:3px!important}
@media (prefers-reduced-motion:reduce){
  .mp7-screen-inicio *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

@media (max-width:700px){
  .mp7-screen-inicio .mp128-section{margin-top:24px!important}
  .mp7-screen-inicio .mp128-section-head{align-items:flex-end!important;gap:9px!important;margin-bottom:11px!important}
  .mp7-screen-inicio .mp130-section-head small{font-size:8.5px!important;letter-spacing:.12em!important;margin-bottom:4px!important}
  .mp7-screen-inicio .mp128-section-head h2{font-size:18px!important;line-height:1.12!important}
  .mp7-screen-inicio .mp128-section-head p{font-size:10.5px!important;line-height:1.35!important;margin-top:4px!important;max-width:245px!important}
  .mp7-screen-inicio .mp128-section-head>a{font-size:10.5px!important}
  .mp7-screen-inicio .mp128-content-rail,.mp7-screen-inicio .mp128-platform-rail,.mp7-screen-inicio .mp128-service-rail{gap:10px!important;padding-bottom:9px!important}
  .mp7-screen-inicio .mp128-rail-arrow{display:none!important}

  .mp7-screen-inicio .mp130-top-card{flex-basis:138px!important;width:138px!important;min-width:138px!important;max-width:138px!important;border-radius:14px!important}
  .mp7-screen-inicio .mp130-top-card .mp128-card-media{border-radius:14px!important}
  .mp7-screen-inicio .mp130-top-card .mp128-top-badge{left:7px!important;top:7px!important;min-height:22px!important;padding:0 7px!important;font-size:7.8px!important}
  .mp7-screen-inicio .mp130-top-card .mp128-card-copy{padding:28px 9px 9px!important}
  .mp7-screen-inicio .mp130-top-card .mp128-card-copy>strong{font-size:10.8px!important}
  .mp7-screen-inicio .mp130-top-card .mp128-card-copy>small{font-size:8.5px!important;gap:5px!important;margin-top:5px!important}

  .mp7-screen-inicio .mp128-platform-logo{
    flex-basis:112px!important;width:112px!important;height:68px!important;padding:8px 10px!important;border-radius:14px!important
  }
  .mp7-screen-inicio .mp128-platform-logo .mp127-brand-mark{height:50px!important;min-height:50px!important}
  .mp7-screen-inicio .mp128-platform-logo img.mp127-clean-logo,.mp7-screen-inicio .mp128-platform-logo>img{max-width:88px!important;max-height:40px!important}
  .mp7-screen-inicio .mp128-platform-logo .mp127-brand-netflix b{font-size:41px!important}
  .mp7-screen-inicio .mp128-platform-logo .mp127-brand-disney b{font-size:15px!important}
  .mp7-screen-inicio .mp128-platform-logo .mp127-brand-max b{font-size:25px!important}
  .mp7-screen-inicio .mp128-platform-logo .mp127-brand-prime b{font-size:12px!important}
  .mp7-screen-inicio .mp128-platform-logo .mp127-brand-paramount b{font-size:10.5px!important}
  .mp7-screen-inicio .mp128-platform-logo .mp127-brand-crunchyroll b{font-size:9px!important}
  .mp7-screen-inicio .mp128-platform-logo .mp127-brand-vix b{font-size:22px!important}
  .mp7-screen-inicio .mp128-platform-logo .mp127-brand-apple b{font-size:17px!important}

  .mp7-screen-inicio .mp128-discord-banner{margin-top:24px!important;min-height:78px!important;padding:13px 14px!important;border-radius:16px!important}
  .mp7-screen-inicio .mp128-discord-banner strong{font-size:11.5px!important}
  .mp7-screen-inicio .mp128-discord-banner small{font-size:10px!important}

  .mp7-screen-inicio .mp128-service-card{
    flex-basis:190px!important;width:190px!important;min-width:190px!important;height:84px!important;
    grid-template-columns:58px minmax(0,1fr) 22px!important;gap:9px!important;padding:9px!important;border-radius:14px!important
  }
  .mp7-screen-inicio .mp128-service-icon{width:58px!important;height:58px!important;padding:6px!important;border-radius:11px!important}
  .mp7-screen-inicio .mp130-service-copy{gap:4px!important}
  .mp7-screen-inicio .mp130-service-copy strong{font-size:10.8px!important;line-height:1.22!important}
  .mp7-screen-inicio .mp130-service-copy small{font-size:9.5px!important}
  .mp7-screen-inicio .mp130-service-arrow{width:22px;height:22px;font-size:12px}

  .mp7-screen-inicio .mp128-release-card .mp128-card-copy>strong{font-size:10.5px!important}
  .mp7-screen-inicio .mp128-release-card .mp128-card-copy>small{font-size:8.5px!important}
}

@media (max-width:370px){
  .mp7-screen-inicio .mp130-top-card{flex-basis:128px!important;width:128px!important;min-width:128px!important;max-width:128px!important}
  .mp7-screen-inicio .mp128-platform-logo{flex-basis:104px!important;width:104px!important}
  .mp7-screen-inicio .mp128-service-card{flex-basis:178px!important;width:178px!important;min-width:178px!important}
}