/* Rádio Player Persistente | Apoie (painel, caixa nas matérias e página) */
.rpp-apoie[hidden] { display: none !important; }
.rpp-apoie { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: flex-end; justify-content: center; font-family: var(--rpp-font, system-ui, sans-serif); }
.rpp-apoie-back { position: absolute; inset: 0; background: rgba(8, 20, 24, .62); }
.rpp-apoie-card { position: relative; width: min(440px, 100%); max-height: 92vh; overflow: auto; padding: 26px 24px calc(22px + env(safe-area-inset-bottom)); border-radius: 22px 22px 0 0; background: #fff; color: #17262b; text-align: center; box-shadow: 0 -12px 40px rgba(0, 0, 0, .35); outline: 0; animation: rpp-apoie-up .22s ease-out; }
.rpp-apoie-card h2 { margin: 0 0 8px; font-size: 22px; line-height: 1.2; color: #12343b; }
.rpp-apoie-card p { margin: 0 0 14px; font-size: 15px; line-height: 1.5; }
.rpp-apoie-qr { display: block; margin: 0 auto 16px; width: 180px; height: 180px; border-radius: 12px; border: 1px solid #e3e8e6; background: #fff; padding: 6px; }
.rpp-apoie-go { display: block; padding: 14px 18px; border-radius: 999px; background: var(--rpp-accent, #f2b33d); color: #12343b !important; font: 800 17px/1.2 var(--rpp-font, system-ui, sans-serif); text-decoration: none !important; }
.rpp-apoie-go:hover { filter: brightness(1.05); }
.rpp-apoie-later { appearance: none; border: 0; background: none; margin-top: 10px; padding: 8px; color: #55666b; font: 600 14px/1 var(--rpp-font, system-ui, sans-serif); cursor: pointer; }
.rpp-apoie-card small { display: block; margin-top: 6px; color: #7a898d; font-size: 12px; }
.rpp-apoie-x { position: absolute; top: 8px; right: 10px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: transparent; color: #55666b; font-size: 28px; line-height: 1; cursor: pointer; }
.rpp-apoie-go:focus-visible, .rpp-apoie-later:focus-visible, .rpp-apoie-x:focus-visible { outline: 3px solid #12343b; outline-offset: 2px; }
html.rpp-apoie-open { overflow: hidden; }
@keyframes rpp-apoie-up { from { transform: translateY(24px); opacity: 0; } }
@media (min-width: 640px) { .rpp-apoie { align-items: center; } .rpp-apoie-card { border-radius: 22px; padding-bottom: 24px; } }
@media (prefers-reduced-motion: reduce) { .rpp-apoie-card { animation: none; } }

/* caixa dentro das matérias e página de apoio */
.rpp-apoie-box { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; margin: 1.6em 0; padding: 18px; border-radius: 16px; background: #f4f8f6; border: 1px solid #dbe6e1; color: #17262b; font-family: var(--rpp-font, system-ui, sans-serif); }
.rpp-apoie-box img { width: 120px; height: 120px; border-radius: 10px; background: #fff; padding: 5px; border: 1px solid #e3e8e6; }
.rpp-apoie-box h3 { margin: 0 0 6px !important; font-size: 19px !important; color: #12343b !important; }
.rpp-apoie-box p { margin: 0 0 12px !important; font-size: 15px; line-height: 1.5; }
.rpp-apoie-box a.rpp-apoie-go { display: inline-block; padding: 11px 22px; }
.rpp-apoie-page { max-width: 560px; margin: 2em auto; text-align: center; font-family: var(--rpp-font, system-ui, sans-serif); }
.rpp-apoie-page img { width: 220px; height: 220px; margin: 12px auto 18px; display: block; border-radius: 14px; border: 1px solid #e3e8e6; padding: 8px; background: #fff; }
@media (max-width: 520px) { .rpp-apoie-box { grid-template-columns: 1fr; text-align: center; } .rpp-apoie-box img { margin: 0 auto; } }