/* Control de volumen de la barra de la emisora (prefijo .pv) */
.radio-player .pv{margin-left:auto;display:flex;align-items:center;gap:4px;flex:none;position:relative}
.radio-player .pv + .wave{margin-left:14px}
.pv-btn{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background .2s,color .2s}
.pv-btn svg{width:22px;height:22px}
.pv-btn:hover,.pv-btn:focus-visible{background:#ffffff14;outline:none}
.pv-btn:focus-visible{box-shadow:0 0 0 2px var(--green,#00fe49)}
.pv.is-muted .pv-btn{color:#ff8a8a}
.pv-track{position:relative;display:flex;align-items:center;width:112px;height:40px;padding:0 6px;transition:width .25s cubic-bezier(.2,.8,.2,1),opacity .2s}
.pv-range{--pv:50%;-webkit-appearance:none;appearance:none;width:100%;height:5px;margin:0;border-radius:99px;cursor:pointer;
  background:linear-gradient(90deg,#6a3fd1 0%,#9b5cf0 calc(var(--pv) * .55),var(--green,#00fe49) var(--pv),#ffffff2e var(--pv));outline:none}
.pv-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 4px #00fe4933,0 2px 8px #0008;transition:transform .15s,box-shadow .15s}
.pv-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 4px #00fe4933,0 2px 8px #0008}
.pv-range::-moz-range-track{height:5px;border-radius:99px;background:transparent}
.pv-range:hover::-webkit-slider-thumb,.pv.is-dragging .pv-range::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 6px #00fe4940,0 2px 10px #0009}
.pv-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--green,#00fe49),0 2px 8px #0008}
.pv-tip{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%,4px);padding:5px 8px;border-radius:7px;background:#0b0c10;color:#fff;
  font:700 11px/1 var(--body,Inter,Arial,sans-serif);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;box-shadow:0 6px 18px #0007}
.pv:hover .pv-tip,.pv.is-dragging .pv-tip,.pv-range:focus-visible + .pv-tip{opacity:1;transform:translate(-50%,0)}
.pv--ios .pv-track{display:none}
/* Celular: solo el botón; al tocarlo se silencia o vuelve el sonido (el volumen va con los botones del teléfono). */
@media (pointer:coarse){.pv-track{display:none}}
@media (max-width:760px){.radio-player .pv{margin-left:auto}.pv-btn{width:38px;height:38px}}
@media (prefers-reduced-motion:reduce){.pv-track,.pv-tip,.pv-range::-webkit-slider-thumb{transition:none}}