/* MAIS TUNER 24.200.116 — Modo clima no Player A. Só vale com .is-clima: as outras rádios não mudam. */
.pa.is-talk .cl-closed,.pa.is-talk .cl-pane{display:none!important}
.pa.is-clima .tk-closed:not(.cl-closed),.pa.is-clima .tk-pane:not(.cl-pane){display:none!important}
.pa.is-clima [data-pa="tab-news"]{display:none!important}
.pa.is-clima .pa-strip{display:none}
.pa.is-clima .pa-sheet{min-height:calc(164px + env(safe-area-inset-bottom))}
.pa.is-clima .pa-tabs{gap:13px;margin-right:-20px;padding-right:20px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.pa.is-clima .pa-tabs::-webkit-scrollbar{display:none}
.pa.is-clima .pa-tabs button{flex:none}
.pa.is-clima:not(.is-open) .cl-closed{flex:1;min-height:0;display:block}
.pa.is-clima .tk-head strong{-webkit-line-clamp:3;line-clamp:3}
.cl-hours{display:block;margin-top:5px;font-size:12px;font-weight:700;color:#8fa0b6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* pílula "Ao vivo · 27°": dois toques; o da esquerda continua sendo o botão de sempre */
.pa-livewrap{display:flex;align-items:center}
.pa-livewrap.has-clima .pa-live{border-radius:99px 0 0 99px;padding-right:11px}
.pa-clima{position:relative;display:flex;align-items:center;gap:5px;height:32px;padding:0 12px 0 9px;border:0;border-left:1px solid rgba(255,255,255,.22);border-radius:0 99px 99px 0;background:rgba(5,15,29,.62);color:inherit;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.pa-clima[hidden]{display:none}
.pa-clima::after{content:"";position:absolute;inset:-6px 0}
.pa-clima i{font-style:normal;font-size:14px;line-height:1;color:#7cc4ff}

/* aba Tempo */
.cl-pane{display:flex;flex-direction:column;gap:10px;padding:4px 0 16px;touch-action:manipulation}
.cl-closed{touch-action:manipulation}
.cl-pane[hidden]{display:none}
/* a coluna rola; sem isto as fileiras com rolagem própria (cidades) encolhiam até sumir quando o painel é baixo, como no celular deitado */
.cl-pane > *{flex-shrink:0}
.cl-top{padding:2px 0}
.cl-kicker{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5fffc0}
.cl-kicker i{flex:none;width:7px;height:7px;margin-left:3px;border-radius:50%;background:#5fffc0;box-shadow:0 0 0 3px rgba(95,255,192,.2)}
.cl-title{margin:2px 0 0;font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.cl-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.cl-chips::-webkit-scrollbar{display:none}
.cl-chips button{flex:none;height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(5,15,29,.62);color:#f3f6fb;font:inherit;font-size:13px;font-weight:700}
/* 24.200.116: ".pa button{color:inherit}" (mais forte) deixava o texto da cidade escolhida branco sobre menta; o prefixo .pa devolve o texto escuro */
.pa .cl-chips button[aria-pressed="true"]{background:#5fffc0;color:#06213a;border-color:transparent}
.cl-now{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:rgba(8,20,38,.92);border:1px solid rgba(255,255,255,.12)}
.cl-now-glyph{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:26px;line-height:1;background:radial-gradient(circle at 30% 25%,rgba(150,170,255,.45),rgba(60,70,160,.2))}
.cl-now-copy{flex:1;min-width:0}
.cl-now-copy strong{display:block;font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-now-copy small{display:block;font-size:12px;line-height:1.25;color:#b8cbe4}
.cl-now-temp{flex:none;font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:1}
.cl-now-temp sup{font-size:16px;vertical-align:top;color:#5fffc0;font-weight:800}
.cl-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.cl-metrics span{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.06);font-size:11px;font-weight:700;color:#b8cbe4}
.cl-metrics b{display:block;margin-top:2px;font-size:14px;color:#f3f6fb}
.cl-hrs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:10px 8px;border-radius:16px;background:rgba(255,255,255,.05)}
.cl-hr{display:grid;justify-items:center;gap:3px;text-align:center;font-size:12px}
.cl-hr:first-child{border-radius:10px;background:rgba(255,255,255,.08)}
.cl-hr small{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#a9bfdc}
.cl-hr i{font-style:normal;font-size:18px;line-height:1}
.cl-hr em{font-style:normal;font-size:10px;font-weight:700;color:#7fd6ff;min-height:12px}
.cl-days{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.cl-day{display:grid;justify-items:center;gap:2px;padding:10px 4px;border-radius:12px;background:rgba(255,255,255,.05);font-size:12px;text-align:center}
.cl-day small{font-weight:800;color:#a9bfdc;text-transform:uppercase;font-size:10px;letter-spacing:.06em}
.cl-day i{font-style:normal;font-size:20px;line-height:1}
.cl-day b{font-size:14px}
.cl-day em{font-style:normal;color:#8fa0b6;font-size:11px}
/* o iPhone amplia a página ao focar um controle com letra menor que 16 px: o interruptor fica em 16 px */
.cl-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:13px;padding-top:4px}
.cl-foot input{width:20px;height:20px;accent-color:#5fffc0;margin:0;font-size:16px}
.cl-foot small{flex:1 0 100%;padding-left:30px;font-size:11px;color:#8fa0b6}
/* 24.200.116: celular deitado. O mesmo que a TalkLand faz ali: o painel fechado some (as abas ficam na linha dos controles),
   as abas rolam sem a folga do celular em pé e a pílula "Ao vivo · 27°" ocupa o lugar do "Ao vivo" (à direita do topo), só com a bolinha vermelha e o grau. */
@media (orientation:landscape) and (max-height:520px){
  html.pa-on .pa.is-clima:not(.is-open) .cl-closed{display:none}
  html.pa-on .pa.is-clima .pa-sheet{min-height:0}
  html.pa-on .pa.is-clima .pa-tabs{gap:13px;margin-right:0;padding-right:0}
  html.pa-on .pa-top .pa-livewrap{margin-left:auto;flex:none}
  html.pa-on .pa-top .pa-livewrap .pa-live{margin-left:0}
  html.pa-on .pa[data-ad="painel"]:not(.is-open) .pa-livewrap{display:none}
  /* a pílula é mais larga que o "Ao vivo" sozinho: o chip do nome da rádio encurta para não ficar por baixo dela */
  html.pa-on .pa-livewrap.has-clima .pa-live{padding:0 11px}
  html.pa-on .pa-livewrap.has-clima .pa-live span{display:none}
  html.pa-on .pa.is-clima .pa-pillrow{max-width:calc(100% - 236px)}
  /* NRK Sans do player, um pouco mais fechada (o projeto não tem versão condensada dela): o nome da rádio cabe inteiro ("SLAM! Anthems SR") */
  html.pa-on .pa.is-clima .pa-pill-name{font-family:"NRK Sans","Reddit Sans",sans-serif;font-weight:700;font-size:14px;letter-spacing:-.25px}
}
@media (orientation:landscape) and (max-height:520px) and (max-width:700px){
  html.pa-on .pa-clima{padding:0 10px 0 8px}
}
@media (max-height:620px){ .pa.is-clima .pa-sheet{min-height:calc(150px + env(safe-area-inset-bottom))} }
@media (prefers-reduced-motion:reduce){ .cl-closed *,.cl-pane *{animation:none!important;transition:none!important} }