/* Rádio Conexão — widget discreto na faixa do Perus Online. */
.radio-pill{display:flex;align-items:center;gap:10px;max-width:min(100%,325px);min-width:0;padding:4px 5px 4px 14px;border:1px solid #668f99;border-radius:999px;background:#fffdf8;color:#0a2830;box-shadow:0 2px 9px #0002;font-family:Archivo,system-ui,sans-serif}
.radio-info{display:flex;flex-direction:column;min-width:0;gap:1px}
.radio-kicker{font-size:.62rem;font-weight:800;letter-spacing:.08em;color:#965e14;line-height:1.15;text-transform:uppercase;white-space:nowrap}
.radio-kicker::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#b7563e;margin-right:5px;vertical-align:middle}
.radio-pill[data-state="playing"] .radio-kicker{color:#b43b2b}
.radio-pill[data-state="playing"] .radio-kicker::before{background:#de3328;box-shadow:0 0 0 3px #de332826}
.topbar .wrap .radio-info .radio-name{display:block}
.radio-name{font-size:.78rem;font-weight:800;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#103c48;line-height:1.2}
.radio-play{border:0;width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:50%;background:#e8ad35;color:#103c48;cursor:pointer;transition:background .15s,transform .15s}
.radio-play:hover{background:#f2bf58}.radio-play:active{transform:scale(.95)}
.radio-play:focus-visible{outline:3px solid #103c48;outline-offset:2px}
.radio-play:disabled{opacity:.65;cursor:wait}
.radio-play svg{width:17px;height:17px;fill:currentColor;pointer-events:none}
.radio-pill audio{display:none}
.radio-error{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar .wrap{gap:12px}.topbar .wrap>.radio-pill{margin-left:auto}
@media(max-width:480px){
 .topbar .wrap{gap:7px;min-height:50px}
 .topbar .wrap>.radio-pill{padding-left:10px;max-width:220px}
 .topbar .wrap>span:first-child{font-size:.65rem;white-space:nowrap}
 .radio-name{font-size:.69rem}
 .radio-play{width:32px;height:32px;flex-basis:32px}
}
@media(max-width:365px){.topbar .wrap>span:first-child{display:none}.topbar .wrap>.radio-pill{margin-inline:auto;max-width:100%}}
@media(prefers-reduced-motion:reduce){.radio-play{transition:none}}