/* Garante que o gráfico mantenha proporções iguais nos eixos X e Y */
/*#myChart {
  width: 100%;
  height: 500px; /* Altura fixa para consistência *
  max-width: 600px; /* Largura máxima opcional *
  margin: 20px auto; /* Centraliza e adiciona espaçamento */
  /*aspect-ratio: 1 / 1; /* Força proporção 1:1 (quadrado) - opcional *
} 
*/

/* Ajustes para o contêiner principal */
.fundo_principal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 20px;
}

/* Estilização dos inputs e botões para melhor organização */
input[type="number"] {
  width: 150px;
  margin: 5px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

button {
  padding: 8px 15px;
  margin: 5px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

button:hover {
  background-color: #45a049;
}

/* Ajustes para os textos de saída */
ul {
  list-style-type: none;
  padding: 10px;
  background-color: #f9f9f9;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

h3, h4 {
  margin: 10px 0;
  color: #333;
}