/* Fundo preto e textos brancos */
body {
    background-color: #171717;
    color: #fff;
}

.bg-body{
    background-color: #171717 !important;
}

.golden{
    color:rgb(224, 182, 15);
    font-weight: bold;
}
.logo {
    max-width: 180px;
    height: auto;
}

/* Borda clara ao redor dos cards */
.card {
    border: 1px solid #ccc;
}

/* Botões com cantos arredondados */
.botao-valor {
    border-radius: 0.75rem;
    font-weight: 600;
    background-color: #5c5d5d !important;
    border: none !important;
    color: #FFF !important;
}

.botao-valor.active{
    background-color: #848484 !important;
    color: #FFF !important;
}


/* Área dos benefícios */
#beneficios-selecionados ul {
    padding-left: 1.25rem;
}

#beneficios-selecionados li {
    margin-bottom: 0.4rem;
}

.bg_boxes {
    background-color: #9f9f9f !important;
    color: #FFF !important;
}

.text-new{
    color: #333;
}

input[type="text"], input[type="email"], input[type="phone"], input[type="number"], input::placeholder{
    color: #333 !important;
}

.btn-new{
    background-color: #5c5d5d !important;
    border: none !important;
}