/* Solo móvil: el reproductor de escritorio permanece intacto */
.mg-mobile-player{display:none}
@media(max-width:767px){
.site-shell .player-panel{display:none!important}
.mg-mobile-player{display:block!important;box-sizing:border-box;width:min(100% - 16px,390px);margin:12px auto 18px;padding:12px 14px 14px;border:2px solid rgba(255,255,255,.92);border-radius:25px;background:linear-gradient(145deg,#e7f3f4f2,#fff0d0f5 60%,#f3c886ed);color:#4b310d;box-shadow:0 12px 35px #0007;position:relative;text-align:center}
.mg-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mg-live{font-weight:800;color:white;font-size:12px;background:linear-gradient(#d51537,#970d2a);border-radius:24px;padding:7px 11px}
.mg-title{font-size:10px;font-weight:800;color:#7a521a}
.mg-disc{width:min(55vw,205px);height:min(55vw,205px);padding:7px;margin:9px auto 10px;border-radius:50%;background:conic-gradient(#fff9cd,#a86810,#ffe9a4,#b97817,#fff9cd);box-shadow:0 0 0 3px #fff9,0 0 25px #e7a93d9c}
.mg-rotor{width:100%;height:100%;border-radius:50%;overflow:hidden;background:radial-gradient(circle,#a27725,#271907);animation:mgSpin 11s linear infinite;animation-play-state:paused}
.mg-rotor.playing{animation-play-state:running}
.mg-rotor img{width:100%;height:100%;object-fit:cover}
@keyframes mgSpin{to{transform:rotate(360deg)}}
.mg-meta strong{display:block;color:#4c300b;font-size:clamp(20px,5.5vw,25px);line-height:1.2;overflow-wrap:anywhere}
.mg-meta span{display:block;color:#97601a;font-size:16px;margin-top:3px}
#mgEq{display:block;width:100%;height:112px;background:transparent;margin:0 auto 2px}
.mg-controls{display:flex;justify-content:center;align-items:center}
.mg-controls button{border:4px solid #fff0ba;border-radius:50%;background:linear-gradient(#ffe68b,#e8a523);color:#432b08;box-shadow:0 0 0 4px #c88b22,0 4px 15px #b67b2988;width:64px;height:64px;font-size:28px;cursor:pointer}
.mg-volume{display:flex;align-items:center;gap:8px;margin-top:13px;padding:9px 12px;border:1px solid white;border-radius:99px;background:#fff9e6c9}
.mg-volume input{width:100%;accent-color:#d89b18}
#mgStatus{font-size:11px;color:#865a20;margin-top:5px;min-height:0}
#mgStatus:empty{display:none}
}
@media(max-width:350px){.mg-mobile-player{padding:10px}.mg-disc{width:170px;height:170px}#mgEq{height:95px}}
/* Corrección de controles y espectro en pantallas pequeñas */
#mgEq{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:110px!important;min-height:110px!important;position:relative!important;z-index:2!important}
.mg-controls{display:flex!important;flex-wrap:wrap!important;gap:14px!important;justify-content:center!important;align-items:center!important;margin:8px auto 14px!important;position:relative!important;z-index:3!important}
#mgSpectrumToggle{display:inline-flex!important;position:static!important;transform:none!important;white-space:nowrap!important;width:auto!important;min-width:120px!important;max-width:175px!important;height:40px!important;padding:0 12px!important;border-radius:24px!important;font-size:12px!important;line-height:1.2!important;align-items:center!important;justify-content:center!important}
#mgPlay{flex:0 0 64px!important}
#mgStatus{display:block;min-height:1em;overflow-wrap:anywhere;font-size:11px}
#mgSong,#mgArtist{display:block;overflow-wrap:anywhere;text-align:center}