/* Mimi Play V11.4.2 — banners administrables con botón HTML real */
:root{
  --mp142-violet:#7a4cff;
  --mp142-magenta:#c934e2;
  --mp142-cyan:#20c8ee;
}
body.mp7-body .mp142-hero-carousel{
  position:relative!important;
  margin:12px 0 20px!important;
  overflow:hidden!important;
  border:1px solid rgba(126,156,255,.28)!important;
  border-radius:24px!important;
  background:#071126!important;
  box-shadow:0 22px 56px rgba(0,0,0,.28),0 0 40px rgba(103,72,255,.07)!important;
}
body.mp7-body .mp142-hero-viewport{
  width:100%!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  background:#071126!important;
  touch-action:pan-y!important;
}
body.mp7-body .mp142-hero-track{display:flex!important;align-items:stretch!important;width:100%!important;}
body.mp7-body .mp142-hero-slide{
  position:relative!important;
  flex:0 0 100%!important;
  width:100%!important;
  min-width:0!important;
  min-height:clamp(250px,29vw,360px)!important;
  aspect-ratio:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  isolation:isolate!important;
  background:#071126!important;
}
body.mp7-body .mp142-hero-slide::before,
body.mp7-body .mp142-hero-slide::after{display:none!important;content:none!important;}
body.mp7-body .mp142-theme-catalogo{background:radial-gradient(circle at 80% 24%,rgba(32,200,238,.20),transparent 34%),linear-gradient(112deg,#06142f 0%,#141848 52%,#09243b 100%)!important;}
body.mp7-body .mp142-theme-streaming{background:radial-gradient(circle at 82% 30%,rgba(208,52,226,.25),transparent 35%),linear-gradient(112deg,#09122d 0%,#2b124a 52%,#0b1e3d 100%)!important;}
body.mp7-body .mp142-theme-software{background:radial-gradient(circle at 82% 28%,rgba(32,200,238,.24),transparent 34%),linear-gradient(112deg,#06162e 0%,#102850 54%,#082536 100%)!important;}
body.mp7-body .mp142-theme-custom{background:radial-gradient(circle at 78% 28%,rgba(122,76,255,.23),transparent 35%),linear-gradient(112deg,#071126 0%,#16173f 55%,#08182f 100%)!important;}
body.mp7-body .mp142-hero-media{position:absolute!important;inset:0!important;z-index:0!important;display:block!important;width:100%!important;height:100%!important;}
body.mp7-body .mp142-hero-media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:0!important;transform:none!important;}
body.mp7-body .mp142-hero-shade{position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(2,8,20,.84) 0%,rgba(2,8,20,.67) 35%,rgba(2,8,20,.26) 67%,rgba(2,8,20,.10) 100%)!important;}
body.mp7-body .mp142-align-center .mp142-hero-shade{background:linear-gradient(90deg,rgba(2,8,20,.42),rgba(2,8,20,.62) 50%,rgba(2,8,20,.42))!important;}
body.mp7-body .mp142-align-right .mp142-hero-shade{background:linear-gradient(270deg,rgba(2,8,20,.84) 0%,rgba(2,8,20,.67) 35%,rgba(2,8,20,.26) 67%,rgba(2,8,20,.10) 100%)!important;}
body.mp7-body .mp142-hero-content{
  position:relative!important;
  z-index:3!important;
  width:min(620px,62%)!important;
  padding:34px 46px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  text-align:left!important;
  pointer-events:auto!important;
}
body.mp7-body .mp142-align-center .mp142-hero-content{margin:auto!important;align-items:center!important;text-align:center!important;width:min(680px,72%)!important;}
body.mp7-body .mp142-align-right .mp142-hero-content{margin-left:auto!important;align-items:flex-end!important;text-align:right!important;}
body.mp7-body .mp142-hero-badge{
  display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:0 9px!important;border-radius:999px!important;
  border:1px solid rgba(178,154,255,.30)!important;background:rgba(109,72,229,.17)!important;color:#ddd5ff!important;
  font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;line-height:1!important;
}
body.mp7-body .mp142-hero-content h2{
  margin:10px 0 8px!important;color:#fff!important;font-family:Inter,system-ui,sans-serif!important;
  font-size:clamp(32px,4.2vw,56px)!important;line-height:.99!important;font-weight:900!important;letter-spacing:-.045em!important;
  text-shadow:0 8px 30px rgba(0,0,0,.32)!important;text-wrap:balance!important;
}
body.mp7-body .mp142-hero-content p{
  margin:0 0 16px!important;max-width:520px!important;color:#cad7e8!important;font-size:13px!important;line-height:1.5!important;font-weight:500!important;
}
body.mp7-body .mp142-hero-button{
  position:relative!important;z-index:5!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  min-height:44px!important;padding:0 18px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;
  background:linear-gradient(95deg,var(--mp142-violet),var(--mp142-magenta) 58%,#9a43f0)!important;
  box-shadow:0 10px 24px rgba(155,55,227,.30)!important;color:#fff!important;text-decoration:none!important;
  font-size:12px!important;font-weight:800!important;line-height:1!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
body.mp7-body .mp142-hero-button:hover{transform:translateY(-1px)!important;filter:brightness(1.07)!important;box-shadow:0 13px 30px rgba(155,55,227,.38)!important;}
body.mp7-body .mp142-hero-button:focus-visible{outline:2px solid #7de9ff!important;outline-offset:3px!important;}
body.mp7-body .mp142-hero-art{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important;}
body.mp7-body .mp142-hero-art span{position:absolute!important;border-radius:999px!important;filter:blur(2px)!important;opacity:.75!important;}
body.mp7-body .mp142-hero-art span:nth-child(1){width:310px!important;height:310px!important;right:8%!important;top:-35%!important;background:radial-gradient(circle,rgba(44,210,255,.28),transparent 67%)!important;}
body.mp7-body .mp142-hero-art span:nth-child(2){width:360px!important;height:360px!important;right:-5%!important;bottom:-70%!important;background:radial-gradient(circle,rgba(204,53,229,.29),transparent 66%)!important;}
body.mp7-body .mp142-hero-art span:nth-child(3){width:180px!important;height:180px!important;right:24%!important;top:25%!important;border:1px solid rgba(255,255,255,.09)!important;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015))!important;transform:rotate(19deg)!important;backdrop-filter:blur(8px)!important;}
body.mp7-body .mp142-hero-arrow{z-index:8!important;width:34px!important;height:34px!important;margin-top:-17px!important;border:1px solid rgba(255,255,255,.15)!important;background:rgba(3,10,25,.56)!important;box-shadow:0 8px 20px rgba(0,0,0,.20)!important;}
body.mp7-body .mp142-hero-dots{z-index:9!important;bottom:11px!important;gap:6px!important;padding:4px 7px!important;background:rgba(3,9,22,.30)!important;border:1px solid rgba(255,255,255,.06)!important;}
body.mp7-body .mp142-hero-dots button{width:6px!important;height:6px!important;border-radius:999px!important;background:rgba(230,239,255,.32)!important;}
body.mp7-body .mp142-hero-dots button.active{width:18px!important;background:#65e5ff!important;box-shadow:0 0 12px rgba(101,229,255,.48)!important;}

@media(max-width:760px){
  body.mp7-body .mp142-hero-carousel{margin:8px 0 14px!important;border-radius:17px!important;}
  body.mp7-body .mp142-hero-slide{min-height:190px!important;}
  body.mp7-body .mp142-hero-content{width:68%!important;padding:19px 20px!important;}
  body.mp7-body .mp142-align-center .mp142-hero-content{width:82%!important;}
  body.mp7-body .mp142-hero-badge{min-height:19px!important;padding:0 7px!important;font-size:7px!important;}
  body.mp7-body .mp142-hero-content h2{margin:7px 0 6px!important;font-size:clamp(22px,6.5vw,31px)!important;line-height:1!important;}
  body.mp7-body .mp142-hero-content p{margin-bottom:11px!important;font-size:10.5px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  body.mp7-body .mp142-hero-button{min-height:35px!important;padding:0 12px!important;border-radius:9px!important;font-size:9px!important;}
  body.mp7-body .mp142-hero-arrow{display:none!important;}
  body.mp7-body .mp142-hero-dots{bottom:6px!important;padding:3px 5px!important;gap:4px!important;}
  body.mp7-body .mp142-hero-dots button{width:5px!important;height:5px!important;}
  body.mp7-body .mp142-hero-dots button.active{width:14px!important;}
}
@media(max-width:430px){
  body.mp7-body .mp142-hero-slide{min-height:168px!important;}
  body.mp7-body .mp142-hero-content{width:72%!important;padding:15px 14px 19px!important;}
  body.mp7-body .mp142-align-center .mp142-hero-content{width:88%!important;}
  body.mp7-body .mp142-hero-content h2{font-size:clamp(19px,6.1vw,25px)!important;}
  body.mp7-body .mp142-hero-content p{font-size:9.3px!important;}
  body.mp7-body .mp142-hero-button{min-height:32px!important;padding:0 10px!important;font-size:8.5px!important;}
}
@media(max-width:350px){
  body.mp7-body .mp142-hero-slide{min-height:158px!important;}
  body.mp7-body .mp142-hero-content{width:76%!important;padding-left:12px!important;padding-right:10px!important;}
  body.mp7-body .mp142-hero-content p{display:none!important;}
}
@media(prefers-reduced-motion:reduce){body.mp7-body .mp142-hero-button{transition:none!important;}}
