#grafico {
    width: 100%;
    max-width: 1600px;
    min-height: 800px;
    max-height: calc(100dvh - 80px);

    margin: 0 auto;
    overflow: hidden;
}

#grafico .plotly-graph-div {
    width: 100% !important;
    height: 800px !important; 
}

@media (max-width: 768px) {
    #grafico {
        min-height: 600px;
        max-height: calc(100dvh - 200px);
    }

    #grafico .plotly-graph-div {
        height: 600px !important;
    }
}

@media (max-height: 480px) and (max-width: 920px) {
    #grafico {
        min-height: 500px;
        max-height: calc(100dvh - 120px);
    }

    #grafico .plotly-graph-div {
        height: 500px !important;
    }
}