/* Centralizar conteúdo principal */
#conteudo-principal {
  display: flex;
  flex-direction: column;
  align-items: center;      /* Centraliza horizontalmente */
  justify-content: center;  /* Centraliza verticalmente */
  min-height: 100vh;
  text-align: center;
  padding: 20px;
}

/* Títulos e parágrafos */
#conteudo-principal h1,
#conteudo-principal p {
  text-align: center;
  margin: 10px 0;
}

/* Imagem centrada e responsiva */
#conteudo-principal img {
  max-width: 80%;           /* ocupa 80% da largura do ecrã */
  height: auto;
  display: block;
  margin: 20px auto;
  border-radius: 10px;       /* opcional, arredonda cantos */
  box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* opcional, sombra */
}