/* Mimi Play V11.4.11 — borde neón unificado en Hero + Combo */
:root{
  --mp-neon-border:linear-gradient(100deg,#d946ef 0%,#8b5cf6 28%,#2563eb 62%,#22d3ee 100%);
  --mp-neon-glow:0 0 18px rgba(168,55,255,.18),0 0 22px rgba(34,211,238,.14),0 16px 38px rgba(0,0,0,.30);
}

/* ===== Carrusel principal: un solo borde neón exterior ===== */
body.mp7-body .mp142-hero-carousel{
  position:relative!important;
  margin-top:18px!important;
  padding:2px!important;
  border:0!important;
  border-radius:24px!important;
  background:var(--mp-neon-border)!important;
  box-shadow:var(--mp-neon-glow)!important;
  overflow:hidden!important;
}
body.mp7-body .mp142-hero-viewport{
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#061021!important;
}
body.mp7-body .mp142-hero-slide{
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
}
body.mp7-body .mp142-hero-media,
body.mp7-body .mp142-hero-media img{
  border-radius:0!important;
}
/* Elimina bordes heredados que generan doble marco */
body.mp7-body .mp128-hero-carousel,
body.mp7-body .mp128-hero-slide,
body.mp7-body .mp128-hero-combo,
body.mp7-body .mp128-hero-top{
  border-color:transparent!important;
}

/* ===== Arma tu combo: mismo sistema de borde ===== */
.mp1411-combo-banner{
  position:relative!important;
  display:block!important;
  width:100%!important;
  margin:16px 0 10px!important;
  padding:2px!important;
  border:0!important;
  border-radius:24px!important;
  background:var(--mp-neon-border)!important;
  box-shadow:var(--mp-neon-glow)!important;
  overflow:hidden!important;
}
.mp1411-combo-inner{
  position:relative!important;
  width:100%!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#061021!important;
}
.mp1411-combo-inner img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.mp1411-combo-hotspot{
  position:absolute!important;
  z-index:5!important;
  left:2.7%!important;
  top:58%!important;
  width:31.5%!important;
  height:24%!important;
  display:block!important;
  border-radius:999px!important;
  background:transparent!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.mp1411-combo-hotspot:hover{background:rgba(255,255,255,.025)!important}
.mp1411-combo-hotspot:focus-visible{outline:3px solid #73ecff!important;outline-offset:-4px!important}

@media(max-width:900px){
  body.mp7-body .mp142-hero-carousel{border-radius:20px!important;padding:2px!important}
  body.mp7-body .mp142-hero-viewport{border-radius:18px!important}
  .mp1411-combo-banner{border-radius:20px!important;margin:13px 0 9px!important}
  .mp1411-combo-inner{border-radius:18px!important}
}

@media(max-width:560px){
  body.mp7-body .mp142-hero-carousel{
    width:100%!important;
    margin:10px 0 12px!important;
    padding:1.5px!important;
    border-radius:16px!important;
  }
  body.mp7-body .mp142-hero-viewport{border-radius:14.5px!important}
  .mp1411-combo-banner{
    width:100%!important;
    margin:11px 0 8px!important;
    padding:1.5px!important;
    border-radius:16px!important;
  }
  .mp1411-combo-inner{border-radius:14.5px!important}
  .mp1411-combo-inner img{width:100%!important;object-fit:contain!important}
  .mp1411-combo-hotspot{
    inset:0!important;
    width:auto!important;
    height:auto!important;
    border-radius:14px!important;
  }
  .mp1411-combo-hotspot:hover{background:transparent!important}
}