#estadisticas-contenedor {
    padding: var(--spacing-medium);
    background-color: var(--color-white);
    border-radius: var(--border-radius);
    box-shadow: 0 0 10px var(--color-shadow);
    margin-bottom: var(--spacing-medium);
    justify-items: center;
    display: inline-table;
}

#estadisticas-datos {
    display: flex;
    font-size: clamp(14px, 2vw, 16px);
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

#estadisticas-resumen {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    flex-wrap: wrap;
    border-bottom: 1px solid #888;
}

#estadisticas-content {
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
} 

#grafica-pastel-container{
    width: 400px;
}



#grafica-linea-container > canvas{
    justify-self: center;
}

#comisiones-resumen  > div{
    margin-top: 20px;
}


@media (max-width: 724px) { 

    .grafica-filtro{
        flex-direction: column;
        width: 50%;
        justify-self: center;
    }
    
}

@media (max-width: 780px) { 
    #grafica-linea{
        width: 500px;
    }
}

@media (max-width: 607px) { 

    #estadisticas-datos {
        text-align: center;
        justify-content: center;
        font-size: clamp(14px, 3vw, 16px);
    }


}


@media (max-width: 455px) { 

    #grafica-pastel-container{
        width: 300px;
    }
}

@media (max-width: 430px) { 
    #grafica-linea-container > canvas{
        width: 300px;
        height: 300px;
    }
}

@media (max-width: 390px) { 
    #grafica-linea-container > canvas{
        width: 300px;
        height: 300px;
    }
}