/* RA Player — reproductor fijo inferior */
:root{--ra-player-h:90px}
body{padding-bottom:var(--ra-player-h)}
.ra-player{position:fixed;left:0;right:0;bottom:0;z-index:70;min-height:var(--ra-player-h);background:#202026;border-top:1px solid #45454d;box-shadow:0 -10px 35px rgba(0,0,0,.33);font-family:'DM Sans',system-ui,sans-serif;color:#f7f7f3}
.ra-player__inner{max-width:1220px;margin:0 auto;padding:0 clamp(18px,3vw,28px);min-height:var(--ra-player-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.ra-player__station{display:flex;align-items:center;gap:14px;min-width:0}
.ra-player__info{min-width:0}
.ra-player__art{position:relative;width:56px;height:56px;flex:none;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#ff7417,#7a2f00);color:#160f08;font:700 30px/1 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.2em;padding-right:5px}
.ra-player__art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ra-player__live{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#ff7417}
.ra-player__live:before{content:'';width:6px;height:6px;border-radius:50%;background:#ff7417}
.ra-player.is-playing .ra-player__live:before{animation:raPulse 1.4s infinite}
@keyframes raPulse{50%{opacity:.25}}
.ra-player__name{font-weight:800;font-size:13px}
.ra-player__meta{font-size:11px;color:#a4a4af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}
.ra-player__meta.has-song{color:#f7f7f3}
.ra-player__center{display:flex;align-items:center;gap:18px}
.ra-player button{font:inherit;cursor:pointer}
.ra-player__play{width:48px;height:48px;border:0;border-radius:50%;background:#ff7417;color:#160f08;font-size:18px;display:grid;place-items:center}
.ra-player__play:hover{background:#ff9348}
.ra-player.is-loading .ra-player__play{opacity:.7}
.ra-player__icon{background:none;border:0;color:#f6f6f6;font-size:19px;padding:5px}
.ra-player__icon:hover,.ra-player__icon:focus-visible{color:#ff7417}
.ra-player__right{display:flex;align-items:center;justify-content:flex-end;gap:14px;font-size:11px;color:#a2a2af}
.ra-player__right input{width:95px;accent-color:#ff7417}
.ra-player__right b{font-size:10px;color:#d6ff37}
.ra-toast{position:fixed;right:26px;bottom:calc(var(--ra-player-h) + 18px);max-width:380px;z-index:80;display:none;padding:16px 20px;border-radius:10px;background:#303039;border:1px solid #666;color:#fff;font:13px/1.45 'DM Sans',system-ui,sans-serif;box-shadow:0 12px 30px rgba(0,0,0,.33)}
.ra-toast.is-visible{display:block}
/* Barra de progreso durante la navegación sin recarga */
.ra-softnav-bar{position:fixed;top:0;left:0;height:3px;width:0;background:#ff7417;z-index:9999;transition:width .3s ease,opacity .3s}
@media(max-width:767px){
  :root{--ra-player-h:82px}
  .ra-player__inner{grid-template-columns:1fr auto;gap:10px}
  .ra-player__right{display:none}
  .ra-player__art{width:47px;height:47px;font-size:26px}
  .ra-player__play{width:45px;height:45px}
  .ra-player__meta{max-width:185px}
  .ra-toast{left:12px;right:12px}
}
/* Ventana emergente */
.ra-popup-body{margin:0;min-height:100vh;background:#101115;display:grid;place-items:center;padding:0}
.ra-player--popup{position:static;width:min(420px,100%);border:1px solid #45454d;border-radius:16px;overflow:hidden}
.ra-player--popup .ra-player__inner{grid-template-columns:1fr;justify-items:center;text-align:center;padding:28px 22px;gap:18px}
.ra-player--popup .ra-player__station{flex-direction:column}
.ra-player--popup .ra-player__art{width:180px;height:180px;font-size:80px;border-radius:14px}
.ra-player--popup .ra-player__meta{max-width:300px;white-space:normal;font-size:14px}
.ra-player--popup .ra-player__right{display:flex;justify-content:center}