/* Estilos específicos para a página do questionário */

body {
    font-family: var(--font-body);
    color: var(--azul-petroleo);
}

.btn-primary {
    background-color: var(--verde-oliva, #6D7141);
    border-color: var(--verde-oliva, #6D7141);
    color: #fff;
}

.btn-primary:hover {
    background-color: #5a5d36; /* Um tom mais escuro de verde oliva */
    border-color: #5a5d36;
}

.btn-primary:disabled {
    background-color: var(--verde-oliva, #6D7141);
    border-color: var(--verde-oliva, #6D7141);
    opacity: 0.65;
}

.progress-bar {
    background-color: var(--verde-oliva);
    transition: width 0.5s ease-in-out;
}

.form-control:focus {
    border-color: var(--verde-oliva);
    box-shadow: 0 0 0 0.25rem rgba(109, 113, 65, 0.25);
}

.list-group-item-action {
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.list-group-item-action:hover {
    background-color: #fdfbf7;
}

.list-group-item input[type="radio"] {
    transform: scale(1.2);
}

/* Animações de transição */
.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

.fade-out {
    animation: fadeOut 0.5s ease-in-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-20px);
    }
}