.mob-style-bargraph .graph-borders{
  background: var(--slp-gris3);
  border-left: var(--slp-gris2) 2px solid;
}
.mob-style-bargraph .graph-bottom-border{
  border-bottom: var(--slp-gris2) 2px solid;
}
.mob-style-bargraph .progress{
    width: 100%;
    height: 2rem;
    border-radius: 0;
}
/* Progress Generales */
.mob-style-bargraph .progress::-webkit-progress-bar{
    background: var(--slp-gris3);
}
.mob-style-bargraph .progress::-webkit-progress-value{
    background: var(--slp-verde1);
}
.mob-style-bargraph .progress-primary::-moz-progress-bar{
    background: var(--slp-verde1);
}

/* Progress Oscuro */
.mob-style-bargraph .progress-oscuro::-webkit-progress-value{
    background: var(--slp-oscuro);
}
.mob-style-bargraph .progress-oscuro::-moz-progress-bar{
    background: var(--slp-oscuro);
}
/* Progress Primario */
.mob-style-bargraph .progress-primary::-webkit-progress-value{
    background: var(--slp-verde1);
}
.mob-style-bargraph .progress-primary::-moz-progress-bar{
    background: var(--slp-verde1);
}
/* Progress Terciario */
.mob-style-bargraph .progress-secondary::-webkit-progress-value{
  background: var(--slp-verde2);
}
.mob-style-bargraph .progress-secondary::-moz-progress-bar{
    background: var(--slp-verde2);
}
/* Progress Secundario */
.mob-style-bargraph .progress-terciary::-webkit-progress-value{
  background: var(--slp-verde3);
}
.mob-style-bargraph .progress-terciary::-moz-progress-bar{
    background: var(--slp-verde3);
}
/* Progress Detalles */
.mob-style-bargraph .progress-details::-webkit-progress-value{
  background: var(--slp-rosa);
}
.mob-style-bargraph .progress-details::-moz-progress-bar{
    background: var(--slp-rosa);
}

.mob-style-bargraph .bar-hover{
    transition: all 0.3s;
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    display: none;
    z-index: 10;
    width: max-content;
}
.mob-style-bargraph .bar-hover span{
    color: white;
} 

.mob-style-bargraph .bar-activate-hover:hover .bar-hover{
    display: block;
}

.mob-style-bargraph .bar-activate-hover:hover .progress::-webkit-progress-value{
    border: rgba(90, 90, 90, 0.5) solid 1px;
}
.mob-style-bargraph .bar-activate-hover:hover .progress::-moz-progress-value{
    border: rgba(90, 90, 90, 0.5) solid 1px;
}