/* MAIS TUNER 24.89 — página da rádio, rodada 8 (no ar, linha do dia, ouvir de novo,
   locutores, mural, números, QR code). Mesmas variáveis da página (--sp-*). */

/* ---------------------------------------------------------------- no ar + ouvir de novo + linha do dia */
.sp-air{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 26px;align-items:start}
.sp-air[hidden],.sp-air [hidden]{display:none!important}
.sp-air-now{display:grid;gap:6px;min-width:0}
.sp-air-kicker{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--sp-accent)}
.sp-air-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sp-accent);animation:dkSpPulse 1.8s ease-out infinite}
.sp-air-title{font-size:24px;font-weight:900;line-height:1.15;color:var(--sp-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-air-bar{position:relative;height:6px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:4px}
.sp-air-bar i{position:absolute;inset:0 auto 0 0;width:0;border-radius:6px;background:var(--sp-accent);transition:width .6s linear}
.sp-air-meta{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:800;color:var(--sp-soft)}
.sp-air-meta em{font-style:normal}
.sp-air-left{color:var(--sp-ink)}
.sp-air-next{margin:2px 0 0;font-size:14px;font-weight:700;color:var(--sp-soft)}
.sp-again{display:grid;gap:8px;justify-items:end}
.sp-again small,.sp-day header small{font-size:11.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--sp-soft)}
.sp-again-row{display:flex;gap:8px}
.sp-again-row button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border:1px solid var(--sp-line);border-radius:999px;background:rgba(255,255,255,.06);color:var(--sp-ink);font:inherit;font-size:14px;font-weight:850;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.sp-again-row button:hover:not(:disabled){border-color:var(--sp-accent);background:color-mix(in srgb,var(--sp-accent) 18%,transparent);transform:translateY(-1px)}
.sp-again-row button:disabled{opacity:.4;cursor:not-allowed}
.sp-again-row svg{width:18px;height:18px;fill:var(--sp-accent)}
.sp-again-note{margin:0;font-size:12.5px;color:var(--sp-soft)}
.sp-day{grid-column:1/-1;min-width:0}
.sp-day header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.sp-day-hint{font-size:12.5px;font-weight:700;color:var(--sp-soft)}
.sp-day-row{display:flex;gap:10px;margin:0;padding:2px 2px 8px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
.sp-day-row li{flex:0 0 auto;scroll-snap-align:start}
.sp-day-row button{display:grid;gap:3px;width:172px;min-height:86px;padding:12px 14px;border:1px solid var(--sp-line);border-radius:16px;background:rgba(255,255,255,.04);color:var(--sp-ink);font:inherit;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.sp-day-row button:disabled{cursor:default}
.sp-day-row time{font-size:12px;font-weight:900;color:var(--sp-soft)}
.sp-day-row strong{font-size:14.5px;font-weight:850;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.sp-day-row small{font-size:12px;font-weight:700;color:var(--sp-soft)}
.sp-day-row .is-past button{opacity:.62}
.sp-day-row .is-past button:not(:disabled){opacity:.85}
.sp-day-row .is-past button:not(:disabled):hover{opacity:1;border-color:var(--sp-accent);transform:translateY(-1px)}
.sp-day-row .is-past button:not(:disabled) small{color:var(--sp-accent)}
.sp-day-row .is-now button{border-color:var(--sp-accent);background:color-mix(in srgb,var(--sp-accent) 16%,transparent)}
.sp-day-row .is-now small{color:var(--sp-accent)}

/* ---------------------------------------------------------------- mural */
.sp-tabs{display:flex;gap:6px;margin:0 0 14px;padding:4px;border-radius:999px;background:rgba(255,255,255,.06);width:max-content;max-width:100%}
.sp-tabs button{position:relative;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--sp-soft);font:inherit;font-size:14px;font-weight:850;cursor:pointer}
.sp-tabs button[aria-selected="true"]{background:var(--sp-accent);color:#04141f}
.sp-tabs button.has-dot::after{content:"";position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:#ff4d5e}
.sp-tab[hidden]{display:none}
.sp-tab p{margin:0 0 12px;font-size:14.5px;line-height:1.45;color:var(--sp-ink)}
.sp-empty{color:var(--sp-soft)!important}
.sp-msgs{display:grid;gap:8px;margin:0 0 14px;padding:0;list-style:none}
.sp-msgs li{display:grid;gap:2px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.05)}
.sp-msgs b{font-size:12.5px;color:var(--sp-accent)}
.sp-msgs span{font-size:14.5px;color:var(--sp-ink);overflow-wrap:anywhere}
.sp-btn{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--sp-accent);color:#04141f;font:inherit;font-size:14px;font-weight:900;cursor:pointer}
.sp-btn.is-ghost{background:transparent;border:1px solid var(--sp-line);color:var(--sp-ink)}
.sp-poll-q{font-size:16px!important;font-weight:850}
.sp-poll{display:grid;gap:8px;margin:0 0 8px;padding:0;list-style:none}
.sp-poll li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:40px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.05);overflow:hidden}
.sp-poll li i{position:absolute;inset:0 auto 0 0;width:var(--w);background:color-mix(in srgb,var(--sp-accent) 24%,transparent)}
.sp-poll li span,.sp-poll li b{position:relative;font-size:14px;color:var(--sp-ink)}
.sp-poll-meta{display:block;margin-bottom:12px;font-size:12.5px;font-weight:700;color:var(--sp-soft)}

/* ---------------------------------------------------------------- números */
.sp-nums[hidden],.sp-hosts[hidden]{display:none}
.sp-nums-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.sp-nums-list div{display:grid;gap:4px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.05)}
.sp-nums-list dt{font-size:12px;font-weight:800;color:var(--sp-soft)}
.sp-nums-list dd{margin:0;font-size:24px;font-weight:900;color:var(--sp-ink)}
.sp-nums-list .is-live dd::before{content:"";display:inline-block;width:8px;height:8px;margin:0 8px 3px 0;border-radius:50%;background:#ff4d5e;animation:dkSpPulse 1.8s ease-out infinite}
.sp-nums-list .is-text{grid-column:1/-1}
.sp-nums-list .is-text dd{font-size:15.5px;line-height:1.3}

/* ---------------------------------------------------------------- locutores */
.sp-hosts > header .dk-sp-link{border:0;background:none;font:inherit;font-size:13px;font-weight:850;color:var(--sp-accent);cursor:pointer}
.sp-hosts-row{display:grid;gap:8px}
.sp-host{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;min-height:60px;padding:6px;border:0;border-radius:16px;background:transparent;color:var(--sp-ink);font:inherit;text-align:left;cursor:pointer}
.sp-host:hover{background:rgba(255,255,255,.06)}
.sp-host-ph{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--sp-accent) 30%,#0b1d36)}
.sp-host-ph img{width:100%;height:100%;object-fit:cover}
.sp-host-ph b{font-size:20px;color:#fff}
.sp-host-copy{display:grid;min-width:0}
.sp-host-copy strong{font-size:15px}
.sp-host-copy small{font-size:12.5px;color:var(--sp-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------------------------------------------------------------- QR code */
.sp-qr-box{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:center}
.sp-qr-code{position:relative;width:132px;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--sp-line)}
.sp-qr-code svg{display:block;width:100%;height:100%}
.sp-qr-badge{position:absolute;left:50%;top:50%;width:24%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:22%;background:var(--b);box-shadow:0 0 0 4px #fff;overflow:hidden}
.sp-qr-badge img{width:76%;height:76%;object-fit:contain}
.sp-qr-badge img.is-cover{width:100%;height:100%;object-fit:cover}
.sp-qr-copy p{margin:0 0 8px;font-size:13.5px;line-height:1.4;color:var(--sp-soft)}
.sp-qr-url{display:block;margin-bottom:10px;font-size:12.5px;font-weight:800;color:var(--sp-ink);overflow-wrap:anywhere}
.sp-qr-actions{display:flex;flex-wrap:wrap;gap:8px}
.sp-qr-actions button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 13px;border:1px solid var(--sp-line);border-radius:999px;background:rgba(255,255,255,.06);color:var(--sp-ink);font:inherit;font-size:13px;font-weight:850;cursor:pointer}
.sp-qr-actions svg{width:16px;height:16px;fill:none;stroke:var(--sp-accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* ---------------------------------------------------------------- tema claro */
html[data-site-theme="light"].dk-on.dk-radio :is(.sp-air-bar){background:rgba(9,37,65,.1)}
html[data-site-theme="light"].dk-on.dk-radio :is(.sp-again-row button,.sp-day-row button,.sp-msgs li,.sp-nums-list div,.sp-poll li,.sp-qr-actions button,.sp-tabs){background:rgba(9,37,65,.05)}
html[data-site-theme="light"].dk-on.dk-radio :is(.sp-air-kicker,.sp-msgs b,.sp-day-row .is-now small,.sp-hosts > header .dk-sp-link){color:var(--sp-acc-ink,#0b6b52)}
html[data-site-theme="light"].dk-on.dk-radio .sp-host:hover{background:rgba(9,37,65,.06)}

@media (max-width:1180px){
  .sp-air{grid-template-columns:1fr}
  .sp-again{justify-items:start}
}
@media (prefers-reduced-motion:reduce){
  .sp-air-kicker::before,.sp-nums-list .is-live dd::before{animation:none}
}

/* com a linha do dia, a lista antiga "Programação de hoje" sai da coluna */
.dk-sp.has-sp-day .dk-sp-prog{display:none!important}

/* ---------------------------------------------------------------- 24.89: voltar no tempo pelo canal ALT (Cuiabá e P5) */
.sp-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-top:4px}
.sp-alt[hidden],.sp-alt-state[hidden]{display:none!important}
.sp-alt-range{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:850;color:var(--sp-soft)}
.sp-alt-range input{width:170px;accent-color:var(--sp-accent);cursor:pointer}
.sp-alt-range output{min-width:52px;font-size:14px;font-weight:900;color:var(--sp-ink);font-variant-numeric:tabular-nums}
.sp-alt-go{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--sp-accent);color:#04141f;font:inherit;font-size:14px;font-weight:900;cursor:pointer}
.sp-alt-go svg{width:18px;height:18px;fill:currentColor}
.sp-again-row button.is-on{border-color:var(--sp-accent);background:color-mix(in srgb,var(--sp-accent) 22%,transparent)}
.sp-alt-state{display:flex;align-items:center;gap:8px;margin:2px 0 0;padding:6px 6px 6px 12px;border-radius:999px;background:color-mix(in srgb,var(--sp-accent) 16%,transparent);font-size:13px;font-weight:850;color:var(--sp-ink)}
.sp-alt-state i{width:8px;height:8px;border-radius:50%;background:#ffb020;flex:none}
.sp-alt-state button{min-height:34px;padding:0 12px;border:0;border-radius:999px;background:#ff0033;color:#fff;font:inherit;font-size:12.5px;font-weight:900;cursor:pointer}
html[data-site-theme="light"].dk-on.dk-radio .sp-alt-range output{color:#0b2240}
@media (max-width:1180px){.sp-alt{justify-content:flex-start}}

/* ---------------------------------------------------------------- 24.91: Central › Página da rádio */
.dk-sp .sp-cfg-off,.dk-sp .sp-mural.sp-cfg-empty{display:none!important}
.dk-sp .sp-tabs button[hidden]{display:none}
.dk-sp.sp-opt-hideTech .dk-sp-facts [data-tech],.dk-sp.sp-opt-hideInvite .dk-sp-facts .is-invite{display:none!important}
.dk-sp.sp-opt-hideInvite .sp-qr{display:none!important}
html.sp-nochat .dk-sp-live-chat{display:none!important}
.sp-msg-text{margin:0;font-size:16px;line-height:1.5;color:var(--sp-ink);white-space:pre-line}
.sp-act{display:grid;gap:8px;justify-items:start}
.sp-act-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;font-size:15px;text-decoration:none}
.sp-act small{font-size:13px;color:var(--sp-soft)}
.sp-soc-row{display:flex;flex-wrap:wrap;gap:8px}
.sp-soc-row a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--sp-line);border-radius:999px;background:rgba(255,255,255,.05);color:var(--sp-ink);font-size:14px;font-weight:850;text-decoration:none}
.sp-soc-row a:hover{border-color:var(--sp-accent)}
.sp-soc-row svg{width:18px;height:18px;fill:none;stroke:var(--sp-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sp-onair-row{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px}
.sp-onair-ph{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--sp-accent) 30%,#0b1d36)}
.sp-onair-ph img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.sp-onair-ph b{font-size:24px;color:#fff}
.sp-onair-ph i{position:absolute;right:0;bottom:2px;width:14px;height:14px;border-radius:50%;background:#ff4d5e;box-shadow:0 0 0 3px var(--sp-card,#0f2038)}
.sp-onair-row strong{display:block;font-size:17px;color:var(--sp-ink)}
.sp-onair-row small{display:block;font-size:13px;color:var(--sp-soft)}
html[data-site-theme="light"].dk-on.dk-radio .sp-soc-row a{background:rgba(9,37,65,.04)}
