/* ═══ Mini Gpoo · reproductor flotante de LAPORTA (negro y amarillo oficial, plano) ═══ */
#mgp{--y:#E8FF00;--yk:#0A0A0A;--bg:#0E0E10;--bg2:#17171A;--ink:#F2F2F0;--mut:rgba(242,242,240,.62);--line:rgba(255,255,255,.09);
  position:fixed;z-index:2147483000;right:18px;bottom:18px;font-family:'Rubik','Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.3}
#mgp.izq{right:auto;left:18px}
#mgp *{box-sizing:border-box;margin:0;padding:0}
#mgp button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
#mgp[hidden]{display:none!important}
#mgp .mgp-card{width:300px;background:var(--bg);border:1px solid var(--line);border-radius:28px;padding:14px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
#mgp .mgp-h{display:flex;align-items:center;gap:6px}
#mgp .mgp-logo{height:28px;width:auto;display:block;margin-right:auto}
#mgp .mgp-pill{font-size:9.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;padding:6px 10px;border-radius:99px;border:1px solid var(--line);color:var(--ink);white-space:nowrap}
#mgp .mgp-pill.y{background:var(--y);border-color:var(--y);color:var(--yk)}
#mgp .mgp-pill.o{border-color:var(--y);color:var(--y)}
#mgp .mgp-min{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:16px;line-height:1}
#mgp .mgp-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:12px;padding:3px;border:1px solid var(--line);border-radius:99px}
#mgp .mgp-tab{font-size:9.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;padding:8px 6px;border-radius:99px;color:var(--mut)}
#mgp .mgp-tab.on{background:var(--y);color:var(--yk)}
#mgp .mgp-cv{position:relative;margin-top:12px;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:var(--bg2) center/cover no-repeat}
#mgp .mgp-cv.vacio{background-image:none!important;display:grid;place-items:center}
#mgp .mgp-cv.vacio::after{content:'';width:46%;aspect-ratio:640/259;background:url('gpoo-junior-logo.png') center/contain no-repeat;opacity:.22}
#mgp .mgp-badge{position:absolute;left:10px;top:10px;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;padding:6px 10px;border-radius:99px;background:rgba(10,10,10,.72);color:#fff}
#mgp .mgp-badge i{width:6px;height:6px;border-radius:50%;background:var(--y)}
#mgp .mgp-badge.ad{background:var(--y);color:var(--yk)}#mgp .mgp-badge.ad i{background:var(--yk)}
#mgp .mgp-t{margin-top:12px;text-align:center}
#mgp .mgp-t b{display:block;font-weight:800;font-size:15px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mgp .mgp-t span{display:block;font-size:13px;color:var(--mut);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mgp .mgp-t a{color:var(--y);text-decoration:none;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;display:inline-block;margin-top:6px}
#mgp .mgp-bar{margin-top:12px;height:3px;border-radius:9px;background:var(--line);overflow:hidden}
#mgp .mgp-bar i{display:block;height:100%;width:0;background:var(--y)}
#mgp .mgp-time{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:var(--mut);font-variant-numeric:tabular-nums}
#mgp .mgp-play{display:grid;place-items:center;width:58px;height:58px;margin:10px auto 0;border-radius:50%;background:var(--y)!important;color:var(--yk)!important}
#mgp .mgp-play svg{width:22px;height:22px;fill:currentColor}
#mgp .mgp-eq{display:flex;justify-content:center;align-items:flex-end;gap:3px;height:14px;margin-top:10px}
#mgp .mgp-eq i{width:3px;height:30%;border-radius:2px;background:var(--mut)}
#mgp.play .mgp-eq i{background:var(--y);animation:mgpEq .9s ease-in-out infinite}
#mgp.play .mgp-eq i:nth-child(2){animation-delay:-.2s}#mgp.play .mgp-eq i:nth-child(3){animation-delay:-.45s}#mgp.play .mgp-eq i:nth-child(4){animation-delay:-.1s}#mgp.play .mgp-eq i:nth-child(5){animation-delay:-.6s}#mgp.play .mgp-eq i:nth-child(6){animation-delay:-.3s}#mgp.play .mgp-eq i:nth-child(7){animation-delay:-.75s}
@keyframes mgpEq{0%,100%{height:25%}50%{height:100%}}
#mgp .mgp-next{margin-top:10px;text-align:center;font-size:11px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* minimizado */
#mgp .mgp-chip{display:none;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:99px;background:var(--bg);border:1px solid var(--line);box-shadow:0 14px 34px rgba(0,0,0,.4)}
#mgp .mgp-chip img{height:22px;width:auto;display:block}
#mgp .mgp-chip .mgp-mini-t{max-width:150px;font-size:11px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mgp .mgp-chip .mgp-cplay{width:38px;height:38px;border-radius:50%;background:var(--y)!important;color:var(--yk)!important;display:grid;place-items:center}
#mgp .mgp-chip .mgp-cplay svg{width:16px;height:16px;fill:currentColor}
#mgp.min .mgp-card{display:none}
#mgp.min .mgp-chip{display:flex}
/* Gpoo completo para suscriptores */
#mgpFull{position:fixed;inset:0;z-index:2147483001;background:#000;display:none}
#mgpFull.on{display:block}
#mgpFull iframe{width:100%;height:100%;border:0;display:block}
#mgpFull button{position:absolute;top:14px;right:14px;z-index:2;width:44px;height:44px;border-radius:50%;background:#E8FF00;color:#0A0A0A;border:0;font-size:22px;font-weight:700;cursor:pointer}
/* aviso */
#mgp .mgp-tip{position:absolute;bottom:calc(100% + 10px);right:0;width:260px;padding:14px 16px;border-radius:18px;background:var(--bg);border:1px solid var(--line);font-size:12.5px;line-height:1.5;color:var(--ink);display:none}
#mgp .mgp-tip.on{display:block}
#mgp .mgp-tip b{color:var(--y)}
#mgp .mgp-tip a{display:inline-block;margin-top:10px;padding:8px 14px;border-radius:99px;background:var(--y);color:var(--yk);font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;text-decoration:none}
#mgp.izq .mgp-tip{right:auto;left:0}
@media (max-width:760px){
  #mgp{right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  #mgp.izq{left:12px}
  #mgp .mgp-card{width:min(320px,calc(100vw - 24px))}
}
@media (prefers-reduced-motion:reduce){#mgp.play .mgp-eq i{animation:none;height:70%}}
/* descargar como app */
#mgp .mgp-dl{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:99px;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
#mgp .mgp-dl img{width:22px;height:22px;border-radius:6px;object-fit:cover}
#mgp .mgp-dl em{font-style:normal;padding:3px 8px;border-radius:99px;background:var(--y);color:var(--yk);font-size:9px;letter-spacing:1px}
#mgp .mgp-dl:hover{border-color:var(--y)}
/* Mini Gpoo como app */
#mgp.app{box-sizing:border-box;position:fixed;inset:0;right:auto;bottom:auto;width:100%;height:100%;display:grid;place-items:center;padding:20px;background:#0A0A0A}
#mgp.app .mgp-card{width:min(380px,100%);border-radius:32px;padding:18px}
#mgp.app .mgp-min{display:none}
#mgp.app .mgp-tip{position:fixed;left:50%;right:auto;top:20px;bottom:auto;transform:translateX(-50%)}
/* v6.36: en la portada Mini Gpoo vive anclado en el HERO (#mgpNido); minimizado es el chip flotante */
#mgp .mgp-card{transform-origin:0 0;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
#mgp.anidado .mgp-card{transform:scale(var(--mge,1))}
#mgp.arriba .mgp-tip{bottom:auto;top:calc(100% + 10px)}
#mgp.anidado .mgp-tip{bottom:auto;top:calc(100% * var(--mge,1) + 14px);right:auto;left:calc(50% * var(--mge,1));transform:translateX(-50%)}
/* ═══ Tienda oficial flotante (laportamusic.com) ═══ */
#lpt{--y:#E8FF00;--k:#0A0A0A;--mx:0px;--my:0px;position:fixed;z-index:2147482999;left:18px;bottom:18px;display:block;text-decoration:none;color:var(--k);border-radius:999px;transform:translate3d(var(--mx),var(--my),0);-webkit-tap-highlight-color:transparent;font-family:'Rubik','Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;transition:opacity .3s}
#lpt.der{left:auto;right:18px}
#lpt *{box-sizing:border-box;margin:0;padding:0}
#lpt .lpt-in{position:relative;display:flex;flex-direction:column;justify-content:center;height:58px;min-width:150px;padding:0 26px;border-radius:999px;background:var(--y);box-shadow:0 16px 36px rgba(0,0,0,.4);transition:transform .35s cubic-bezier(.2,.7,.2,1),background .3s}
#lpt small{display:block;font-size:9px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;opacity:.62}
#lpt .lpt-rot{position:relative;display:block;height:20px;overflow:hidden;margin-top:2px}
#lpt .lpt-rot b{position:absolute;left:0;top:0;white-space:nowrap;font-size:15px;line-height:20px;font-weight:800;letter-spacing:.3px;transform:translateY(110%);opacity:0;transition:transform .55s cubic-bezier(.7,0,.2,1),opacity .4s}
#lpt .lpt-rot b.on{transform:none;opacity:1}
#lpt .lpt-rot b.sale{transform:translateY(-110%);opacity:0}
#lpt em{display:none;font-style:normal}
#lpt .lpt-ring{position:absolute;inset:0;border-radius:999px;border:2px solid var(--y);pointer-events:none;animation:lptRing 3.4s cubic-bezier(.2,.7,.2,1) infinite}
@keyframes lptRing{0%{transform:scale(1);opacity:.9}70%,100%{transform:scale(1.28,1.6);opacity:0}}
#lpt.cerca .lpt-in,#lpt:hover .lpt-in{transform:scale(1.06)}
#lpt:hover .lpt-in{background:var(--y)}
#lpt.pr .lpt-in{transform:scale(.93)}
#lpt:focus-visible{outline:2px solid var(--y);outline-offset:4px}
@media (max-width:760px){
  #lpt{left:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  #lpt.der{left:auto;right:12px}
  #lpt .lpt-in{min-width:0;width:58px;height:58px;padding:0;align-items:center;border-radius:50%}
  #lpt .lpt-ring{border-radius:50%}
  @keyframes lptRing{0%{transform:scale(1);opacity:.9}70%,100%{transform:scale(1.5);opacity:0}}
  #lpt small,#lpt .lpt-rot{display:none}
  #lpt em{display:block;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
  html.mgp-abierto:not(.gph-vis) #lpt{opacity:0;pointer-events:none}
  #mgp .mgp-chip .mgp-mini-t{max-width:max(48px,calc(100vw - 300px))}
}
@media (prefers-reduced-motion:reduce){#lpt .lpt-ring{animation:none;opacity:0}}

/* v6.37: galería del artista que suena, en la portada de Mini Gpoo */
#mgp .mgp-gal{position:absolute;inset:0;z-index:0;background:center/cover no-repeat;opacity:0;transform:scale(var(--z,1))}
#mgp .mgp-gal.on{opacity:1}
#mgp .mgp-gal.roll{animation:mgpRoll .75s cubic-bezier(.2,.7,.2,1)}
@keyframes mgpRoll{0%{translate:0 -10%;filter:brightness(2) contrast(1.6) saturate(0)}25%{translate:-2% 4%;filter:brightness(1.3) saturate(.4)}50%{translate:1% -1%;filter:none}100%{translate:0 0;filter:none}}
#mgp .mgp-tv{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;background-size:120px 120px;image-rendering:pixelated;transition:opacity .4s ease-out}
#mgp .mgp-tv.on{opacity:.9;transition:opacity .06s linear}
#mgp .mgp-badge{z-index:2}
#mgp .mgp-cv.galeria::after{display:none}