.grafico-barras-slider{
display:flex;
align-items:flex-end;
height:320px;
}

.grafico-barras-slider .barra{
width:70px;
height:0;
background:linear-gradient(180deg,#7b61ff,#3b2cb8);
border-radius:8px 8px 0 0;
position:relative;
transition:transform .3s;
}

.grafico-barras-slider .barra:hover{
transform:scale(1.08);
}

.grafico-barras-slider .valor{
position:absolute;
top:-35px;
left:50%;
transform:translateX(-50%);
background:#111;
color:#fff;
padding:5px 8px;
font-size:12px;
border-radius:4px;
opacity:0;
transition:.3s;
}

.grafico-barras-slider .barra:hover .valor{
opacity:1;
}

.grafico-barras-slider .etiqueta{
position:absolute;
bottom:-30px;
width:100%;
text-align:center;
font-size:14px;
}