.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}.pagina-inicio-gas{width:100%;max-width:800px}.pagina-inicio-gas .contenedor{width:100%;height:auto;border-radius:10px;padding:20px;background:#fff;margin-bottom:20px}.pagina-inicio-gas .contenedor.centrado{display:flex;justify-content:center;flex-direction:column;align-items:center}.pagina-inicio-gas .contenedor .titulo{color:#01132d;font-size:18px;font-weight:700}.pagina-inicio-gas .contenedor .subtitulo{color:#454545;font-weight:400;font-size:14px;max-width:260px;text-align:center}.pagina-inicio-gas .contenedor .contenido-informacion{width:100%;display:flex;margin-top:10px}.pagina-inicio-gas .contenedor .contenido-informacion .caja-informacion{width:100%;border-radius:10px;border:1px solid #cecece;padding:15px}.pagina-inicio-gas .contenedor .contenido-informacion .caja-informacion:first-child{margin-right:10px}.pagina-inicio-gas .contenedor .contenido-informacion .caja-informacion .titulo-informacion{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}.pagina-inicio-gas .contenedor .contenido-informacion .caja-informacion .coste{margin-top:10px;color:#01132d;font-weight:700;font-size:32px}.pagina-inicio-gas .contenedor .contenido-informacion .caja-informacion .informacion-fecha{color:#888;font-weight:500;font-size:14px}.pagina-inicio-gas .contenedor .contenido-informacion .caja-informacion .contenedor-donut{width:100%;display:flex;justify-content:center}.pagina-inicio-gas .contenedor .total{background:#269a8f;padding:8px;color:#fff;font-style:normal;font-weight:700;font-size:14px;line-height:16px}@media(max-width:500px){.pagina-inicio-gas .contenido-informacion{flex-direction:column}.pagina-inicio-gas .contenido-informacion .caja-informacion{margin-top:10px}.pagina-inicio-gas .contenido-informacion .caja-informacion:first-child{margin-right:0}}