diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index e05ac83..90f3688 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -2489,6 +2489,34 @@ function InspectionModal({ checklist, user, onClose, onComplete }) {
const visibleQuestions = getVisibleQuestions()
const currentQuestion = visibleQuestions[currentQuestionIndex]
+ // Barra de navegación de preguntas
+ const QuestionNavigator = () => (
+
+ {visibleQuestions.map((q, idx) => {
+ const answered = answers[q.id]?.value
+ let base = 'w-10 h-10 rounded-full border shadow-lg flex items-center justify-center text-lg font-bold transition-all select-none';
+ let style = '';
+ if (idx === currentQuestionIndex) {
+ style = 'bg-blue-900 text-white border-blue-900 scale-110';
+ } else if (answered) {
+ style = 'bg-green-700 text-white border-green-800';
+ } else {
+ style = 'bg-gray-700 text-white border-gray-900';
+ }
+ return (
+
+ )
+ })}
+
+ )
+
return (
@@ -2683,6 +2711,8 @@ function InspectionModal({ checklist, user, onClose, onComplete }) {
{step === 2 && currentQuestion && (
+ {/* Barra de navegación de preguntas */}
+
Sección: {currentQuestion.section}