/* Radio Armeria Premium Clean v41 */
:root {
  --ra-gold:#ffd166;
  --ra-orange:#ff9b22;
  --ra-dark:#100d0a;
  --ra-brown:#542407;
}

/* Top bar */
.hder-top{background:linear-gradient(90deg,#0e0b08,#3a1705 38%,#a74d09 72%,#ff8a1f)!important;border-bottom:1px solid rgba(255,209,102,.22)!important}
.hder-top__container{width:min(1180px,calc(100% - 28px))!important;height:50px!important;margin:0 auto!important;padding:7px 12px!important;border-radius:0 0 14px 14px!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;gap:12px!important;overflow:hidden!important}
.hder-top .newsletter{flex:1 1 auto!important;min-width:0!important;display:flex!important;align-items:center!important;gap:10px!important;overflow:hidden!important}
.hder-top .newsletter span{height:32px!important;line-height:32px!important;padding:0 14px!important;border-radius:11px!important;background:linear-gradient(180deg,#fff4c7,#ffd166 55%,#ff9b2e)!important;color:#160b03!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important}
.hder-top .newsletter ul{min-width:0!important;overflow:hidden!important}
.hder-top .newsletter a{color:#fff5d8!important;font-size:13px!important;font-weight:800!important;line-height:32px!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}
.hder-top .elty-socials{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:8px!important}
.hder-top .elty-socials:before{font-size:11px!important;color:#fff1c7!important;font-weight:800!important}
.hder-top .elty-socials a{width:28px!important;height:28px!important;border-radius:50%!important;background:linear-gradient(180deg,#fff8df,#ffd166 54%,#ff9b2e)!important;color:#120904!important}

/* Header */
.hder,.hder-type2 .hder{min-height:76px!important;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 42%),#101010!important;border-bottom:3px solid #f4c400!important;box-shadow:0 12px 26px rgba(0,0,0,.22)!important}
.hder-container{width:min(1340px,100%)!important;min-height:76px!important;padding:9px 20px!important;gap:18px!important;display:flex!important;align-items:center!important;overflow:hidden!important}
.hder-container>.flex:first-child{flex:1 1 auto!important;min-width:0!important;gap:22px!important}
.hder-container>.flex:last-child{flex:0 0 auto!important;gap:12px!important}
.hder .logo img,.hder .custom-logo{max-height:54px!important;width:auto!important;filter:drop-shadow(0 8px 14px rgba(0,0,0,.3))}
.hder .main-menu{flex:1 1 auto!important;min-width:0!important}
.hder .main-menu ul,.hder nav.main-menu ul{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:clamp(10px,1vw,20px)!important;flex-wrap:nowrap!important}
.hder .main-menu li{white-space:nowrap!important}
.hder .main-menu a{font-size:clamp(14px,1vw,18px)!important;font-weight:800!important;color:#fff!important;letter-spacing:.01em!important;padding:14px 0!important;text-shadow:0 2px 7px rgba(0,0,0,.35)!important}
.hder .main-menu a:hover,.hder .main-menu li.current-menu-item>a{color:var(--ra-gold)!important}
.hder .show-banner{display:none!important}
.ra-header-weather{width:188px!important;min-width:188px!important;height:48px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:6px 12px 6px 8px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.03)),rgba(38,25,13,.78)!important;border:1px solid rgba(255,209,102,.34)!important;color:#fff!important}
.ra-header-weather__icon{width:32px!important;height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:linear-gradient(135deg,#ffd166,#ff8a1f)!important}
.ra-header-weather__temp{font-size:18px!important;font-weight:900!important;color:#ffd166!important}
.ra-header-weather__city{display:block!important;max-width:88px!important;font-size:10px!important;font-weight:800!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.ra-header-weather__forecast{display:none!important}
.hder .btn-menu{height:48px!important;padding:0 18px!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04)),rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.09)!important;color:#fff!important;font-size:17px!important;font-weight:900!important}

/* Footer */
.fter{background:linear-gradient(135deg,#1a0d05,#7a390b 55%,#ff9b22)!important;padding-bottom:170px!important}
.fter img{max-height:140px!important}
.fter a,.fter p,.fter span{color:#fff!important}

/* Player clean */
#app-super{--ra-live-cover:url('');}
#app-super:not(.is-expanded){pointer-events:none!important}
#app-super:not(.is-expanded) .player,#app-super:not(.is-expanded) .player *{pointer-events:auto!important}
#app-super .player-overlay,#app-super .player-bg,#app-super .visualizer{pointer-events:none!important}
#app-super:not(.is-expanded) .player{position:fixed!important;left:4vw!important;right:4vw!important;bottom:18px!important;width:auto!important;min-height:112px!important;border-radius:30px!important;border:1px solid rgba(255,210,120,.25)!important;background:linear-gradient(120deg,rgba(18,13,9,.9),rgba(74,43,16,.78),rgba(145,82,20,.72))!important;box-shadow:0 16px 34px rgba(31,18,6,.24),inset 0 1px 0 rgba(255,255,255,.2)!important;overflow:hidden!important;z-index:9997!important}
#app-super:not(.is-expanded) .player-wrapper{padding:14px 18px!important}
#app-super:not(.is-expanded) .player-cover{display:flex!important;align-items:center!important;gap:16px!important}
#app-super .player-picture,#app-super .player-artwork-style{border-radius:50%!important;background-image:var(--ra-live-cover)!important;background-size:cover!important;background-position:center!important;border:2px solid rgba(255,210,120,.35)!important;box-shadow:0 10px 22px rgba(0,0,0,.25)!important;overflow:hidden!important}
#app-super:not(.is-expanded) .player-picture,#app-super:not(.is-expanded) .player-artwork-style,#app-super:not(.is-expanded) .player-picture img{width:74px!important;height:74px!important;min-width:74px!important;border-radius:50%!important;object-fit:cover!important}
#app-super.is-playing .player-picture img,#app-super.is-playing .player-artwork-style img{animation:raSpin 8s linear infinite}
@keyframes raSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
#app-super .player-program-badge{background:linear-gradient(135deg,#ff4e2f,#ff941b)!important;color:#fff!important;border-radius:999px!important;padding:3px 8px!important;font-size:10px!important;font-weight:900!important}
#app-super .player-cover-title{min-width:0!important;max-width:min(40vw,560px)!important}
#app-super .song-title{font-size:clamp(18px,1.7vw,30px)!important;line-height:1.05!important;color:#fff!important;font-weight:900!important}
#app-super .song-artist{font-size:14px!important;color:#ffd166!important;font-weight:700!important}
#app-super .player-controller{display:flex!important;align-items:center!important;gap:12px!important;margin-left:auto!important}
#app-super .player-button-play{width:64px!important;height:64px!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#ffd27a,#ffae45 45%,#ff8a22)!important;color:#fff!important;box-shadow:0 12px 24px rgba(255,139,34,.26),0 0 0 9px rgba(255,177,74,.1)!important;border:0!important;cursor:pointer!important}
#app-super .player-button,#app-super .player-button-alt{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;border-radius:14px!important;cursor:pointer!important}
#app-super .player-right{display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto!important}
#app-super #player-expand{display:inline-flex!important;width:42px!important;height:42px!important;align-items:center!important;justify-content:center!important;opacity:1!important;visibility:visible!important}
#app-super #player-expand svg:last-child{display:none!important}
#app-super.is-expanded #player-expand svg:first-child{display:none!important}
#app-super.is-expanded #player-expand svg:last-child{display:block!important}
.ra-clean-volume{height:44px;min-width:210px;display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:999px;background:rgba(35,22,11,.44);border:1px solid rgba(255,210,120,.23);backdrop-filter:blur(12px)}
.ra-clean-volume-icon{border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:50%;width:30px;height:30px}
.ra-clean-volume-range{width:110px;height:6px;border-radius:99px;appearance:none;outline:0}
.ra-clean-volume-range::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border-radius:50%;background:linear-gradient(135deg,#fff4c7,#ff9b34);border:2px solid #fff}
.ra-clean-volume-value{font-size:11px;font-weight:900;color:#ffe2a4}

/* Expanded player */
#app-super.is-expanded{position:fixed!important;inset:0!important;z-index:99999!important;background:rgba(8,5,3,.96)!important;pointer-events:auto!important}
#app-super.is-expanded .player{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;overflow:hidden!important;background:#160c05!important}
#app-super.is-expanded .player-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:blur(18px) brightness(.55)!important;transform:scale(1.08)!important;opacity:.95!important}
#app-super.is-expanded .player-overlay{position:absolute!important;inset:0!important;background:linear-gradient(135deg,rgba(10,7,5,.56),rgba(130,63,12,.28))!important}
#app-super.is-expanded .player-wrapper{position:relative!important;z-index:5!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}
#app-super.is-expanded .player-cover{width:min(430px,90vw)!important;min-height:560px!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.02)),linear-gradient(135deg,rgba(23,14,8,.88),rgba(83,47,15,.78))!important;border:1px solid rgba(255,210,120,.22)!important;box-shadow:0 28px 66px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.18)!important;padding:34px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:18px!important}
#app-super.is-expanded .player-picture,#app-super.is-expanded .player-artwork-style,#app-super.is-expanded .player-picture img{width:210px!important;height:210px!important;border-radius:50%!important;object-fit:cover!important}
#app-super.is-expanded .player-cover-title{max-width:100%!important;text-align:left!important;width:100%!important}
#app-super.is-expanded .song-title{font-size:25px!important}
#app-super.is-expanded .song-artist{font-size:16px!important}
#app-super.is-expanded .player-controller{margin:0!important;width:100%!important;justify-content:center!important}
#app-super.is-expanded .player-right{position:absolute!important;right:22px!important;top:22px!important;z-index:12!important}
#app-super:not(.is-expanded) .visualizer,#app-super:not(.is-expanded) .ra-clean-spectrum{display:none!important}
#app-super.is-expanded .visualizer{display:block!important;position:absolute!important;left:7vw!important;right:7vw!important;bottom:30px!important;height:78px!important;z-index:1!important;pointer-events:none!important;opacity:.88!important;overflow:hidden!important;mask-image:linear-gradient(90deg,transparent,black 9%,black 91%,transparent)!important}
#app-super.is-expanded .ra-clean-spectrum{display:block!important;width:100%!important;height:100%!important}

/* Responsive */
@media(max-width:1180px){.hder .main-menu{display:none!important}.ra-header-weather{margin-left:auto!important}}
@media(max-width:767px){
 .hder-top .elty-socials{display:none!important}.hder-top__container{height:46px!important;width:calc(100% - 16px)!important}
 .hder-container{min-height:64px!important;padding:7px 9px!important}.hder .logo img,.hder .custom-logo{max-height:42px!important}
 .ra-header-weather{width:128px!important;min-width:128px!important;height:38px!important}.ra-header-weather__temp{font-size:14px!important}.ra-header-weather__city{max-width:58px!important}
 #app-super:not(.is-expanded) .player{left:10px!important;right:10px!important;bottom:10px!important;min-height:86px!important;border-radius:23px!important}
 #app-super:not(.is-expanded) .player-wrapper{padding:9px 10px 12px!important}
 #app-super:not(.is-expanded) .player-cover{display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;gap:9px!important}
 #app-super:not(.is-expanded) .player-picture,#app-super:not(.is-expanded) .player-artwork-style,#app-super:not(.is-expanded) .player-picture img{width:54px!important;height:54px!important;min-width:54px!important}
 #app-super:not(.is-expanded) .player-cover-title{max-width:none!important}
 #app-super:not(.is-expanded) .song-title{font-size:15px!important}
 #app-super:not(.is-expanded) .song-artist{font-size:10px!important}
 #app-super:not(.is-expanded) .ra-clean-volume{display:none!important}
 #app-super:not(.is-expanded) .player-button-play{width:48px!important;height:48px!important}
 #app-super:not(.is-expanded) .player-right{position:absolute!important;right:8px!important;top:8px!important}
 #app-super.is-expanded .player-cover{width:min(390px,92vw)!important;min-height:520px!important;padding:28px!important}
 #app-super.is-expanded .player-picture,#app-super.is-expanded .player-artwork-style,#app-super.is-expanded .player-picture img{width:180px!important;height:180px!important}
}

/* Clean v42 - portada = fondo correcto y espectro player3 premium abajo */
#app-super .player-picture img[data-ra-bg-master],
#app-super .player-artwork img[data-ra-bg-master],
#app-super .player-modal-image[data-ra-bg-master]{
  opacity:1!important;
  transition:opacity .22s ease,filter .22s ease,transform .22s ease!important;
}

#app-super .player-picture[data-ra-bg-master],
#app-super .player-artwork-style[data-ra-bg-master]{
  background-size:cover!important;
  background-position:center!important;
}

#app-super:not(.is-expanded) .visualizer,
#app-super:not(.is-expanded) .ra-clean-spectrum{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}

#app-super.is-expanded .visualizer{
  display:block!important;
  position:absolute!important;
  left:8vw!important;
  right:8vw!important;
  top:auto!important;
  bottom:28px!important;
  height:58px!important;
  z-index:2!important;
  opacity:.74!important;
  pointer-events:none!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0))!important;
  mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%)!important;
}

#app-super.is-expanded .ra-clean-spectrum{
  display:block!important;
  width:100%!important;
  height:100%!important;
  opacity:1!important;
}

#app-super.is-expanded .player-cover{
  z-index:6!important;
}

#app-super.is-expanded .player-controller,
#app-super.is-expanded .player-right{
  z-index:12!important;
}

/* ============================================================
   Clean V43 - Full player reparado + scroll premium en metadata
   ============================================================ */

/* Metadata con scroll cuando el nombre sea largo */
#app-super .player-cover-title {
  overflow: hidden !important;
  min-width: 0 !important;
}

#app-super .song-title,
#app-super .song-artist,
#app-super .player-cover-title .song-title,
#app-super .player-cover-title .song-artist {
  display: block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

#app-super .ra-marquee {
  text-overflow: clip !important;
}

#app-super .ra-marquee-inner {
  display: inline-block !important;
  min-width: max-content !important;
  padding-right: 42px !important;
  will-change: transform;
}

#app-super .ra-marquee .ra-marquee-inner {
  animation: raMetaScroll 13s linear infinite !important;
}

#app-super .ra-marquee:hover .ra-marquee-inner {
  animation-play-state: paused !important;
}

@keyframes raMetaScroll {
  0%, 12% { transform: translateX(0); }
  88%, 100% { transform: translateX(calc(-100% + 100%)); }
}

/* Fallback más compatible para navegadores donde calc anterior no desplaza suficiente */
#app-super .ra-marquee .ra-marquee-inner {
  animation-name: raMetaScrollAlt !important;
}

@keyframes raMetaScrollAlt {
  0%, 12% { transform: translateX(0); }
  70%, 88% { transform: translateX(-45%); }
  100% { transform: translateX(0); }
}

/* Player completo: restaurar estructura visible y limpia */
#app-super.is-expanded {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  pointer-events: auto !important;
  background: rgba(8,5,3,.96) !important;
}

#app-super.is-expanded .player {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100vh !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #120905 !important;
}

#app-super.is-expanded .player-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: blur(18px) brightness(.55) saturate(1.08) !important;
  transform: scale(1.08) !important;
  opacity: .95 !important;
  z-index: 0 !important;
}

#app-super.is-expanded .player-overlay {
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 50% 35%, rgba(255, 155, 34, .14), transparent 35%),
    linear-gradient(135deg, rgba(10,7,5,.62), rgba(92,43,9,.34)) !important;
  z-index: 1 !important;
}

#app-super.is-expanded .player-wrapper {
  position: relative !important;
  z-index: 6 !important;
  height: 100% !important;
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  padding: 72px 18px 120px !important;
  box-sizing: border-box !important;
}

#app-super.is-expanded .player-cover {
  width: min(430px, 92vw) !important;
  min-height: 560px !important;
  max-height: calc(100vh - 160px) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.025)),
    linear-gradient(135deg, rgba(23,14,8,.90), rgba(83,47,15,.80)) !important;
  border: 1px solid rgba(255,210,120,.24) !important;
  box-shadow: 0 28px 66px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.18) !important;
  padding: 34px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden !important;
}

/* El contenido interno original del player se apila correctamente */
#app-super.is-expanded .player-left {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  gap: 14px !important;
  min-width: 0 !important;
}

#app-super.is-expanded .player-stream {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  order: -2 !important;
}

#app-super.is-expanded .stream-description {
  color: #ffd166 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

#app-super.is-expanded .stream-name {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

#app-super.is-expanded .player-artwork-container {
  order: -1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 220px !important;
  height: 220px !important;
}

#app-super.is-expanded .player-picture,
#app-super.is-expanded .player-artwork-style,
#app-super.is-expanded .player-picture img {
  width: 210px !important;
  height: 210px !important;
  min-width: 210px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

#app-super.is-expanded .player-cover-title {
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
  overflow: hidden !important;
}

#app-super.is-expanded .song-title {
  font-size: 25px !important;
  line-height: 1.1 !important;
}

#app-super.is-expanded .song-artist {
  font-size: 16px !important;
}

#app-super.is-expanded .player-full-progress {
  width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  color: #fff !important;
}

#app-super.is-expanded .player-controller {
  width: 100% !important;
  margin: 0 !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 12 !important;
}

#app-super.is-expanded .player-right {
  position: absolute !important;
  top: 22px !important;
  right: 22px !important;
  display: flex !important;
  z-index: 30 !important;
}

/* Espectro del player adjunto: abajo, fino, sin tapar tarjeta */
#app-super:not(.is-expanded) .visualizer,
#app-super:not(.is-expanded) .ra-clean-spectrum {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

#app-super.is-expanded .visualizer {
  display: block !important;
  position: absolute !important;
  left: 9vw !important;
  right: 9vw !important;
  top: auto !important;
  bottom: 28px !important;
  height: 54px !important;
  z-index: 2 !important;
  opacity: .64 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background: transparent !important;
  mask-image: linear-gradient(90deg, transparent 0%, black 11%, black 89%, transparent 100%) !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 11%, black 89%, transparent 100%) !important;
}

#app-super.is-expanded .ra-clean-spectrum {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  #app-super.is-expanded .player-wrapper {
    padding: 62px 12px 100px !important;
  }

  #app-super.is-expanded .player-cover {
    width: min(390px, 92vw) !important;
    min-height: 520px !important;
    padding: 28px !important;
  }

  #app-super.is-expanded .player-artwork-container {
    width: 188px !important;
    height: 188px !important;
  }

  #app-super.is-expanded .player-picture,
  #app-super.is-expanded .player-artwork-style,
  #app-super.is-expanded .player-picture img {
    width: 180px !important;
    height: 180px !important;
    min-width: 180px !important;
  }

  #app-super.is-expanded .song-title {
    font-size: 21px !important;
  }

  #app-super.is-expanded .visualizer {
    left: 6vw !important;
    right: 6vw !important;
    bottom: 18px !important;
    height: 44px !important;
  }
}

/* ============================================================
   Clean V44 - Reparación final mini + completo
   ============================================================ */

/* Quitar pantalla negra accidental cuando NO está expandido */
#app-super:not(.is-expanded) {
  position: static !important;
  inset: auto !important;
  background: transparent !important;
  pointer-events: none !important;
  z-index: auto !important;
}

#app-super:not(.is-expanded) .player-overlay {
  display: none !important;
}

#app-super:not(.is-expanded) .player-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: blur(14px) brightness(.72) saturate(1.1) !important;
  transform: scale(1.04) !important;
  opacity: .42 !important;
  z-index: 0 !important;
}

/* Mini player: layout estable sin controles encima del texto */
#app-super:not(.is-expanded) .player {
  position: fixed !important;
  left: 2.2vw !important;
  right: 2.2vw !important;
  bottom: 18px !important;
  width: auto !important;
  max-width: none !important;
  min-height: 104px !important;
  height: 104px !important;
  border-radius: 28px !important;
  z-index: 9997 !important;
  overflow: hidden !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#app-super:not(.is-expanded) .player-wrapper {
  position: relative !important;
  z-index: 5 !important;
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  padding: 13px 18px !important;
  box-sizing: border-box !important;
}

#app-super:not(.is-expanded) .player-cover {
  height: 100% !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) auto auto !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

#app-super:not(.is-expanded) .player-left {
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  width: auto !important;
}

#app-super:not(.is-expanded) .player-stream {
  display: none !important;
}

#app-super:not(.is-expanded) .player-artwork-container {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
  position: relative !important;
}

#app-super:not(.is-expanded) .player-button-prev,
#app-super:not(.is-expanded) .player-button-next {
  display: none !important;
}

#app-super:not(.is-expanded) .player-picture,
#app-super:not(.is-expanded) .player-artwork-style,
#app-super:not(.is-expanded) .player-picture img {
  width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

#app-super:not(.is-expanded) .player-cover-title {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  overflow: hidden !important;
  padding-right: 8px !important;
}

#app-super:not(.is-expanded) .player-full-progress {
  display: none !important;
}

#app-super:not(.is-expanded) .player-controller {
  grid-column: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin: 0 !important;
  min-width: 330px !important;
  width: auto !important;
  position: relative !important;
  transform: none !important;
  z-index: 10 !important;
}

#app-super:not(.is-expanded) .player-right {
  grid-column: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin: 0 !important;
  min-width: 96px !important;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  z-index: 10 !important;
}

#app-super:not(.is-expanded) .player-button-play {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
}

#app-super:not(.is-expanded) .player-button-history,
#app-super:not(.is-expanded) .player-button-tv {
  display: none !important;
}

/* Texto visible y con scroll si es largo */
#app-super .player-cover-title,
#app-super .song-title,
#app-super .song-artist {
  min-width: 0 !important;
  max-width: 100% !important;
}

#app-super .song-title,
#app-super .song-artist {
  display: block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

#app-super:not(.is-expanded) .song-title {
  font-size: clamp(16px, 1.45vw, 25px) !important;
  line-height: 1.05 !important;
}

#app-super:not(.is-expanded) .song-artist {
  font-size: clamp(12px, .95vw, 15px) !important;
  line-height: 1.15 !important;
}

/* Full player: forzar tarjeta visible encima de la pantalla oscura */
#app-super.is-expanded {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 99999 !important;
  background: rgba(8,5,3,.96) !important;
  pointer-events: auto !important;
  overflow: hidden !important;
}

#app-super.is-expanded .player {
  position: absolute !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  border-radius: 0 !important;
  background: #120905 !important;
  overflow: hidden !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#app-super.is-expanded .player-bg {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  object-fit: cover !important;
  filter: blur(18px) brightness(.55) saturate(1.08) !important;
  transform: scale(1.08) !important;
  opacity: .95 !important;
  z-index: 0 !important;
}

#app-super.is-expanded .player-overlay {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    radial-gradient(circle at 50% 35%, rgba(255,155,34,.13), transparent 36%),
    linear-gradient(135deg, rgba(8,5,3,.62), rgba(92,43,9,.34)) !important;
}

#app-super.is-expanded .player-wrapper {
  position: relative !important;
  z-index: 20 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 66px 18px 110px !important;
  box-sizing: border-box !important;
}

#app-super.is-expanded .player-cover {
  width: min(430px, 92vw) !important;
  min-height: 560px !important;
  max-height: calc(100vh - 150px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  padding: 34px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.025)),
    linear-gradient(135deg, rgba(23,14,8,.92), rgba(83,47,15,.82)) !important;
  border: 1px solid rgba(255,210,120,.24) !important;
  box-shadow: 0 28px 66px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.18) !important;
  position: relative !important;
  z-index: 30 !important;
}

#app-super.is-expanded .player-left {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  gap: 14px !important;
  min-width: 0 !important;
}

#app-super.is-expanded .player-stream {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  order: -2 !important;
}

#app-super.is-expanded .stream-description {
  color: #ffd166 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

#app-super.is-expanded .stream-name {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

#app-super.is-expanded .player-artwork-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 220px !important;
  height: 220px !important;
  order: -1 !important;
}

#app-super.is-expanded .player-picture,
#app-super.is-expanded .player-artwork-style,
#app-super.is-expanded .player-picture img {
  width: 210px !important;
  height: 210px !important;
  min-width: 210px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

#app-super.is-expanded .player-cover-title {
  width: 100% !important;
  text-align: left !important;
  overflow: hidden !important;
}

#app-super.is-expanded .song-title {
  font-size: 25px !important;
  line-height: 1.1 !important;
}

#app-super.is-expanded .song-artist {
  font-size: 16px !important;
}

#app-super.is-expanded .player-full-progress {
  display: flex !important;
  width: 100% !important;
  justify-content: space-between !important;
}

#app-super.is-expanded .player-controller {
  display: flex !important;
  width: 100% !important;
  justify-content: center !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 40 !important;
}

#app-super.is-expanded .player-right {
  position: absolute !important;
  top: 22px !important;
  right: 22px !important;
  display: flex !important;
  z-index: 60 !important;
}

/* Espectro: solo en completo, abajo y sutil */
#app-super:not(.is-expanded) .visualizer,
#app-super:not(.is-expanded) .ra-clean-spectrum {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

#app-super.is-expanded .visualizer {
  display: block !important;
  position: absolute !important;
  left: 9vw !important;
  right: 9vw !important;
  top: auto !important;
  bottom: 26px !important;
  height: 50px !important;
  z-index: 5 !important;
  opacity: .58 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  background: transparent !important;
  border-radius: 24px !important;
  mask-image: linear-gradient(90deg, transparent 0%, black 11%, black 89%, transparent 100%) !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 11%, black 89%, transparent 100%) !important;
}

#app-super.is-expanded .ra-clean-spectrum {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

@media (max-width: 991px) {
  #app-super:not(.is-expanded) .player {
    left: 10px !important;
    right: 10px !important;
    height: 92px !important;
    min-height: 92px !important;
  }

  #app-super:not(.is-expanded) .player-cover {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }

  #app-super:not(.is-expanded) .player-left {
    grid-template-columns: 58px minmax(0,1fr) !important;
  }

  #app-super:not(.is-expanded) .player-artwork-container,
  #app-super:not(.is-expanded) .player-picture,
  #app-super:not(.is-expanded) .player-artwork-style,
  #app-super:not(.is-expanded) .player-picture img {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
  }

  #app-super:not(.is-expanded) .player-controller {
    min-width: auto !important;
  }

  #app-super:not(.is-expanded) .ra-clean-volume {
    display: none !important;
  }

  #app-super:not(.is-expanded) .player-right {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    min-width: auto !important;
  }
}

@media (max-width: 767px) {
  #app-super.is-expanded .player-wrapper {
    padding: 60px 12px 96px !important;
  }

  #app-super.is-expanded .player-cover {
    width: min(390px, 92vw) !important;
    min-height: 510px !important;
    padding: 28px !important;
  }

  #app-super.is-expanded .player-artwork-container,
  #app-super.is-expanded .player-picture,
  #app-super.is-expanded .player-artwork-style,
  #app-super.is-expanded .player-picture img {
    width: 180px !important;
    height: 180px !important;
    min-width: 180px !important;
  }

  #app-super.is-expanded .song-title {
    font-size: 21px !important;
  }

  #app-super.is-expanded .visualizer {
    left: 6vw !important;
    right: 6vw !important;
    bottom: 16px !important;
    height: 42px !important;
  }
}

/* ============================================================
   V45 - Mini player estable + overlay completo independiente
   ============================================================ */

/* Nunca usar el modo is-expanded viejo; se usa overlay independiente */
#app-super.is-expanded {
  position: static !important;
  inset: auto !important;
  background: transparent !important;
  z-index: auto !important;
}

#app-super.is-expanded .player,
#app-super.is-expanded .player-wrapper,
#app-super.is-expanded .player-cover {
  position: relative !important;
}

/* Mini player estable */
#app-super,
#app-super:not(.is-expanded) {
  pointer-events: none !important;
  background: transparent !important;
}

#app-super .player {
  pointer-events: auto !important;
}

#app-super .player-overlay {
  display: none !important;
}

#app-super .player-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: blur(16px) brightness(.68) saturate(1.15) !important;
  transform: scale(1.06) !important;
  opacity: .46 !important;
  z-index: 0 !important;
}

#app-super .player {
  position: fixed !important;
  left: 2.2vw !important;
  right: 2.2vw !important;
  bottom: 18px !important;
  width: auto !important;
  height: 104px !important;
  min-height: 104px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background: linear-gradient(120deg,rgba(18,13,9,.92),rgba(74,43,16,.82),rgba(145,82,20,.76)) !important;
  border: 1px solid rgba(255,210,120,.25) !important;
  box-shadow: 0 16px 34px rgba(31,18,6,.24), inset 0 1px 0 rgba(255,255,255,.18) !important;
  z-index: 9997 !important;
}

#app-super .player-wrapper {
  position: relative !important;
  z-index: 5 !important;
  height: 100% !important;
  padding: 13px 18px !important;
  box-sizing: border-box !important;
}

#app-super .player-cover {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  height: 100% !important;
}

#app-super .player-left {
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
}

#app-super .player-stream,
#app-super .player-full-progress,
#app-super .player-button-prev,
#app-super .player-button-next,
#app-super .player-button-history,
#app-super .player-button-tv,
#app-super .visualizer {
  display: none !important;
}

#app-super .player-artwork-container {
  width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
}

#app-super .player-picture,
#app-super .player-artwork-style,
#app-super .player-picture img {
  width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

#app-super .player-cover-title {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

#app-super .song-title {
  font-size: clamp(17px,1.55vw,26px) !important;
  line-height: 1.05 !important;
  color: #fff !important;
  font-weight: 900 !important;
  display: block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

#app-super .song-artist {
  font-size: clamp(12px,.95vw,15px) !important;
  color: #ffd166 !important;
  font-weight: 800 !important;
  display: block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

#app-super .player-controller {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-width: 320px !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 20 !important;
}

#app-super .player-right {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  min-width: 92px !important;
  position: relative !important;
  z-index: 20 !important;
  margin: 0 !important;
}

#app-super .player-button-play {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  border-radius: 50% !important;
}

#app-super #player-expand {
  display: inline-flex !important;
  width: 42px !important;
  height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Overlay completo independiente */
.ra-full-overlay {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: none;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #120905;
  color: #fff;
}

.ra-full-overlay.is-open {
  display: flex;
}

.ra-full-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(18px) brightness(.55) saturate(1.08);
  transform: scale(1.08);
  opacity: .95;
  z-index: 0;
}

.ra-full-shade {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 35%, rgba(255,155,34,.13), transparent 36%),
    linear-gradient(135deg, rgba(8,5,3,.62), rgba(92,43,9,.34));
  z-index: 1;
}

.ra-full-close {
  position: absolute;
  top: 22px;
  right: 22px;
  z-index: 5;
  width: 46px;
  height: 46px;
  border-radius: 15px;
  border: 1px solid rgba(255,210,120,.30);
  background: rgba(40,20,6,.72);
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}

.ra-full-card {
  position: relative;
  z-index: 4;
  width: min(430px, 92vw);
  min-height: 560px;
  max-height: calc(100vh - 150px);
  border-radius: 30px;
  padding: 34px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.025)),
    linear-gradient(135deg, rgba(23,14,8,.92), rgba(83,47,15,.82));
  border: 1px solid rgba(255,210,120,.24);
  box-shadow: 0 28px 66px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.18);
}

.ra-full-status {
  color: #ffd166;
  font-size: 13px;
  font-weight: 800;
}

.ra-full-station {
  color: #fff;
  font-size: 20px;
  font-weight: 900;
}

.ra-full-cover {
  width: 210px;
  height: 210px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(255,210,120,.35);
  box-shadow: 0 16px 36px rgba(0,0,0,.32);
}

.ra-full-overlay.is-playing .ra-full-cover {
  animation: raSpin 8s linear infinite;
}

.ra-full-title-wrap,
.ra-full-artist-wrap {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.ra-full-title {
  font-size: 25px;
  line-height: 1.1;
  font-weight: 900;
  color: #fff;
  display: inline-block;
}

.ra-full-artist {
  font-size: 16px;
  font-weight: 800;
  color: #ffd166;
  display: inline-block;
}

.ra-scroll .ra-full-title,
.ra-scroll .ra-full-artist {
  animation: raFullScroll 12s linear infinite;
  padding-right: 44px;
}

@keyframes raFullScroll {
  0%, 12% { transform: translateX(0); }
  72%, 88% { transform: translateX(-45%); }
  100% { transform: translateX(0); }
}

.ra-full-progress {
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: #fff;
  border-top: 2px solid rgba(255,255,255,.18);
  padding-top: 12px;
}

.ra-full-controls {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.ra-full-play {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 0;
  background: linear-gradient(135deg,#ffd27a,#ffae45 45%,#ff8a22);
  color: #fff;
  font-size: 28px;
  box-shadow: 0 12px 24px rgba(255,139,34,.26),0 0 0 9px rgba(255,177,74,.10);
  cursor: pointer;
}

.ra-full-volume {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  color: #fff;
}

.ra-full-range {
  width: 150px;
  height: 6px;
  border-radius: 999px;
  appearance: none;
  outline: none;
}

.ra-full-range::-webkit-slider-thumb {
  appearance: none;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: linear-gradient(135deg,#fff4c7,#ff9b34);
  border: 2px solid #fff;
}

.ra-full-spectrum {
  position: absolute;
  left: 9vw;
  right: 9vw;
  bottom: 26px;
  height: 50px;
  z-index: 2;
  opacity: .58;
  pointer-events: none;
  border-radius: 24px;
  mask-image: linear-gradient(90deg, transparent 0%, black 11%, black 89%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 11%, black 89%, transparent 100%);
}

body.ra-full-open {
  overflow: hidden !important;
}

@media (max-width: 991px) {
  #app-super .player {
    left: 10px !important;
    right: 10px !important;
    height: 92px !important;
    min-height: 92px !important;
  }

  #app-super .player-cover {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }

  #app-super .player-left {
    grid-template-columns: 58px minmax(0,1fr) !important;
  }

  #app-super .player-artwork-container,
  #app-super .player-picture,
  #app-super .player-artwork-style,
  #app-super .player-picture img {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
  }

  #app-super .ra-clean-volume {
    display: none !important;
  }

  #app-super .player-controller {
    min-width: auto !important;
  }

  #app-super .player-right {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    min-width: auto !important;
  }
}

@media (max-width: 767px) {
  .ra-full-card {
    width: min(390px, 92vw);
    min-height: 510px;
    padding: 28px;
  }

  .ra-full-cover {
    width: 180px;
    height: 180px;
  }

  .ra-full-title {
    font-size: 21px;
  }

  .ra-full-spectrum {
    left: 6vw;
    right: 6vw;
    bottom: 16px;
    height: 42px;
  }
}