.radio-player{
    position:fixed;left:0;right:0;bottom:0;z-index:80;
    background:var(--azul);color:#fff;
    box-shadow:0 -4px 20px rgba(0,0,0,.2);
    transform:translateY(200%);
    visibility:hidden;
    pointer-events:none;
    transition:transform .35s ease, visibility 0s .35s;
}
.radio-player.aberto{
    transform:translateY(0);
    visibility:visible;
    pointer-events:auto;
    transition:transform .35s ease, visibility 0s 0s;
}
.radio-player .container{display:flex;align-items:center;gap:16px;padding:12px 20px;flex-wrap:nowrap}
.radio-player .rp-logo img{height:34px;border-radius:6px;background:#fff;padding:2px}
.radio-player .rp-info{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.radio-player .rp-info .nome{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.radio-player .rp-info .freq{font-size:12px;opacity:.85}
.radio-player .rp-live{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;background:var(--vermelho);color:#fff;padding:4px 10px;border-radius:20px;white-space:nowrap}
.radio-player .rp-live .dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:rp-pulse 1.4s infinite}
@keyframes rp-pulse{0%,100%{opacity:1}50%{opacity:.3}}
.radio-player .rp-controls{display:flex;align-items:center;gap:10px;margin-left:auto}
.radio-player button.rp-btn{background:var(--vermelho);border:none;color:#fff;width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}
.radio-player button.rp-btn:hover{background:#c81d1a}
/* Controlo de volume amarelo */
.radio-player input[type=range]{-webkit-appearance:none;appearance:none;width:90px;height:4px;border-radius:4px;outline:none;cursor:pointer;
    background:linear-gradient(to right,var(--amarelo) var(--vol,100%),rgba(255,255,255,.4) var(--vol,100%))}
.radio-player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--amarelo);border:0;box-shadow:0 0 0 2px rgba(0,0,0,.12)}
.radio-player input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--amarelo);border:0}
.radio-player input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:rgba(255,255,255,.4)}
.radio-player input[type=range]::-moz-range-progress{height:4px;border-radius:4px;background:var(--amarelo)}
.radio-player input[type=range]:focus-visible{outline:2px solid var(--amarelo);outline-offset:4px}
.radio-player .rp-erro{font-size:12px;background:rgba(255,255,255,.2);padding:4px 10px;border-radius:6px}
.radio-player .rp-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;opacity:.85;display:grid;place-items:center;padding:4px}
.radio-player .rp-close svg{display:block}
.radio-player .rp-close:hover{opacity:1}

@media (max-width: 880px){
    /* Versão compacta mobile: fica ACIMA da bottom-nav, não sobreposto */
    .radio-player{bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom))}
    .radio-player .container{padding:9px 14px;gap:10px}
    .radio-player .rp-info .freq{display:none}
    .radio-player input[type=range]{display:none}
    body.player-aberto{padding-bottom:calc(var(--bottomnav-h) + 64px + env(safe-area-inset-bottom))}
}