body { font-family: 'Segoe UI', sans-serif; background-color: #f0f4f8; margin: 0; padding: 20px; } h2 { text-align: center; color: #2c3e50; margin-bottom: 40px; } .pregunta { background-color: #ffffff; border-radius: 12px; padding: 20px; margin: 20px auto; box-shadow: 0 4px 12px rgba(0,0,0,0.1); max-width: 600px; } .pregunta h3 { color: #34495e; } label { margin-right: 15px; display: inline-block; margin-top: 8px; color: #555; font-weight: 500; } input[type="radio"] { margin-right: 5px; } button { margin-top: 15px; background-color: #3498db; color: white; border: none; padding: 10px 18px; border-radius: 8px; font-size: 14px; cursor: pointer; transition: background-color 0.3s; } button:hover { background-color: #2980b9; } p { margin-top: 10px; font-weight: bold; color: #27ae60; } @media (max-width: 640px) { .pregunta { margin: 15px; padding: 15px; } }