body{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh}.header{background-color:#4caf50;color:#fff;padding:10px;text-align:center}.main-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.derecha{width:200px}.derecha,.izquierda{background-color:#f4f4f4;padding:10px}.izquierda{width:250px}.center{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:#e0e0e0;gap:1rem;padding:10px}.chart-container{width:calc(33.333% - 1rem);height:200px;-webkit-box-sizing:border-box;box-sizing:border-box}@media(max-width:800px){.chart-container{width:calc(50% - 1rem)}}@media (max-width:500px){.chart-container{width:100%}}