.quiz-box{background:#fff;padding:35px;border-radius:15px;border:1px solid #e2e8f0;max-width:700px;margin:30px auto;font-family:'Segoe UI',system-ui,sans-serif;box-shadow:0 10px 30px rgb(0 0 0 / .05)}.quiz-main-title{font-size:32px!important;text-align:center;margin-bottom:30px!important;color:#0f172a;font-weight:800}.slider-mode{position:relative;overflow:hidden}.quiz-steps-wrapper{position:relative;min-height:400px}.quiz-step{display:none;animation:slideIn 0.4s ease-out}.quiz-step.active{display:block}@keyframes slideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.step-counter{background:#f1f5f9;padding:12px;border-radius:8px;font-size:14px;text-align:center;color:#475569;margin-bottom:25px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.examen-recopilatorio{counter-reset:exam-counter}.examen-recopilatorio form.quiz p strong::before{counter-increment:exam-counter;content:counter(exam-counter) ". "!important}.examen-recopilatorio form.quiz{background:transparent!important;border:none!important;border-bottom:1px solid #f1f5f9!important;padding:25px 0!important;margin:0!important;box-shadow:none!important}.examen-recopilatorio form.quiz:last-of-type{border-bottom:none!important}form.quiz label{display:block;padding:12px 15px;border:1px solid #e2e8f0;margin-bottom:8px;border-radius:8px;cursor:pointer;transition:all 0.2s ease;background:#fff}form.quiz label:hover{background:#f8fafc;border-color:#cbd5e1}.quiz-nav-buttons{display:flex;gap:15px;margin-top:30px;padding-top:25px;border-top:2px solid #f1f5f9}.btn-nav{flex:1;padding:15px;border:2px solid #0f172a;background:#fff;color:#0f172a;font-weight:700;font-size:16px;border-radius:10px;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.btn-nav:hover{background:#0f172a;color:#fff}.btn-final-eval{flex:2;display:block!important;background:#1d4ed8!important;color:white!important;padding:16px;font-size:18px!important;border:none;border-radius:10px;cursor:pointer;font-weight:800;box-shadow:0 4px 14px rgb(29 78 216 / .3);transition:transform 0.2s,background 0.2s}.btn-final-eval:hover{background:#1e40af!important;transform:translateY(-2px)}.examen-recopilatorio form.quiz button{display:none!important}#resultado-examen-final{margin-top:30px;animation:zoomIn 0.3s ease-out}@keyframes zoomIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}