/*
 * Brasil Emprega 7.8.38 — contexto regional e clima sem texto cortado
 * Prioriza leitura integral em desktop, notebook, tablet e celular.
 */

/* O conteúdo do contexto nunca deve ser recortado silenciosamente. */
.be-premium-header .be-context-widget,
.be-premium-header.be-layout-compact .be-context-widget{
  overflow:visible!important;
}
.be-premium-header .be-context-main,
.be-premium-header.be-layout-compact .be-context-main{
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
}
.be-premium-header .be-context-place,
.be-premium-header .be-context-time,
.be-premium-header .be-context-weather,
.be-premium-header.be-layout-compact .be-context-place,
.be-premium-header.be-layout-compact .be-context-time,
.be-premium-header.be-layout-compact .be-context-weather{
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.be-premium-header .be-context-weather,
.be-premium-header.be-layout-compact .be-context-weather{
  white-space:nowrap!important;
}

/* Desktop amplo: três campos completos, com espaço real para a descrição do clima. */
@media (min-width:1241px){
  .be-premium-header .be-context-widget,
  .be-premium-header.be-layout-compact .be-context-widget{
    flex:0 0 520px!important;
    width:520px!important;
    min-width:520px!important;
    max-width:520px!important;
  }
  .be-premium-header .be-context-main,
  .be-premium-header.be-layout-compact .be-context-main{
    display:grid!important;
    grid-template-columns:minmax(125px,1fr) minmax(155px,1.08fr) minmax(180px,1.28fr)!important;
    align-items:center!important;
    width:100%!important;
  }
  .be-premium-header .be-context-weather,
  .be-premium-header.be-layout-compact .be-context-weather{
    min-width:180px!important;
    padding-right:4px!important;
  }
}

/* Notebook: preserva o texto completo e reduz elementos menos prioritários quando necessário. */
@media (min-width:1080px) and (max-width:1240px){
  .be-premium-header .be-context-widget,
  .be-premium-header.be-layout-compact .be-context-widget{
    flex:0 0 470px!important;
    width:470px!important;
    min-width:470px!important;
    max-width:470px!important;
  }
  .be-premium-header .be-context-main,
  .be-premium-header.be-layout-compact .be-context-main{
    display:grid!important;
    grid-template-columns:minmax(105px,1fr) minmax(145px,1.1fr) minmax(165px,1.25fr)!important;
    align-items:center!important;
    width:100%!important;
  }
  .be-premium-header .be-context-weather,
  .be-premium-header.be-layout-compact .be-context-weather{
    min-width:165px!important;
  }
}
@media (min-width:1080px) and (max-width:1160px){
  .be-premium-header .be-header-trust{display:none!important}
}

/* Tablet: cidade, data/hora e clima continuam na mesma linha quando houver espaço. */
@media (min-width:721px) and (max-width:1079px){
  .be-premium-header .be-context-widget,
  .be-premium-header.be-layout-compact .be-context-widget{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:50px!important;
    height:auto!important;
  }
  .be-premium-header .be-context-main,
  .be-premium-header.be-layout-compact .be-context-main{
    display:grid!important;
    grid-template-columns:minmax(105px,1fr) minmax(145px,1.08fr) minmax(155px,1.18fr)!important;
    align-items:center!important;
    width:100%!important;
    gap:0!important;
  }
  .be-premium-header .be-context-place,
  .be-premium-header .be-context-time,
  .be-premium-header .be-context-weather,
  .be-premium-header.be-layout-compact .be-context-place,
  .be-premium-header.be-layout-compact .be-context-time,
  .be-premium-header.be-layout-compact .be-context-weather{
    display:flex!important;
    align-items:center!important;
    min-height:30px!important;
    height:auto!important;
    padding:0 9px!important;
    margin:0!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  .be-premium-header .be-context-place,
  .be-premium-header.be-layout-compact .be-context-place{padding-left:2px!important}
  .be-premium-header .be-context-time,
  .be-premium-header .be-context-weather,
  .be-premium-header.be-layout-compact .be-context-time,
  .be-premium-header.be-layout-compact .be-context-weather{
    border-left:1px solid #dce6ef!important;
  }
}

/* Celular: cada informação ganha sua própria linha. Nada é escondido ou truncado. */
@media (max-width:720px){
  .be-premium-header .be-header-top,
  .be-premium-header .be-header-top-inner{
    min-height:86px!important;
  }
  .be-premium-header .be-context-widget,
  .be-premium-header.be-layout-compact .be-context-widget{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:68px!important;
    height:auto!important;
    padding:7px 9px!important;
    gap:7px!important;
    overflow:visible!important;
  }
  .be-premium-header .be-context-main,
  .be-premium-header.be-layout-compact .be-context-main{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    align-content:center!important;
    width:100%!important;
    gap:1px!important;
    line-height:1.15!important;
  }
  .be-premium-header .be-context-place,
  .be-premium-header .be-context-time,
  .be-premium-header .be-context-weather,
  .be-premium-header.be-layout-compact .be-context-place,
  .be-premium-header.be-layout-compact .be-context-time,
  .be-premium-header.be-layout-compact .be-context-weather{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .be-premium-header .be-context-place,
  .be-premium-header.be-layout-compact .be-context-place{
    font-size:10.5px!important;
    font-weight:850!important;
  }
  .be-premium-header .be-context-time,
  .be-premium-header.be-layout-compact .be-context-time{
    font-size:9.5px!important;
    font-weight:750!important;
    color:#385a78!important;
  }
  .be-premium-header .be-context-weather,
  .be-premium-header.be-layout-compact .be-context-weather{
    font-size:9.5px!important;
    font-weight:700!important;
    color:#60748a!important;
  }
}

/* Telefones estreitos: mantém o clima visível e libera mais largura removendo apenas o ícone. */
@media (max-width:460px){
  .be-premium-header .be-context-icon,
  .be-premium-header.be-layout-compact .be-context-icon{display:none!important}
  .be-premium-header .be-context-widget,
  .be-premium-header.be-layout-compact .be-context-widget{
    min-height:66px!important;
    padding-inline:8px!important;
  }
}

/* Segurança contra zoom alto e textos maiores do sistema. */
@media (max-width:360px){
  .be-premium-header .be-header-top-inner{gap:6px!important}
  .be-premium-header .be-logo,
  .be-premium-header .be-logo img{
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
  }
  .be-premium-header .be-context-place,
  .be-premium-header.be-layout-compact .be-context-place{font-size:9.8px!important}
  .be-premium-header .be-context-time,
  .be-premium-header .be-context-weather,
  .be-premium-header.be-layout-compact .be-context-time,
  .be-premium-header.be-layout-compact .be-context-weather{font-size:9px!important}
}

/* Neutraliza camadas mobile antigas que ocultavam o contexto regional. */
@media (min-width:1080px){
  .be-premium-header .be-header-top-inner{
    display:flex!important;
    grid-template-columns:none!important;
    min-height:72px!important;
  }
  .be-premium-header .be-header-utility{display:flex!important}
  .be-premium-header .be-context-widget,
  .be-premium-header.be-layout-compact .be-context-widget{display:flex!important}
}
@media (max-width:1079px){
  .be-premium-header .be-header-top-inner{
    display:grid!important;
    grid-template-columns:118px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .be-premium-header .be-header-utility{display:none!important}
  .be-premium-header .be-context-widget,
  .be-premium-header.be-layout-compact .be-context-widget{display:flex!important}
}
@media (max-width:720px){
  .be-premium-header .be-header-top-inner{
    width:calc(100% - 24px)!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:8px!important;
  }
}
@media (max-width:460px){
  .be-premium-header .be-header-top-inner{grid-template-columns:82px minmax(0,1fr)!important}
}

/* Especificidade elevada para superar a antiga camada mobile final. */
@media (min-width:1080px) and (max-width:1100px){
  body:not(.admin-page) .be-premium-header .be-header-top-inner{
    display:flex!important;
    grid-template-columns:none!important;
    min-height:72px!important;
  }
  body:not(.admin-page) .be-premium-header .be-context-widget{display:flex!important}
  body:not(.admin-page) .be-premium-header .be-header-utility{display:flex!important}
}
@media (max-width:1079px){
  body:not(.admin-page) .be-premium-header .be-header-top-inner{
    display:grid!important;
    grid-template-columns:118px minmax(0,1fr)!important;
    gap:12px!important;
    min-height:72px!important;
  }
  body:not(.admin-page) .be-premium-header .be-context-widget{display:flex!important}
  body:not(.admin-page) .be-premium-header .be-header-utility{display:none!important}
}
@media (max-width:720px){
  body:not(.admin-page) .be-premium-header .be-header-top,
  body:not(.admin-page) .be-premium-header .be-header-top-inner{min-height:86px!important}
  body:not(.admin-page) .be-premium-header .be-header-top-inner{
    width:calc(100% - 24px)!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:8px!important;
  }
}
@media (max-width:460px){
  body:not(.admin-page) .be-premium-header .be-header-top-inner{grid-template-columns:82px minmax(0,1fr)!important}
}

/* Cidade pode usar reticências em telas horizontais; clima permanece sempre completo. */
@media (min-width:721px){
  .be-premium-header .be-context-place,
  .be-premium-header.be-layout-compact .be-context-place{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .be-premium-header .be-context-time,
  .be-premium-header .be-context-weather,
  .be-premium-header.be-layout-compact .be-context-time,
  .be-premium-header.be-layout-compact .be-context-weather{
    overflow:visible!important;
    text-overflow:clip!important;
  }
}

/* Colunas móveis compatíveis com o tamanho real do logotipo. */
@media (max-width:460px){
  body:not(.admin-page) .be-premium-header .be-header-top-inner{
    grid-template-columns:106px minmax(0,1fr)!important;
    gap:8px!important;
  }
  body:not(.admin-page) .be-premium-header .be-logo,
  body:not(.admin-page) .be-premium-header .be-logo img{
    width:102px!important;
    min-width:102px!important;
    max-width:102px!important;
  }
}
@media (max-width:370px){
  body:not(.admin-page) .be-premium-header .be-header-top-inner{
    grid-template-columns:92px minmax(0,1fr)!important;
    gap:8px!important;
  }
  body:not(.admin-page) .be-premium-header .be-logo,
  body:not(.admin-page) .be-premium-header .be-logo img{
    width:90px!important;
    min-width:90px!important;
    max-width:90px!important;
  }
}
