.packs {
    padding-bottom: 16px;
    padding-top: 16px;
    background-color: #ffff;
    color: black;
}
.loginScreen{
    background-color: #e65c00 !important;
}
.servicios {
    padding-left: 35px;
    padding-left: 35px;
    background-color: white;
}

sub {
    font-size: initial;
}

.navbar-brand {
    padding-left: 2%;
}

.btn-primary {
    background-color: #ff6f00 !important;
    border-color: #ff6f00 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #e65c00 !important;
    border-color: #e65c00 !important;
}
/* Color normal */
.btn-outline-principal, .btn-outline-principal:hover{
    color: #F4623A;
    background-color: #ffff;
    border-color: #F4623A;
}

/* Cuando está activo (checked) */
.btn-check:checked + .btn-outline-principal {
    background-color: #ff6f00;
    color: white;
    border-color: #ff6f00;
}

/* Hover */
.btn-outline-principal:hover {
    color: white;
    background-color: #ff6f00;
    border-color: #ff6f00;
}

.badge, .form-check-input:checked {
    background-color: #F4623A;
    border-color: #F4623A;
}
a{
    color: #000000ff !important;
}