#container-search {
  margin-bottom: 20px;
}
#container-search .input-group {
}
#container-search input {
  border-radius: 8px 0 0 8px;
  border: 1px solid var(--PRINCIPAL-WHITE, #fff);
  background: #dde5ed;
  border-right: 0;
  color: var(--principal-00416-a, #00416a);
  /* Body/Body_01 */
  font-family: var(--font-second);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
#btn-search {
  border-radius: 0 8px 8px 0;
  border: 1px solid var(--PRINCIPAL-WHITE, #fff);
  background: #dde5ed;
  border-left: 0;
}
#container-search .bg {
  border-radius: 8px;
  background: var(--principaldde-5-ed, #dde5ed);
  padding: 24px;
  width: 100%;
}
#container-categoria {
  border-radius: 8px;
  background: var(--principaldde-5-ed, #dde5ed);
  padding: 24px;
  margin-bottom: 24px;
}

#container-categoria .list-categorias a {
  width: 100%;
  color: var(--principal-00416-a, #00416a);
  padding: 12px;
  font-family: var(--font-second);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  border-bottom: 1px solid #00416a57;
}
#container-categoria .list-categorias a:last-child {
  border: none;
}

#container-tags {
  border-radius: 8px;
  background: var(--principaldde-5-ed, #dde5ed);
  padding: 24px;
  --width: 32%;
  /* --width:100px; */
}
/*
.grid-sizer,
.grid-item {
    width: 25%;
    margin: 4px;
}
.grid-item--width2 {
  width: 35%; 
}
.grid-item--width3 {
  width: 40%; 
}
*/
/* Espaçamento entre os itens */

.grid-item {
  margin-bottom: 15px;
}
/*
 * ============================================
 * Layout para Celulares (1 coluna) - Mobile First
 * ============================================
 */
.grid-sizer,
.grid-item,
.grid-item--width2,
.grid-item--width3,
.grid-item--width4,
.grid-item--width5 {
  width: 100%;
  --guuter: 10px;
}

/*
 * ============================================
 * Layout para Tablets (3 colunas)
 * ============================================
 */
@media (min-width: 768px) {
  .grid-sizer,
  .grid-item {
    /* Fórmula: (100% - 2*gutters) / 3 colunas */
    width: calc((100% - 2 * var(--guuter)) / 3);
  }

  .grid-item--width2 {
    /* (largura_base * 2) + 1 gutter */
    width: calc(((100% - 2 * var(--guuter)) / 3) * 2 + var(--guuter));
  }

  /* Em 3 colunas, itens de 3x, 4x e 5x ocuparão a linha inteira */
  .grid-item--width3,
  .grid-item--width4,
  .grid-item--width5 {
    width: 100%;
  }
}

/*
 * ============================================
 * Layout para Desktops (6 colunas)
 * ============================================
 */
@media (min-width: 1200px) {
  .grid-sizer,
  .grid-item {
    /* Fórmula: (100% - 5*gutters) / 6 colunas */
    width: calc((100% - 5 * var(--guuter)) / 6);
  }

  .grid-item--width2 {
    /* (largura_base * 2) + 1 gutter */
    width: calc(((100% - 5 * var(--guuter)) / 6) * 2 + var(--guuter));
  }

  .grid-item--width3 {
    /* (largura_base * 3) + 2 gutters */
    width: calc(((100% - 5 * var(--guuter)) / 6) * 3 + 2 * var(--guuter));
  }

  .grid-item--width4 {
    /* (largura_base * 4) + 3 gutters */
    width: calc(((100% - 5 * var(--guuter)) / 6) * 4 + 3 * var(--guuter));
  }

  .grid-item--width5 {
    /* (largura_base * 5) + 4 gutters */
    width: calc(((100% - 5 * var(--guuter)) / 6) * 5 + 4 * var(--guuter));
  }
}

/* --- Estilização dos Cards (Opcional) --- */

 .list-tags a {
  display: block;
  height: 100%;
  word-break: break-word;
  width: 100%;
  /* break-inside: avoid; */
  color: var(--principal-00416-a, #00416a);
  padding: 12px;
  font-family: var(--font-second);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-radius: 8px;
  background: var(--PRINCIPAL-WHITE, #fff);
}

#container-lista-noticia .bag {
  color: var(--PRINCIPAL-WHITE, #fff);
  font-family: var(--font-light);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px; /* 100% */
  border-radius: 16px;
  background: var(--PRINCIPAL-RED, #ee3831);
  padding: 8px 16px;
  position: absolute;
  top: 5px;
  right: 5px;
}
#container-lista-noticia .items-noticias .quadro {
  border-radius: 20px;
  background: var(--principaldde-5-ed, #dde5ed);
}

#container-lista-noticia .page-numbers:hover,
#container-lista-noticia .page-numbers.current {
  background-color: #ee3831;
}
#container-lista-noticia .page-numbers {
  border-radius: 78.4px;
  font-family: var(--font);
  background: var(--principal-00416-a, #00416a);
  padding: 5px 0;
  display: flex;
  width: 28px;
  padding: 5px 0;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  color: #fff;
  margin: 0 4px;
  transition: all 0.3s ease-in-out;
}
#container-lista-noticia .page-numbers.prev {
  background: #ee3831 url("../img/icons/icn_arrow_right.svg") no-repeat center;
  rotate: 180deg;
}
#container-lista-noticia .page-numbers.next {
  background: #ee3831 url("../img/icons/icn_arrow_right.svg") no-repeat center;
}

#content-post .title-section {
  margin-top: 60px;
  margin-bottom: 30px;
}
#content-post {
  color: var(--secundria-101820, #101820);

  /* Body/Body_01 */
  font-family: var(--font-second);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

#content-post .list-tags a {
  border-radius: 8px;
  background: var(--principaldde-5-ed, #dde5ed);
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  color: var(--principal-00416-a, #00416a);

  /* Body/Body_01 */
  font-family: var(--font-second);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  margin: 4px;
}

#content-post .compartilhe a {
  margin-right:15px
}



@media (max-width: 560px) {
  .items-noticias{
    max-width: 98%;
    margin-top:30px
  }
}