/* Stile generale per la pagina Novità */
#posts-container {
  max-width: 1200px; /* Larghezza massima del contenitore */
  margin: 0 auto; /* Centra il contenitore */
  padding: 20px;
  margin-top: 10px;
  
}

/* Stile per la griglia */
#posts-container .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 colonne di uguale larghezza */
  gap: 20px; /* Spazio tra gli elementi della griglia */
}

/* Stile per ogni articolo */
#posts-container article {
  background-color: rgb(247, 241, 241);
  border-radius: 10px; /* Bordi arrotondati */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombra leggera */
  padding: 0;
  text-align: center; /* Centra il contenuto */
  border-radius: 10px;
}

/* Stile per le immagini */
#posts-container img {
  max-width: 100%;
  height: auto;
  border-radius: 10px 10px 0 0;
  border: none;
}
.read-more {
  display: inline-block;
  margin-top: 15px;  /* Aggiungi un margine sopra per distanziare il tasto dal contenuto */
  margin-bottom: 15px;
  padding: 10px 10px;
  background-color: #527ade;
  color: white;
  text-decoration: none;
  font-weight: bold;
  border-radius: 10px;
}

.read-more:hover {
  background-color: #415c9b;
}

#posts-container small {
  color: #667;
}

/* Responsive: 1 colonna su schermi piccoli */
@media (max-width: 1149px) {
  #posts-container .grid {
    grid-template-columns: 1fr; /* 1 colonna su mobile */
  }
}