/* Giro de Notícias - CSS específico */

/* Container principal do slider */
#noticias-slider {
  display: flex;
  transition: transform 300ms ease-in-out;
}

/* Items das notícias */
.noticia-item {
  flex-shrink: 0;
  /* Mobile: 1 item por vez (100% da largura) */
  width: 100%;
  margin-right: 15px;
}

/* Tablet e Desktop: 3 itens por vez */
@media (min-width: 768px) {
  .noticia-item {
    /* 3 itens: largura fixa para garantir exatamente 3 */
    width: calc(33.333% - 10px);
}
  .noticia-item svg{
    width: 96px;
    height: auto;
  }
}

/* Container do título com centralização vertical */
.titulo-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.titulo-container h4{
    margin-bottom: 0!important;
}