.modgrapgics-home {
    display: flex;
    justify-content: center; /* Centraliza horizontalmente */
    width: 100%;
    gap: 42px;
    height: 100%;
    min-height: 350px;
}

.modgrapgics-home .quadro-demostrativo {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

/* Cada linha */
.modgrapgics-home .quadro-demostrativo .linha {
    display: flex;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    max-width: 100%; /* pode ajustar conforme necessário */
}

/* Coluna esquerda */
.modgrapgics-home .quadro-demostrativo .qd-esquerda {
    padding: 22px;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 10px;
}

/* Coluna direita */
.modgrapgics-home .quadro-demostrativo .qd-direita {
    padding: 22px;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 0 10px 10px 0;
    font-weight: 600;
}

/* Valor e Milhão */
.modgrapgics-home .quadro-demostrativo .qd-valor,
.modgrapgics-home .quadro-demostrativo .qd-milhao {
    font: normal normal 900 29px/36px Intro;
}

/* Descrição (quando sem separador ou segunda parte do texto) */
.modgrapgics-home .quadro-demostrativo .qd-descricao {
    font: normal normal 400 20px/25px Intro;
}

/* Subdescrição (segunda linha, quando tem separador) */
.modgrapgics-home .quadro-demostrativo .qd-sub {
    font: normal normal 300 16px/22px Intro;
}

@media screen and (max-width: 992px) {
    .modgrapgics-home {
        flex-direction: column;
    }
}