body {
    background-color: #f0e0bc;
}

h3 {
  font-family: 'Meta Pro', sans-serif;
}


/* Radio buttons maiores, alinhamento correto e foco */
.form-check {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.form-check-input {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.3rem;
    flex-shrink: 0;
}

.form-check-input:focus {
    outline: 2px solid #0d6efd;
    outline-offset: 2px;
}

/* Label e texto mais escuro */
.form-check-label {
    color: #111;
    font-weight: 500;
    margin: 0;
    line-height: 1.5;
    font-size: 1.4rem;
}

/* Placeholder dos inputs */
.card input::placeholder,
.card textarea::placeholder {
    color: #555;
}

/* Responsividade para mobile */
@media (max-width: 576px) {
    .form-check-label {
        font-size: 1.1rem;
    }
}

/* INICIO botoes */
/* Botão selecionado (substitui btn-primary) */
.btn-azul {
    background-color: #0d6efd; /* Azul principal do Bootstrap 5 */
    color: #fff;
    border-color: #0d6efd;
}

/* Botão não selecionado (substitui btn-secondary) */
.btn-cinza-claro {
    background-color: #e9ecef; /* cinza claro */
    color: #495057;
    border-color: #dee2e6;
}

/* Efeito hover para ambos */
.btn-azul:hover {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

.btn-cinza-claro:hover {
    background-color: #dee2e6;
    border-color: #ced4da;
}
/* FIM BOTOES */