/* Recursos — cinza azulado inspirado na imagem de referência, em tom mais escuro. */
.blog {
  background: #3d4f5b;
}

.blog .blog-button {
  background: #b8955f;
  color: #202725;
}

.blog .blog-button:hover {
  background: #c6a66f;
}

.blog-intro h2 {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.blog-intro > p:not(.blog-label) {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}