.posts-blogger.cards {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  justify-content: center;
  margin: 2em 0;
}

.item-post {
  width: 280px;
  border: 1px solid #ddd;
  padding: 1em;
  border-radius: 6px;
  text-align: center;
  background: #fafafa;
}

.item-post img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0.6em;
  border-radius: 4px;
}

.item-post h3 {
  font-size: 1.1em;
  margin: 0.4em 0;
}

.item-post h3 a {
  color: #004080;
  text-decoration: none;
}
.item-post h3 a:hover { text-decoration: underline; }

.item-post .excerto {
  font-size: 0.92em;
  color: #333;
}

.item-post .data {
  font-size: 0.85em;
  color: #555;
  margin: 0.3em 0;
}

/* Linha do tempo */
.posts-blogger.list {
  list-style: none;
  padding: 0;
  margin: 2em 0;
}

.posts-blogger.list .evento-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1em;
}

.evento-data {
  flex: 0 0 160px;   /* mais espaço para respirar */
  font-weight: bold;
  font-size: 1.6em;  /* maior destaque */
  color: #004080;    /* azul visível */
  text-align: right;
  margin-right: 1.2em;
}


.evento-conteudo {
  flex: 1;
  display: flex;
  gap: 1em;
}

.evento-img img {
  max-width: 120px;
  height: auto;
  border-radius: 4px;
}

.evento-texto h3 {
  margin: 0 0 0.4em;
  font-size: 1.05em;
}

.evento-texto h3 a {
  color: #004080;
  text-decoration: none;
}
.evento-texto h3 a:hover { text-decoration: underline; }

.evento-texto .excerto {
  font-size: 0.9em;
  color: #555;
}

.carregar-mais {
  display: block;
  margin: 1.5em auto;
  padding: 0.6em 1.2em;
  background: #444;
  color: #fff;
  border: none;
  cursor: pointer;
}
.carregar-mais:hover { background: #222; }