/*barra verde con titulo Resumen 2025 */
body {
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   font-family: 'Courier New', Courier, monospace;
   background-color: rgb(238, 232, 231);    
}
/* index8.php: linea 333 <div ; tabla8.css: linea 98 */
.chartMenu{
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    height: 40px;
    background: #65f14f;
    color: rgba(54, 162,235 , 1);    
    display: flex;
    justify-content: center;
    align-items: center;
}
/* 2025 */
.chartMenu p {
    padding: 5px;
    font-size: 20px;
}

/*canvas original width 700px */
.chartCard1{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    /*overflow-x: auto;*/
}
.chartBox1 {
    width: 100%;
    max-width: 700px;/*decia 655px*/
    padding: 20px;
    border-radius: 20px;
    border: 2px solid rgba(54, 162, 235, 1);
    background: white;
    margin-top: 50px;   
    
}
.chartBox1 canvas {  /*agregue el 1 a chartBox no lo tenia*/
    /*width: 100%; height:100%  decia */ 
    height: 350px;

}
.container{
    width: 100%;/*decia 700px */
    /*height: 400px;*/
    max-width: 700px;
    overflow-x: auto;/*decia scroll */
}
.containerBody{
    width: 2800px;
}
/*@media (max-width: 700px) {
    .chartBox1{
        width: 90%;
        margin: 0 auto;
    }
}*/
@media (max-width: 768px){
    .chartBox1{
        width: 95%;
        padding: 10px;
        margin-top: 20px;
    }
    .container{
        max-width: 100%;
        cursor: grab;
    }
    .containerBody{
        width: 2800px;
    }
    .chartBox1 canvas{
        height: 250px;
    }
}



/*Héctor Veramendi Vernazza*/
/*.name {
    color: rgb(219, 63, 63);
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    margin-left: 200px;
    padding-top: 15px;
}*/

/*Madrid - España - 2024*/
/*.country {
    color: rgb(219, 63, 63);
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    margin-left: 750px;
    padding-top: 15px;
}*/