/* Banner 970 × 250 – tamanho real (sem zoom) */
.revive-responsive-970x250 {
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: visible;
  float: none;
  clear: both;
}

.ad-scale-box {
  width: 970px;
  height: 250px;
  margin: 0 auto;
  display: block;
}

.ad-scale-box ins {
  display: block !important;
  width: 970px !important;
  height: 250px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.ad-scale-box iframe {
  display: block !important;
  width: 970px !important;
  height: 250px !important;
  border: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ad-scale-box,
.ad-scale-box ins,
.ad-scale-box iframe {
  transform: none !important;
}

/* Desktop publico: reduz o respiro superior do header quando a barra admin nao existe. */
@media (min-width: 769px) {
  body:not(.admin-bar) .site-header.layout--default .site-branding-section {
    padding-top: 8px !important;
  }
}

/* Diminui a altura do header somente no mobile (responsivo) */
@media (max-width: 768px) {
  .site-header .main-header {
    height: 50px !important;
  }
  .site-header .site-branding .custom-logo {
    max-height: 35px !important;
  }
}

/* Banner no topo 970x250 tamanho real sem zoom (mesmo do segundo banner) */
@media (min-width: 769px) {
  .deixav5-slot-header .deixav5-promo {
    max-width: 970px !important;
    margin: 0 auto !important;
  }
}

/* Responsivo: elimina espaço entre o banner do header e o main banner */
@media (max-width: 1024px) {
  /* Oculta o div after-header (ticker desabilitado - div vazio com fundo cinza) */
  #masthead .after-header {
    display: none !important;
  }
  /* Metade da margem esquerda (15px) menos 2px */
  #main-banner-section {
    padding-top: 6px !important;
    margin-top: 0 !important;
  }
  /* Zera espaço abaixo do banner do topo (.deixav5-slot-header) */
  .deixav5-slot-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .deixav5-slot-header .deixav5-promo,
  .deixav5-slot-header .deixav5-promo-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* No responsivo a cotação continua fora do header (logo + hamburger).
   O clima vai para a faixa .deixav5-weather-bar, abaixo do header. */
@media (max-width: 1023px) {
  .header-currency-widget-container {
    display: none !important;
  }
}

.deixav5-weather-bar {
  display: none;
}

@media (max-width: 1023px) {
  .deixav5-weather-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 34px;
    padding: 4px 12px;
    background: linear-gradient(180deg, #000000 0%, #001f3f 100%);
    color: #fff;
    box-sizing: border-box;
  }

  .deixav5-weather-bar .header-weather-content {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
  }

  .deixav5-weather-bar .weather-temp,
  .deixav5-weather-bar .weather-condition,
  .deixav5-weather-bar .weather-city,
  .deixav5-weather-bar .weather-icon i {
    color: #fff !important;
  }

  .deixav5-weather-bar .weather-temp {
    font-size: 16px;
    font-weight: 600;
  }

  .deixav5-weather-bar .weather-condition {
    font-size: 11px;
  }

  .deixav5-weather-bar .weather-city {
    font-size: 11px;
  }
}

/* Previsão do tempo oculta no responsivo (pedido 14/10/2026) — oculto no responsivo */
@media (max-width: 1023px) {
  .deixav5-weather-bar {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .deixav5-weather-bar {
    display: none !important;
  }
}

/* Espaçamento do banner logo após a section "Regiões" na home */
.deixav5-ad-after-regioes {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* Espaço em branco embaixo de alguns banners (relatado pelo usuário): a regra
   generica "#full-width-section .row > div { margin-bottom: 35px }" (main.css)
   da respiro pra QUALQUER bloco da pagina, incluindo os de anuncio — e fica
   bem depois de uma noticia grande, mas cria um vao desproporcional debaixo
   de um banner que so tem ~35-90px de altura (quase metade do bloco vira
   espaco vazio). A maioria dos slots de anuncio ja tem essa margem zerada
   (por acaso, quando o slot e o ultimo item da propria .row) ou por regra
   dedicada; estes dois nao tinham nenhuma das duas coisas. Usa :has() (ja
   usado em outras regras deste tema) pra alcancar o wrapper .col-12 sem
   precisar de uma classe extra nele.
   Nota: se o mesmo vao aparecer em outro slot no futuro, o diagnostico e
   igual — confira o margin-bottom computado do wrapper .col-12 do slot. */
div:has(> .deixav5-slot-between-destaques-regioes),
div:has(> .deixav5-slot-between-entretenimento-policia) {
  margin-bottom: 15px !important;
}