/* MIMI PLAY V11.4 — estilo de color/botones/cuadros según mockup (no cambia el orden de la página) */
:root{--mp4-bg:#050816;--mp4-glass:rgba(14,22,52,.72);--mp4-line:rgba(120,140,255,.28);
--mp4-cyan:#22d3ee;--mp4-violet:#8b3dff;--mp4-magenta:#d336f5;--mp4-price:#5eead4;
--mp4-grad:linear-gradient(90deg,#7c3aed 0%,#c026d3 100%);--mp4-edge:linear-gradient(135deg,rgba(34,211,238,.75),rgba(139,61,255,.75) 55%,rgba(217,70,239,.7))}
body.mp7-body{background:radial-gradient(circle at 12% -8%,rgba(124,58,237,.30),transparent 34%),radial-gradient(circle at 95% 6%,rgba(34,211,238,.16),transparent 30%),linear-gradient(180deg,#050816 0%,#070b24 55%,#050816 100%)!important}

/* Borde degradado neón suave en cuadros */
body.mp7-body .mp140-plat,body.mp7-body .mp140-svc,body.mp7-body .mp128-content-card .mp128-card-media{position:relative}
body.mp7-body .mp140-plat::before,body.mp7-body .mp140-svc::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--mp4-edge);opacity:.5;
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .25s}
@media (hover:hover){body.mp7-body .mp140-plat:hover::before,body.mp7-body .mp140-svc:hover::before{opacity:1}}

/* Plataformas: logo + nombre + precio + botón */
body.mp7-body .mp7-screen-inicio .mp128-platform-logo.mp140-plat{flex:0 0 118px!important;width:118px!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;
padding:8px!important;border:0!important;border-radius:16px!important;background:var(--mp4-glass)!important;box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 18px rgba(124,58,237,.14)!important;text-align:left!important;color:#fff!important;text-decoration:none!important}
.mp140-plat-logo{display:grid;place-items:center;height:70px;border-radius:12px;background:rgba(5,8,22,.55);overflow:hidden;margin-bottom:5px}
.mp140-plat-logo .mp127-brand-mark{width:100%!important;height:70px!important;min-height:70px!important;transform:scale(.78)}
.mp140-plat-logo img{max-width:80%!important;max-height:56px!important;object-fit:contain}
.mp140-plat>strong{font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp140-plat>small{font-size:12px;font-weight:600;color:var(--mp4-price)}
.mp140-plat>em,.mp140-btn{font-style:normal;display:block;text-align:center;margin-top:6px;padding:8px 6px;border-radius:10px;font-size:12px;font-weight:700;color:#fff;background:rgba(139,61,255,.22);border:1px solid rgba(139,61,255,.45);transition:background .2s,box-shadow .2s}
@media (hover:hover){.mp140-plat:hover>em,.mp140-svc:hover .mp140-btn{background:var(--mp4-grad);border-color:transparent;box-shadow:0 6px 18px rgba(192,38,211,.4)}}

/* Servicios: portada + logo + precio + botón */
body.mp7-body .mp128-service-card.mp140-svc{flex:0 0 172px!important;width:172px!important;min-width:172px!important;padding:8px!important;border:0!important;border-radius:16px!important;background:var(--mp4-glass)!important;box-shadow:0 8px 22px rgba(0,0,0,.35)!important;gap:0!important;text-decoration:none!important}
.mp140-cover{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:11px;background-size:cover;background-position:center;overflow:hidden}
.mp140-svc-logo{position:absolute;left:8px;bottom:8px;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.96);display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.35);overflow:hidden}
.mp140-svc-logo img{max-width:78%;max-height:78%;object-fit:contain}
.mp140-svc-logo .fallback{font-size:10px;font-weight:800;color:#0d2340}
body.mp7-body .mp140-svc .mp130-service-copy{display:flex;flex-direction:column;gap:2px;margin-top:8px;min-width:0}
body.mp7-body .mp140-svc .mp130-service-copy strong{font-size:13px;font-weight:700;color:#fff;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.mp7-body .mp140-svc .mp130-service-copy small{font-size:12px;font-weight:600;color:var(--mp4-price)}

/* Botones principales: degradado violeta→magenta */
body.mp7-body .mp128-hero-cta,body.mp7-body .mp111-card-action,body.mp7-body .mp111-trailer-actions a,body.mp7-body #mp111TrailerModalBuy,body.mp7-body #mp122PlayTrailer{background:var(--mp4-grad)!important;color:#fff!important;border:0!important;border-radius:12px!important;font-weight:700!important;box-shadow:0 8px 22px rgba(192,38,211,.32)!important}
body.mp7-body .mp111-trailer-actions button{border-radius:12px!important;border:1px solid var(--mp4-line)!important;background:rgba(139,61,255,.18)!important;color:#fff!important}
body.mp7-body #mp122PlayTrailer:disabled{opacity:.58!important;cursor:not-allowed!important;background:rgba(100,116,139,.18)!important;color:#cbd5e1!important;border:1px solid rgba(148,163,184,.24)!important;box-shadow:none!important}

/* Buscador, rieles y títulos */
body.mp7-body .mp9-global-search{background:rgba(14,22,52,.8)!important;border:1px solid var(--mp4-line)!important;border-radius:14px!important}
body.mp7-body .mp128-section-head>a{color:var(--mp4-cyan)!important}
body.mp7-body .mp128-section-head small{color:var(--mp4-cyan)!important}
body.mp7-body .mp128-rail-arrow{background:rgba(14,22,52,.85)!important;border:1px solid var(--mp4-line)!important;color:#fff!important}
body.mp7-body .mp122-bottom-nav{background:rgba(10,14,38,.9)!important;border:1px solid var(--mp4-line)!important;backdrop-filter:blur(14px)}
@media(max-width:480px){body.mp7-body .mp7-screen-inicio .mp128-platform-logo.mp140-plat{flex-basis:108px!important;width:108px!important}body.mp7-body .mp128-service-card.mp140-svc{flex-basis:152px!important;width:152px!important;min-width:152px!important}}