body {
    background-color: #f4f6f9;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: #333;
}

#inicio, #etapa-1, #etapa-2, #etapa-3, #etapa-4 {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 35px;
    margin-top: 30px;
    margin-bottom: 40px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    text-align: left; 
}

h1, h2 {
    color: #1a252f;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
}

label {
    font-size: 1.05rem;
    color: #2c3e50;
    margin-top: 20px !important;
}

.RadioItems {
    background-color: #f8f9fa;
    padding: 12px 18px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

button {
    border: none !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

button:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

#btn-iniciar, #btn-avancar-Etapa-2, #btn-avancar-Etapa-3, #btn-avancar-Etapa-4 {
    background-color: #0d6efd !important;
    color: white !important;
}

#btn-voltar-Inicio, #btn-voltar-Etapa-1, #btn-voltar-Etapa-2, #btn-voltar-Etapa-3 {
    background-color: #6c757d !important;
    color: white !important;
}

#btn-salvar {
    background-color: #198754 !important;
    color: white !important;
}

html {
    scroll-behavior: smooth;
}