:root{ --rplv-ink:#111827; --rplv-acc:#10b981; --rplv-bd:#e5e7eb; }
.rplv-embed,.rplv-wrap{ font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.rplv-wrap{ max-width: 680px; margin:0 auto; padding:8px; box-sizing:border-box; }
.rplv-card{ background:#fff; border:1px solid var(--rplv-bd); border-radius:16px; box-shadow:0 8px 20px rgba(0,0,0,.06); padding:14px; }

.rplv-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.rplv-title{ font-weight:600; color:var(--rplv-ink); }
.rplv-head .rplv-logo-link{ display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:999px; background:#f0fdf4; box-shadow:0 4px 14px rgba(16,185,129,.15); }
.rplv-head .rplv-logo-link img{ max-width:70%; max-height:70%; object-fit:contain; border-radius:8px; }
.rplv-head .rplv-play{ width:44px;height:44px;border-radius:999px;border:0;background:var(--rplv-acc); position:relative;cursor:pointer;box-shadow:0 4px 14px rgba(16,185,129,.35); }
.rplv-head .rplv-play::before{ content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:0; height:0; border-style:solid; border-width:10px 0 10px 16px; border-color:transparent transparent transparent #fff; }
.rplv-head .rplv-play.is-pause::before{ border-width:0; width:14px; height:16px; background:linear-gradient(90deg,#fff 0 45%, transparent 45% 55%, #fff 55%); }

.rplv-now{ display:flex; align-items:center; gap:6px; margin:8px 0 2px; font-size:13px; color:#4b5563; }
.rplv-now .np-label{ font-weight:600; color:var(--rplv-ink); }
.rplv-now .np-thumb{ width:18px; height:18px; border-radius:4px; object-fit:cover; border:1px solid var(--rplv-bd); display:none; margin:0 4px 0 6px; }
.rplv-now.has-thumb .np-thumb{ display:inline-block; }
.rplv-now .np-sep{ opacity:.65; }
.rplv-embed .rplv-now{ font-size:12px; }

/* Lista vertical con scroll (3 visibles aprox) */
.rplv-stations{ display:block; max-height:180px; overflow-y:auto; padding-right:6px; margin:10px 0 6px; }
.rplv-stations::-webkit-scrollbar{ width:8px; }
.rplv-stations::-webkit-scrollbar-thumb{ background:#d1d5db; border-radius:8px; }
.rplv-stations:hover::-webkit-scrollbar-thumb{ background:#9ca3af; }

.rplv-station{ display:flex; align-items:center; gap:10px; width:100%; text-align:left; padding:10px 12px; border:1px solid var(--rplv-bd); background:#fff; border-radius:12px; cursor:pointer; font-size:14px; color:#374151; transition:.15s; margin-bottom:8px; }
.rplv-station .dot{ width:8px;height:8px;border-radius:999px;background:#cbd5e1; }
.rplv-station .thumb{ width:24px;height:24px;border-radius:6px;object-fit:cover;border:1px solid var(--rplv-bd); }
.rplv-station.is-active{ border-color:var(--rplv-acc); color:var(--rplv-ink); box-shadow:0 2px 10px rgba(0,0,0,.06); }
.rplv-station.is-active .dot{ background:var(--rplv-acc); }

.rplv-footer{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:10px; }
.rplv-controls{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.rplv-btn{ width:36px;height:36px;border-radius:10px;border:1px solid var(--rplv-bd);background:#fff; cursor:pointer; position:relative; display:inline-block; box-shadow:0 1px 4px rgba(0,0,0,.06); }
.rplv-btn::before,.rplv-btn::after{ content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.rplv-play::before{ border-style:solid; border-width:8px 0 8px 14px; border-color:transparent transparent transparent var(--rplv-acc); }
.rplv-play.is-pause::before{ border:none; width:12px; height:14px; background:linear-gradient(90deg,var(--rplv-acc) 0 45%, transparent 45% 55%, var(--rplv-acc) 55%); }
.rplv-stop::before{ width:14px;height:14px;background:var(--rplv-ink); border-radius:3px; }
.rplv-prev::before{ border-style:solid; border-width:8px 12px 8px 0; border-color:transparent var(--rplv-ink) transparent transparent; }
.rplv-next::before{ border-style:solid; border-width:8px 0 8px 12px; border-color:transparent transparent transparent var(--rplv-ink); }
.rplv-mute::before{ width:14px;height:10px;border:2px solid var(--rplv-ink); border-left:none; transform:translate(-50%,-50%) skew(-10deg); }
.rplv-mute.is-muted::after{ width:2px;height:18px;background:var(--rplv-ink); transform:translate(-50%,-50%) rotate(45deg); }

.rplv-vol{ display:flex; align-items:center; gap:8px; margin-left:6px; }
.rplv-range{ -webkit-appearance:none; width:140px; height:4px; background:#e5e7eb; border-radius:999px; outline:none; }
.rplv-range::-webkit-slider-thumb{ -webkit-appearance:none; width:14px;height:14px;border-radius:50%; background:var(--rplv-acc); box-shadow:0 1px 6px rgba(0,0,0,.2); cursor:pointer; }
.rplv-range::-moz-range-thumb{ width:14px;height:14px;border-radius:50%; background:var(--rplv-acc); border:none; cursor:pointer; }

.rplv-status{ font-size:12px; color:#6b7280; }