.donut-container{display:flex;justify-content:center;width:100%}.chart-donut{width:100%;height:250px}.viu-chart-donut-progress{height:190px;width:100%}#image-leaf{width:10%;height:10%}.leaf-image{border-style:none;height:180px;position:absolute;display:flex;justify-content:center}.leaf-image img{height:auto}.inicio-gas-page{width:100%;max-width:800px}.inicio-gas-page .container{width:100%;height:auto;border-radius:10px;padding:20px;background:#fff;margin-bottom:20px}.inicio-gas-page .container.center{display:flex;justify-content:center;flex-direction:column;align-items:center}.inicio-gas-page .container .title{color:#01132d;font-size:18px;font-weight:700}.inicio-gas-page .container .subtitle{color:#454545;font-weight:400;font-size:14px;max-width:260px;text-align:center}.inicio-gas-page .container .content-info{width:100%;display:flex;margin-top:10px}.inicio-gas-page .container .content-info .box-info{width:100%;border-radius:10px;border:1px solid #cecece;padding:15px}.inicio-gas-page .container .content-info .box-info:first-child{margin-right:10px}.inicio-gas-page .container .content-info .box-info .info-title{background:#f2f2f2;padding:8px;border-radius:20px;color:#111;font-size:14px;font-weight:500;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.inicio-gas-page .container .content-info .box-info .coste{margin-top:10px;color:#01132d;font-weight:700;font-size:32px}.inicio-gas-page .container .content-info .box-info .date-info{color:#888;font-weight:500;font-size:14px}.inicio-gas-page .container .content-info .box-info .container-donut{width:100%;display:flex;justify-content:center}.inicio-gas-page .container .total{background:#269a8f;padding:8px;color:#fff;font-style:normal;font-weight:700;font-size:14px;line-height:16px}@media(max-width:500px){.inicio-gas-page .content-info{flex-direction:column}.inicio-gas-page .content-info .box-info{margin-top:10px}.inicio-gas-page .content-info .box-info:first-child{margin-right:0}}