.rdp-player{--rdp-accent:#0a9cf5;--rdp-size:110px;--rdp-bg:#f2f2f2;--rdp-text:#111;--rdp-icon:#111;max-width:100%;margin:0 auto 1.5em;text-align:center;color:var(--rdp-text);font-family:inherit;box-sizing:border-box}
.rdp-player *{box-sizing:border-box}
.rdp-player button{font:inherit!important;color:inherit!important;background:none!important;border:0!important;border-radius:0;margin:0!important;padding:0!important;cursor:pointer;box-shadow:none!important;outline:0;text-transform:none!important;letter-spacing:normal!important;min-height:0!important;min-width:0!important;line-height:1!important;-webkit-appearance:none;appearance:none}
.rdp-player button:focus{outline:0!important}
.rdp-player button:focus-visible{outline:2px solid var(--rdp-accent);outline-offset:3px}

/* Estás escuchando */
.rdp-now{margin-bottom:12px}
.rdp-label{font-size:1em;margin-bottom:8px}
.rdp-name-wrap{display:flex;align-items:center;justify-content:center;gap:10px;min-height:24px}
.rdp-name{font-weight:700;font-size:1.15em}
.rdp-name-wrap .rdp-eq{position:static;height:18px;padding:0;background:none;opacity:0;transition:opacity .2s}
.rdp-name-wrap .rdp-eq i{background:var(--rdp-accent);width:3px}
.rdp-player.is-playing .rdp-name-wrap .rdp-eq{opacity:1}

/* Aviso de publicidad */
.rdp-adtag{display:none;margin:6px auto 0;padding:2px 10px;border-radius:20px;background:var(--rdp-accent);color:#fff;font-size:.72em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;width:max-content}
.rdp-player.is-ad .rdp-adtag{display:block}

/* Barra del reproductor: compartir | play + volumen | tiempo */
.rdp-bar{position:relative;color:var(--rdp-icon);display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;background:var(--rdp-bg);border-radius:8px 8px 4px 4px;border-bottom:5px solid var(--rdp-accent);padding:8px 20px 10px;min-height:62px}
.rdp-left,.rdp-right{display:flex;align-items:center;gap:12px;min-width:0}
.rdp-left{justify-content:flex-start;padding-left:4%}
.rdp-right{justify-content:flex-end;padding-right:4%;font-size:.8em;color:var(--rdp-icon);font-variant-numeric:tabular-nums}
.rdp-center{display:flex;flex-direction:column;align-items:center;gap:4px}
.rdp-status{opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rdp-player .rdp-share{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.rdp-share svg{width:34px;height:34px;fill:currentColor}
.rdp-player .rdp-play{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex:none;position:relative}
.rdp-play svg{width:32px;height:32px;fill:currentColor}
.rdp-i-pause,.rdp-spinner{display:none}
.rdp-player.is-playing .rdp-i-play{display:none}
.rdp-player.is-playing .rdp-i-pause{display:block}
.rdp-player.is-loading .rdp-i-pause{display:none}
.rdp-player.is-loading .rdp-spinner{display:block;width:28px;height:28px;border:3px solid rgba(0,0,0,.15);border-top-color:var(--rdp-accent);border-radius:50%;animation:rdp-spin .8s linear infinite}
@keyframes rdp-spin{to{transform:rotate(360deg)}}

/* Volumen (debajo del play). Medidas forzadas para que el tema no lo estire */
.rdp-vol-wrap{display:flex;align-items:center;gap:6px}
.rdp-i-vol{width:16px;height:16px;fill:currentColor;opacity:.7;flex:none}
.rdp-player input.rdp-volume{-webkit-appearance:none;appearance:none;width:110px!important;max-width:110px!important;min-width:0!important;height:4px!important;border-radius:4px;background:linear-gradient(to right,var(--rdp-accent) 0,var(--rdp-accent) var(--rdp-vol,80%),#d6d6d6 var(--rdp-vol,80%))!important;outline:none;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;display:block}
.rdp-volume::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--rdp-accent);cursor:pointer;border:0}
.rdp-volume::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--rdp-accent);cursor:pointer;border:0}

/* Lista de radios */
.rdp-choose{margin:14px 0 28px}
.rdp-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:-12px 0 20px}
.rdp-player .rdp-filter{padding:6px 14px!important;border-radius:20px!important;background:var(--rdp-bg)!important;color:var(--rdp-text)!important;font-size:.9em}
.rdp-player .rdp-filter.is-active{background:var(--rdp-accent)!important;color:#fff!important}
.rdp-list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.rdp-player .rdp-item{position:relative;border-radius:50%!important;width:var(--rdp-size)!important;height:var(--rdp-size)!important;overflow:hidden;flex:none;transition:transform .2s,box-shadow .2s;background:#ddd}
.rdp-item img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.rdp-item:hover{transform:scale(1.05)}
.rdp-player .rdp-item.is-active{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--rdp-accent)!important}
.rdp-noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:8px;font-weight:700;font-size:.85em;line-height:1.1;background:#333;color:#fff}

/* Barras de sonido */
.rdp-eq{position:absolute;left:0;right:0;bottom:0;height:40%;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding-bottom:14%;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));opacity:0;transition:opacity .25s;pointer-events:none}
.rdp-eq i{display:block;width:4px;height:20%;border-radius:2px;background:#fff;transform-origin:bottom}
.rdp-player.is-playing .rdp-item.is-active .rdp-eq{opacity:1}
.rdp-player.is-live .rdp-item.is-active .rdp-eq i,
.rdp-player.is-live .rdp-name-wrap .rdp-eq i{animation:rdp-eq 1s ease-in-out infinite}
.rdp-eq i:nth-child(1){animation-duration:.9s!important;animation-delay:-.2s!important}
.rdp-eq i:nth-child(2){animation-duration:.7s!important;animation-delay:-.5s!important}
.rdp-eq i:nth-child(3){animation-duration:1.1s!important;animation-delay:-.1s!important}
.rdp-eq i:nth-child(4){animation-duration:.8s!important;animation-delay:-.6s!important}
.rdp-eq i:nth-child(5){animation-duration:1s!important;animation-delay:-.3s!important}
@keyframes rdp-eq{0%,100%{height:20%}25%{height:95%}50%{height:45%}75%{height:75%}}
@media (prefers-reduced-motion:reduce){.rdp-eq i{animation:none!important;height:60%!important}}

/* Celular */
@media (max-width:600px){
	.rdp-bar{padding:10px 12px}
	.rdp-left,.rdp-right{padding:0;gap:10px}
	.rdp-player input.rdp-volume{width:90px!important;max-width:90px!important}
	.rdp-status{display:none}
	.rdp-player{--rdp-size:min(var(--rdp-size),76px)}
}