/* Mimi Play V11.4.3 — plataformas/servicios/TOP con mayor contraste y logos reales */
:root{
  --mp143-bg:#061022;
  --mp143-surface:#0b1831;
  --mp143-surface-2:#0d2040;
  --mp143-border:rgba(64,154,255,.28);
  --mp143-border-hot:rgba(195,64,255,.58);
  --mp143-text:#f7fbff;
  --mp143-muted:#a9bdd6;
  --mp143-cyan:#39dcff;
  --mp143-blue:#3888ff;
  --mp143-violet:#8b4dff;
  --mp143-magenta:#e23cf2;
  --mp143-grad:linear-gradient(96deg,#a33cff 0%,#5c55ff 48%,#16c8f2 100%);
}

body.mp7-body{
  color:var(--mp143-text)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(139,77,255,.17),transparent 27%),
    radial-gradient(circle at 96% 16%,rgba(22,200,242,.11),transparent 24%),
    linear-gradient(180deg,#061022 0%,#07142a 48%,#061022 100%)!important;
}
body.mp7-body .mp7-main{color:var(--mp143-text)!important}

/* Títulos: nunca perderse sobre el fondo */
body.mp7-body .mp128-section-head,
body.mp7-body .mp130-section-head{align-items:flex-end!important;gap:16px!important;margin-bottom:13px!important}
body.mp7-body .mp128-section-head h2,
body.mp7-body .mp130-section-head h2{
  color:#fff!important;font-weight:850!important;letter-spacing:-.025em!important;
  font-size:clamp(20px,2vw,27px)!important;line-height:1.08!important;
  text-shadow:0 2px 16px rgba(0,0,0,.32)!important;
}
body.mp7-body .mp128-section-head small,
body.mp7-body .mp130-section-head small{
  color:var(--mp143-cyan)!important;font-weight:850!important;letter-spacing:.13em!important;font-size:9.5px!important;
}
body.mp7-body .mp128-section-head p,
body.mp7-body .mp130-section-head p{
  color:var(--mp143-muted)!important;font-size:12px!important;line-height:1.45!important;margin-top:4px!important;
}
body.mp7-body .mp128-section-head>a,
body.mp7-body .mp130-section-head>a{
  color:#7de9ff!important;font-weight:800!important;font-size:12px!important;text-shadow:0 0 14px rgba(57,220,255,.18)!important;
}
body.mp7-body .mp128-section{margin-top:24px!important}

/* Rieles con una única fila y desplazamiento suave */
body.mp7-body .mp128-top-rail,
body.mp7-body .mp128-platform-rail,
body.mp7-body .mp128-service-rail,
body.mp7-body .mp128-content-rail{
  gap:12px!important;scroll-snap-type:x proximity!important;scroll-padding-inline:2px!important;padding:3px 2px 9px!important;
}
body.mp7-body .mp128-top-rail>* ,
body.mp7-body .mp128-platform-rail>* ,
body.mp7-body .mp128-service-rail>*{scroll-snap-align:start!important}
body.mp7-body .mp128-rail-arrow{
  width:34px!important;height:34px!important;border-radius:50%!important;color:#fff!important;
  background:rgba(10,25,53,.92)!important;border:1px solid rgba(92,148,255,.34)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;backdrop-filter:blur(10px)!important;
}
body.mp7-body .mp128-rail-arrow:hover{border-color:rgba(57,220,255,.65)!important;box-shadow:0 0 18px rgba(57,220,255,.16)!important}

/* ========== TOP PARA VER HOY ========== */
body.mp7-body .mp143-top-card{
  flex:0 0 168px!important;width:168px!important;min-width:168px!important;
  padding:0!important;overflow:hidden!important;border-radius:17px!important;
  background:linear-gradient(180deg,rgba(15,34,68,.98),rgba(7,20,43,.98))!important;
  border:1px solid rgba(80,143,238,.25)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.26)!important;color:#fff!important;
  text-align:left!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
@media(hover:hover){body.mp7-body .mp143-top-card:hover{transform:translateY(-3px)!important;border-color:rgba(196,74,255,.60)!important;box-shadow:0 14px 34px rgba(0,0,0,.32),0 0 24px rgba(126,69,255,.12)!important}}
body.mp7-body .mp143-top-media{
  display:block!important;position:relative!important;width:100%!important;aspect-ratio:2/3!important;overflow:hidden!important;
  background:linear-gradient(135deg,#10254a,#111433)!important;border-radius:16px 16px 0 0!important;
}
body.mp7-body .mp143-top-media>img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transform:none!important}
body.mp7-body .mp143-poster-shade{
  display:block!important;position:absolute!important;inset:0!important;z-index:2!important;
  background:linear-gradient(180deg,rgba(3,8,18,.06) 0%,rgba(3,8,18,.05) 50%,rgba(5,15,35,.70) 82%,rgba(5,15,35,.98) 100%)!important;
  pointer-events:none!important;
}
body.mp7-body .mp143-top-rank{
  position:absolute!important;z-index:5!important;top:8px!important;left:8px!important;min-width:35px!important;height:24px!important;padding:0 9px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;
  background:linear-gradient(95deg,#b735ef,#6b57ff)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;
  box-shadow:0 5px 16px rgba(150,63,235,.36)!important;border:1px solid rgba(255,255,255,.16)!important;
}
body.mp7-body .mp143-top-platform{
  position:absolute!important;z-index:5!important;top:8px!important;right:8px!important;min-height:24px!important;max-width:76px!important;padding:4px 7px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;
  background:rgba(5,12,27,.78)!important;border:1px solid rgba(255,255,255,.13)!important;backdrop-filter:blur(10px)!important;
}
body.mp7-body .mp143-top-platform-logo{display:block!important;max-width:62px!important;max-height:16px!important;width:auto!important;height:auto!important;object-fit:contain!important}
body.mp7-body .mp143-top-platform-text{font-size:9px!important;font-weight:800!important;color:#fff!important;white-space:nowrap!important}
body.mp7-body .mp143-trailer-tag,
body.mp7-body .mp143-info-tag{
  position:absolute!important;z-index:5!important;left:8px!important;bottom:9px!important;height:22px!important;padding:0 8px!important;border-radius:7px!important;
  display:inline-flex!important;align-items:center!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important;
  border:1px solid rgba(255,255,255,.13)!important;
}
body.mp7-body .mp143-trailer-tag{background:rgba(14,183,231,.90)!important;color:#02111f!important}
body.mp7-body .mp143-info-tag{background:rgba(15,28,54,.86)!important;color:#d7e6f7!important}
body.mp7-body .mp143-card-play{
  position:absolute!important;z-index:6!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  width:46px!important;height:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,rgba(184,54,242,.96),rgba(46,123,255,.96))!important;border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:0 10px 28px rgba(79,72,255,.42),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
body.mp7-body .mp143-card-play span{font-size:16px!important;color:#fff!important;margin-left:2px!important}
body.mp7-body .mp143-top-copy{
  display:flex!important;flex-direction:column!important;gap:6px!important;padding:10px 10px 11px!important;min-height:70px!important;
  background:linear-gradient(180deg,rgba(9,24,51,.98),rgba(7,18,38,.98))!important;
}
body.mp7-body .mp143-top-copy strong{
  color:#fff!important;font-size:12.5px!important;line-height:1.28!important;font-weight:800!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-shadow:none!important;
}
body.mp7-body .mp143-top-copy small{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;color:#b9cce3!important;font-size:9.5px!important;line-height:1.2!important}
body.mp7-body .mp143-top-copy small span{font-weight:800!important;color:#b9cce3!important}
body.mp7-body .mp143-top-copy small em{font-style:normal!important;color:#55ddff!important;font-weight:800!important;white-space:nowrap!important}

/* ========== PLATAFORMAS DESTACADAS ========== */
body.mp7-body .mp7-screen-inicio .mp143-platform-card{
  flex:0 0 138px!important;width:138px!important;min-width:138px!important;min-height:188px!important;
  padding:10px!important;gap:0!important;border-radius:17px!important;
  background:linear-gradient(180deg,rgba(16,36,72,.94),rgba(8,22,47,.97))!important;
  border:1px solid rgba(72,141,236,.30)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.02)!important;
  color:#fff!important;text-decoration:none!important;overflow:hidden!important;
}
body.mp7-body .mp7-screen-inicio .mp143-platform-card::before{opacity:.26!important}
@media(hover:hover){body.mp7-body .mp143-platform-card:hover{transform:translateY(-2px)!important;border-color:rgba(62,206,255,.50)!important;box-shadow:0 13px 31px rgba(0,0,0,.30),0 0 24px rgba(35,171,255,.09)!important}}
body.mp7-body .mp143-platform-logo{
  height:72px!important;display:grid!important;place-items:center!important;margin:0 0 8px!important;padding:7px!important;
  border-radius:12px!important;background:transparent!important;overflow:visible!important;
}
body.mp7-body .mp143-platform-real-logo{display:block!important;max-width:96px!important;max-height:56px!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 6px 12px rgba(0,0,0,.20))!important}
body.mp7-body .mp143-logo-fallback{display:grid!important;place-items:center!important;max-width:100%!important;color:#fff!important;font-size:12px!important;font-weight:900!important;text-align:center!important}
body.mp7-body .mp143-platform-info{display:flex!important;flex-direction:column!important;min-width:0!important;gap:3px!important}
body.mp7-body .mp143-platform-info>strong{color:#fff!important;font-size:12.5px!important;line-height:1.25!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.mp7-body .mp143-platform-info>small{color:#72e7ff!important;font-size:12px!important;line-height:1.2!important;font-weight:850!important}
body.mp7-body .mp143-plan-hint{color:#8fa8c5!important;font-size:9px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.mp7-body .mp143-platform-card>em{
  margin-top:auto!important;padding:8px 7px!important;border-radius:9px!important;
  background:linear-gradient(95deg,rgba(133,58,236,.86),rgba(69,99,255,.90))!important;border:1px solid rgba(181,132,255,.26)!important;
  color:#fff!important;font-size:10.5px!important;font-weight:850!important;box-shadow:0 6px 15px rgba(74,61,214,.18)!important;
}
body.mp7-body .mp143-platform-card>em b{font-size:12px!important;margin-left:3px!important}

/* ========== SERVICIOS DESTACADOS ========== */
body.mp7-body .mp143-service-card{
  flex:0 0 176px!important;width:176px!important;min-width:176px!important;min-height:220px!important;
  padding:9px!important;border-radius:17px!important;
  background:linear-gradient(180deg,rgba(16,36,72,.94),rgba(8,22,47,.98))!important;
  border:1px solid rgba(72,141,236,.28)!important;box-shadow:0 10px 26px rgba(0,0,0,.25)!important;
  text-decoration:none!important;color:#fff!important;overflow:hidden!important;
}
body.mp7-body .mp143-service-card::before{opacity:.24!important}
body.mp7-body .mp143-service-cover{
  position:relative!important;display:block!important;width:100%!important;height:96px!important;aspect-ratio:auto!important;border-radius:12px!important;
  overflow:hidden!important;background-color:#eaf2ff!important;background-size:cover!important;background-position:center!important;
}
body.mp7-body .mp143-service-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,40,.01),rgba(8,18,40,.16));pointer-events:none}
body.mp7-body .mp143-service-cover-img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
body.mp7-body .mp143-service-logo{
  z-index:3!important;left:9px!important;bottom:9px!important;width:54px!important;height:54px!important;padding:7px!important;border-radius:12px!important;
  display:grid!important;place-items:center!important;background:rgba(255,255,255,.97)!important;border:1px solid rgba(255,255,255,.80)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.26)!important;
}
body.mp7-body .mp143-service-logo .mp143-real-logo{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}
body.mp7-body .mp143-service-logo .mp143-logo-fallback{color:#0d1d36!important;font-size:9px!important}
body.mp7-body .mp143-service-copy{display:flex!important;flex-direction:column!important;gap:3px!important;margin:9px 1px 0!important;min-height:52px!important}
body.mp7-body .mp143-service-copy strong{color:#fff!important;font-size:12.5px!important;line-height:1.25!important;font-weight:800!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
body.mp7-body .mp143-service-copy small{color:#72e7ff!important;font-size:12px!important;line-height:1.2!important;font-weight:850!important}
body.mp7-body .mp143-service-card .mp140-btn{
  margin-top:auto!important;padding:8px 7px!important;border-radius:9px!important;background:linear-gradient(95deg,rgba(133,58,236,.86),rgba(69,99,255,.90))!important;
  border:1px solid rgba(181,132,255,.26)!important;color:#fff!important;font-size:10.5px!important;font-weight:850!important;box-shadow:0 6px 15px rgba(74,61,214,.18)!important;
}
body.mp7-body .mp143-service-card .mp140-btn b{font-size:12px!important;margin-left:3px!important}

/* Discord y navegación en el mismo lenguaje visual */
body.mp7-body .mp128-discord-banner{
  border:1px solid rgba(74,139,255,.36)!important;border-radius:18px!important;
  background:linear-gradient(100deg,rgba(61,64,190,.78),rgba(31,117,194,.84))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.20),0 0 26px rgba(58,105,255,.07)!important;
}
body.mp7-body .mp128-discord-banner strong{color:#fff!important}
body.mp7-body .mp128-discord-banner small{color:#d4e5fa!important}
body.mp7-body .mp122-bottom-nav{background:rgba(6,14,34,.95)!important;border-color:rgba(94,111,255,.36)!important;box-shadow:0 -10px 30px rgba(0,0,0,.24)!important}

/* Header más legible */
body.mp7-body .mp9-global-search{background:rgba(12,29,61,.88)!important;border-color:rgba(72,143,238,.34)!important;color:#fff!important}
body.mp7-body .mp9-global-search input{color:#fff!important}
body.mp7-body .mp9-global-search input::placeholder{color:#8fa8c5!important;opacity:1!important}

@media(max-width:760px){
  body.mp7-body .mp128-section{margin-top:19px!important}
  body.mp7-body .mp128-section-head h2,body.mp7-body .mp130-section-head h2{font-size:19px!important}
  body.mp7-body .mp128-section-head p,body.mp7-body .mp130-section-head p{font-size:10.5px!important}
  body.mp7-body .mp128-section-head>a,body.mp7-body .mp130-section-head>a{font-size:10.5px!important}
  body.mp7-body .mp143-top-card{flex-basis:148px!important;width:148px!important;min-width:148px!important}
  body.mp7-body .mp143-card-play{width:42px!important;height:42px!important}
  body.mp7-body .mp7-screen-inicio .mp143-platform-card{flex-basis:124px!important;width:124px!important;min-width:124px!important;min-height:176px!important}
  body.mp7-body .mp143-platform-logo{height:64px!important}
  body.mp7-body .mp143-platform-real-logo{max-width:87px!important;max-height:50px!important}
  body.mp7-body .mp143-service-card{flex-basis:158px!important;width:158px!important;min-width:158px!important;min-height:208px!important}
  body.mp7-body .mp143-service-cover{height:86px!important}
}
@media(max-width:390px){
  body.mp7-body .mp128-top-rail,body.mp7-body .mp128-platform-rail,body.mp7-body .mp128-service-rail{gap:9px!important}
  body.mp7-body .mp143-top-card{flex-basis:142px!important;width:142px!important;min-width:142px!important}
  body.mp7-body .mp7-screen-inicio .mp143-platform-card{flex-basis:118px!important;width:118px!important;min-width:118px!important;padding:9px!important}
  body.mp7-body .mp143-platform-info>strong{font-size:11.5px!important}
  body.mp7-body .mp143-platform-info>small{font-size:11px!important}
  body.mp7-body .mp143-service-card{flex-basis:150px!important;width:150px!important;min-width:150px!important;padding:8px!important}
  body.mp7-body .mp143-service-cover{height:82px!important}
  body.mp7-body .mp143-service-logo{width:49px!important;height:49px!important}
}
@media(prefers-reduced-motion:reduce){body.mp7-body .mp143-top-card,body.mp7-body .mp143-platform-card{transition:none!important}}

/* Ficha / tráiler: contraste alto y lectura cómoda */
body.mp7-body .mp7-modal-card{
  background:linear-gradient(180deg,#0b1730 0%,#071226 100%)!important;
  border:1px solid rgba(96,142,255,.34)!important;color:#fff!important;
  box-shadow:0 24px 80px rgba(0,0,0,.55),0 0 40px rgba(104,68,255,.10)!important;
}
body.mp7-body .mp7-modal-card header strong,
body.mp7-body #mp122ContentTitle{color:#fff!important;text-shadow:none!important}
body.mp7-body .mp7-modal-card header small,
body.mp7-body #mp122ContentDescription,
body.mp7-body .mp111-modal-footer{color:#b7c9de!important}
body.mp7-body .mp122-content-meta span{background:rgba(28,67,124,.44)!important;border:1px solid rgba(83,151,255,.30)!important;color:#dcecff!important}
body.mp7-body .mp7-video{background:#020712!important;border:1px solid rgba(72,143,238,.28)!important;border-radius:14px!important;overflow:hidden!important}