/* SPJ v3.456 — estabilidade do tempo no cabeçalho durante o primeiro paint.
   Replica no HEAD somente a geometria que o cabeçalho já usa no estado final,
   evitando cidade duplicada, expansão temporária e deslocamento do campo de busca. */
html body.pc .head .weather.spb-weather-top{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:50px!important;
  height:auto!important;
  overflow:hidden!important;
  padding:0 8px!important;
  box-sizing:border-box!important;
}
html body.pc .head .selo-tempo-wrapper{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  background:transparent!important;
  padding:6px 0!important;
  margin-top:5px!important;
  font-family:inherit!important;
  line-height:1!important;
  white-space:nowrap!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
html body.pc .head .selo-tempo-wrapper .divider{display:none!important}
html body.pc .head .selo-tempo-wrapper img{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  display:block!important;
  object-fit:contain!important;
  flex:0 0 38px!important;
}
html body.pc .head .selo-tempo-wrapper .info{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  line-height:1.1!important;
  min-width:0!important;
  max-width:210px!important;
  overflow:hidden!important;
  color:inherit!important;
}
html body.pc .head .selo-tempo-wrapper #weather-temp{
  font-size:21px!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:0!important;
  display:inline-block!important;
  white-space:nowrap!important;
}
html body.pc .head .selo-tempo-wrapper #weather-temp .temp-c{
  font-size:.7em!important;
  vertical-align:baseline!important;
  position:relative!important;
  top:-.40em!important;
  margin-left:1px!important;
}
html body.pc .head .selo-tempo-wrapper .weather-city-full{
  font-size:13px!important;
  font-weight:400!important;
  color:inherit!important;
  display:block!important;
  max-width:190px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body.pc .head .selo-tempo-wrapper .weather-city-short,
html body.pc .head .selo-tempo-wrapper .weather-city-short[hidden]{
  display:none!important;
}

/* Desktop mensalista/portal comum: o tempo já nasce no mesmo ponto central do estado final.
   Não altera a composição específica de franquias, que possui regras próprias. */
@media(min-width:992px){
  html body.pc header.head:not(.spb-header-franchise-cities)>.wrap,
  html body.pc .head:not(.spb-header-franchise-cities)>.wrap{
    position:relative!important;
  }
  html body.pc header.head:not(.spb-header-franchise-cities)>.wrap>.weather.spb-weather-top,
  html body.pc .head:not(.spb-header-franchise-cities)>.wrap>.weather.spb-weather-top{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    width:360px!important;
    min-width:360px!important;
    max-width:360px!important;
    min-height:55px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    z-index:2!important;
    pointer-events:none!important;
    flex:none!important;
  }
  html body.pc header.head:not(.spb-header-franchise-cities)>.wrap>form.search.spb-header-search,
  html body.pc .head:not(.spb-header-franchise-cities)>.wrap>form.search.spb-header-search{
    margin-left:auto!important;
  }
}

/* No mobile o tempo superior já é oculto pelo layout final; ocultar também no primeiro paint. */
@media(max-width:760px){
  html body.pc .head .weather.spb-weather-top{display:none!important}
}