/*------------------------ Numeric Up Down*/
.numericSlider {
    width:100%;
    height:30px;
    margin:10px 0;
    display:flex;
    align-items: center;
    position:relative;
}


.numericSlider .linea {
    background-color:#aaa;
    height:5px;
    width:100%;
    margin:10px 0px;
}

.numericSlider .lineaRango {
    position:absolute;
    background-color:var(--productBox_borde);
    height:5px;
    width:100%;
    margin:10px 0px;
}


.numericSlider .btnInicio ,
.numericSlider .btnFin {
    position:absolute;
    height:25px;
    width :25px;
    border:1px solid var(--productBox_borde);
    border-radius:8px;
    background-color:white;
    cursor:pointer;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.24);
    left:0px;
}

.numericSlider .btnInicio:hover ,
.numericSlider .btnFin:hover {
    background-color: var(--productBox_borde);
}

.numericSlider .btnFin {
    left:calc(100% - 25px);
}