/* origem: site/0123.css */
/* SOURCE: /assets/refactor-v943/css/site/0317.css */
@media (max-width:1024px){
  html body.pc .spb-mobile-fixed-stack-spacer + .spb-stories-strip,
  html body.pc .spb-stories-strip.show-tablet,
  html body.pc .spb-stories-strip.show-mobile{
    margin-top:10px!important;
    padding-top:12px!important;
    padding-bottom:12px!important;
  }
  html body.pc .spb-stories-strip .spb-stories-scroll{
    justify-content:flex-start!important;
    gap:10px!important;
    padding-left:12px!important;
    padding-right:12px!important;
    scroll-padding-inline:12px!important;
  }
  html body.pc .spb-stories-strip .spb-story-item{
    width:84px!important;
    min-width:84px!important;
    max-width:84px!important;
    gap:6px!important;
  }
  html body.pc .spb-stories-strip .spb-story-item strong{
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:500!important;
  }
  html body.pc .spb-radio-inner{
    grid-template-columns:34px auto minmax(0,1fr) minmax(72px,104px)!important;
    column-gap:8px!important;
    padding:4px 10px!important;
  }
  html body.pc .spb-radio-live{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    min-width:max-content!important;
    font-size:9px!important;
    line-height:1!important;
    margin:0!important;
  }
}
@media (max-width:560px){
  html body.pc .spb-radio-inner{
    grid-template-columns:32px auto minmax(0,1fr) minmax(62px,82px)!important;
    column-gap:6px!important;
    padding-inline:8px!important;
  }
  html body.pc .spb-radio-live{grid-column:2!important;display:inline-flex!important;font-size:8px!important;}
  html body.pc .spb-radio-marquee{grid-column:3!important;min-width:0!important;}
  html body.pc .spb-radio-volume{
    grid-column:4!important;
    max-width:82px!important;
    grid-template-columns:17px minmax(0,1fr)!important;
    gap:5px!important;
    overflow:visible!important;
  }
  html body.pc .spb-radio-volume i{display:block!important;min-width:17px!important;overflow:visible!important;}
  html body.pc .spb-radio-marquee-track{font-size:11px!important;}
  html body.pc .spb-radio-separator{margin-inline:7px!important;}
}
@media (max-width:380px){
  html body.pc .spb-radio-inner{
    grid-template-columns:30px auto minmax(0,1fr) 60px!important;
    column-gap:5px!important;
    padding-inline:6px!important;
  }
  html body.pc .spb-radio-live{font-size:7px!important;}
  html body.pc .spb-radio-volume{max-width:60px!important;grid-template-columns:16px minmax(0,1fr)!important;gap:3px!important;}
  html body.pc .spb-radio-marquee-track{font-size:10px!important;}
  html body.pc .spb-radio-separator{margin-inline:5px!important;}
}


/* origem: site/0124.css */
/* SOURCE: /assets/refactor-v943/css/site/0318.css */
/* O X acompanha o banner de 1170px e nunca a borda da janela. */
html body.pc .banner-bottom--floating{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(1170px,calc(100vw - 20px))!important;
  max-width:1170px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
html body.pc .banner-bottom--floating #banner-bottom--close,
html body.pc .banner-bottom--floating .banner-bottom--close,
html body.pc .banner-bottom--floating .banner-bottom-close,
html body.pc .banner-bottom--floating [data-banner-close],
html body.pc .banner-bottom--floating > button:last-of-type{
  position:absolute!important;
  inset:auto 0 100% auto!important;
  transform:none!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#444!important;
  background:#f2f2f2!important;
  border:1px solid #dedede!important;
  border-bottom:0!important;
  border-radius:5px 5px 0 0!important;
  box-shadow:2px -4px 10px rgba(0,0,0,.22)!important;
  font-size:24px!important;
  font-weight:400!important;
  line-height:1!important;
  text-align:center!important;
  z-index:2147483646!important;
  box-sizing:border-box!important;
}
@media(max-width:1190px){
  html body.pc .banner-bottom--floating{width:calc(100vw - 20px)!important;}
}

/* AO VIVO permanece visível e com pulso leve em todas as telas. */
html body.pc .spb-radio-live{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  white-space:nowrap!important;
  opacity:1!important;
  visibility:visible!important;
}
html body.pc .spb-radio-live:before{
  content:""!important;
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:#19c77b!important;
  box-shadow:0 0 0 0 rgba(25,199,123,.45)!important;
  animation:spbLivePulse498 1.8s ease-out infinite!important;
}
@keyframes spbLivePulse498{0%{box-shadow:0 0 0 0 rgba(25,199,123,.45)}70%{box-shadow:0 0 0 5px rgba(25,199,123,0)}100%{box-shadow:0 0 0 0 rgba(25,199,123,0)}}

/* O bloco horizontal fica compacto e não quebra sensação/condição. */
html body.pc .spb-forecast-horizontal .spb-forecast-head{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px 6px!important;
}
html body.pc .spb-forecast-horizontal .spb-forecast-place{
  min-width:0!important;
  font-size:13px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.pc .spb-forecast-horizontal .spb-forecast-update{display:none!important;}
html body.pc .spb-forecast-horizontal .spb-horizontal-top{
  grid-template-columns:minmax(280px,1.3fr) repeat(6,minmax(86px,.7fr))!important;
  align-items:stretch!important;
  gap:0!important;
}
html body.pc .spb-forecast-horizontal .spb-forecast-now{
  grid-template-columns:46px 56px minmax(118px,1fr)!important;
  gap:6px!important;
  min-width:0!important;
  padding:4px 12px 8px!important;
}
html body.pc .spb-forecast-horizontal .spb-forecast-now img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
}
html body.pc .spb-forecast-horizontal .spb-forecast-temp{
  font-size:31px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
html body.pc .spb-forecast-horizontal .spb-forecast-condition{
  min-width:0!important;
  font-size:12px!important;
  line-height:1.2!important;
}
html body.pc .spb-forecast-horizontal .spb-forecast-condition-text,
html body.pc .spb-forecast-horizontal .spb-forecast-minmax{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.pc .spb-forecast-horizontal .spb-weather-stat{
  min-width:0!important;
  padding:4px 6px!important;
}
html body.pc .spb-forecast-horizontal .spb-weather-stat i{font-size:20px!important;}
html body.pc .spb-forecast-horizontal .spb-weather-stat b{font-size:12px!important;white-space:nowrap!important;}
html body.pc .spb-forecast-horizontal .spb-weather-stat small{font-size:9px!important;white-space:nowrap!important;}
html body.pc .spb-forecast-horizontal .spb-forecast-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  padding:7px 12px!important;
  border-top:1px solid #edf0f3!important;
  color:#8a929a!important;
  font-size:10px!important;
  font-weight:400!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
html body.pc .spb-forecast-horizontal .spb-forecast-footer a{color:inherit!important;text-decoration:none!important;}
@media(max-width:900px){
  html body.pc .spb-forecast-horizontal .spb-horizontal-top{
    grid-template-columns:minmax(250px,1fr) repeat(6,minmax(78px,.55fr))!important;
    overflow-x:auto!important;
  }
  html body.pc .spb-forecast-horizontal .spb-forecast-now{
    position:sticky!important;
    left:0!important;
    z-index:2!important;
    background:inherit!important;
  }
}