@import url("news.css");
@import url("newsTodas.css");

.page-header {
  margin-bottom: var(--double-rem);
}

.headerTitulo h1 {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

.page-header .meta-wrapper {
  display: flex;
  justify-content: space-between; /* Espaço entre os elementos */
  align-items: center; /* Alinha verticalmente */
  width: 100%;
  gap: 10px; /* Espaçamento entre os itens */
}

.page-cat,
.page-data {
  font-size: calc(var(--rem) * 0.8);
  color: var(--bs-white);
  padding: var(--padding-noticias);
  font-weight: 500;
  text-transform: capitalize;
  margin: 15px 0 10px 0;
  border-radius: 4px;
}

.page-header .page-cat {
  background-color: var(--cor-categoria);
  margin-right: auto; /* Força alinhamento à esquerda */
}

.page-header .page-data {
  background-color: var(--cor-data);
  margin-left: auto; /* Força alinhamento à direita */
}


@media (max-width: 450px) {
  .page-header .meta-wrapper {
    flex-direction: column; /* Empilha verticalmente */
    align-items: flex-start; /* Alinha à esquerda */
    gap: 5px; /* Reduz o espaçamento */
  }

  .page-header .page-cat {
    margin-bottom: 0;
  }
  .page-header .page-data {
    margin-left: 0; /* Remove o alinhamento à direita */
  }
}