/* Clube FM — atividades de audiência demonstrativas, explicitamente fictícias. */
.audience-demo{grid-column:2;grid-row:2;min-width:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 9px;padding:5px 9px 7px;border:1px solid #f6e1e2;background:linear-gradient(110deg,#fffbfb,#fff7f5);border-radius:12px;font-size:11px;color:#203149;box-shadow:0 3px 10px rgba(53,12,16,.045)}
.audience-counter,.audience-join{display:flex;align-items:center;gap:5px;white-space:nowrap;min-width:0;line-height:1.3}
.audience-counter strong{font-size:17px;font-variant-numeric:tabular-nums;letter-spacing:-.45px;color:#b50a20;min-width:45px}
.audience-counter-label{font-size:10px;color:#4a5367}.audience-counter-label b{color:#b50a20;font-weight:750}
.audience-beacon{width:7px;height:7px;border-radius:50%;background:#e44659;box-shadow:0 0 0 3px #ffe0e5;flex:none}
.audience-join{font-size:11px;color:#39475f;flex:1;justify-content:flex-end;overflow:hidden}
.audience-join span:last-child{overflow:hidden;text-overflow:ellipsis}
.audience-person-icon{width:17px;height:17px;background:#e8f7ed;border-radius:50%;color:#167743;display:grid;place-items:center;flex:none;font-size:16px;font-weight:800}

.audience-demo-number.is-changing{animation:audiencePulse .45s ease-out}
.audience-join.is-changing{animation:audienceSlide .5s ease-out}
@keyframes audiencePulse{0%{opacity:.5;transform:translateY(2px)}100%{opacity:1;transform:translateY(0)}}
@keyframes audienceSlide{0%{opacity:0;transform:translateX(-6px)}100%{opacity:1;transform:translateX(0)}}
@media(min-width:1021px){.main-player{grid-template-rows:minmax(66px,auto) auto;row-gap:3px}.main-player>.player-heading,.main-player>.player-controls,.main-player>.join-link{grid-row:1;align-self:center}.audience-demo{margin-top:-2px}}
@media(min-width:701px) and (max-width:1020px){.audience-demo{grid-column:1/-1;grid-row:auto;max-width:100%;margin:1px 0}}
@media(max-width:700px){.main-player{flex-wrap:wrap!important;row-gap:5px!important}.audience-demo{order:4;flex:0 0 100%;width:100%;border-top:1px solid #f6e1e2;border-right:0;border-bottom:0;border-left:0;box-shadow:none;background:#fff!important;padding:6px 4px 2px;border-radius:0;gap:3px 6px}.audience-counter strong{font-size:15px;min-width:auto}.audience-counter-label{font-size:9px}.audience-join{font-size:9px;justify-content:flex-end}.audience-person-icon{width:15px;height:15px;font-size:13px}}
@media(max-width:365px){.audience-join{max-width:40%}.audience-counter-label{font-size:8px}.audience-demo{gap:2px}}
@media(prefers-reduced-motion:reduce){.audience-demo-number.is-changing,.audience-join.is-changing{animation:none}}

/* Versão 19 — identificação breve e visível para números e personagens ilustrativos. */
.audience-notice{display:inline-flex;align-items:center;color:#7b5360;background:#fff0f1;border:1px solid #f2d4da;font-size:9px;font-weight:700;padding:2px 5px;border-radius:99px;white-space:nowrap}
@media(max-width:700px){.audience-counter{flex-wrap:wrap}.audience-counter-label{font-weight:700}.audience-notice{font-size:8px;padding:1px 4px}}

/* Versão 34 — pequenos rótulos legíveis para médias por turno e nomes de exemplo. */
.audience-period{color:#777079;background:#fff;border:1px solid #f0e1e2;border-radius:7px;padding:2px 5px;font-size:9px;font-weight:750;white-space:nowrap}
.audience-examples-label{color:#536a73;background:#eaf1f3;font-size:9px;font-weight:750;padding:3px 5px;border-radius:6px;flex:none}
@media(max-width:700px){.audience-period,.audience-examples-label{font-size:8px}.audience-counter{gap:4px}.audience-join{min-width:110px}}

/* V35: o número muda suavemente em pequenos passos. */
.audience-demo-number{font-variant-numeric:tabular-nums;min-width:4.7ch;display:inline-block}