/* Rádio Player Persistente | páginas do site */
[class^="rpp-"][hidden], [class*=" rpp-"][hidden] { display: none !important; }

/* cartão [radio_player_full] */
.rpp-card { display: grid; grid-template-columns: minmax(140px, 240px) 1fr; gap: clamp(16px, 3vw, 32px); align-items: center; padding: clamp(16px, 3vw, 28px); border-radius: var(--rpp-radius, 14px); background: var(--rpp-bg, #12343b); color: var(--rpp-fg, #f3f6f4); font-family: var(--rpp-font, system-ui, sans-serif); margin: 1.5em 0; }
.rpp-card-art img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: calc(var(--rpp-radius, 14px) * .8); display: block; }
.rpp-card-live { display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px 3px 7px; border-radius: 999px; background: var(--rpp-live, #e5484d); color: #fff; font-size: 12px; font-weight: 700; }
.rpp-card-live b { width: 7px; height: 7px; border-radius: 50%; background: #fff; }
.rpp-card.is-playing .rpp-card-live b { animation: rpp-card-pulse 1.8s ease-in-out infinite; }
@keyframes rpp-card-pulse { 50% { opacity: .25; } }
.rpp-card-station { margin: 10px 0 4px !important; font-size: clamp(22px, 3.2vw, 32px) !important; line-height: 1.1 !important; color: inherit !important; }
.rpp-card-song { margin: 0 !important; font-size: 18px; font-weight: 600; line-height: 1.3; }
.rpp-card-artist { margin: 2px 0 0 !important; opacity: .75; }
.rpp-card-artist:empty, .rpp-card-listeners:empty { display: none; }
.rpp-card-actions { display: flex; align-items: center; gap: 10px; margin-top: 18px; flex-wrap: wrap; }
.rpp-card-play { appearance: none; border: 0; cursor: pointer; padding: 12px 26px; border-radius: 999px; background: var(--rpp-accent, #f2b33d); color: var(--rpp-bg, #12343b); font: 700 16px/1.2 var(--rpp-font, system-ui, sans-serif); }
.rpp-card-vol { appearance: none; width: 40px; height: 40px; border-radius: 50%; border: 1px solid currentColor; background: transparent; color: inherit; font-size: 20px; line-height: 1; cursor: pointer; opacity: .8; }
.rpp-card-volval { min-width: 3.2em; text-align: center; font-variant-numeric: tabular-nums; opacity: .8; }
.rpp-card-volval:empty { display: none; }
.rpp-card-listeners { margin: 12px 0 0 !important; font-size: 13px; opacity: .65; }
.rpp-card-play:focus-visible, .rpp-card-vol:focus-visible, .rpp-mini-btn:focus-visible, .rpp-reopen:focus-visible { outline: 2px solid var(--rpp-accent, #f2b33d); outline-offset: 3px; }
@media (max-width: 560px) { .rpp-card { grid-template-columns: 1fr; } .rpp-card-art img { max-width: 220px; } }

/* botão [radio_player_button] */
.rpp-mini-btn { appearance: none; display: inline-flex; align-items: center; gap: 9px; border: 0; cursor: pointer; padding: 10px 18px 10px 14px; border-radius: 999px; background: var(--rpp-accent, #f2b33d); color: var(--rpp-bg, #12343b); font: 700 15px/1.2 var(--rpp-font, system-ui, sans-serif); }
.rpp-mini-ico { width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 11px; border-color: transparent transparent transparent currentColor; }
.rpp-mini-btn.is-playing .rpp-mini-ico { width: 11px; height: 13px; border: 0; border-left: 4px solid currentColor; border-right: 4px solid currentColor; }

/* botão para religar a rádio, quando o visitante desligou o player */
.rpp-reopen { position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); z-index: 99999; display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px 11px 13px; border: 0; border-radius: 999px; background: var(--rpp-bg, #12343b); color: var(--rpp-fg, #f3f6f4); font: 700 14px/1.2 var(--rpp-font, system-ui, sans-serif); box-shadow: 0 8px 26px rgba(0, 0, 0, .28); cursor: pointer; }
.rpp-reopen svg { width: 20px; height: 20px; color: var(--rpp-accent, #f2b33d); }
html.rpp-in-frame .rpp-reopen { display: none; }
@media print { .rpp-reopen { display: none; } }