/* Rádio Player Persistente | barra leve (páginas normais) */
:root { --rpp-lh: var(--rpp-hm, 64px); }
.rpp-lite[hidden] { display: none !important; }
.rpp-lite { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99990; box-sizing: border-box; display: flex; align-items: center; gap: 12px; min-height: var(--rpp-lh); padding: 8px max(12px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); background: var(--rpp-bg, #12343b); color: var(--rpp-fg, #f3f6f4); font-family: var(--rpp-font, system-ui, sans-serif); box-shadow: 0 -4px 22px rgba(0, 0, 0, .22); contain: layout style; }
.rpp-lite-top { top: 0; bottom: auto; padding-top: calc(8px + env(safe-area-inset-top)); padding-bottom: 8px; box-shadow: 0 4px 22px rgba(0, 0, 0, .22); }
body.rpp-has-lite { padding-bottom: calc(var(--rpp-lh) + env(safe-area-inset-bottom)); }
body.rpp-has-lite-top { padding-top: calc(var(--rpp-lh) + env(safe-area-inset-top)); }
.rpp-lite button { appearance: none; border: 0; margin: 0; font: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.rpp-lite-play { flex: none; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: var(--rpp-accent, #f2b33d); color: var(--rpp-bg, #12343b); padding: 0; }
.rpp-lite-play svg { width: 22px; height: 22px; margin-left: 2px; }
.rpp-lite-play:hover { filter: brightness(1.06); }
.rpp-lite.is-going .rpp-lite-play { opacity: .7; }
.rpp-lite.is-going .rpp-lite-play svg { animation: rpp-lite-pulse 1s ease-in-out infinite; }
.rpp-lite-txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.rpp-lite-live { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; opacity: .9; }
.rpp-lite-live b { width: 7px; height: 7px; border-radius: 50%; background: var(--rpp-live, #e5484d); animation: rpp-lite-pulse 1.8s ease-in-out infinite; }
.rpp-lite-np { display: block; font-size: 15px; font-weight: 650; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rpp-lite-apoie { flex: none; display: inline-flex; align-items: center; gap: 7px; padding: 9px 14px 9px 11px; border-radius: 999px; background: transparent; color: var(--rpp-fg, #f3f6f4); box-shadow: inset 0 0 0 2px var(--rpp-accent, #f2b33d); font-weight: 800; font-size: 14px; line-height: 1; }
.rpp-lite-apoie svg { width: 18px; height: 18px; color: var(--rpp-accent, #f2b33d); }
.rpp-lite-apoie:hover { background: rgba(255, 255, 255, .08); }
.rpp-lite button:focus-visible { outline: 3px solid var(--rpp-accent, #f2b33d); outline-offset: 2px; }
@keyframes rpp-lite-pulse { 50% { opacity: .35; } }
@media (max-width: 420px) { .rpp-lite { gap: 10px; } .rpp-lite-np { font-size: 14px; } .rpp-lite-apoie { padding: 9px 12px; } }
@media (prefers-reduced-motion: reduce) { .rpp-lite-live b, .rpp-lite.is-going .rpp-lite-play svg { animation: none; } }
@media print { .rpp-lite { display: none !important; } body.rpp-has-lite { padding-bottom: 0; } }