.chart-dashboard-tipos-autoconsumo[data-v-1c237e7e]{position:relative;width:100%;height:100%;font-size:12px;display:grid;grid-template-columns:1fr 1fr}.chart-dashboard-tipos-autoconsumo .chart[data-v-1c237e7e]{width:100%;height:100%}.chart-dashboard-tipos-autoconsumo .legend[data-v-1c237e7e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:center;align-self:center;gap:16px}.chart-dashboard-tipos-autoconsumo .no-data-message[data-v-1c237e7e]{position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background:#fff}.chart-dashboard-tipos-autoconsumo .no-data-message .title[data-v-1c237e7e]{margin-bottom:30px;color:#98a4bd;font-weight:500;font-size:18px}.chart-dashboard-tipos-autoconsumo .no-data-message .subtitle[data-v-1c237e7e]{margin-top:20px;color:#98a4bd;font-size:14px;text-align:center}.chart-bar-columns{position:relative;min-height:200px;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.chart-bar-columns,.chart-bar-columns .chart{width:100%;height:100%}.chart-bar-columns .legend{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:8px;background:#f2f2f2;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px}.chart-bar-columns .legend span{color:#01132d;font-weight:500;font-size:12px}.chart-bar-columns .no-data-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background:#fff}.chart-bar-columns .no-data-message .title{margin-bottom:30px;color:#98a4bd;font-weight:500;font-size:18px}.chart-bar-columns .no-data-message .subtitle{margin-top:20px;color:#98a4bd;font-size:14px;text-align:center}.chart-bar-columns-cells{position:relative;width:100%;height:100%;min-height:200px;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.chart-bar-columns-cells .chart{width:100%;height:100%}.chart-bar-columns-cells .legend{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:8px;background:#f2f2f2;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px}.chart-bar-columns-cells .legend>span{color:#01132d;font-weight:500;font-size:12px}.chart-bar-columns-cells .legend .info{gap:8px}.chart-bar-columns-cells .legend .info,.chart-bar-columns-cells .legend .info .line-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chart-bar-columns-cells .legend .info .line-row{gap:4px}.chart-bar-columns-cells .legend .info .line-row .square{width:10px;height:10px;border-radius:2px}.chart-bar-columns-cells .legend .info .line-row .square.blue{background:#1b79f8}.chart-bar-columns-cells .legend .info .line-row .square.blue2{background:#8da8fc}.chart-bar-columns-cells .no-data-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background:#fff}.chart-bar-columns-cells .no-data-message .title{margin-bottom:30px;color:#98a4bd;font-weight:500;font-size:18px}.chart-bar-columns-cells .no-data-message .subtitle{margin-top:20px;color:#98a4bd;font-size:14px;text-align:center}.chart-evolucion-caul-incremental{position:relative;width:100%;height:100%;min-height:200px;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.chart-evolucion-caul-incremental .chart{width:100%;height:100%}.chart-evolucion-caul-incremental .legend{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:8px;background:#f2f2f2;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px}.chart-evolucion-caul-incremental .legend>span{color:#01132d;font-weight:500;font-size:12px}.chart-evolucion-caul-incremental .legend .info{gap:8px}.chart-evolucion-caul-incremental .legend .info,.chart-evolucion-caul-incremental .legend .info .line-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chart-evolucion-caul-incremental .legend .info .line-row{gap:4px}.chart-evolucion-caul-incremental .legend .info .line-row .square{width:10px;height:10px;border-radius:2px}.chart-evolucion-caul-incremental .legend .info .line-row .square.green{background:#57c99f}.chart-evolucion-caul-incremental .legend .info .line-row .square.blue{background:#1b79f8}.chart-evolucion-caul-incremental .no-data-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background:#fff}.chart-evolucion-caul-incremental .no-data-message .title{margin-bottom:30px;color:#98a4bd;font-weight:500;font-size:18px}.chart-evolucion-caul-incremental .no-data-message .subtitle{margin-top:20px;color:#98a4bd;font-size:14px;text-align:center}.viuTabs,.viuTabs .tabs-desktop{display:-webkit-box;display:-ms-flexbox;display:flex}.viuTabs .tabs-desktop{width:100%}.viuTabs .tabs-desktop .tab{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px;border-bottom:1px solid #9f9f9f;color:#9f9f9f;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;font-weight:500;min-width:128px;padding-bottom:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.viuTabs .tabs-desktop .tab.selected{border-bottom:2px solid #01132d;color:#01132d}.dashboard-autoconsumo-page .top-buttons-container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dashboard-autoconsumo-page .top-content{margin-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px}.dashboard-autoconsumo-page .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.dashboard-autoconsumo-page .content .top-row{display:grid;gap:16px;grid-template-columns:360px 1fr}.dashboard-autoconsumo-page .content .top-row .chart-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.dashboard-autoconsumo-page .content .top-row .chart-container .top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dashboard-autoconsumo-page .content .top-row .chart-container .bottom{display:grid;grid-template-columns:1fr -webkit-min-content 1fr;grid-template-columns:1fr min-content 1fr;width:100%;height:100%}.dashboard-autoconsumo-page .content .top-row .chart-container .bottom .bar-separator{margin-left:16px;margin-right:16px}.dashboard-autoconsumo-page .content .bottom-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px}.dashboard-autoconsumo-page .content .bottom-row .chart-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.dashboard-autoconsumo-page .content .bottom-row .chart-container .top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dashboard-autoconsumo-page .content .bottom-row .chart-container .bottom{display:grid;grid-template-columns:1fr -webkit-min-content 1fr -webkit-min-content 1fr;grid-template-columns:1fr min-content 1fr min-content 1fr;width:100%;height:100%}.dashboard-autoconsumo-page .content .bottom-row .chart-container .bottom .bar-separator{margin-left:16px;margin-right:16px}.dashboard-autoconsumo-page .skeleton-box .viu-box{background:#f0f4f8;overflow:hidden;position:relative}.dashboard-autoconsumo-page .skeleton-box .viu-box:before{background:#f0f4f8;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.dashboard-autoconsumo-page .skeleton-box .viu-box:after{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background-image:linear-gradient 90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.2) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,.2) 60%,hsla(0,0%,100%,0) 100%;border-radius:4px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}@-webkit-keyframes shimmer{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}to{-webkit-transform:translateX(150%);transform:translateX(150%)}}@keyframes shimmer{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}to{-webkit-transform:translateX(150%);transform:translateX(150%)}}.dashboard-autoconsumo-page .card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.dashboard-autoconsumo-page .card .top-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:26px}.dashboard-autoconsumo-page .card .top-card .title-chart{color:#01132d;font-size:14px;font-weight:700}.dashboard-autoconsumo-page .card .top-card>.date-selector,.dashboard-autoconsumo-page .card .top-card>.viuTabs{margin:0 auto;margin-right:0}.dashboard-autoconsumo-page .card .info-cards-container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;width:100%}.dashboard-autoconsumo-page .card .info-cards-container.columns-2{display:grid;grid-template-columns:1fr 1fr;row-gap:16px}.dashboard-autoconsumo-page .card .info-cards-container.columns-5{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;row-gap:16px}.dashboard-autoconsumo-page .card .abonados-relevantes-container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.dashboard-autoconsumo-page .card .subtitle-chart{font-weight:700;font-size:12px;color:#727272}.dashboard-autoconsumo-page .card.h-100{height:100%}.dashboard-autoconsumo-page .bar-separator{width:1px;height:100%;background:#cecece}.dashboard-autoconsumo-page .info-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;width:100%}.dashboard-autoconsumo-page .info-card>:first-child{color:#727272;font-weight:700;font-size:12px;white-space:nowrap}.dashboard-autoconsumo-page .info-card>strong{color:#01132d;font-size:24px;font-weight:700}.dashboard-autoconsumo-page .info-card .value-unit{color:#01132d;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.dashboard-autoconsumo-page .info-card .value-unit .value{font-size:24px}.dashboard-autoconsumo-page .info-card .value-unit .unit{font-size:16px}.dashboard-autoconsumo-page .info-card>:last-child{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.dashboard-autoconsumo-page .info-card>:last-child .percentage{color:#00bc8b;font-size:12px;font-weight:500;white-space:nowrap}.dashboard-autoconsumo-page .info-card>:last-child .percentage.red{color:#fa004b}.dashboard-autoconsumo-page .info-card>:last-child .last-days{color:#6d7386;font-size:12px;font-weight:500}.dashboard-autoconsumo-page .info-card .info-container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dashboard-autoconsumo-page .info-card .info-container .fa-info-circle{color:#01132d}@media(max-width:1300px){.dashboard-autoconsumo-page .top-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media(max-width:1100px){.dashboard-autoconsumo-page .content .top-row,.dashboard-autoconsumo-page .content .top-row .chart-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dashboard-autoconsumo-page .content .top-row .chart-container{gap:8px}.dashboard-autoconsumo-page .content .top-row .chart-container .bottom{display:grid;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-template-rows:1fr 1fr;grid-template-columns:1fr;gap:16px}.dashboard-autoconsumo-page .content .top-row .chart-container .bottom .bar-separator{display:none}.dashboard-autoconsumo-page .content .bottom-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px}.dashboard-autoconsumo-page .content .bottom-row .chart-container{gap:8px}.dashboard-autoconsumo-page .content .bottom-row .chart-container,.dashboard-autoconsumo-page .content .bottom-row .chart-container .bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dashboard-autoconsumo-page .content .bottom-row .chart-container .bottom{gap:16px}.dashboard-autoconsumo-page .content .bottom-row .chart-container .bottom .bar-separator{display:none}}