/* origem: site/0125.css */
/* SOURCE: /assets/refactor-v943/css/site/0319.css */
/* O contêiner flutuante ocupa a tela, mas o X acompanha o limite do banner central de 1170px. */
html body.pc .banner-bottom--floating{
  left:0!important;
  right:0!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
  box-sizing:border-box!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;
  left:auto!important;
  right:max(10px,calc((100vw - 1170px)/2))!important;
  top:-42px!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,.29)!important;
  font-size:24px!important;
  font-weight:400!important;
  line-height:1!important;
  text-align:center!important;
  box-sizing:border-box!important;
  z-index:2147483647!important;
}
@media(max-width:1190px){
  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{right:10px!important;}
}

/* AO VIVO sempre visível e pulsando suavemente. */
html body.pc [data-radio-player] .spb-radio-live{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  gap:5px!important;
  white-space:nowrap!important;
}
html body.pc [data-radio-player] .spb-radio-live:before{
  content:""!important;
  display:block!important;
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:#19c77b!important;
  animation:spbLivePulse499 1.6s ease-out infinite!important;
}
@keyframes spbLivePulse499{
  0%{box-shadow:0 0 0 0 rgba(25,199,123,.48)}
  70%{box-shadow:0 0 0 6px rgba(25,199,123,0)}
  100%{box-shadow:0 0 0 0 rgba(25,199,123,0)}
}

/* Previsão horizontal sem qualquer barra de rolagem. */
html body.pc .spb-forecast-horizontal,
html body.pc .spb-forecast-horizontal *{box-sizing:border-box!important;}
html body.pc .spb-forecast-horizontal{overflow:hidden!important;}
html body.pc .spb-forecast-horizontal .spb-horizontal-top{
  overflow:visible!important;
  grid-template-columns:minmax(220px,1.25fr) repeat(6,minmax(0,.75fr))!important;
  width:100%!important;
}
html body.pc .spb-forecast-horizontal .spb-forecast-now{
  grid-template-columns:40px 48px minmax(0,1fr)!important;
  gap:5px!important;
  min-width:0!important;
  padding:7px 8px!important;
}
html body.pc .spb-forecast-horizontal .spb-forecast-now img{width:38px!important;height:38px!important;}
html body.pc .spb-forecast-horizontal .spb-forecast-temp{font-size:27px!important;}
html body.pc .spb-forecast-horizontal .spb-forecast-condition{font-size:11px!important;min-width:0!important;}
html body.pc .spb-forecast-horizontal .spb-weather-stat{min-width:0!important;padding:5px 3px!important;overflow:hidden!important;}
html body.pc .spb-forecast-horizontal .spb-weather-stat i{font-size:17px!important;}
html body.pc .spb-forecast-horizontal .spb-weather-stat b{font-size:10px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html body.pc .spb-forecast-horizontal .spb-weather-stat small{font-size:8px!important;}
@media(max-width:760px){
  html body.pc .spb-forecast-horizontal .spb-horizontal-top{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    overflow:visible!important;
  }
  html body.pc .spb-forecast-horizontal .spb-forecast-now{
    grid-column:1/-1!important;
    position:static!important;
    background:inherit!important;
  }
  html body.pc .spb-forecast-horizontal .spb-weather-stat{min-height:45px!important;font-size:17px!important;}
}

