/* Ajustes específicos da página de detalhe da notícia. */
.article-page {
  /* Desloca o bloco inteiro para baixo, evitando que comece sob a navbar. */
  position: relative !important;
  top: 56px !important;
  margin-top: 0 !important;
  margin-bottom: 56px !important;
  padding-top: 0 !important;
}

.article-page .article-layout {
  /* Afasta as propagandas laterais do conteúdo principal. */
  column-gap: 38px;
  row-gap: 32px;
}

.article-page .article-main {
  position: relative;
}

/* Remove o bloco lateral "Mais notícias" do fim da página. */
.article-page .article-sidebar-block {
  display: none !important;
}

.article-page .article-main > .badge {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  float: none !important;
  display: inline-flex;
  align-items: center;
  width: auto;
  max-width: 100%;
  margin: 0 0 14px 0;
  z-index: auto;
}

.article-page .article-main > .badge + .article-title {
  margin-top: 0;
}

@media (max-width: 1320px) {
  .article-page .article-layout {
    column-gap: 28px;
  }
}

@media (max-width: 1120px) {
  .article-page .article-layout {
    column-gap: 26px;
  }
}

@media (max-width: 940px) {
  .article-page {
    top: 40px !important;
    margin-bottom: 40px !important;
  }

  .article-page .article-layout {
    row-gap: 24px;
  }
}

@media (max-width: 640px) {
  .article-page {
    top: 28px !important;
    margin-bottom: 28px !important;
  }

  .article-page .article-main > .badge {
    margin-bottom: 10px;
  }
}