label {
        display: inline-block;
        margin-bottom: 5px;
        font-weight: bold;
    }
    
    input[type="range"] {
        display: block;
        width: 100%;
    }
    
    input[type="number"] {
        display: block;
        width: 100%;
    }
    
    #resultado {
        margin-top: 10px;
        font-size: 20px;
        font-weight: bold;
    }
    
    .btn-selected {
        background-color: #4CAF50;
        color: white;
    }
    
    .btn-disabled {
        background-color: #ddd;
        color: black;
    }
    
    .btn-plan {
        background-color: #6B57EB;
        color: white;
    }
    
    .btn-plan.active {
        background-color: #6B57EB;
        border-color: #6B57EB;
        color: #FFF;
    }
    
    .btn-plan {
        background-color: #FFF;
        border-color: #6B57EB;
        color: #6B57EB;
    }
    
    .custom-checkbox:checked+span {
        background-color: #6B57EB;
    }
    
    .contenedorB {
        text-align: center;
    }
    
    .buttonB {
        display: block;
        margin: 0 auto;
        width: 70%;
    }
    /*Chrome*/
    
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        input[type='range'] {
            overflow: hidden;
            width: 100%;
            -webkit-appearance: none;
            background-color: #aea8ba;
            border-radius: 30px;
        }
        input[type='range']::-webkit-slider-runnable-track {
            height: 10px;
            width: 500px;
            -webkit-appearance: none;
            color: #6B57EB;
            margin-top: -1px;
        }
        input[type='range']::-webkit-slider-thumb {
            width: 20px;
            height: 20px;
            -webkit-appearance: none;
            cursor: ew-resize;
            background: #494454;
            box-shadow: -1000px 0 0 1000px #6B57EB;
        }
    }
    
    @media screen and (min--moz-device-pixel-ratio:0) {
        input[type='range'] {
            overflow: hidden;
            width: 100%;
            -moz-appearance: none;
            background-color: #aea8ba;
            border-radius: 30px;
        }
        input[type='range']::-moz-range-track {
            height: 10px;
            width: 500px;
            -moz-appearance: none;
            color: #6B57EB;
            margin-top: -1px;
        }
        input[type='range']::-moz-range-thumb {
            width: 20px;
            height: 20px;
            -moz-appearance: none;
            cursor: ew-resize;
            background: #494454;
            box-shadow: -1000px 0 0 1000px #6B57EB;
        }
    }