.mod_mrn_temas {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #002742;
  font-family: "Roboto";
}

.mod_mrn_temas .bloco_temas_destaques {
  background-image: url("bg-producoes-secao-2.png");
  background-position: top;
  padding: 90px 0 100px 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.mod_mrn_temas .bloco_temas_conteudos {
  background-color: #00c0f3;
  background-image: url(bg-conteudo-recente_TOP.png),
    url(bg-conteudo-recente_mobile_BOTTOM.png);
  background-position: top, bottom;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 96px 0 50px 0;
}

.mod_mrn_temas .bloco_temas_destaques .bloco_central,
.mod_mrn_temas .bloco_temas_destaques .temas_um_tema,
.mod_mrn_temas .bloco_temas_destaques .temas_producoes,
.mod_mrn_temas .bloco_temas_conteudos .bloco_central {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
}

.mod_mrn_temas .temas_um_tema {
  width: 100%;
}

.esteira_producoes_destaque {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.temas_nuvem_de_tags {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 15px;
  margin-bottom: 90px;
}

.temas_nuvem_de_tags a {
  text-decoration: none;
  text-transform: uppercase;
  background-color: #23b4e1;
  color: white;
  font-size: calc(16px * var(--acessibilidade));
  padding: 23px 42px;
  letter-spacing: 2px;
  border-radius: 10px;
}

.temas_nuvem_de_tags a.destaque {
  background-color: #FFFFFF;
  color: #002742;
}

.temas_um_tema_titulo {
  font-size: calc(44px * var(--acessibilidade));
  text-transform: uppercase;
  letter-spacing: 5px;
  color: #ffbb00;
  margin-bottom: 40px;
  text-align: center;
}

.temas_um_tema .temas_um_tema_link {
  color: #fff;
  letter-spacing: 3px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}

.temas_um_tema .temas_um_tema_link a {
  color: #ffbb00;
  text-decoration: none;
}

.temas_um_tema .temas_um_tema_link a.destaque {
  color: #fff;
  font-size: 18px;
}

.mod_mrn_temas .temas_producoes {
  margin-top: 90px;
  color: #ffbb00;
  font-size: calc(30px * var(--acessibilidade));
  letter-spacing: 5px;
  text-transform: uppercase;
  width: 100%;
}


.mod_mrn_temas .temas_conteudos_titulo {
  font-size: calc(26px * var(--acessibilidade));
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #002742;
}

.temas_producoes_esteira {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 30px 0 80px 0;
}

.temas_producoes_esteira::-webkit-scrollbar {
  display: none;
}

/* .temas_producoes_esteira img {
  width: 270px;
} */

.temas_conteudos_esteira {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 40px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.temas_producoes_esteira {
  /*display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 30px 0 80px 0;
  overflow-x: hidden;
  gap: 40px;*/
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
  overflow-y: hidden;
}

@media (max-width: 1200px) {
  .mod_mrn_temas .seta {
    display: none;
  }
  .temas_producoes_esteira {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 951px) {
  .desktop-only {
    display: flex;
  }
  .mobile-only {
    display: none !important;
  }
}

@media (max-width: 950px) {
  .desktop-only {
    display: none !important;
  }
  .mobile-only {
    display: flex;
  }
}
