/* Mimi Play 11.1 — storefront claro, clasificación y estrenos oficiales */
:root{--mp111-bg:#f5f7fb;--mp111-card:#fff;--mp111-text:#151823;--mp111-muted:#697386;--mp111-line:#e6e9f0;--mp111-accent:#5b48ff;--mp111-accent2:#ff477e;--mp111-success:#0f9f6e}
body.mp7-body{background:linear-gradient(180deg,#fff 0,#f7f8fc 38%,#f3f5fa 100%);color:var(--mp111-text)}
.mp7-header{background:rgba(255,255,255,.92)!important;border-bottom:1px solid var(--mp111-line)!important;box-shadow:0 8px 30px rgba(27,33,52,.06);backdrop-filter:blur(18px)}
.mp7-nav a{color:#4f596b!important}.mp7-nav a:hover,.mp7-nav a.active{color:#171a23!important;background:#f0f1ff!important}
.mp7-icon-btn{background:#fff!important;border-color:#e3e6ee!important;color:#242836!important;box-shadow:0 4px 14px rgba(35,39,58,.06)}
.mp7-menu-panel{background:#fff!important;color:#171a23!important;border-left:1px solid #e8eaf0!important}.mp7-menu-head{border-bottom-color:#eceef3!important}.mp7-menu-secondary a{color:#242836!important;border-color:#eef0f5!important}.mp7-menu-secondary a:hover{background:#f6f7fb!important}
.mp7-footer{background:#fff!important;border-top:1px solid #e7eaf1!important;color:#667085!important}.mp7-footer a{color:#454d5d!important}
.mp7-main{color:var(--mp111-text)}
.mp7-page-head{background:linear-gradient(135deg,#ffffff 0%,#f2f0ff 52%,#fff0f5 100%)!important;border:1px solid #e8e7f2!important;box-shadow:0 18px 55px rgba(62,53,123,.09)!important}.mp7-page-head h1,.mp7-section-title h2{color:#171a23!important}.mp7-page-head p,.mp7-week-meta{color:#677085!important}.mp7-page-head>small,.mp7-section-title small{color:#6557e8!important}
.mp7-page-filters button{background:#fff!important;color:#525c6e!important;border:1px solid #e1e5ed!important}.mp7-page-filters button.active{background:#171a23!important;color:#fff!important;border-color:#171a23!important}

/* Portada: clara sin perder contraste sobre la imagen */
.mp7-hero{background:linear-gradient(135deg,#eef2ff,#fff1f6)!important;border-color:#e4e6ef!important;box-shadow:0 24px 70px rgba(35,41,70,.12)!important}.mp7-hero-shade{background:linear-gradient(90deg,rgba(17,18,28,.82) 0%,rgba(17,18,28,.50) 48%,rgba(17,18,28,.10) 100%)!important}.mp7-hero-content h1{color:#fff!important}.mp7-hero-content p{color:#ecedf5!important}
.mp7-strip,.mp111-release-section{background:transparent!important}

/* Plataformas */
.mp7-platform-grid,.mp111-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 auto 42px;max-width:1380px;padding:0 28px}
.mp111-platform-card,.mp111-service-card{min-width:0;background:#fff;border:1px solid var(--mp111-line);border-radius:24px;overflow:hidden;box-shadow:0 12px 38px rgba(32,39,60,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.mp111-platform-card:hover,.mp111-service-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(45,49,75,.12);border-color:#d8d5ff}
.mp111-platform-main{display:block;padding:22px;text-decoration:none;color:inherit}.mp111-platform-logo{height:82px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:18px}.mp111-platform-logo img{max-width:76px;max-height:76px;object-fit:contain;border-radius:18px}.mp111-platform-logo .fallback,.mp111-service-icon .fallback{display:grid;place-items:center;min-width:68px;height:68px;padding:0 12px;border-radius:18px;background:linear-gradient(135deg,#5b48ff,#ff477e);color:#fff;font-size:18px;font-weight:800}
.mp111-platform-copy small,.mp111-service-copy small{font-size:11px;font-weight:800;letter-spacing:.08em;color:#7466e8;text-transform:uppercase}.mp111-platform-copy h2,.mp111-service-copy h2{font-size:20px;line-height:1.15;margin:8px 0;color:#161923}.mp111-platform-copy p,.mp111-service-copy p{font-size:14px;line-height:1.55;color:#70798b;min-height:44px}.mp111-platform-copy strong{display:block;margin-top:14px;font-size:15px;color:#202432}.mp111-card-action{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-top:1px solid #eef0f5;color:#5648d9;text-decoration:none;font-weight:750;background:#fbfbfe}
.mp111-platform-card.compact{min-width:230px}.mp111-platform-card.compact .mp111-platform-main{padding:16px}.mp111-platform-card.compact .mp111-platform-logo{height:52px;margin-bottom:9px}.mp111-platform-card.compact .mp111-platform-logo img{max-height:48px;max-width:52px}.mp111-platform-card.compact .mp111-card-action{display:none}.mp111-platform-card.compact h2{font-size:16px}

/* Servicios */
.mp111-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mp111-service-card{display:flex;gap:16px;padding:20px}.mp111-service-icon{width:74px;flex:0 0 74px;height:74px;border-radius:20px;background:#f6f7fb;display:grid;place-items:center;overflow:hidden}.mp111-service-icon img{width:54px;height:54px;object-fit:contain}.mp111-service-copy{min-width:0;flex:1}.mp111-service-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.mp111-service-bottom strong{font-size:14px;color:#1f2532}.mp111-service-bottom a{font-size:13px;font-weight:800;text-decoration:none;color:#5b48ff;white-space:nowrap}.mp111-service-card.compact{min-width:270px;box-shadow:none}.mp111-service-card.compact .mp111-service-icon{width:56px;height:56px;flex-basis:56px}.mp111-service-card.compact .mp111-service-icon img{width:42px;height:42px}.mp111-service-card.compact p{display:none}.mp111-service-card.compact h2{font-size:16px}.mp111-service-card.compact .mp111-service-bottom{margin-top:9px}

/* Estrenos */
.mp111-release-section{max-width:1380px;margin:0 auto 42px;padding:0 28px}.mp111-release-section[hidden]{display:none!important}.mp7-trailer-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}.mp111-trailer-card{min-width:0;background:#fff;border:1px solid var(--mp111-line);border-radius:22px;overflow:hidden;box-shadow:0 12px 40px rgba(30,36,56,.08)}.mp111-trailer-media{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#e7e9f5,#f8e9ef);overflow:hidden}.mp111-trailer-media img{width:100%;height:100%;object-fit:cover;display:block}.mp111-trailer-fallback{width:100%;height:100%;display:grid;place-items:center;color:#6e7285;font-weight:850;letter-spacing:.12em}.mp111-play{position:absolute;left:16px;bottom:16px;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#151823;box-shadow:0 8px 26px rgba(0,0,0,.2);font-size:17px;cursor:pointer}.mp111-official{position:absolute;right:12px;top:12px;background:rgba(8,11,20,.86);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;letter-spacing:.08em}.mp111-trailer-body{padding:17px}.mp111-trailer-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.mp111-trailer-meta span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:5px 8px;background:#f2f3f8;color:#5f6879;border-radius:999px}.mp111-trailer-meta span:first-child{background:#edeaff;color:#5949d8}.mp111-trailer-body h2{margin:0;font-size:18px;line-height:1.22;color:#171a23}.mp111-trailer-body p{margin:9px 0 15px;color:#70798b;font-size:13px;line-height:1.5}.mp111-trailer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mp111-trailer-actions button,.mp111-trailer-actions a{min-height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-size:12px;font-weight:850;cursor:pointer}.mp111-trailer-actions button{border:1px solid #e2e5ec;background:#fff;color:#242936}.mp111-trailer-actions a{border:1px solid #5b48ff;background:#5b48ff;color:#fff}.mp111-trailer-card.compact{min-width:285px}.mp111-trailer-card.compact .mp111-trailer-body h2{font-size:15px}.mp111-trailer-card.compact .mp111-trailer-actions{grid-template-columns:1fr}.mp111-trailer-card.compact .mp111-trailer-actions a{display:none}
.mp111-trailer-empty{max-width:1320px;margin:10px auto 50px;background:#fff!important;color:#697386!important;border:1px solid #e6e9f0!important}

/* Modal de trailer */
.mp7-modal-card{background:#fff!important;color:#171a23!important;border-color:#e4e7ee!important}.mp7-modal-card header{border-bottom-color:#e9ebf0!important}.mp7-modal-card header>div{display:flex;flex-direction:column;gap:3px}.mp7-modal-card header small{font-size:12px;color:#737b8d;font-weight:600}.mp111-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-top:1px solid #e9ebf0}.mp111-modal-footer span{font-size:12px;color:#747c8d}.mp111-modal-footer a{background:#5b48ff;color:#fff;text-decoration:none;padding:11px 15px;border-radius:11px;font-weight:800;font-size:13px}

/* Combo heredado: marco claro sin tocar su lógica */
.mp7-legacy-combo-slot,.mp7-legacy-services-slot{background:#fff;border:1px solid #e6e9f0;border-radius:24px;box-shadow:0 16px 50px rgba(28,35,52,.07);max-width:1380px;margin:0 auto 44px;padding:16px}

/* Rails home */
.mp7-logo-rail,.mp7-service-rail,.mp7-poster-rail{gap:14px!important}.mp7-logo-rail .mp111-platform-card,.mp7-service-rail .mp111-service-card,.mp7-poster-rail .mp111-trailer-card{flex:0 0 auto}

@media(max-width:1100px){.mp7-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mp111-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp7-trailer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){
  .mp7-platform-grid,.mp111-services-grid,.mp111-release-section{padding-left:16px;padding-right:16px}.mp7-platform-grid,.mp111-services-grid{grid-template-columns:1fr 1fr;gap:12px}.mp7-trailer-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.mp111-platform-main{padding:15px}.mp111-platform-logo{height:58px}.mp111-platform-logo img{max-height:54px;max-width:58px}.mp111-platform-copy h2,.mp111-service-copy h2{font-size:16px}.mp111-platform-copy p,.mp111-service-copy p{display:none}.mp111-card-action{padding:12px 15px;font-size:12px}.mp111-service-card{display:block;padding:14px}.mp111-service-icon{width:56px;height:56px;margin-bottom:11px}.mp111-service-bottom{display:block}.mp111-service-bottom a{display:block;margin-top:8px}.mp111-trailer-body{padding:13px}.mp111-trailer-body h2{font-size:15px}.mp111-trailer-body p{font-size:12px}.mp111-trailer-actions{grid-template-columns:1fr}.mp111-trailer-actions a,.mp111-trailer-actions button{min-height:40px}.mp111-modal-footer{align-items:stretch;flex-direction:column}.mp111-modal-footer a{text-align:center}.mp111-release-section{margin-bottom:28px}}
@media(max-width:440px){.mp7-platform-grid,.mp111-services-grid,.mp7-trailer-grid{grid-template-columns:1fr!important}.mp111-platform-card,.mp111-service-card,.mp111-trailer-card{border-radius:18px}.mp111-platform-copy p,.mp111-service-copy p{display:block;min-height:0}.mp111-service-card{display:flex}.mp111-service-bottom{display:flex}}
