@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body {
    background-color: #f5f6f8;
    max-width:1200px;
    margin:0 auto;
}

.features-list {
    border:0px;
    margin-bottom:10px;
    border-radius:0px;
}

.features-item {
    border:0px;
    color:#111;
}

.item-icon {
    padding-right:10px;
    color:#b177f8;
}
.item-icon-premium {
    padding-right:10px;
    color:#000;
}

.features-title{
    color: #333;
    margin-top:15px;
    margin-bottom:15px;

}

.features-title-desc {
    margin-bottom:
    20px;
    color:#999;
}


.btn-cta {
    border-radius:3px;
    background-color:#b177f8;
    border-color:#b177f8;
    margin-top:40px;
}

.btn-cta:hover {
    background-color:#b177f8;
    border-color:#b177f8;
}

.btn-cta-premium {
    border-radius:3px;
    background-color:#000;
    border-color:#000;
    margin-top:40px;
}

.btn-cta-premium:hover {
    background-color:#000;
    border-color:#000;
}

.link-cta {
    color:#b177f8;
    margin-top:10px;
    margin-bottom:10px;
}   

.link-cta-premium {
    color:#000;
    margin-top:10px;
    margin-bottom:10px;
}   

.features-item-link {
    color:#000;
    display:inline;
}

.features-item-link,
.features-item-link ~ span {
    white-space: nowrap;
}


.card-header{
    background-color:#fff;
}

.card-header-premium{
    background-color:#fff;
}


.plan-title {
    margin-top:10px;
    color:#b177f8;
    font-size:32px;
}

.plan-title-premium {
    margin-top:10px;
    color:#000;
}

.plan-starting {
    color:#333 !important;
    margin-bottom:20px;
}

.plan-card{
    max-width:600px;
}

.border-separator {
    border-right:1px solid #ddd;
}

.slider-legend{
    margin-bottom:20px;
    padding-left:30px;
    padding-right:30px;
}

.slider-legend-top{
    margin-bottom:0px;
    margin-top:30px;
}

.slider-input {
    padding-left:50px;
    padding-right:50px;
}

.slider-mark {
    color:#666;
    margin-bottom:5px;
}

.features-list-hours {
    padding-left:50px;
    padding-right:50px;
    padding-top:20px;
}


/* Para navegadores WebKit (Chrome, Safari) */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background: #000; /* Color del thumb */
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid transparent; /* Borde transparente por defecto */
}

/* Para navegadores Gecko (Firefox) */
input[type="range"]::-moz-range-thumb {
    width: 15px;
    height: 15px;
    background: #000; /* Color del thumb */
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid transparent; /* Borde transparente por defecto */
}

/* Para navegadores Edge */
input[type="range"]::-ms-thumb {
    width: 15px;
    height: 15px;
    background: #000; /* Color del thumb */
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid transparent; /* Borde transparente por defecto */
}

/* General thumb styling for all browsers */
input[type="range"] {
    -webkit-appearance: none; /* WebKit */
    appearance: none; /* Other */
    background: transparent; /* Customize the slider track background */
}

.icon-info {
    color:#000;
    font-size:18px;
    margin-left:10px;
}