.naoQuebraTable {
    white-space: nowrap;
}

#grafico {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza os gráficos horizontalmente dentro do contêiner */
    width: 100%; /* Ajuste conforme necessário para definir a largura total do contêiner */
    margin: 0 auto; /* Centraliza o contêiner na página */
}

.chart-row {
    display: flex;
    justify-content: center; /* Centraliza os gráficos dentro da linha */
    width: 100%; /* A largura da linha é 100% do contêiner */
    margin-bottom: 10px; /* Espaçamento entre as linhas */
}

.chart-container {
    box-sizing: border-box; /* Inclui bordas e padding na largura e altura */
    margin: 0 10px; /* Espaçamento horizontal entre os gráficos */
    max-width: 600px; /* Ajuste o tamanho máximo conforme necessário */
    width: 100%; /* Faz com que o contêiner ocupe toda a largura disponível do gráfico */
}

.full-width {
    width: 100%; /* O gráfico ocupa toda a largura disponível do contêiner */
}

.half-width {
    width: 50%; /* Cada gráfico ocupa 48% da largura da linha, ajustável */
}

canvas {
    width: 100% !important; /* Faz com que o canvas ocupe toda a largura do container */
    height: 400px !important; /* Define uma altura fixa para os gráficos */
    object-fit: contain; /* Garante que o conteúdo do canvas se ajuste ao tamanho sem distorção */
}