/* Rádio Metro Mix — Player ao vivo consolidado V1 (2026-08-18) */

/* Card base */
.home-v2 .rmmx-mascot-base{
  position:relative!important;width:400px!important;height:520px!important;min-height:520px!important;
  overflow:hidden!important;border:2px solid rgba(255,255,255,.94)!important;border-radius:26px!important;
  background:linear-gradient(145deg,#f3bf27 0%,#e0a817 58%,#d0970d 100%)!important;
  box-shadow:0 14px 30px rgba(8,47,143,.15),inset 0 1px 0 rgba(255,255,255,.48)!important;
  isolation:isolate!important;
}
.home-v2 .rmmx-mascot-base::before,.home-v2 .rmmx-mascot-base::after{content:none!important;display:none!important}
.home-v2 .rmmx-mascot-base__image{
  position:absolute!important;z-index:6!important;left:6px!important;bottom:34px!important;height:414px!important;
  width:auto!important;max-width:none!important;display:block!important;object-fit:contain!important;object-position:left bottom!important;
  filter:drop-shadow(0 10px 10px rgba(8,47,143,.18));user-select:none;pointer-events:none;
}

/* Cabeçalho interno */
.home-v2 .rmmx-player-heading{position:absolute;z-index:8;top:30px;right:18px;width:214px;text-align:center;pointer-events:none}
.home-v2 .rmmx-player-heading strong{display:block;color:#082f8f;font-size:23px;line-height:1.05;font-weight:950;white-space:nowrap;letter-spacing:-.02em}
.home-v2 .rmmx-player-heading span{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:9px;color:#df4c08;font-size:17px;line-height:1;font-weight:900}
.home-v2 .rmmx-player-heading span i{width:9px;height:9px;border-radius:50%;background:#f01924;animation:rmmx-live-pulse 1.25s infinite}
.home-v2 .rmmx-player-heading>b{display:block;width:58px;height:5px;margin:12px auto 0;border-radius:999px;background:#082f8f}
@keyframes rmmx-live-pulse{0%{box-shadow:0 0 0 0 rgba(240,25,36,.55)}70%{box-shadow:0 0 0 9px rgba(240,25,36,0);opacity:.7}100%{box-shadow:0 0 0 0 rgba(240,25,36,0);opacity:1}}

/* Equalizador decorativo */
.home-v2 .rmmx-player-equalizer{position:absolute;z-index:2;top:104px;left:20px;right:10px;height:188px;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;opacity:.34;overflow:hidden;pointer-events:none}
.home-v2 .rmmx-player-equalizer i{width:13px;min-width:13px;min-height:22px;border-radius:5px 5px 2px 2px;background:repeating-linear-gradient(to top,#ff8a00 0 7px,transparent 7px 11px)}
.home-v2 .rmmx-player-equalizer i:nth-child(1){height:54%}.home-v2 .rmmx-player-equalizer i:nth-child(2){height:78%}.home-v2 .rmmx-player-equalizer i:nth-child(3){height:42%}.home-v2 .rmmx-player-equalizer i:nth-child(4){height:91%}.home-v2 .rmmx-player-equalizer i:nth-child(5){height:58%}.home-v2 .rmmx-player-equalizer i:nth-child(6){height:36%}.home-v2 .rmmx-player-equalizer i:nth-child(7){height:69%}.home-v2 .rmmx-player-equalizer i:nth-child(8){height:48%}.home-v2 .rmmx-player-equalizer i:nth-child(9){height:82%}.home-v2 .rmmx-player-equalizer i:nth-child(10){height:61%}.home-v2 .rmmx-player-equalizer i:nth-child(11){height:94%}.home-v2 .rmmx-player-equalizer i:nth-child(12){height:52%}

/* Controles */
.home-v2 .rmmx-player-controls{position:absolute;z-index:9;top:184px;right:16px;width:178px;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.home-v2 .rmmx-player-button{box-sizing:border-box;width:176px;max-width:176px;height:54px;padding:6px 10px 6px 7px;display:flex;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden;border:2px solid #fff;border-radius:28px;color:#fff;background:linear-gradient(145deg,#165edc 0%,#082f8f 72%,#061f63 100%);box-shadow:0 10px 20px rgba(8,47,143,.30),inset 0 1px 0 rgba(255,255,255,.32);cursor:pointer;transition:transform .18s ease,filter .18s ease}
.home-v2 .rmmx-player-button:hover{transform:translateY(-2px);filter:brightness(1.06)}
.home-v2 .rmmx-player-button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.home-v2 .rmmx-player-button.is-loading{cursor:progress;filter:saturate(.88)}
.home-v2 .rmmx-player-button>span{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:50%;background:#ffc400}
.home-v2 .rmmx-player-button>span::after{content:'';margin-left:4px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:12px solid #082f8f}
.home-v2 .rmmx-player-button.is-playing>span::after{width:13px;height:18px;margin-left:0;border:0;background:linear-gradient(90deg,#082f8f 0 38%,transparent 38% 62%,#082f8f 62% 100%)}
.home-v2 .rmmx-player-button.is-loading>span::after{width:16px;height:16px;margin:0;border:3px solid rgba(8,47,143,.28);border-top-color:#082f8f;border-radius:50%;animation:rmmx-spin .8s linear infinite}
@keyframes rmmx-spin{to{transform:rotate(360deg)}}
.home-v2 .rmmx-player-button strong{display:block;min-width:0;flex:1 1 auto;font-size:12.5px;line-height:1;font-weight:950;letter-spacing:0;white-space:nowrap;overflow:hidden;text-align:center}

/* Volume */
.home-v2 .rmmx-volume-row{box-sizing:border-box;width:158px;height:27px;margin-right:2px;padding:0;display:flex;align-items:center;gap:7px}
.home-v2 .rmmx-volume-icon{width:19px;flex:0 0 19px;font-size:17px;line-height:1;filter:saturate(.2) brightness(.65)}
.home-v2 #rmmxVolume{width:130px;flex:0 0 130px;height:4px;margin:0;appearance:none;-webkit-appearance:none;border:0;border-radius:999px;outline:0;background:linear-gradient(to right,#082f8f 0 68%,rgba(8,47,143,.25) 68% 100%);cursor:pointer;touch-action:manipulation}
.home-v2 #rmmxVolume:focus-visible{outline:3px solid rgba(255,255,255,.95);outline-offset:4px}
.home-v2 #rmmxVolume::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:#ffc400;box-shadow:0 2px 7px rgba(0,0,0,.2)}
.home-v2 #rmmxVolume::-moz-range-thumb{width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#ffc400;box-shadow:0 2px 7px rgba(0,0,0,.2)}

/* Tocando agora */
.home-v2 .rmmx-now-playing{box-sizing:border-box;width:168px;min-height:54px;margin-right:0;padding:8px 2px 7px;display:flex;align-items:center;gap:8px;border-top:1px solid rgba(8,47,143,.12);border-bottom:1px solid rgba(8,47,143,.12);color:#082f8f}
.home-v2 .rmmx-now-bars{width:25px;height:29px;flex:0 0 25px;display:flex;align-items:center;justify-content:center;gap:3px}
.home-v2 .rmmx-now-bars i{width:4px;border-radius:4px;background:#082f8f;animation:rmmx-bars .9s ease-in-out infinite alternate}.home-v2 .rmmx-now-bars i:nth-child(1){height:12px}.home-v2 .rmmx-now-bars i:nth-child(2){height:25px;animation-delay:.16s}.home-v2 .rmmx-now-bars i:nth-child(3){height:18px;animation-delay:.3s}.home-v2 .rmmx-now-bars i:nth-child(4){height:10px;animation-delay:.42s}
@keyframes rmmx-bars{to{transform:scaleY(.45);opacity:.58}}
.home-v2 .rmmx-now-playing div{min-width:0;text-align:left}.home-v2 .rmmx-now-playing strong{display:block;font-size:12px;line-height:1;font-weight:950;white-space:nowrap}.home-v2 .rmmx-now-playing small{display:block;max-width:122px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#082f8f;font-size:10.5px;font-weight:800}
.home-v2 #rmmxAudio{display:none}

/* Pedido musical */
.home-v2 .rmmx-request-button{position:relative;box-sizing:border-box;width:188px;min-height:54px;margin:0;padding:5px 13px 5px 7px;display:flex;align-items:center;gap:9px;overflow:hidden;border:2px solid #fff;border-radius:28px;color:#fff;background:linear-gradient(180deg,#1359cf 0%,#07358e 100%);box-shadow:0 8px 18px rgba(7,39,105,.28),inset 0 1px 0 rgba(255,255,255,.18);cursor:pointer;text-align:left;transition:transform .18s ease,filter .18s ease}
.home-v2 .rmmx-request-button::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 0 40%,rgba(255,255,255,.16) 49%,transparent 58%);transform:translateX(-115%);transition:transform .45s ease}
.home-v2 .rmmx-request-button:hover{transform:translateY(-2px) scale(1.015);filter:brightness(1.06)}.home-v2 .rmmx-request-button:hover::after{transform:translateX(115%)}.home-v2 .rmmx-request-button:active{transform:translateY(0) scale(.985)}.home-v2 .rmmx-request-button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.home-v2 .rmmx-request-button__icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:50%;background:#ffca16;color:#0b3a9a;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}.home-v2 .rmmx-request-button__icon svg{width:21px;height:21px;display:block;fill:currentColor}
.home-v2 .rmmx-request-button__copy{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;line-height:1.02}.home-v2 .rmmx-request-button__copy strong{font-size:11.4px;font-weight:950;letter-spacing:.015em;white-space:nowrap}.home-v2 .rmmx-request-button__copy small{margin-top:3px;color:#ffe36b;font-size:8.4px;font-weight:800;white-space:nowrap}

/* Piso social */
.home-v2 .rmmx-social-floor{position:absolute;z-index:3;left:0;right:0;bottom:0;height:145px;padding:48px 18px 20px 184px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;color:#fff;background:linear-gradient(155deg,#0a42a8 0%,#082f8f 58%,#061f63 100%);clip-path:ellipse(96% 85% at 64% 100%)}
.home-v2 .rmmx-social-floor__title,.home-v2 .rmmx-social-floor__links{position:relative;z-index:10}.home-v2 .rmmx-social-floor__title{display:block;margin:0;color:#fff;font-size:19px;line-height:1;font-weight:900;letter-spacing:.02em;text-shadow:0 2px 5px rgba(0,0,0,.22)}
.home-v2 .rmmx-social-floor__links{display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px}.home-v2 .rmmx-social-floor__link{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(255,255,255,.92);box-shadow:0 5px 12px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.25);text-decoration:none;transition:transform .18s ease,filter .18s ease}.home-v2 .rmmx-social-floor__link:hover{transform:translateY(-3px) scale(1.06);filter:brightness(1.08)}.home-v2 .rmmx-social-floor__link[aria-disabled="true"]{cursor:default}.home-v2 .rmmx-social-floor__link svg{width:19px;height:19px;display:block;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.home-v2 .rmmx-social-floor__link svg .fill,.home-v2 .rmmx-social-floor__link svg path.fill,.home-v2 .rmmx-social-floor__link svg circle.fill{fill:#fff;stroke:none}
.home-v2 .rmmx-social-floor__link--instagram{background:radial-gradient(circle at 30% 105%,#ffd600 0 22%,#ff7a00 23% 38%,#ff0169 39% 62%,#d300c5 63% 78%,#7638fa 79% 100%)}.home-v2 .rmmx-social-floor__link--tiktok{background:#050505}.home-v2 .rmmx-social-floor__link--facebook{background:#1877f2}.home-v2 .rmmx-social-floor__link--youtube{background:#f00}.home-v2 .rmmx-social-floor__link--whatsapp{background:#25d366}

/* Modal de pedido */
.rmmx-request-modal{display:none;position:fixed;inset:0;z-index:100120;padding:22px;background:rgba(2,12,34,.72);backdrop-filter:blur(3px);align-items:center;justify-content:center}.rmmx-request-modal.is-open{display:flex}.rmmx-request-modal__dialog{width:min(660px,96vw);height:min(850px,92vh);overflow:hidden;border:2px solid rgba(255,255,255,.95);border-radius:20px;background:#f8fafc;box-shadow:0 24px 70px rgba(0,0,0,.42);display:flex;flex-direction:column}.rmmx-request-modal__bar{min-height:68px;padding:10px 12px 10px 18px;background:linear-gradient(135deg,#092f82,#124fbe);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:4px solid #ffbd00}.rmmx-request-modal__title{display:flex;align-items:center;gap:11px;min-width:0}.rmmx-request-modal__title>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#ffca16;color:#0a3893;font-size:24px;font-weight:900}.rmmx-request-modal__title div{display:flex;flex-direction:column;line-height:1.06}.rmmx-request-modal__title strong{font:900 18px/1 Arial,sans-serif;letter-spacing:.02em}.rmmx-request-modal__title small{margin-top:5px;color:#ffdc52;font:700 11px/1 Arial,sans-serif}.rmmx-request-modal__close{width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font:300 30px/1 Arial,sans-serif;cursor:pointer}.rmmx-request-modal__close:hover{background:#fff;color:#0a3c9e}.rmmx-request-modal__body{position:relative;flex:1;min-height:0;background:#f1f5f9}.rmmx-request-modal__body iframe{position:relative;z-index:2;width:100%;height:100%;border:0;display:block;background:#f1f5f9}.rmmx-request-modal__loading{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:#0a3c9e;background:#f1f5f9;font:800 14px Arial,sans-serif}.rmmx-request-modal__loading[hidden]{display:none!important}html.rmmx-request-open{overflow:hidden}

/* Faixa AO VIVO do site */
.ticker-live-trigger{position:relative;animation:rmmxLivePulse 1.25s ease-in-out infinite}.ticker-live-trigger::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:currentColor;margin-right:7px;box-shadow:0 0 0 0 currentColor;animation:rmmxDotPulse 1.25s ease-out infinite}@keyframes rmmxLivePulse{50%{filter:brightness(1.18)}}@keyframes rmmxDotPulse{70%{box-shadow:0 0 0 7px transparent}}

/* Responsivo */
@media(max-width:1100px){.home-v2 .rmmx-mascot-base{width:min(400px,100%)!important;justify-self:center!important}}
@media(max-width:620px){.rmmx-request-modal{padding:8px}.rmmx-request-modal__dialog{width:100%;height:96vh;border-radius:16px}.rmmx-request-modal__bar{min-height:60px;padding-left:13px}.rmmx-request-modal__title>span{width:36px;height:36px;font-size:21px}.rmmx-request-modal__title strong{font-size:16px}}
@media(max-width:520px){
  .home-v2 .rmmx-mascot-base{width:100%!important;height:500px!important;min-height:500px!important}.home-v2 .rmmx-mascot-base__image{left:0!important;bottom:34px!important;height:394px!important}.home-v2 .rmmx-player-heading{right:12px;width:205px}.home-v2 .rmmx-player-heading strong{font-size:21px}.home-v2 .rmmx-player-equalizer{top:102px;left:14px;right:8px;height:180px;gap:5px}.home-v2 .rmmx-player-equalizer i{width:12px;min-width:12px}.home-v2 .rmmx-player-controls{top:181px;right:10px;width:174px}.home-v2 .rmmx-player-button{width:172px;max-width:172px;height:52px}.home-v2 .rmmx-player-button strong{font-size:12px}.home-v2 .rmmx-volume-row{width:154px}.home-v2 #rmmxVolume{width:126px;flex-basis:126px}.home-v2 .rmmx-now-playing{width:164px}.home-v2 .rmmx-request-button{width:178px;min-height:52px}.home-v2 .rmmx-social-floor{height:140px;padding:46px 10px 18px 172px}.home-v2 .rmmx-social-floor__links{gap:6px}.home-v2 .rmmx-social-floor__link{width:30px;height:30px;flex-basis:30px}
}

@media(prefers-reduced-motion:reduce){.home-v2 .rmmx-player-heading span i,.home-v2 .rmmx-now-bars i,.ticker-live-trigger,.ticker-live-trigger::before,.home-v2 .rmmx-player-button.is-loading>span::after{animation:none!important}.home-v2 .rmmx-player-button,.home-v2 .rmmx-request-button,.home-v2 .rmmx-social-floor__link{transition:none!important}}

/* ==========================================================
   RÁDIO METRO MIX — PLAYER MOBILE V1 (2026-08-19)
   Mantém o mesmo visual, mas cabe em iPhone/Android.
   ========================================================== */
@media(max-width:620px){
  .live-player-modal{padding:0!important;align-items:flex-end!important;justify-content:center!important}
  .live-player-modal__dialog{width:min(100vw - 12px,420px)!important;max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - 10px)!important;margin:0 auto 6px!important;border-radius:18px!important;overflow:hidden!important}
  .live-player-modal__toolbar{min-height:48px!important;padding:7px 8px 7px 14px!important;font-size:13px!important}
  .live-player-modal__minimize,.live-player-modal__close{width:36px!important;height:36px!important;min-width:36px!important;font-size:24px!important}

  .home-v2 .rmmx-mascot-base{width:100%!important;max-width:100%!important;height:455px!important;min-height:455px!important;border-radius:0 0 16px 16px!important}
  .home-v2 .rmmx-mascot-base__image{left:-4px!important;bottom:30px!important;height:350px!important}
  .home-v2 .rmmx-player-heading{top:22px!important;right:9px!important;width:190px!important}
  .home-v2 .rmmx-player-heading strong{font-size:19px!important}
  .home-v2 .rmmx-player-heading span{font-size:14px!important;margin-top:7px!important}
  .home-v2 .rmmx-player-heading>b{margin-top:9px!important;height:4px!important}
  .home-v2 .rmmx-player-equalizer{top:88px!important;left:10px!important;right:6px!important;height:165px!important;opacity:.27!important}
  .home-v2 .rmmx-player-controls{top:158px!important;right:8px!important;width:164px!important;gap:9px!important}
  .home-v2 .rmmx-player-button{width:162px!important;max-width:162px!important;height:48px!important;padding:5px 8px 5px 6px!important}
  .home-v2 .rmmx-player-button>span{width:34px!important;height:34px!important;flex-basis:34px!important}
  .home-v2 .rmmx-player-button strong{font-size:11.5px!important}
  .home-v2 .rmmx-volume-row{width:148px!important;height:24px!important;gap:5px!important}
  .home-v2 #rmmxVolume{width:122px!important;flex-basis:122px!important;height:5px!important}
  .home-v2 #rmmxVolume::-webkit-slider-thumb{width:20px!important;height:20px!important}
  .home-v2 .rmmx-now-playing{width:158px!important;min-height:48px!important;padding-block:6px!important}
  .home-v2 .rmmx-now-playing strong{font-size:11px!important}
  .home-v2 .rmmx-now-playing small{font-size:9.5px!important;max-width:112px!important}
  .home-v2 .rmmx-request-button{width:166px!important;min-height:48px!important;padding-right:8px!important}
  .home-v2 .rmmx-request-button__icon{width:35px!important;height:35px!important;flex-basis:35px!important}
  .home-v2 .rmmx-request-button__copy strong{font-size:10.4px!important}
  .home-v2 .rmmx-request-button__copy small{font-size:7.7px!important}
  .home-v2 .rmmx-social-floor{height:125px!important;padding:43px 8px 14px 155px!important}
  .home-v2 .rmmx-social-floor__title{font-size:16px!important}
  .home-v2 .rmmx-social-floor__links{gap:5px!important}
  .home-v2 .rmmx-social-floor__link{width:28px!important;height:28px!important;flex-basis:28px!important}
  .home-v2 .rmmx-social-floor__link svg{width:16px!important;height:16px!important}

  .rmmx-request-modal{padding:0!important;align-items:stretch!important}
  .rmmx-request-modal__dialog{width:100%!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important}
  .rmmx-request-modal__bar{min-height:56px!important;padding:8px 10px 8px 12px!important}
  .rmmx-request-modal__close{width:38px!important;height:38px!important;flex-basis:38px!important}
}

@media(max-width:390px){
  .home-v2 .rmmx-mascot-base{height:430px!important;min-height:430px!important}
  .home-v2 .rmmx-mascot-base__image{height:328px!important;left:-10px!important}
  .home-v2 .rmmx-player-heading{right:7px!important;width:180px!important}
  .home-v2 .rmmx-player-heading strong{font-size:18px!important}
  .home-v2 .rmmx-player-controls{top:151px!important;right:6px!important;width:156px!important}
  .home-v2 .rmmx-player-button{width:154px!important;max-width:154px!important}
  .home-v2 .rmmx-volume-row{width:143px!important}
  .home-v2 #rmmxVolume{width:116px!important;flex-basis:116px!important}
  .home-v2 .rmmx-now-playing{width:151px!important}
  .home-v2 .rmmx-request-button{width:158px!important}
  .home-v2 .rmmx-social-floor{height:118px!important;padding-left:145px!important}
}