diff --git a/.devcontainer/Dockerfile b/.devcontainer/Dockerfile
new file mode 100644
index 0000000..a876ef4
--- /dev/null
+++ b/.devcontainer/Dockerfile
@@ -0,0 +1,20 @@
+# Base image
+FROM node:16-alpine
+
+# Set working directory
+WORKDIR /app
+
+# Copy package.json and package-lock.json first
+COPY package*.json ./
+
+# Install dependencies
+RUN npm install
+
+# Copy the rest of the project files
+COPY . .
+
+# Expose port 3000 for Nuxt.js
+EXPOSE 3000
+
+# Default command to run the development server
+CMD ["npm", "run", "dev"]
diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
new file mode 100644
index 0000000..2fb0fc8
--- /dev/null
+++ b/.devcontainer/devcontainer.json
@@ -0,0 +1,16 @@
+{
+  "name": "Nuxt Dev Container",
+  "build": {
+    "dockerfile": "Dockerfile",
+    "context": ".."
+  },
+  "forwardPorts": [3000],
+  "settings": {
+    "terminal.integrated.defaultProfile.linux": "bash"
+  },
+  "extensions": [
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode"
+  ],
+  "postCreateCommand": "npm install"
+}
diff --git a/components/alumno/cuestionario2/FullCuestionario.vue b/components/alumno/cuestionario2/FullCuestionario.vue
new file mode 100644
index 0000000..6ca0746
--- /dev/null
+++ b/components/alumno/cuestionario2/FullCuestionario.vue
@@ -0,0 +1,973 @@
+<template>
+  <div class="container mt-5">
+    <h1 class="text-center mb-4">{{ formulario.titulo }}</h1>
+    <p class="text-center">{{ formulario.descripcion }}</p>
+    <form @submit.prevent="submitForm">
+      <div v-for="(item, index) in sortedItems" :key="item.id || item.idTabla" class="mb-4">
+        <div v-if="item.tipo">
+          <label :for="item.id" class="form-label">{{ item.numeroPregunta }}. {{ item.texto }}</label>
+          <div v-if="item.tipo === 'seleccionUnica'">
+            <div v-for="opcion in item.opciones" :key="opcion" class="SINO">
+              <b-radio
+                v-model="respuestas[item.id]"
+                :id="item.id"
+                :native-value="opcion"
+                type="is-info"
+              >
+                {{ opcion }}
+              </b-radio>
+            </div>
+          </div>
+          <div v-if="item.tipo === 'seleccionMultiple'">
+            <div v-for="opcion in item.opciones" :key="opcion" class="SINO">
+              <input
+                class="checkb"
+                type="checkbox"
+                :value="opcion"
+                v-model="respuestas[item.id]"
+              />
+              {{ opcion }}
+            </div>
+          </div>
+          <div v-if="item.tipo === 'texto'">
+            <b-input
+              :id="item.id"
+              v-model="respuestas[item.id]"
+              placeholder="Escribe tu respuesta aquí"
+            ></b-input>
+          </div>
+        </div>
+        <div v-else>
+         <!--  <h3 class="mb-3">{{ item.numeroPregunta }}. {{ item.preguntaTabla }}</h3>
+          <h5 v-if="item.subPreguntaTabla" class="mb-3">{{ item.subPreguntaTabla }}</h5>
+ -->
+          
+          <template v-if="index === 0 || item.numeroPregunta !== sortedItems[index - 1].numeroPregunta">
+      <h3 class="mb-3">
+        {{ item.numeroPregunta }}. {{ item.preguntaTabla }}
+      </h3>
+    </template>
+
+    <!-- Subtítulo (h5) siempre que exista -->
+    <h5 v-if="item.subPreguntaTabla" class="mb-3">
+      {{ item.subPreguntaTabla }}
+    </h5>
+
+          <table class="table table-bordered text-center">
+            <thead>
+              <tr>
+                <th></th>
+                <th v-for="opcion in item.renglones[0].opciones" :key="opcion">{{ opcion }}</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="renglon in item.renglones" :key="renglon.idRenglon">
+                <td>{{ renglon.textoRenglon }}</td>
+                <td v-for="opcion in renglon.opciones" :key="opcion">
+                  <input
+                    type="radio"
+                    :name="`tabla-${item.idTabla}-renglon-${renglon.idRenglon}`"
+                    :value="opcion"
+                    v-model="respuestas[item.idTabla][renglon.idRenglon]"
+                  />
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    
+
+      <div class="my-6 mb-6" >
+      <b-field class="centro">
+        <button
+   
+          class="button is-success is-medium"
+          @click="submitForm()"
+        >
+          Enviar
+        </button>
+      </b-field>
+    </div>
+
+
+
+    </form>
+  </div>
+</template>
+
+<script>
+
+
+import Buefy from 'buefy'
+  import 'buefy/dist/buefy.css'
+  import axios from 'axios'
+
+
+export default {
+  data() {
+    return {
+
+
+      respuestas: {}, // Inicialización para almacenar las respuestas
+
+      formulario: {
+        titulo: '2025 Evaluación del Universitario(a)',
+        descripcion:
+          'Te invitamos a compartir tu experiencia respecto al programa de servicio social en el que participaste. Tus respuestas son confidenciales.',
+        preguntas: [
+          {
+            id: 'criterios',
+            tipo: 'seleccionMultiple',
+            numeroPregunta:1,
+            texto:
+              'Señala los tres principales criterios para seleccionar el programa:',
+            opciones: [
+              'Actividades adscritas al programa',
+              'Apoyo económico',
+              'Asesoría académica',
+              'Dependencia de la UNAM',
+              'Flexibilidad en horarios',
+              'Institución del sector público',
+              'Institución del sector social',
+              'Invitación de profesores',
+              'Modalidad de titulación por servicio social',
+              'Objetivo del programa',
+              'Oportunidad de desarrollo de tesis',
+              'Prestigio de la institución',
+              'Recomendación de compañeros',
+            ],
+          },
+          {
+            numeroPregunta:2,
+            id: 'inscripcion',
+            tipo: 'seleccionUnica',
+            texto: '¿Cómo evalúas tu proceso de inscripción?',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+   
+          {
+            numeroPregunta:4,
+            id: 'actividades',
+            tipo: 'seleccionUnica',
+            texto: '¿Las actividades realizadas fueron acordes al programa?',
+            opciones: ['Sí', 'No'],
+          },
+          {
+            numeroPregunta:5,
+            id: 'actividadesComentarios2',
+            tipo: 'texto',
+            texto:
+              'En caso de que las actividades hayan sido distintas, ¿cuáles fueron?',
+            condicional: {
+              preguntaId: 'actividades',
+              valor: 'No',
+            },
+          },
+          {
+            numeroPregunta:6,
+            id: 'espacioFisico',
+            tipo: 'seleccionUnica',
+            texto:
+              '¿Contaste con un espacio físico adecuado para realizar tus actividades?',
+            opciones: ['Sí', 'No'],
+          },
+          {
+            numeroPregunta:7,
+            id: 'instalaciones',
+            tipo: 'seleccionUnica',
+            texto: '¿Las instalaciones contaban con condiciones adecuadas?',
+            opciones: ['Sí', 'No'],
+          },
+          {
+            numeroPregunta:8,
+            id: 'instalacionesComentarios',
+            tipo: 'texto',
+            texto: 'Si respondiste NO, ¿por qué?',
+            condicional: {
+              preguntaId: 'instalaciones',
+              valor: 'No',
+            },
+          },
+          {
+            numeroPregunta:9,
+            id: 'materialProporcionado',
+            tipo: 'seleccionUnica',
+            texto: '¿La institución te proporcionó material/equipo necesario?',
+            opciones: ['Sí', 'No'],
+          },
+
+          {
+            numeroPregunta:13,
+            id: 'supervisor',
+            tipo: 'seleccionUnica',
+            texto: '¿Quién asesoró y supervisó las actividades que realizaste?',
+            opciones: [
+              'Coordinador administrativo del programa',
+              'Responsable directo del programa',
+              'Alguien diferente a los dos anteriores',
+            ],
+          },
+          {
+
+            numeroPregunta:14,
+            id: 'apoyoEconomico',
+            tipo: 'seleccionUnica',
+            texto: 'El apoyo económico señalado en el programa...',
+            opciones: [
+              'Se te otorgó de acuerdo a lo establecido',
+              'Fue condicionado',
+              'Se te proporcionó solo una parte',
+            ],
+          },
+          {
+            numeroPregunta:15,
+            id: 'recomendacion',
+            tipo: 'seleccionUnica',
+            texto: '¿Recomendarías el programa en el que participaste?',
+            opciones: ['Sí', 'No'],
+          },
+          
+
+
+
+          {
+            numeroPregunta:16,
+            id: 'actividadesComentarios3',
+            tipo: 'texto',
+            texto:
+              '¿Por qué?',
+            condicional: {
+              preguntaId: 'actividades',
+              valor: 'No',
+            },
+          },
+
+
+          {
+            numeroPregunta:18,
+            id: 'actividadesComentarios1',
+            tipo: 'texto',
+            texto:
+              'Enlista los conocimiento o habilidades que te ayudarían a un mejor desempeño para tu actividad profesional a futuro',
+            condicional: {
+              preguntaId: 'actividades',
+              valor: 'No',
+            },
+          },
+
+          
+        ],
+
+        tablas: [
+       
+
+          {
+            idTabla: 130,
+            preguntaTabla: '¿En la entidad o programa donde realizaste tu servicio social recibiste…?',
+            subPreguntaTabla: '',
+            numeroPregunta: 3,
+            renglones: [
+              {
+                idRenglon: 1,
+                textoRenglon: 'Asesoría',
+                opciones: ['si', 'no'],
+              },
+              {
+                idRenglon: 2,
+                textoRenglon: 'Acompañamiento',
+                opciones: ['si', 'no'],
+              },
+              {
+                idRenglon: 3,
+                textoRenglon: 'Supervisión',
+                opciones: ['si', 'no'],
+              },
+              {
+                idRenglon: 4,
+                textoRenglon: 'Seguimiento',
+                opciones: ['si', 'no'],
+              },
+            ],
+          },
+
+
+
+          {
+            idTabla: 104,
+            preguntaTabla: 'El trato que recibiste fue:',
+            subPreguntaTabla: '',
+            numeroPregunta: 10,
+            renglones: [
+              {
+                idRenglon: 1,
+                textoRenglon: 'Profesional',
+                opciones: ['si', 'no'],
+              },
+              {
+                idRenglon: 2,
+                textoRenglon: 'Amable',
+                opciones: ['si', 'no'],
+              },
+              {
+                idRenglon: 3,
+                textoRenglon: 'Respetuoso',
+                opciones: ['si', 'no'],
+              },
+          
+            ],
+          },
+
+
+
+
+          {
+            idTabla: 105,
+            preguntaTabla: 'En tu servicio social…',
+            subPreguntaTabla: '',
+            numeroPregunta: 11,
+            renglones: [
+              {
+                idRenglon: 1,
+                textoRenglon: 'Aplicaste conocimientos',
+                opciones: ['Nunca', 'Rara vez', 'Algunas veces','Regularmente', 'Siempre'],
+              },
+              {
+                idRenglon: 2,
+                textoRenglon: 'Desarrollaste habilidades',
+                opciones: ['Nunca', 'Rara vez', 'Algunas veces','Regularmente', 'Siempre'],
+              },
+              {
+                idRenglon: 3,
+                textoRenglon: 'Enriqueciste conocimientos',
+                opciones: ['Nunca', 'Rara vez', 'Algunas veces','Regularmente', 'Siempre'],
+              },
+              {
+                idRenglon: 4,
+                textoRenglon: 'Fortaleciste tus habilidades',
+                opciones: ['Nunca', 'Rara vez', 'Algunas veces','Regularmente', 'Siempre'],
+              },
+          
+            ],
+          },
+
+
+          {
+            idTabla: 106,
+            preguntaTabla: 'Con respecto a la plataforma SIASSyPP web.',
+            subPreguntaTabla: 'La información que te proporcionaron sobre los programas fue:',
+            numeroPregunta: 17,
+            renglones: [
+              {
+                idRenglon: 1,
+                textoRenglon: 'Adecuada',
+                opciones: ['si', 'no'],
+              },
+              {
+                idRenglon: 2,
+                textoRenglon: 'Suficiente',
+                opciones: ['si', 'no'],
+              },
+              {
+                idRenglon: 3,
+                textoRenglon: 'Actualizada',
+                opciones: ['si', 'no'],
+              },
+          
+          
+            ],
+          },
+
+
+
+          {
+            idTabla: 101,
+            preguntaTabla: 'Evalúa tu propio desempeño en el servicio social en relación con',
+            subPreguntaTabla: 'A. Habilidades personales',
+            numeroPregunta: 12,
+            renglones: [
+              {
+                idRenglon: 1,
+                textoRenglon: 'Puntualidad',
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+              },
+              {
+                idRenglon: 2,
+                textoRenglon: 'Eficiencia',
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+              },
+              {
+                idRenglon: 3,
+                textoRenglon: 'Organización',
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+              },
+              {
+                idRenglon: 4,
+                textoRenglon: 'Eficacia',
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+              },
+            ],
+          },
+
+          {
+            idTabla: 102,
+            preguntaTabla: 'Evalúa tu propio desempeño en el servicio social en relación con',
+            subPreguntaTabla: 'B. Habilidades profesionales ',
+            numeroPregunta: 12,
+            renglones: [
+              {
+                idRenglon: 1,
+                textoRenglon: 'Disposición',
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+              },
+              {
+                idRenglon: 2,
+                textoRenglon: 'Proactivo/anticipación',
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+              },
+              {
+                idRenglon: 3,
+                textoRenglon: 'Propositivo',
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+              },
+              {
+                idRenglon: 4,
+                textoRenglon: 'Resolutivo',
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+              },
+            ],
+          },
+
+
+
+
+          {
+            idTabla: 103,
+            preguntaTabla: 'Evalúa tu propio desempeño en el servicio social en relación con',
+            subPreguntaTabla: 'C. Habilidades sociales',
+            numeroPregunta: 12,
+            renglones: [
+              {
+                idRenglon: 1,
+                textoRenglon: 'Disposición',
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+              },
+              {
+                idRenglon: 2,
+                textoRenglon: 'Proactivo/anticipación',
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+              },
+              {
+                idRenglon: 3,
+                textoRenglon: 'Propositivo',
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+              },
+              {
+                idRenglon: 4,
+                textoRenglon: 'Resolutivo',
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+              },
+            ],
+          },
+
+
+          {
+            idTabla: 1042,
+            preguntaTabla: 'Evalúa tu propio desempeño en el servicio social en relación con',
+            subPreguntaTabla: 'D. Conocimientos',
+            numeroPregunta: 12,
+            renglones: [
+              {
+                idRenglon: 1,
+                textoRenglon: 'Conocimientos teóricos',
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+              },
+              {
+                idRenglon: 2,
+                textoRenglon: 'Conocimientos metodológicos',
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+              },
+              {
+                idRenglon: 3,
+                textoRenglon: 'Pensamiento critico',
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+              },
+              {
+                idRenglon: 4,
+                textoRenglon: 'Formación académica general',
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+              },
+
+
+              {
+                idRenglon: 5,
+                textoRenglon: 'Uso tecnológico',
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+              },
+
+
+            ],
+          },
+
+
+
+
+
+        ],
+      },
+       
+    
+
+  formulario2: {
+    titulo: '2025 Evaluación de la institución receptora de servicio social',
+    descripcion: `Estimado(a) responsable de programa de servicio social:
+Te solicitamos llenar cuidadosamente los campos solicitados a continuación para poder
+validar el término del servicio social de nuestro alumno(a). 
+
+Los datos están sujetos al aviso de privacidad integral que se puede consultar en el sitio web: www.acatlan.unam.mx/normatividad`,
+
+    preguntas: [
+      {
+        numeroPregunta: 1,
+        id: 'actividadesUniversitario',
+        tipo: 'texto',
+        texto:
+          '1. Mencione las principales actividades que realizó el/la universitario(a) en su programa de servicio social',
+      },
+      {
+        numeroPregunta: 2,
+        id: 'calificacionGeneral',
+        tipo: 'seleccionUnica',
+        texto:
+          '2. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
+        opciones: ['Excelente', 'Bueno', 'Regular', 'Deficiente'],
+      },
+      {
+        numeroPregunta: 4,
+        id: 'cursosComplementarios',
+        tipo: 'texto',
+        texto:
+          '4. ¿Qué cursos considera que complementarían la formación de nuestros egresados?',
+      },
+      {
+        numeroPregunta: 5,
+        id: 'contratariaFuturo',
+        tipo: 'seleccionUnica',
+        texto: '5. ¿Considera contratar en un futuro al universitario(a)?',
+        opciones: ['Sí', 'No'],
+      },
+      {
+        numeroPregunta: 6,
+        id: 'porqueNoContrataria',
+        tipo: 'texto',
+        texto:
+          '6. Si su respuesta a la pregunta anterior fue NO, comente ¿por qué?',
+        condicional: {
+          preguntaId: 'contratariaFuturo',
+          valor: 'No',
+        },
+      },
+    ],
+
+    tablas: [
+      // ----- PREGUNTA 3, dividida en sub-secciones A, B, C, D, E ------
+      {
+        idTabla: 301,
+        numeroPregunta: 3,
+        preguntaTabla:
+          '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
+        subPreguntaTabla: 'A. Habilidades personales',
+        renglones: [
+          {
+            idRenglon: 1,
+            textoRenglon: 'Puntualidad',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+          {
+            idRenglon: 2,
+            textoRenglon: 'Eficiencia',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+          {
+            idRenglon: 3,
+            textoRenglon: 'Organizado',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+          {
+            idRenglon: 4,
+            textoRenglon: 'Eficacia',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+        ],
+      },
+      {
+        idTabla: 302,
+        numeroPregunta: 3,
+        preguntaTabla:
+          '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
+        subPreguntaTabla: 'B. Habilidades profesionales',
+        renglones: [
+          {
+            idRenglon: 1,
+            textoRenglon: 'Disposición',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+          {
+            idRenglon: 2,
+            textoRenglon: 'Proactivo/anticipación',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+          {
+            idRenglon: 3,
+            textoRenglon: 'Propositivo',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+          {
+            idRenglon: 4,
+            textoRenglon: 'Resolutivo',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+        ],
+      },
+      {
+        idTabla: 303,
+        numeroPregunta: 3,
+        preguntaTabla:
+          '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
+        subPreguntaTabla: 'C. Habilidades sociales',
+        renglones: [
+          {
+            idRenglon: 1,
+            textoRenglon: 'Empatía',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+          {
+            idRenglon: 2,
+            textoRenglon: 'Trabajo en equipo',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+          {
+            idRenglon: 3,
+            textoRenglon: 'Comunicación asertiva',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+          {
+            idRenglon: 4,
+            textoRenglon: 'Receptividad',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+          {
+            idRenglon: 5,
+            textoRenglon: 'Tolerancia a la frustración',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+        ],
+      },
+      {
+        idTabla: 304,
+        numeroPregunta: 3,
+        preguntaTabla:
+          '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
+        subPreguntaTabla: 'D. Conocimientos',
+        renglones: [
+          {
+            idRenglon: 1,
+            textoRenglon: 'Conocimientos teóricos',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+          {
+            idRenglon: 2,
+            textoRenglon: 'Conocimientos metodológicos',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+          {
+            idRenglon: 3,
+            textoRenglon: 'Pensamiento crítico',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+          {
+            idRenglon: 4,
+            textoRenglon: 'Formación académica general',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+          {
+            idRenglon: 5,
+            textoRenglon: 'Uso tecnológico',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+        ],
+      },
+      {
+        idTabla: 305,
+        numeroPregunta: 3,
+        preguntaTabla:
+          '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
+        subPreguntaTabla: 'E. Otro',
+        renglones: [
+          {
+            idRenglon: 1,
+            textoRenglon: 'Otro',
+            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          },
+        ],
+      },
+    ],
+  },
+
+
+    }
+  },
+
+  created() {
+    // Inicializa las respuestas vacías para cada pregunta
+    this.formulario.preguntas.forEach((pregunta) => {
+      if (pregunta.tipo === 'evaluacion') {
+        this.respuestas[pregunta.id] = {}
+        pregunta.categorias.forEach((categoria) => {
+          categoria.items.forEach((item) => {
+            this.respuestas[pregunta.id][item] = ''
+          })
+        })
+      } else if (
+        pregunta.tipo === 'checkbox' ||
+        pregunta.tipo === 'seleccionMultiple'
+      ) {
+        this.respuestas[pregunta.id] = []
+      } else {
+        this.respuestas[pregunta.id] = ''
+      }
+    })
+
+    // Inicializa respuestas para cada tabla
+    this.formulario.tablas.forEach((tabla) => {
+      this.$set(this.respuestas, tabla.idTabla, {}); // Asegura que exista respuestas[tabla.idTabla]
+      tabla.renglones.forEach((renglon) => {
+        this.$set(this.respuestas[tabla.idTabla], renglon.idRenglon, null); // Asegura que exista respuestas[tabla.idTabla][renglon.idRenglon]
+      });
+    });
+  },
+  computed: {
+    sortedItems() {
+      const items = [...this.formulario.preguntas, ...this.formulario.tablas]
+      return items.sort((a, b) => {
+        if (a.numeroPregunta === b.numeroPregunta) {
+          return (a.idTabla || 0) - (b.idTabla || 0)
+        }
+        return a.numeroPregunta - b.numeroPregunta
+      })
+    },
+  },
+  methods: {
+    submitForm() {
+      console.log('Respuestas enviadas:', this.respuestas)
+      //alert('Formulario enviado. Gracias por tu participación.')
+
+
+
+       // Aquí formateamos las respuestas
+       const respuestaFormateada = this.formatearRespuestas(this.respuestas)
+      console.log('Respuestas formateadas:', respuestaFormateada)
+
+    //  this.sendAnswers(respuestaFormateada)
+
+
+
+      let data = { ...respuestaFormateada, 
+        idServicio: 4, //localStorage.getItem('idCuestionarioAlumno') 
+        p1: 'respuesta1 - trabajando para que sea una string',
+      }
+
+      axios
+          .post(`${process.env.api}/cuestionario_alumno/v2`, data, //this.token
+
+          )
+          .then((res) => {
+            this.$buefy.dialog.alert({
+              title: 'Success',
+              message: 'Se enviaron los datos correctamente',
+              type: 'is-success',
+              hasIcon: true,
+              icon: 'checkbox-marked-circle',
+              ariaRole: 'alertdialog',
+              ariaModal: true,
+            })
+  
+            //this.reset()
+            localStorage.removeItem('idCuestionarioAlumno')
+            this.$router.push('/alumno')
+          })
+          .catch((error) => {
+            this.error(error.response.data.message)
+          })
+          .finally(() => {
+            this.isLoading = false
+          })
+      
+    },
+
+  
+    formatearRespuestas(respuestas) {
+      // Objeto final a devolver
+      const resultado = {}
+
+      // Recorremos todas las claves de "respuestas"
+      for (const key in respuestas) {
+        // Verificamos si es un ID de tabla (numérico) o un ID de pregunta (string)
+        const esTabla = !isNaN(Number(key)) // true si la clave se puede convertir a número
+
+        if (esTabla) {
+          // 1) BUSCAMOS LA DEFINICIÓN DE LA TABLA
+          const idTabla = parseInt(key, 10)
+          const tablaDef = this.formulario.tablas.find(t => t.idTabla === idTabla)
+          if (!tablaDef) {
+            // Si no se encontró la tabla, continuamos
+            continue
+          }
+
+          // 2) OBTENEMOS EL NÚMERO DE PREGUNTA Y, OPCIONALMENTE, LA LETRA (A, B, C...)
+          const numPregunta = tablaDef.numeroPregunta
+
+          // Si quieres “sacar” la letra (A, B, C…) de algo como "A. Habilidades sociales"
+          // Se puede hacer un match sencillo al principio
+          let subLetra = ''
+          if (tablaDef.subPreguntaTabla) {
+            // Ejemplo: "A. Habilidades personales"
+            const coincidencia = tablaDef.subPreguntaTabla.match(/^([A-E])\./)
+            if (coincidencia) {
+              subLetra = coincidencia[1] // 'A', 'B', 'C', etc.
+            }
+          }
+
+          // 3) LUEGO RECORREMOS LAS RESPUESTAS DE LA TABLA (por cada idRenglon)
+          const respuestasTabla = respuestas[key] // p.ej: { "1": "Deficiente", "2": "Básico", ... }
+          for (const idRenglon in respuestasTabla) {
+            const valor = respuestasTabla[idRenglon]
+
+            // Formamos la clave final. 
+            // Si hay subLetra, hacemos `p3_A_1`. Sino, solo `p3_1`.
+            let clave = `p${numPregunta}_${idRenglon}`
+            if (subLetra) {
+              clave = `p${numPregunta}_${subLetra}_${idRenglon}`
+            }
+
+            resultado[clave] = valor
+          }
+        } else {
+          // NO ES UNA TABLA => ES UNA PREGUNTA NORMAL
+          // Buscamos su definición para obtener el numeroPregunta
+          const preguntaDef = this.formulario.preguntas.find(p => p.id === key)
+          if (!preguntaDef) {
+            // No se encontró la definición (caso raro)
+            continue
+          }
+
+          const numPregunta = preguntaDef.numeroPregunta
+
+          // Creamos algo como `p2`, `p5`, etc.
+          const clave = `p${numPregunta}`
+          resultado[clave] = respuestas[key]
+        }
+      }
+
+      return resultado
+    },
+
+
+
+    
+  },
+}
+</script>
+
+
+
+
+
+<!-- respuestas de cuestionario formulario2
+ todas las preguntas se guardan correctamente
+{
+  "p3_A_1": "Deficiente",
+  "p3_A_2": "Deficiente",
+  "p3_A_3": "Deficiente",
+  "p3_A_4": "Deficiente",
+  "p3_B_1": "Básico",
+  "p3_B_2": "Básico",
+  "p3_B_3": "Básico",
+  "p3_B_4": "Básico",
+  "p3_C_1": "Intermedio",
+  "p3_C_2": "Intermedio",
+  "p3_C_3": "Intermedio",
+  "p3_C_4": "Intermedio",
+  "p3_C_5": "Intermedio",
+  "p3_D_1": "Destacado",
+  "p3_D_2": "Destacado",
+  "p3_D_3": "Destacado",
+  "p3_D_4": "Destacado",
+  "p3_D_5": "Destacado",
+  "p3_E_1": "Deficiente",
+  "p1": "respuesta1",
+  "p2": "Excelente",
+  "p4": "respuesta4",
+  "p5": "Sí",
+  "p6": "respuesta 6"
+} -->
+
+
+
+
+<!-- respuestas de cuestionario formulario alumno
+
+
+{
+    "p12_A_1": "Deficiente",
+    "p12_A_2": "Deficiente",
+    "p12_A_3": "Deficiente",
+    "p12_A_4": "Deficiente",
+    "p12_B_1": "Básico",
+    "p12_B_2": "Básico",
+    "p12_B_3": "Básico",
+    "p12_B_4": "Básico",
+    "p12_C_1": "Intermedio",
+    "p12_C_2": "Intermedio",
+    "p12_C_3": "Intermedio",
+    "p12_C_4": "Intermedio",
+    "p10_1": "si",
+    "p10_2": "si",
+    "p10_3": "si",
+    "p11_1": "Nunca",
+    "p11_2": "Rara vez",
+    "p11_3": "Algunas veces",
+    "p11_4": "Siempre",
+    "p17_1": "si",
+    "p17_2": "no",
+    "p17_3": "si",
+    "p3_1": "si",
+    "p3_2": "si",
+    "p3_3": "si",
+    "p3_4": "si",
+    "p12_D_1": "Destacado",
+    "p12_D_2": "Destacado",
+    "p12_D_3": "Destacado",
+    "p12_D_4": "Destacado",
+    "p12_D_5": "Destacado",
+    "p1": [
+        "Dependencia de la UNAM",
+        "Asesoría académica",
+        "Oportunidad de desarrollo de tesis"
+    ],
+    "p2": "Deficiente",
+    "p4": "No",
+    "p5": "respuesta5",
+    "p6": "Sí",
+    "p7": "Sí",
+    "p8": "respuesta8",
+    "p9": "Sí",
+    "p13": "Responsable directo del programa",
+    "p14": "Se te otorgó de acuerdo a lo establecido",
+    "p15": "Sí",
+    "p16": "respuesta 16",
+    "p18": "respuesta18"
+}
+
+
+ -->
\ No newline at end of file
diff --git a/components/layouts/Logout.vue b/components/layouts/Logout.vue
index 492a8c0..18739a0 100644
--- a/components/layouts/Logout.vue
+++ b/components/layouts/Logout.vue
@@ -27,7 +27,7 @@ export default {
       this.$router.push('/')
     },
   },
-  created() {
+  /* created() {
     if (
       !localStorage.getItem('usuario') ||
       !localStorage.getItem('idUsuario') ||
@@ -37,7 +37,7 @@ export default {
       !localStorage.getItem('token')
     )
       this.cerrarSesion()
-  },
+  }, */
 }
 </script>
 
diff --git a/components/responsable/CuestionarioResponsable2.vue b/components/responsable/CuestionarioResponsable2.vue
new file mode 100644
index 0000000..703a2cf
--- /dev/null
+++ b/components/responsable/CuestionarioResponsable2.vue
@@ -0,0 +1,973 @@
+<template>
+    <div class="container mt-5">
+      <h1 class="text-center mb-4">{{ formulario.titulo }}</h1>
+      <p class="text-center">{{ formulario.descripcion }}</p>
+      <form @submit.prevent="submitForm">
+        <div v-for="(item, index) in sortedItems" :key="item.id || item.idTabla" class="mb-4">
+          <div v-if="item.tipo">
+            <label :for="item.id" class="form-label">{{ item.numeroPregunta }}. {{ item.texto }}</label>
+            <div v-if="item.tipo === 'seleccionUnica'">
+              <div v-for="opcion in item.opciones" :key="opcion" class="SINO">
+                <b-radio
+                  v-model="respuestas[item.id]"
+                  :id="item.id"
+                  :native-value="opcion"
+                  type="is-info"
+                >
+                  {{ opcion }}
+                </b-radio>
+              </div>
+            </div>
+            <div v-if="item.tipo === 'seleccionMultiple'">
+              <div v-for="opcion in item.opciones" :key="opcion" class="SINO">
+                <input
+                  class="checkb"
+                  type="checkbox"
+                  :value="opcion"
+                  v-model="respuestas[item.id]"
+                />
+                {{ opcion }}
+              </div>
+            </div>
+            <div v-if="item.tipo === 'texto'">
+              <b-input
+                :id="item.id"
+                v-model="respuestas[item.id]"
+                placeholder="Escribe tu respuesta aquí"
+              ></b-input>
+            </div>
+          </div>
+          <div v-else>
+           <!--  <h3 class="mb-3">{{ item.numeroPregunta }}. {{ item.preguntaTabla }}</h3>
+            <h5 v-if="item.subPreguntaTabla" class="mb-3">{{ item.subPreguntaTabla }}</h5>
+   -->
+            
+            <template v-if="index === 0 || item.numeroPregunta !== sortedItems[index - 1].numeroPregunta">
+        <h3 class="mb-3">
+          {{ item.numeroPregunta }}. {{ item.preguntaTabla }}
+        </h3>
+      </template>
+  
+      <!-- Subtítulo (h5) siempre que exista -->
+      <h5 v-if="item.subPreguntaTabla" class="mb-3">
+        {{ item.subPreguntaTabla }}
+      </h5>
+  
+            <table class="table table-bordered text-center">
+              <thead>
+                <tr>
+                  <th></th>
+                  <th v-for="opcion in item.renglones[0].opciones" :key="opcion">{{ opcion }}</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="renglon in item.renglones" :key="renglon.idRenglon">
+                  <td>{{ renglon.textoRenglon }}</td>
+                  <td v-for="opcion in renglon.opciones" :key="opcion">
+                    <input
+                      type="radio"
+                      :name="`tabla-${item.idTabla}-renglon-${renglon.idRenglon}`"
+                      :value="opcion"
+                      v-model="respuestas[item.idTabla][renglon.idRenglon]"
+                    />
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      
+  
+        <div class="my-6 mb-6" >
+        <b-field class="centro">
+          <button
+     
+            class="button is-success is-medium"
+            @click="submitForm()"
+          >
+            Enviar
+          </button>
+        </b-field>
+      </div>
+  
+  
+  
+      </form>
+    </div>
+  </template>
+  
+  <script>
+  
+  
+  import Buefy from 'buefy'
+    import 'buefy/dist/buefy.css'
+    import axios from 'axios'
+  
+  
+  export default {
+    data() {
+      return {
+  
+  
+        respuestas: {}, // Inicialización para almacenar las respuestas
+  
+        formulario2: {
+          titulo: '2025 Evaluación del Universitario(a)',
+          descripcion:
+            'Te invitamos a compartir tu experiencia respecto al programa de servicio social en el que participaste. Tus respuestas son confidenciales.',
+          preguntas: [
+            {
+              id: 'criterios',
+              tipo: 'seleccionMultiple',
+              numeroPregunta:1,
+              texto:
+                'Señala los tres principales criterios para seleccionar el programa:',
+              opciones: [
+                'Actividades adscritas al programa',
+                'Apoyo económico',
+                'Asesoría académica',
+                'Dependencia de la UNAM',
+                'Flexibilidad en horarios',
+                'Institución del sector público',
+                'Institución del sector social',
+                'Invitación de profesores',
+                'Modalidad de titulación por servicio social',
+                'Objetivo del programa',
+                'Oportunidad de desarrollo de tesis',
+                'Prestigio de la institución',
+                'Recomendación de compañeros',
+              ],
+            },
+            {
+              numeroPregunta:2,
+              id: 'inscripcion',
+              tipo: 'seleccionUnica',
+              texto: '¿Cómo evalúas tu proceso de inscripción?',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+     
+            {
+              numeroPregunta:4,
+              id: 'actividades',
+              tipo: 'seleccionUnica',
+              texto: '¿Las actividades realizadas fueron acordes al programa?',
+              opciones: ['Sí', 'No'],
+            },
+            {
+              numeroPregunta:5,
+              id: 'actividadesComentarios2',
+              tipo: 'texto',
+              texto:
+                'En caso de que las actividades hayan sido distintas, ¿cuáles fueron?',
+              condicional: {
+                preguntaId: 'actividades',
+                valor: 'No',
+              },
+            },
+            {
+              numeroPregunta:6,
+              id: 'espacioFisico',
+              tipo: 'seleccionUnica',
+              texto:
+                '¿Contaste con un espacio físico adecuado para realizar tus actividades?',
+              opciones: ['Sí', 'No'],
+            },
+            {
+              numeroPregunta:7,
+              id: 'instalaciones',
+              tipo: 'seleccionUnica',
+              texto: '¿Las instalaciones contaban con condiciones adecuadas?',
+              opciones: ['Sí', 'No'],
+            },
+            {
+              numeroPregunta:8,
+              id: 'instalacionesComentarios',
+              tipo: 'texto',
+              texto: 'Si respondiste NO, ¿por qué?',
+              condicional: {
+                preguntaId: 'instalaciones',
+                valor: 'No',
+              },
+            },
+            {
+              numeroPregunta:9,
+              id: 'materialProporcionado',
+              tipo: 'seleccionUnica',
+              texto: '¿La institución te proporcionó material/equipo necesario?',
+              opciones: ['Sí', 'No'],
+            },
+  
+            {
+              numeroPregunta:13,
+              id: 'supervisor',
+              tipo: 'seleccionUnica',
+              texto: '¿Quién asesoró y supervisó las actividades que realizaste?',
+              opciones: [
+                'Coordinador administrativo del programa',
+                'Responsable directo del programa',
+                'Alguien diferente a los dos anteriores',
+              ],
+            },
+            {
+  
+              numeroPregunta:14,
+              id: 'apoyoEconomico',
+              tipo: 'seleccionUnica',
+              texto: 'El apoyo económico señalado en el programa...',
+              opciones: [
+                'Se te otorgó de acuerdo a lo establecido',
+                'Fue condicionado',
+                'Se te proporcionó solo una parte',
+              ],
+            },
+            {
+              numeroPregunta:15,
+              id: 'recomendacion',
+              tipo: 'seleccionUnica',
+              texto: '¿Recomendarías el programa en el que participaste?',
+              opciones: ['Sí', 'No'],
+            },
+            
+  
+  
+  
+            {
+              numeroPregunta:16,
+              id: 'actividadesComentarios3',
+              tipo: 'texto',
+              texto:
+                '¿Por qué?',
+              condicional: {
+                preguntaId: 'actividades',
+                valor: 'No',
+              },
+            },
+  
+  
+            {
+              numeroPregunta:18,
+              id: 'actividadesComentarios1',
+              tipo: 'texto',
+              texto:
+                'Enlista los conocimiento o habilidades que te ayudarían a un mejor desempeño para tu actividad profesional a futuro',
+              condicional: {
+                preguntaId: 'actividades',
+                valor: 'No',
+              },
+            },
+  
+            
+          ],
+  
+          tablas: [
+         
+  
+            {
+              idTabla: 130,
+              preguntaTabla: '¿En la entidad o programa donde realizaste tu servicio social recibiste…?',
+              subPreguntaTabla: '',
+              numeroPregunta: 3,
+              renglones: [
+                {
+                  idRenglon: 1,
+                  textoRenglon: 'Asesoría',
+                  opciones: ['si', 'no'],
+                },
+                {
+                  idRenglon: 2,
+                  textoRenglon: 'Acompañamiento',
+                  opciones: ['si', 'no'],
+                },
+                {
+                  idRenglon: 3,
+                  textoRenglon: 'Supervisión',
+                  opciones: ['si', 'no'],
+                },
+                {
+                  idRenglon: 4,
+                  textoRenglon: 'Seguimiento',
+                  opciones: ['si', 'no'],
+                },
+              ],
+            },
+  
+  
+  
+            {
+              idTabla: 104,
+              preguntaTabla: 'El trato que recibiste fue:',
+              subPreguntaTabla: '',
+              numeroPregunta: 10,
+              renglones: [
+                {
+                  idRenglon: 1,
+                  textoRenglon: 'Profesional',
+                  opciones: ['si', 'no'],
+                },
+                {
+                  idRenglon: 2,
+                  textoRenglon: 'Amable',
+                  opciones: ['si', 'no'],
+                },
+                {
+                  idRenglon: 3,
+                  textoRenglon: 'Respetuoso',
+                  opciones: ['si', 'no'],
+                },
+            
+              ],
+            },
+  
+  
+  
+  
+            {
+              idTabla: 105,
+              preguntaTabla: 'En tu servicio social…',
+              subPreguntaTabla: '',
+              numeroPregunta: 11,
+              renglones: [
+                {
+                  idRenglon: 1,
+                  textoRenglon: 'Aplicaste conocimientos',
+                  opciones: ['Nunca', 'Rara vez', 'Algunas veces','Regularmente', 'Siempre'],
+                },
+                {
+                  idRenglon: 2,
+                  textoRenglon: 'Desarrollaste habilidades',
+                  opciones: ['Nunca', 'Rara vez', 'Algunas veces','Regularmente', 'Siempre'],
+                },
+                {
+                  idRenglon: 3,
+                  textoRenglon: 'Enriqueciste conocimientos',
+                  opciones: ['Nunca', 'Rara vez', 'Algunas veces','Regularmente', 'Siempre'],
+                },
+                {
+                  idRenglon: 4,
+                  textoRenglon: 'Fortaleciste tus habilidades',
+                  opciones: ['Nunca', 'Rara vez', 'Algunas veces','Regularmente', 'Siempre'],
+                },
+            
+              ],
+            },
+  
+  
+            {
+              idTabla: 106,
+              preguntaTabla: 'Con respecto a la plataforma SIASSyPP web.',
+              subPreguntaTabla: 'La información que te proporcionaron sobre los programas fue:',
+              numeroPregunta: 17,
+              renglones: [
+                {
+                  idRenglon: 1,
+                  textoRenglon: 'Adecuada',
+                  opciones: ['si', 'no'],
+                },
+                {
+                  idRenglon: 2,
+                  textoRenglon: 'Suficiente',
+                  opciones: ['si', 'no'],
+                },
+                {
+                  idRenglon: 3,
+                  textoRenglon: 'Actualizada',
+                  opciones: ['si', 'no'],
+                },
+            
+            
+              ],
+            },
+  
+  
+  
+            {
+              idTabla: 101,
+              preguntaTabla: 'Evalúa tu propio desempeño en el servicio social en relación con',
+              subPreguntaTabla: 'A. Habilidades personales',
+              numeroPregunta: 12,
+              renglones: [
+                {
+                  idRenglon: 1,
+                  textoRenglon: 'Puntualidad',
+                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                },
+                {
+                  idRenglon: 2,
+                  textoRenglon: 'Eficiencia',
+                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                },
+                {
+                  idRenglon: 3,
+                  textoRenglon: 'Organización',
+                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                },
+                {
+                  idRenglon: 4,
+                  textoRenglon: 'Eficacia',
+                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                },
+              ],
+            },
+  
+            {
+              idTabla: 102,
+              preguntaTabla: 'Evalúa tu propio desempeño en el servicio social en relación con',
+              subPreguntaTabla: 'B. Habilidades profesionales ',
+              numeroPregunta: 12,
+              renglones: [
+                {
+                  idRenglon: 1,
+                  textoRenglon: 'Disposición',
+                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                },
+                {
+                  idRenglon: 2,
+                  textoRenglon: 'Proactivo/anticipación',
+                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                },
+                {
+                  idRenglon: 3,
+                  textoRenglon: 'Propositivo',
+                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                },
+                {
+                  idRenglon: 4,
+                  textoRenglon: 'Resolutivo',
+                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                },
+              ],
+            },
+  
+  
+  
+  
+            {
+              idTabla: 103,
+              preguntaTabla: 'Evalúa tu propio desempeño en el servicio social en relación con',
+              subPreguntaTabla: 'C. Habilidades sociales',
+              numeroPregunta: 12,
+              renglones: [
+                {
+                  idRenglon: 1,
+                  textoRenglon: 'Disposición',
+                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                },
+                {
+                  idRenglon: 2,
+                  textoRenglon: 'Proactivo/anticipación',
+                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                },
+                {
+                  idRenglon: 3,
+                  textoRenglon: 'Propositivo',
+                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                },
+                {
+                  idRenglon: 4,
+                  textoRenglon: 'Resolutivo',
+                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                },
+              ],
+            },
+  
+  
+            {
+              idTabla: 1042,
+              preguntaTabla: 'Evalúa tu propio desempeño en el servicio social en relación con',
+              subPreguntaTabla: 'D. Conocimientos',
+              numeroPregunta: 12,
+              renglones: [
+                {
+                  idRenglon: 1,
+                  textoRenglon: 'Conocimientos teóricos',
+                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                },
+                {
+                  idRenglon: 2,
+                  textoRenglon: 'Conocimientos metodológicos',
+                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                },
+                {
+                  idRenglon: 3,
+                  textoRenglon: 'Pensamiento critico',
+                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                },
+                {
+                  idRenglon: 4,
+                  textoRenglon: 'Formación académica general',
+                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                },
+  
+  
+                {
+                  idRenglon: 5,
+                  textoRenglon: 'Uso tecnológico',
+                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                },
+  
+  
+              ],
+            },
+  
+  
+  
+  
+  
+          ],
+        },
+         
+      
+  
+    formulario: {
+      titulo: '2025 Evaluación de la institución receptora de servicio social',
+      descripcion: `Estimado(a) responsable de programa de servicio social:
+  Te solicitamos llenar cuidadosamente los campos solicitados a continuación para poder
+  validar el término del servicio social de nuestro alumno(a). 
+  
+  Los datos están sujetos al aviso de privacidad integral que se puede consultar en el sitio web: www.acatlan.unam.mx/normatividad`,
+  
+      preguntas: [
+        {
+          numeroPregunta: 1,
+          id: 'actividadesUniversitario',
+          tipo: 'texto',
+          texto:
+            '1. Mencione las principales actividades que realizó el/la universitario(a) en su programa de servicio social',
+        },
+        {
+          numeroPregunta: 2,
+          id: 'calificacionGeneral',
+          tipo: 'seleccionUnica',
+          texto:
+            '2. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
+          opciones: ['Excelente', 'Bueno', 'Regular', 'Deficiente'],
+        },
+        {
+          numeroPregunta: 4,
+          id: 'cursosComplementarios',
+          tipo: 'texto',
+          texto:
+            '4. ¿Qué cursos considera que complementarían la formación de nuestros egresados?',
+        },
+        {
+          numeroPregunta: 5,
+          id: 'contratariaFuturo',
+          tipo: 'seleccionUnica',
+          texto: '5. ¿Considera contratar en un futuro al universitario(a)?',
+          opciones: ['Sí', 'No'],
+        },
+        {
+          numeroPregunta: 6,
+          id: 'porqueNoContrataria',
+          tipo: 'texto',
+          texto:
+            '6. Si su respuesta a la pregunta anterior fue NO, comente ¿por qué?',
+          condicional: {
+            preguntaId: 'contratariaFuturo',
+            valor: 'No',
+          },
+        },
+      ],
+  
+      tablas: [
+        // ----- PREGUNTA 3, dividida en sub-secciones A, B, C, D, E ------
+        {
+          idTabla: 301,
+          numeroPregunta: 3,
+          preguntaTabla:
+            '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
+          subPreguntaTabla: 'A. Habilidades personales',
+          renglones: [
+            {
+              idRenglon: 1,
+              textoRenglon: 'Puntualidad',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+            {
+              idRenglon: 2,
+              textoRenglon: 'Eficiencia',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+            {
+              idRenglon: 3,
+              textoRenglon: 'Organizado',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+            {
+              idRenglon: 4,
+              textoRenglon: 'Eficacia',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+          ],
+        },
+        {
+          idTabla: 302,
+          numeroPregunta: 3,
+          preguntaTabla:
+            '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
+          subPreguntaTabla: 'B. Habilidades profesionales',
+          renglones: [
+            {
+              idRenglon: 1,
+              textoRenglon: 'Disposición',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+            {
+              idRenglon: 2,
+              textoRenglon: 'Proactivo/anticipación',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+            {
+              idRenglon: 3,
+              textoRenglon: 'Propositivo',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+            {
+              idRenglon: 4,
+              textoRenglon: 'Resolutivo',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+          ],
+        },
+        {
+          idTabla: 303,
+          numeroPregunta: 3,
+          preguntaTabla:
+            '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
+          subPreguntaTabla: 'C. Habilidades sociales',
+          renglones: [
+            {
+              idRenglon: 1,
+              textoRenglon: 'Empatía',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+            {
+              idRenglon: 2,
+              textoRenglon: 'Trabajo en equipo',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+            {
+              idRenglon: 3,
+              textoRenglon: 'Comunicación asertiva',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+            {
+              idRenglon: 4,
+              textoRenglon: 'Receptividad',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+            {
+              idRenglon: 5,
+              textoRenglon: 'Tolerancia a la frustración',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+          ],
+        },
+        {
+          idTabla: 304,
+          numeroPregunta: 3,
+          preguntaTabla:
+            '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
+          subPreguntaTabla: 'D. Conocimientos',
+          renglones: [
+            {
+              idRenglon: 1,
+              textoRenglon: 'Conocimientos teóricos',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+            {
+              idRenglon: 2,
+              textoRenglon: 'Conocimientos metodológicos',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+            {
+              idRenglon: 3,
+              textoRenglon: 'Pensamiento crítico',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+            {
+              idRenglon: 4,
+              textoRenglon: 'Formación académica general',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+            {
+              idRenglon: 5,
+              textoRenglon: 'Uso tecnológico',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+          ],
+        },
+        {
+          idTabla: 305,
+          numeroPregunta: 3,
+          preguntaTabla:
+            '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
+          subPreguntaTabla: 'E. Otro',
+          renglones: [
+            {
+              idRenglon: 1,
+              textoRenglon: 'Otro',
+              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+            },
+          ],
+        },
+      ],
+    },
+  
+  
+      }
+    },
+  
+    created() {
+      // Inicializa las respuestas vacías para cada pregunta
+      this.formulario.preguntas.forEach((pregunta) => {
+        if (pregunta.tipo === 'evaluacion') {
+          this.respuestas[pregunta.id] = {}
+          pregunta.categorias.forEach((categoria) => {
+            categoria.items.forEach((item) => {
+              this.respuestas[pregunta.id][item] = ''
+            })
+          })
+        } else if (
+          pregunta.tipo === 'checkbox' ||
+          pregunta.tipo === 'seleccionMultiple'
+        ) {
+          this.respuestas[pregunta.id] = []
+        } else {
+          this.respuestas[pregunta.id] = ''
+        }
+      })
+  
+      // Inicializa respuestas para cada tabla
+      this.formulario.tablas.forEach((tabla) => {
+        this.$set(this.respuestas, tabla.idTabla, {}); // Asegura que exista respuestas[tabla.idTabla]
+        tabla.renglones.forEach((renglon) => {
+          this.$set(this.respuestas[tabla.idTabla], renglon.idRenglon, null); // Asegura que exista respuestas[tabla.idTabla][renglon.idRenglon]
+        });
+      });
+    },
+    computed: {
+      sortedItems() {
+        const items = [...this.formulario.preguntas, ...this.formulario.tablas]
+        return items.sort((a, b) => {
+          if (a.numeroPregunta === b.numeroPregunta) {
+            return (a.idTabla || 0) - (b.idTabla || 0)
+          }
+          return a.numeroPregunta - b.numeroPregunta
+        })
+      },
+    },
+    methods: {
+      submitForm() {
+        console.log('Respuestas enviadas:', this.respuestas)
+        //alert('Formulario enviado. Gracias por tu participación.')
+  
+  
+  
+         // Aquí formateamos las respuestas
+         const respuestaFormateada = this.formatearRespuestas(this.respuestas)
+        console.log('Respuestas formateadas:', respuestaFormateada)
+  
+      //  this.sendAnswers(respuestaFormateada)
+  
+  
+  
+        let data = { ...respuestaFormateada, 
+          idServicio: 4, //localStorage.getItem('idCuestionarioAlumno') 
+          p1: 'respuesta1 - trabajando para que sea una string',
+        }
+  
+        axios
+            .post(`${process.env.api}/cuestionario_programa/v2`, data, //this.token
+  
+            )
+            .then((res) => {
+              this.$buefy.dialog.alert({
+                title: 'Success',
+                message: 'Se enviaron los datos correctamente',
+                type: 'is-success',
+                hasIcon: true,
+                icon: 'checkbox-marked-circle',
+                ariaRole: 'alertdialog',
+                ariaModal: true,
+              })
+    
+              //this.reset()
+              localStorage.removeItem('idCuestionarioAlumno')
+              this.$router.push('/alumno')
+            })
+            .catch((error) => {
+              this.error(error.response.data.message)
+            })
+            .finally(() => {
+              this.isLoading = false
+            })
+        
+      },
+  
+    
+      formatearRespuestas(respuestas) {
+        // Objeto final a devolver
+        const resultado = {}
+  
+        // Recorremos todas las claves de "respuestas"
+        for (const key in respuestas) {
+          // Verificamos si es un ID de tabla (numérico) o un ID de pregunta (string)
+          const esTabla = !isNaN(Number(key)) // true si la clave se puede convertir a número
+  
+          if (esTabla) {
+            // 1) BUSCAMOS LA DEFINICIÓN DE LA TABLA
+            const idTabla = parseInt(key, 10)
+            const tablaDef = this.formulario.tablas.find(t => t.idTabla === idTabla)
+            if (!tablaDef) {
+              // Si no se encontró la tabla, continuamos
+              continue
+            }
+  
+            // 2) OBTENEMOS EL NÚMERO DE PREGUNTA Y, OPCIONALMENTE, LA LETRA (A, B, C...)
+            const numPregunta = tablaDef.numeroPregunta
+  
+            // Si quieres “sacar” la letra (A, B, C…) de algo como "A. Habilidades sociales"
+            // Se puede hacer un match sencillo al principio
+            let subLetra = ''
+            if (tablaDef.subPreguntaTabla) {
+              // Ejemplo: "A. Habilidades personales"
+              const coincidencia = tablaDef.subPreguntaTabla.match(/^([A-E])\./)
+              if (coincidencia) {
+                subLetra = coincidencia[1] // 'A', 'B', 'C', etc.
+              }
+            }
+  
+            // 3) LUEGO RECORREMOS LAS RESPUESTAS DE LA TABLA (por cada idRenglon)
+            const respuestasTabla = respuestas[key] // p.ej: { "1": "Deficiente", "2": "Básico", ... }
+            for (const idRenglon in respuestasTabla) {
+              const valor = respuestasTabla[idRenglon]
+  
+              // Formamos la clave final. 
+              // Si hay subLetra, hacemos `p3_A_1`. Sino, solo `p3_1`.
+              let clave = `p${numPregunta}_${idRenglon}`
+              if (subLetra) {
+                clave = `p${numPregunta}_${subLetra}_${idRenglon}`
+              }
+  
+              resultado[clave] = valor
+            }
+          } else {
+            // NO ES UNA TABLA => ES UNA PREGUNTA NORMAL
+            // Buscamos su definición para obtener el numeroPregunta
+            const preguntaDef = this.formulario.preguntas.find(p => p.id === key)
+            if (!preguntaDef) {
+              // No se encontró la definición (caso raro)
+              continue
+            }
+  
+            const numPregunta = preguntaDef.numeroPregunta
+  
+            // Creamos algo como `p2`, `p5`, etc.
+            const clave = `p${numPregunta}`
+            resultado[clave] = respuestas[key]
+          }
+        }
+  
+        return resultado
+      },
+  
+  
+  
+      
+    },
+  }
+  </script>
+  
+  
+  
+  
+  
+  <!-- respuestas de cuestionario formulario2
+   todas las preguntas se guardan correctamente
+  {
+    "p3_A_1": "Deficiente",
+    "p3_A_2": "Deficiente",
+    "p3_A_3": "Deficiente",
+    "p3_A_4": "Deficiente",
+    "p3_B_1": "Básico",
+    "p3_B_2": "Básico",
+    "p3_B_3": "Básico",
+    "p3_B_4": "Básico",
+    "p3_C_1": "Intermedio",
+    "p3_C_2": "Intermedio",
+    "p3_C_3": "Intermedio",
+    "p3_C_4": "Intermedio",
+    "p3_C_5": "Intermedio",
+    "p3_D_1": "Destacado",
+    "p3_D_2": "Destacado",
+    "p3_D_3": "Destacado",
+    "p3_D_4": "Destacado",
+    "p3_D_5": "Destacado",
+    "p3_E_1": "Deficiente",
+    "p1": "respuesta1",
+    "p2": "Excelente",
+    "p4": "respuesta4",
+    "p5": "Sí",
+    "p6": "respuesta 6"
+  } -->
+  
+  
+  
+  
+  <!-- respuestas de cuestionario formulario alumno
+  
+  
+  {
+      "p12_A_1": "Deficiente",
+      "p12_A_2": "Deficiente",
+      "p12_A_3": "Deficiente",
+      "p12_A_4": "Deficiente",
+      "p12_B_1": "Básico",
+      "p12_B_2": "Básico",
+      "p12_B_3": "Básico",
+      "p12_B_4": "Básico",
+      "p12_C_1": "Intermedio",
+      "p12_C_2": "Intermedio",
+      "p12_C_3": "Intermedio",
+      "p12_C_4": "Intermedio",
+      "p10_1": "si",
+      "p10_2": "si",
+      "p10_3": "si",
+      "p11_1": "Nunca",
+      "p11_2": "Rara vez",
+      "p11_3": "Algunas veces",
+      "p11_4": "Siempre",
+      "p17_1": "si",
+      "p17_2": "no",
+      "p17_3": "si",
+      "p3_1": "si",
+      "p3_2": "si",
+      "p3_3": "si",
+      "p3_4": "si",
+      "p12_D_1": "Destacado",
+      "p12_D_2": "Destacado",
+      "p12_D_3": "Destacado",
+      "p12_D_4": "Destacado",
+      "p12_D_5": "Destacado",
+      "p1": [
+          "Dependencia de la UNAM",
+          "Asesoría académica",
+          "Oportunidad de desarrollo de tesis"
+      ],
+      "p2": "Deficiente",
+      "p4": "No",
+      "p5": "respuesta5",
+      "p6": "Sí",
+      "p7": "Sí",
+      "p8": "respuesta8",
+      "p9": "Sí",
+      "p13": "Responsable directo del programa",
+      "p14": "Se te otorgó de acuerdo a lo establecido",
+      "p15": "Sí",
+      "p16": "respuesta 16",
+      "p18": "respuesta18"
+  }
+  
+  
+   -->
\ No newline at end of file
diff --git a/nuxt.config.js b/nuxt.config.js
index 4221c67..9cbc577 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -24,9 +24,9 @@ export default {
   axios: {},
   build: {},
   env: {
-    // api: 'http://localhost:3000',
+     api: 'http://localhost:3001',
     // api: "https://890af9d598a4.ngrok.io"
-    api: 'https://venus.acatlan.unam.mx/ss-pruebas',
+   // api: 'https://venus.acatlan.unam.mx/ss-pruebas',
     // api: 'https://venus.acatlan.unam.mx/serviciosocial',
   },
 }
diff --git a/pages/alumno/cuestionario/index.vue b/pages/alumno/cuestionario/index.vue
index 3090a72..0af0971 100644
--- a/pages/alumno/cuestionario/index.vue
+++ b/pages/alumno/cuestionario/index.vue
@@ -1,384 +1,150 @@
 <template>
-  <section class="container my-5 px-3">
-    <div v-if="idCuestionario === 'null'">
-      <BotonRegresar path="/alumno" />
-      <div class="my-5 mensaje">
-        <p class="is-size-2">Evaluación de programas de servicio social</p>
+    <section class="container my-5 px-3">
+      <!-- <div v-if="idCuestionario === 'null'"> -->
+      
+        <div class="my-5 mensaje">
+          <p class="is-size-2">Evaluación de programas de servicio social</p>
+  
+          <p>
+            Te invitamos a compartir tu experiencia respecto del programa de
+            servicio social en el que participaste, a efecto de mejorar la oferta
+            de programas disponibles para los alumnos que desean liberar este
+            requisito. Te recordamos qe tus respues son confidenciales.
+          </p>
+        </div>
+  
+  
 
-        <p>
-          Te invitamos a compartir tu experiencia respecto del programa de
-          servicio social en el que participaste, a efecto de mejorar la oferta
-          de programas disponibles para los alumnos que desean liberar este
-          requisito. Te recordamos qe tus respues son confidenciales.
-        </p>
-      </div>
+        <FullCuestionario />
+  
+  
+  
+      <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading">
+      </b-loading>
+    </section>
+  </template>
+  
+  <script>
+  import Buefy from 'buefy'
+  import 'buefy/dist/buefy.css'
+  import axios from 'axios'
+  import parteA from '@/components/alumno/cuestionario/A'
+  import parteB from '@/components/alumno/cuestionario/B'
+  import parteC from '@/components/alumno/cuestionario/C'
+  import parteD from '@/components/alumno/cuestionario/D'
+  import parteE from '@/components/alumno/cuestionario/E'
+  import parteF from '@/components/alumno/cuestionario/F'
+  import navCues from '@/components/alumno/cuestionario/navCues'
+  import BotonRegresar from '@/components/botonRegresar'
+  
+  import FullCuestionario from '@/components/alumno/cuestionario2/FullCuestionario'
 
-      <parteA v-show="current == 1" v-on:childAToParent="onChildA" />
 
-      <parteB v-show="current == 2" v-on:childBToParent="onChildB" />
+  export default {
+    components: {
+      parteA,
+      parteB,
+      parteC,
+      parteD,
+      parteE,
+      parteF,
+      navCues,
+      BotonRegresar,
 
-      <parteC v-show="current == 3" v-on:childCToParent="onChildC" />
-
-      <parteD v-show="current == 4" v-on:childDToParent="onChildD" />
-
-      <parteE v-show="current == 5" v-on:childEToParent="onChildE" />
-
-      <parteF v-show="current == 6" v-on:childFToParent="onChildF" />
-
-      <navCues :answers="answers" v-on:childNAVToParent="onChildNAV" />
-    </div>
-
-    <div v-else class="vh">
-      <h2>Ya has contestado tu cuestionario :)</h2>
-    </div>
-
-    <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading">
-    </b-loading>
-  </section>
-</template>
-
-<script>
-import Buefy from 'buefy'
-import 'buefy/dist/buefy.css'
-import axios from 'axios'
-import parteA from '@/components/alumno/cuestionario/A'
-import parteB from '@/components/alumno/cuestionario/B'
-import parteC from '@/components/alumno/cuestionario/C'
-import parteD from '@/components/alumno/cuestionario/D'
-import parteE from '@/components/alumno/cuestionario/E'
-import parteF from '@/components/alumno/cuestionario/F'
-import navCues from '@/components/alumno/cuestionario/navCues'
-import BotonRegresar from '@/components/botonRegresar'
-
-export default {
-  components: {
-    parteA,
-    parteB,
-    parteC,
-    parteD,
-    parteE,
-    parteF,
-    navCues,
-    BotonRegresar,
-  },
-  data() {
-    return {
-      token: {
-        headers: {
-          token: localStorage.getItem('token'),
+      FullCuestionario
+    },
+    data() {
+      return {
+        token: {
+          headers: {
+            token: localStorage.getItem('token'),
+          },
         },
+        isLoading: false,
+        current: 1,
+        idCuestionario: "null",
+      
+      }
+    },
+    methods: {
+   
+      error(msj) {
+        let salir = false
+        switch (msj) {
+          case 'invalid signature':
+            msj = 'Tu token no es valido, inicia sesión de nuevo.'
+            salir = true
+            break
+          case 'jwt expired':
+            msj = 'Tu sesión ha expirado, inicia sesión de nuevo.'
+            salir = true
+            break
+          case 'jwt malformed':
+            msj = 'No se encontro tu token, inicia sesión de nuevo.'
+            salir = true
+            break
+          case 'No hay token':
+            msj = 'Ocurrio un error al enviar tu token, inicia sesión de nuevo.'
+            salir = true
+            break
+        }
+  
+        this.$buefy.dialog.alert({
+          title: 'Error',
+          message: msj,
+          type: 'is-danger',
+          hasIcon: true,
+          icon: 'alert-circle',
+          ariaRole: 'alertdialog',
+          ariaModal: true,
+        })
+        if (salir == true) {
+          localStorage.clear()
+          this.$router.push(`/`)
+        }
       },
-      isLoading: false,
-      current: 1,
-      idCuestionario: '',
-      answers: {
-        sexo: '',
-        edad: '',
-        servicioMedico: '',
-        servicioMedicoOtro: '',
-        servicioMedicoAux: '',
-        p1: '',
-        p2: '',
-        p3: [], // selecciona 3 opciones
-        p3Otro: '',
-        p4: '',
-        p5: [],
-        p6: '',
-        p7: '',
-        p8: [],
-        p9: '',
-        p10: '',
-        p11: '',
-        p12: '',
-        p13: '',
-        p14: [],
-        p15: [],
-        p16: '',
-        p17: [],
-        p18: '',
-        p19: '',
-        p20: '',
-        p21: [],
-        p22: [],
-        p23: [],
-        p24: [],
-        p25: '',
-        p26: '',
-        p27: '',
-        p28: null,
-        p29: null,
-        p30: '',
-      },
-    }
-  },
-  methods: {
-    onChildA(value) {
-      this.answers.servicioMedico = value.servicioMedico
-      this.answers.sexo = value.sexo
-      this.answers.edad = value.edad
+     
     },
-    onChildB(value) {
-      this.answers.p1 = value.p1
-      this.answers.p2 = value.p2
-      this.answers.p3 = value.p3
-      this.answers.p3Otro = value.p3Otro
-    },
-    onChildC(value) {
-      this.answers.p4 = value.p4
-      this.answers.p5 = value.p5
-      this.answers.p6 = value.p6
-      this.answers.p7 = value.p7
-      this.answers.p8 = value.p8
-      this.answers.p9 = value.p9
-      this.answers.p10 = value.p10
-      this.answers.p11 = value.p11
-      this.answers.p12 = value.p12
-      this.answers.p13 = value.p13
-    },
-    onChildD(value) {
-      this.answers.p14 = value.p14
-      this.answers.p15 = value.p15
-      this.answers.p16 = value.p16
-      this.answers.p17 = value.p17
-    },
-    onChildE(value) {
-      this.answers.p18 = value.p18
-      this.answers.p19 = value.p19
-      this.answers.p20 = value.p20
-      this.answers.p21 = value.p21
-    },
-    onChildF(value) {
-      this.answers.p22 = value.p22
-      this.answers.p23 = value.p23
-      this.answers.p24 = value.p24
-      this.answers.p25 = value.p25
-      this.answers.p26 = value.p26
-      this.answers.p27 = value.p27
-      this.answers.p28 = value.p28
-      this.answers.p29 = value.p29
-      this.answers.p30 = value.p30
-    },
-    onChildNAV(value) {
-      this.current = value
-    },
-    error(msj) {
-      let salir = false
-      switch (msj) {
-        case 'invalid signature':
-          msj = 'Tu token no es valido, inicia sesión de nuevo.'
-          salir = true
-          break
-        case 'jwt expired':
-          msj = 'Tu sesión ha expirado, inicia sesión de nuevo.'
-          salir = true
-          break
-        case 'jwt malformed':
-          msj = 'No se encontro tu token, inicia sesión de nuevo.'
-          salir = true
-          break
-        case 'No hay token':
-          msj = 'Ocurrio un error al enviar tu token, inicia sesión de nuevo.'
-          salir = true
-          break
-      }
 
-      this.$buefy.dialog.alert({
-        title: 'Error',
-        message: msj,
-        type: 'is-danger',
-        hasIcon: true,
-        icon: 'alert-circle',
-        ariaRole: 'alertdialog',
-        ariaModal: true,
-      })
-      if (salir == true) {
-        localStorage.clear()
-        this.$router.push(`/`)
-      }
-    },
-    enviarCuestionario() {
-      this.isLoading = true
-      if (this.answers.p3Otro != '' && this.maxCheckbox < 3) {
-        this.answers.p3.push(this.answers.p3Otro)
-      }
-      const data = {
-        idServicio: localStorage.getItem('idServicio'),
-        sexo: this.answers.sexo,
-        edad: this.answers.edad,
-        servicioMedico: this.answers.servicioMedico,
-        p1: this.answers.p1,
-        p2: this.answers.p2,
-        p3: this.answers.p3,
-        p4: this.answers.p4,
-        p5: this.answers.p5,
-        p6: this.answers.p6,
-        p7: this.answers.p7,
-        p8: this.answers.p8,
-        p9: this.answers.p9,
-        p10: this.answers.p10,
-        p11: this.answers.p11,
-        p12: this.answers.p12,
-        p13: this.answers.p13,
-        p14: this.answers.p14,
-        p15: this.answers.p15,
-        p16: this.answers.p16,
-        p17: this.answers.p17,
-        p18: this.answers.p18,
-        p19: this.answers.p19,
-        p20: this.answers.p20,
-        p21: this.answers.p21,
-        p22: this.answers.p22,
-        p23: this.answers.p23,
-        p24: this.answers.p24,
-        p25: this.answers.p25,
-        p26: this.answers.p26,
-        p27: this.answers.p27,
-        p28: this.answers.p28,
-        p29: this.answers.p29,
-        p30: this.answers.p30,
-      }
-      axios
-        .post(`${process.env.api}/cuestionario_alumno`, data, this.token)
-        .then((res) => {
-          this.$buefy.dialog.alert({
-            title: 'Success',
-            message: 'Se enviaron los datos correctamente',
-            type: 'is-success',
-            hasIcon: true,
-            icon: 'checkbox-marked-circle',
-            ariaRole: 'alertdialog',
-            ariaModal: true,
-          })
-
-          //this.reset()
-          localStorage.removeItem('idCuestionarioAlumno')
-          this.$router.push('/alumno')
-        })
-        .catch((error) => {
-          this.error(error.response.data.message)
-        })
-        .finally(() => {
-          this.isLoading = false
-        })
-    },
-  },
-  mounted() {
-    this.idCuestionario = localStorage.getItem('idCuestionarioAlumno')
-  },
-  // data() {
-  //   return {
-  //     admin: {},
-  //   }
-  // },
-  // methods: {
-  //   imprimirError(err = {}, title = '¡Hubo un error!', onConfirm = () => {}) {
-  //     this.$buefy.dialog.alert({
-  //       ariaRole: 'alertdialog',
-  //       ariaModal: true,
-  //       type: 'is-danger',
-  //       title,
-  //       message: err.message,
-  //       confirmText: 'Entendido',
-  //       hasIcon: true,
-  //       iconPack: 'mdi',
-  //       icon: 'alert-octagon',
-  //       onConfirm: () => onConfirm(),
-  //     })
-  //     if (err.err && err.err === 'token error') {
-  //       localStorage.clear()
-  //       this.$router.push('/')
-  //     }
-  //   },
-  //   imprimirMensaje(message, title = '¡Felicidades!', onConfirm = () => {}) {
-  //     this.$buefy.dialog.alert({
-  //       ariaRole: 'alertdialog',
-  //       ariaModal: true,
-  //       type: 'is-success',
-  //       title,
-  //       message,
-  //       confirmText: 'Ok',
-  //       hasIcon: true,
-  //       iconPack: 'mdi',
-  //       icon: 'check-circle',
-  //       onConfirm: () => onConfirm(),
-  //     })
-  //   },
-  //   imprimirWarning(
-  //     message,
-  //     onConfirm = () => {},
-  //     title = '¡Espera un minuto!',
-  //     onCancel = () => {}
-  //   ) {
-  //     this.$buefy.dialog.alert({
-  //       ariaRole: 'alertdialog',
-  //       ariaModal: true,
-  //       type: 'is-warning',
-  //       title,
-  //       message,
-  //       confirmText: 'Confirmar',
-  //       canCancel: true,
-  //       cancelText: 'Cancelar',
-  //       hasIcon: true,
-  //       iconPack: 'mdi',
-  //       icon: 'help-circle',
-  //       onConfirm: () => onConfirm(),
-  //       onCancel: () => onCancel(),
-  //     })
-  //   },
-  //   getLocalhostInfo() {
-  //     this.admin.idUsuario = Number(localStorage.getItem('idUsuario'))
-  //     this.admin.idTipoUsuario = Number(localStorage.getItem('idTipoUsuario'))
-  //     this.admin.tipoUsuario = localStorage.getItem('tipoUsuario')
-  //     this.admin.token = {
-  //       headers: {
-  //         token: localStorage.getItem('token'),
-  //       },
-  //     }
-  //   },
-  // },
-  // created() {
-  //   this.getLocalhostInfo()
-  //   if (this.admin.idTipoUsuario === 1) this.$router.push('/admin')
-  //   if (this.admin.idTipoUsuario === 2) this.$router.push('/responsable')
-  //   if (this.admin.idTipoUsuario === 4) this.$router.push('/casoEspecial')
-  // },
-}
-</script>
-<style>
-.SINO * {
-  margin: 0.5rem 0 !important;
-}
-.apartado,
-.pag {
-  margin: 5rem 0;
-}
-.manyInputs {
-  margin: 1.5rem 0;
-}
-.checkb {
-  width: 20px;
-  height: 20px;
-}
-.navPages {
-  padding: 1rem;
-}
-.td-w {
-  width: 2000px;
-}
-.active,
-.active:hover {
-  background-color: #bb8800 !important;
-}
-.centro {
-  text-align: center;
-}
-.vh {
-  height: 75vh;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.vh h1 {
-  font-size: 60px;
-}
-</style>
+    
+  }
+  </script>
+  <style>
+  .SINO * {
+    margin: 0.5rem 0 !important;
+  }
+  .apartado,
+  .pag {
+    margin: 5rem 0;
+  }
+  .manyInputs {
+    margin: 1.5rem 0;
+  }
+  .checkb {
+    width: 20px;
+    height: 20px;
+  }
+  .navPages {
+    padding: 1rem;
+  }
+  .td-w {
+    width: 2000px;
+  }
+  .active,
+  .active:hover {
+    background-color: #bb8800 !important;
+  }
+  .centro {
+    text-align: center;
+  }
+  .vh {
+    height: 75vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .vh h1 {
+    font-size: 60px;
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/pages/alumno/cuestionario/indexOld.vue b/pages/alumno/cuestionario/indexOld.vue
new file mode 100644
index 0000000..dc00a1b
--- /dev/null
+++ b/pages/alumno/cuestionario/indexOld.vue
@@ -0,0 +1,384 @@
+<template>
+  <section class="container my-5 px-3">
+    <!-- <div v-if="idCuestionario === 'null'"> -->
+      <BotonRegresar path="/alumno" />
+      <div class="my-5 mensaje">
+        <p class="is-size-2">Evaluación de programas de servicio social</p>
+
+        <p>
+          Te invitamos a compartir tu experiencia respecto del programa de
+          servicio social en el que participaste, a efecto de mejorar la oferta
+          de programas disponibles para los alumnos que desean liberar este
+          requisito. Te recordamos qe tus respues son confidenciales.
+        </p>
+      </div>
+
+      <parteA v-show="current == 1" v-on:childAToParent="onChildA" />
+
+      <parteB v-show="current == 2" v-on:childBToParent="onChildB" />
+
+      <parteC v-show="current == 3" v-on:childCToParent="onChildC" />
+
+      <parteD v-show="current == 4" v-on:childDToParent="onChildD" />
+
+      <parteE v-show="current == 5" v-on:childEToParent="onChildE" />
+
+      <parteF v-show="current == 6" v-on:childFToParent="onChildF" />
+
+      <navCues :answers="answers" v-on:childNAVToParent="onChildNAV" />
+  <!--   </div> -->
+
+    <!-- <div v-else class="vh">
+      <h2>Ya has contestado tu cuestionario :)</h2>
+    </div> -->
+
+    <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading">
+    </b-loading>
+  </section>
+</template>
+
+<script>
+import Buefy from 'buefy'
+import 'buefy/dist/buefy.css'
+import axios from 'axios'
+import parteA from '@/components/alumno/cuestionario/A'
+import parteB from '@/components/alumno/cuestionario/B'
+import parteC from '@/components/alumno/cuestionario/C'
+import parteD from '@/components/alumno/cuestionario/D'
+import parteE from '@/components/alumno/cuestionario/E'
+import parteF from '@/components/alumno/cuestionario/F'
+import navCues from '@/components/alumno/cuestionario/navCues'
+import BotonRegresar from '@/components/botonRegresar'
+
+export default {
+  components: {
+    parteA,
+    parteB,
+    parteC,
+    parteD,
+    parteE,
+    parteF,
+    navCues,
+    BotonRegresar,
+  },
+  data() {
+    return {
+      token: {
+        headers: {
+          token: localStorage.getItem('token'),
+        },
+      },
+      isLoading: false,
+      current: 1,
+      idCuestionario: "null",
+      answers: {
+        sexo: '',
+        edad: '',
+        servicioMedico: '',
+        servicioMedicoOtro: '',
+        servicioMedicoAux: '',
+        p1: '',
+        p2: '',
+        p3: [], // selecciona 3 opciones
+        p3Otro: '',
+        p4: '',
+        p5: [],
+        p6: '',
+        p7: '',
+        p8: [],
+        p9: '',
+        p10: '',
+        p11: '',
+        p12: '',
+        p13: '',
+        p14: [],
+        p15: [],
+        p16: '',
+        p17: [],
+        p18: '',
+        p19: '',
+        p20: '',
+        p21: [],
+        p22: [],
+        p23: [],
+        p24: [],
+        p25: '',
+        p26: '',
+        p27: '',
+        p28: null,
+        p29: null,
+        p30: '',
+      },
+    }
+  },
+  methods: {
+    onChildA(value) {
+      this.answers.servicioMedico = value.servicioMedico
+      this.answers.sexo = value.sexo
+      this.answers.edad = value.edad
+    },
+    onChildB(value) {
+      this.answers.p1 = value.p1
+      this.answers.p2 = value.p2
+      this.answers.p3 = value.p3
+      this.answers.p3Otro = value.p3Otro
+    },
+    onChildC(value) {
+      this.answers.p4 = value.p4
+      this.answers.p5 = value.p5
+      this.answers.p6 = value.p6
+      this.answers.p7 = value.p7
+      this.answers.p8 = value.p8
+      this.answers.p9 = value.p9
+      this.answers.p10 = value.p10
+      this.answers.p11 = value.p11
+      this.answers.p12 = value.p12
+      this.answers.p13 = value.p13
+    },
+    onChildD(value) {
+      this.answers.p14 = value.p14
+      this.answers.p15 = value.p15
+      this.answers.p16 = value.p16
+      this.answers.p17 = value.p17
+    },
+    onChildE(value) {
+      this.answers.p18 = value.p18
+      this.answers.p19 = value.p19
+      this.answers.p20 = value.p20
+      this.answers.p21 = value.p21
+    },
+    onChildF(value) {
+      this.answers.p22 = value.p22
+      this.answers.p23 = value.p23
+      this.answers.p24 = value.p24
+      this.answers.p25 = value.p25
+      this.answers.p26 = value.p26
+      this.answers.p27 = value.p27
+      this.answers.p28 = value.p28
+      this.answers.p29 = value.p29
+      this.answers.p30 = value.p30
+    },
+    onChildNAV(value) {
+      this.current = value
+    },
+    error(msj) {
+      let salir = false
+      switch (msj) {
+        case 'invalid signature':
+          msj = 'Tu token no es valido, inicia sesión de nuevo.'
+          salir = true
+          break
+        case 'jwt expired':
+          msj = 'Tu sesión ha expirado, inicia sesión de nuevo.'
+          salir = true
+          break
+        case 'jwt malformed':
+          msj = 'No se encontro tu token, inicia sesión de nuevo.'
+          salir = true
+          break
+        case 'No hay token':
+          msj = 'Ocurrio un error al enviar tu token, inicia sesión de nuevo.'
+          salir = true
+          break
+      }
+
+      this.$buefy.dialog.alert({
+        title: 'Error',
+        message: msj,
+        type: 'is-danger',
+        hasIcon: true,
+        icon: 'alert-circle',
+        ariaRole: 'alertdialog',
+        ariaModal: true,
+      })
+      if (salir == true) {
+        localStorage.clear()
+        this.$router.push(`/`)
+      }
+    },
+    enviarCuestionario() {
+      this.isLoading = true
+      if (this.answers.p3Otro != '' && this.maxCheckbox < 3) {
+        this.answers.p3.push(this.answers.p3Otro)
+      }
+      const data = {
+        idServicio: localStorage.getItem('idServicio'),
+        sexo: this.answers.sexo,
+        edad: this.answers.edad,
+        servicioMedico: this.answers.servicioMedico,
+        p1: this.answers.p1,
+        p2: this.answers.p2,
+        p3: this.answers.p3,
+        p4: this.answers.p4,
+        p5: this.answers.p5,
+        p6: this.answers.p6,
+        p7: this.answers.p7,
+        p8: this.answers.p8,
+        p9: this.answers.p9,
+        p10: this.answers.p10,
+        p11: this.answers.p11,
+        p12: this.answers.p12,
+        p13: this.answers.p13,
+        p14: this.answers.p14,
+        p15: this.answers.p15,
+        p16: this.answers.p16,
+        p17: this.answers.p17,
+        p18: this.answers.p18,
+        p19: this.answers.p19,
+        p20: this.answers.p20,
+        p21: this.answers.p21,
+        p22: this.answers.p22,
+        p23: this.answers.p23,
+        p24: this.answers.p24,
+        p25: this.answers.p25,
+        p26: this.answers.p26,
+        p27: this.answers.p27,
+        p28: this.answers.p28,
+        p29: this.answers.p29,
+        p30: this.answers.p30,
+      }
+      axios
+        .post(`${process.env.api}/cuestionario_alumno`, data, this.token)
+        .then((res) => {
+          this.$buefy.dialog.alert({
+            title: 'Success',
+            message: 'Se enviaron los datos correctamente',
+            type: 'is-success',
+            hasIcon: true,
+            icon: 'checkbox-marked-circle',
+            ariaRole: 'alertdialog',
+            ariaModal: true,
+          })
+
+          //this.reset()
+          localStorage.removeItem('idCuestionarioAlumno')
+          this.$router.push('/alumno')
+        })
+        .catch((error) => {
+          this.error(error.response.data.message)
+        })
+        .finally(() => {
+          this.isLoading = false
+        })
+    },
+  },
+  mounted() {
+    this.idCuestionario = localStorage.getItem('idCuestionarioAlumno')
+  },
+  // data() {
+  //   return {
+  //     admin: {},
+  //   }
+  // },
+  // methods: {
+  //   imprimirError(err = {}, title = '¡Hubo un error!', onConfirm = () => {}) {
+  //     this.$buefy.dialog.alert({
+  //       ariaRole: 'alertdialog',
+  //       ariaModal: true,
+  //       type: 'is-danger',
+  //       title,
+  //       message: err.message,
+  //       confirmText: 'Entendido',
+  //       hasIcon: true,
+  //       iconPack: 'mdi',
+  //       icon: 'alert-octagon',
+  //       onConfirm: () => onConfirm(),
+  //     })
+  //     if (err.err && err.err === 'token error') {
+  //       localStorage.clear()
+  //       this.$router.push('/')
+  //     }
+  //   },
+  //   imprimirMensaje(message, title = '¡Felicidades!', onConfirm = () => {}) {
+  //     this.$buefy.dialog.alert({
+  //       ariaRole: 'alertdialog',
+  //       ariaModal: true,
+  //       type: 'is-success',
+  //       title,
+  //       message,
+  //       confirmText: 'Ok',
+  //       hasIcon: true,
+  //       iconPack: 'mdi',
+  //       icon: 'check-circle',
+  //       onConfirm: () => onConfirm(),
+  //     })
+  //   },
+  //   imprimirWarning(
+  //     message,
+  //     onConfirm = () => {},
+  //     title = '¡Espera un minuto!',
+  //     onCancel = () => {}
+  //   ) {
+  //     this.$buefy.dialog.alert({
+  //       ariaRole: 'alertdialog',
+  //       ariaModal: true,
+  //       type: 'is-warning',
+  //       title,
+  //       message,
+  //       confirmText: 'Confirmar',
+  //       canCancel: true,
+  //       cancelText: 'Cancelar',
+  //       hasIcon: true,
+  //       iconPack: 'mdi',
+  //       icon: 'help-circle',
+  //       onConfirm: () => onConfirm(),
+  //       onCancel: () => onCancel(),
+  //     })
+  //   },
+  //   getLocalhostInfo() {
+  //     this.admin.idUsuario = Number(localStorage.getItem('idUsuario'))
+  //     this.admin.idTipoUsuario = Number(localStorage.getItem('idTipoUsuario'))
+  //     this.admin.tipoUsuario = localStorage.getItem('tipoUsuario')
+  //     this.admin.token = {
+  //       headers: {
+  //         token: localStorage.getItem('token'),
+  //       },
+  //     }
+  //   },
+  // },
+  // created() {
+  //   this.getLocalhostInfo()
+  //   if (this.admin.idTipoUsuario === 1) this.$router.push('/admin')
+  //   if (this.admin.idTipoUsuario === 2) this.$router.push('/responsable')
+  //   if (this.admin.idTipoUsuario === 4) this.$router.push('/casoEspecial')
+  // },
+}
+</script>
+<style>
+.SINO * {
+  margin: 0.5rem 0 !important;
+}
+.apartado,
+.pag {
+  margin: 5rem 0;
+}
+.manyInputs {
+  margin: 1.5rem 0;
+}
+.checkb {
+  width: 20px;
+  height: 20px;
+}
+.navPages {
+  padding: 1rem;
+}
+.td-w {
+  width: 2000px;
+}
+.active,
+.active:hover {
+  background-color: #bb8800 !important;
+}
+.centro {
+  text-align: center;
+}
+.vh {
+  height: 75vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.vh h1 {
+  font-size: 60px;
+}
+</style>
diff --git a/pages/alumno/cuestionario2/index.vue b/pages/alumno/cuestionario2/index.vue
new file mode 100644
index 0000000..e0ee7d2
--- /dev/null
+++ b/pages/alumno/cuestionario2/index.vue
@@ -0,0 +1,392 @@
+<template>
+    <section class="container my-5 px-3">
+      <div v-if="idCuestionario === 'null'">
+        <BotonRegresar path="/alumno" />
+        <div class="my-5 mensaje">
+          <p class="is-size-2">Evaluación de programas de servicio social</p>
+  
+          <p>
+            Te invitamos a compartir tu experiencia respecto del programa de
+            servicio social en el que participaste, a efecto de mejorar la oferta
+            de programas disponibles para los alumnos que desean liberar este
+            requisito. Te recordamos qe tus respues son confidenciales.
+          </p>
+        </div>
+  
+     <!--    <parteA v-show="current == 1" v-on:childAToParent="onChildA" />
+  
+        <parteB v-show="current == 2" v-on:childBToParent="onChildB" />
+  
+        <parteC v-show="current == 3" v-on:childCToParent="onChildC" />
+  
+        <parteD v-show="current == 4" v-on:childDToParent="onChildD" />
+  
+        <parteE v-show="current == 5" v-on:childEToParent="onChildE" />
+  
+        <parteF v-show="current == 6" v-on:childFToParent="onChildF" />
+  
+        <navCues :answers="answers" v-on:childNAVToParent="onChildNAV" />  -->
+
+        <FullCuestionario />
+
+      </div>
+  
+      <div v-else class="vh">
+        <h2>Ya has contestado tu cuestionario :)</h2>
+      </div>
+  
+      <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading">
+      </b-loading>
+    </section>
+  </template>
+  
+  <script>
+  import Buefy from 'buefy'
+  import 'buefy/dist/buefy.css'
+  import axios from 'axios'
+  import parteA from '@/components/alumno/cuestionario/A'
+  import parteB from '@/components/alumno/cuestionario/B'
+  import parteC from '@/components/alumno/cuestionario/C'
+  import parteD from '@/components/alumno/cuestionario/D'
+  import parteE from '@/components/alumno/cuestionario/E'
+  import parteF from '@/components/alumno/cuestionario/F'
+  import navCues from '@/components/alumno/cuestionario/navCues'
+  import BotonRegresar from '@/components/botonRegresar'
+
+  import FullCuestionario from '@/components/alumno/cuestionario2/FullCuestionario'
+  
+  export default {
+    components: {
+      parteA,
+      parteB,
+      parteC,
+      parteD,
+      parteE,
+      parteF,
+      navCues,
+      BotonRegresar,
+      FullCuestionario
+      
+    },
+    data() {
+      return {
+        token: {
+          headers: {
+            token: localStorage.getItem('token'),
+          },
+        },
+        isLoading: false,
+        current: 1,
+        idCuestionario: "null",
+        answers: {
+          sexo: '',
+          edad: '',
+          servicioMedico: '',
+          servicioMedicoOtro: '',
+          servicioMedicoAux: '',
+          p1: '',
+          p2: '',
+          p3: [], // selecciona 3 opciones
+          p3Otro: '',
+          p4: '',
+          p5: [],
+          p6: '',
+          p7: '',
+          p8: [],
+          p9: '',
+          p10: '',
+          p11: '',
+          p12: '',
+          p13: '',
+          p14: [],
+          p15: [],
+          p16: '',
+          p17: [],
+          p18: '',
+          p19: '',
+          p20: '',
+          p21: [],
+          p22: [],
+          p23: [],
+          p24: [],
+          p25: '',
+          p26: '',
+          p27: '',
+          p28: null,
+          p29: null,
+          p30: '',
+        },
+      }
+    },
+    methods: {
+      onChildA(value) {
+        this.answers.servicioMedico = value.servicioMedico
+        this.answers.sexo = value.sexo
+        this.answers.edad = value.edad
+      },
+      onChildB(value) {
+        this.answers.p1 = value.p1
+        this.answers.p2 = value.p2
+        this.answers.p3 = value.p3
+        this.answers.p3Otro = value.p3Otro
+      },
+      onChildC(value) {
+        this.answers.p4 = value.p4
+        this.answers.p5 = value.p5
+        this.answers.p6 = value.p6
+        this.answers.p7 = value.p7
+        this.answers.p8 = value.p8
+        this.answers.p9 = value.p9
+        this.answers.p10 = value.p10
+        this.answers.p11 = value.p11
+        this.answers.p12 = value.p12
+        this.answers.p13 = value.p13
+      },
+      onChildD(value) {
+        this.answers.p14 = value.p14
+        this.answers.p15 = value.p15
+        this.answers.p16 = value.p16
+        this.answers.p17 = value.p17
+      },
+      onChildE(value) {
+        this.answers.p18 = value.p18
+        this.answers.p19 = value.p19
+        this.answers.p20 = value.p20
+        this.answers.p21 = value.p21
+      },
+      onChildF(value) {
+        this.answers.p22 = value.p22
+        this.answers.p23 = value.p23
+        this.answers.p24 = value.p24
+        this.answers.p25 = value.p25
+        this.answers.p26 = value.p26
+        this.answers.p27 = value.p27
+        this.answers.p28 = value.p28
+        this.answers.p29 = value.p29
+        this.answers.p30 = value.p30
+      },
+      onChildNAV(value) {
+        this.current = value
+      },
+      error(msj) {
+        let salir = false
+        switch (msj) {
+          case 'invalid signature':
+            msj = 'Tu token no es valido, inicia sesión de nuevo.'
+            salir = true
+            break
+          case 'jwt expired':
+            msj = 'Tu sesión ha expirado, inicia sesión de nuevo.'
+            salir = true
+            break
+          case 'jwt malformed':
+            msj = 'No se encontro tu token, inicia sesión de nuevo.'
+            salir = true
+            break
+          case 'No hay token':
+            msj = 'Ocurrio un error al enviar tu token, inicia sesión de nuevo.'
+            salir = true
+            break
+        }
+  
+        this.$buefy.dialog.alert({
+          title: 'Error',
+          message: msj,
+          type: 'is-danger',
+          hasIcon: true,
+          icon: 'alert-circle',
+          ariaRole: 'alertdialog',
+          ariaModal: true,
+        })
+        if (salir == true) {
+          localStorage.clear()
+          this.$router.push(`/`)
+        }
+      },
+      enviarCuestionario() {
+        this.isLoading = true
+        if (this.answers.p3Otro != '' && this.maxCheckbox < 3) {
+          this.answers.p3.push(this.answers.p3Otro)
+        }
+        const data = {
+          idServicio: localStorage.getItem('idServicio'),
+          sexo: this.answers.sexo,
+          edad: this.answers.edad,
+          servicioMedico: this.answers.servicioMedico,
+          p1: this.answers.p1,
+          p2: this.answers.p2,
+          p3: this.answers.p3,
+          p4: this.answers.p4,
+          p5: this.answers.p5,
+          p6: this.answers.p6,
+          p7: this.answers.p7,
+          p8: this.answers.p8,
+          p9: this.answers.p9,
+          p10: this.answers.p10,
+          p11: this.answers.p11,
+          p12: this.answers.p12,
+          p13: this.answers.p13,
+          p14: this.answers.p14,
+          p15: this.answers.p15,
+          p16: this.answers.p16,
+          p17: this.answers.p17,
+          p18: this.answers.p18,
+          p19: this.answers.p19,
+          p20: this.answers.p20,
+          p21: this.answers.p21,
+          p22: this.answers.p22,
+          p23: this.answers.p23,
+          p24: this.answers.p24,
+          p25: this.answers.p25,
+          p26: this.answers.p26,
+          p27: this.answers.p27,
+          p28: this.answers.p28,
+          p29: this.answers.p29,
+          p30: this.answers.p30,
+        }
+        axios
+          .post(`${process.env.api}/cuestionario_alumno`, data, this.token)
+          .then((res) => {
+            this.$buefy.dialog.alert({
+              title: 'Success',
+              message: 'Se enviaron los datos correctamente',
+              type: 'is-success',
+              hasIcon: true,
+              icon: 'checkbox-marked-circle',
+              ariaRole: 'alertdialog',
+              ariaModal: true,
+            })
+  
+            //this.reset()
+            localStorage.removeItem('idCuestionarioAlumno')
+            this.$router.push('/alumno')
+          })
+          .catch((error) => {
+            this.error(error.response.data.message)
+          })
+          .finally(() => {
+            this.isLoading = false
+          })
+      },
+    },
+/*     mounted() {
+      this.idCuestionario = localStorage.getItem('idCuestionarioAlumno')
+    }, */
+    // data() {
+    //   return {
+    //     admin: {},
+    //   }
+    // },
+    // methods: {
+    //   imprimirError(err = {}, title = '¡Hubo un error!', onConfirm = () => {}) {
+    //     this.$buefy.dialog.alert({
+    //       ariaRole: 'alertdialog',
+    //       ariaModal: true,
+    //       type: 'is-danger',
+    //       title,
+    //       message: err.message,
+    //       confirmText: 'Entendido',
+    //       hasIcon: true,
+    //       iconPack: 'mdi',
+    //       icon: 'alert-octagon',
+    //       onConfirm: () => onConfirm(),
+    //     })
+    //     if (err.err && err.err === 'token error') {
+    //       localStorage.clear()
+    //       this.$router.push('/')
+    //     }
+    //   },
+    //   imprimirMensaje(message, title = '¡Felicidades!', onConfirm = () => {}) {
+    //     this.$buefy.dialog.alert({
+    //       ariaRole: 'alertdialog',
+    //       ariaModal: true,
+    //       type: 'is-success',
+    //       title,
+    //       message,
+    //       confirmText: 'Ok',
+    //       hasIcon: true,
+    //       iconPack: 'mdi',
+    //       icon: 'check-circle',
+    //       onConfirm: () => onConfirm(),
+    //     })
+    //   },
+    //   imprimirWarning(
+    //     message,
+    //     onConfirm = () => {},
+    //     title = '¡Espera un minuto!',
+    //     onCancel = () => {}
+    //   ) {
+    //     this.$buefy.dialog.alert({
+    //       ariaRole: 'alertdialog',
+    //       ariaModal: true,
+    //       type: 'is-warning',
+    //       title,
+    //       message,
+    //       confirmText: 'Confirmar',
+    //       canCancel: true,
+    //       cancelText: 'Cancelar',
+    //       hasIcon: true,
+    //       iconPack: 'mdi',
+    //       icon: 'help-circle',
+    //       onConfirm: () => onConfirm(),
+    //       onCancel: () => onCancel(),
+    //     })
+    //   },
+    //   getLocalhostInfo() {
+    //     this.admin.idUsuario = Number(localStorage.getItem('idUsuario'))
+    //     this.admin.idTipoUsuario = Number(localStorage.getItem('idTipoUsuario'))
+    //     this.admin.tipoUsuario = localStorage.getItem('tipoUsuario')
+    //     this.admin.token = {
+    //       headers: {
+    //         token: localStorage.getItem('token'),
+    //       },
+    //     }
+    //   },
+    // },
+    // created() {
+    //   this.getLocalhostInfo()
+    //   if (this.admin.idTipoUsuario === 1) this.$router.push('/admin')
+    //   if (this.admin.idTipoUsuario === 2) this.$router.push('/responsable')
+    //   if (this.admin.idTipoUsuario === 4) this.$router.push('/casoEspecial')
+    // },
+  }
+  </script>
+  <style>
+  .SINO * {
+    margin: 0.5rem 0 !important;
+  }
+  .apartado,
+  .pag {
+    margin: 5rem 0;
+  }
+  .manyInputs {
+    margin: 1.5rem 0;
+  }
+  .checkb {
+    width: 20px;
+    height: 20px;
+  }
+  .navPages {
+    padding: 1rem;
+  }
+  .td-w {
+    width: 2000px;
+  }
+  .active,
+  .active:hover {
+    background-color: #bb8800 !important;
+  }
+  .centro {
+    text-align: center;
+  }
+  .vh {
+    height: 75vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .vh h1 {
+    font-size: 60px;
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/pages/alumno/cuestionarioView/index.vue b/pages/alumno/cuestionarioView/index.vue
new file mode 100644
index 0000000..a163493
--- /dev/null
+++ b/pages/alumno/cuestionarioView/index.vue
@@ -0,0 +1,309 @@
+<template>
+    <section class="container my-5 px-3">
+      <!-- <div v-if="idCuestionario === 'null'"> -->
+      
+        <div class="my-5 mensaje">
+          <p class="is-size-2">Evaluación de programas de servicio social</p>
+  
+          <p>
+            Te invitamos a compartir tu experiencia respecto del programa de
+            servicio social en el que participaste, a efecto de mejorar la oferta
+            de programas disponibles para los alumnos que desean liberar este
+            requisito. Te recordamos qe tus respues son confidenciales.
+          </p>
+        </div>
+  
+     <!--    <parteA  />
+  
+        <parteB  />
+  
+        <parteC  />
+  
+        <parteD  />
+  
+        <parteE />
+  
+        <parteF  /> -->
+
+        <FullCuestionario />
+  
+  
+  
+      <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading">
+      </b-loading>
+    </section>
+  </template>
+  
+  <script>
+  import Buefy from 'buefy'
+  import 'buefy/dist/buefy.css'
+  import axios from 'axios'
+  import parteA from '@/components/alumno/cuestionario/A'
+  import parteB from '@/components/alumno/cuestionario/B'
+  import parteC from '@/components/alumno/cuestionario/C'
+  import parteD from '@/components/alumno/cuestionario/D'
+  import parteE from '@/components/alumno/cuestionario/E'
+  import parteF from '@/components/alumno/cuestionario/F'
+  import navCues from '@/components/alumno/cuestionario/navCues'
+  import BotonRegresar from '@/components/botonRegresar'
+  
+  import FullCuestionario from '@/components/alumno/cuestionario2/FullCuestionario'
+
+
+  export default {
+    components: {
+      parteA,
+      parteB,
+      parteC,
+      parteD,
+      parteE,
+      parteF,
+      navCues,
+      BotonRegresar,
+
+      FullCuestionario
+    },
+    data() {
+      return {
+        token: {
+          headers: {
+            token: localStorage.getItem('token'),
+          },
+        },
+        isLoading: false,
+        current: 1,
+        idCuestionario: "null",
+        answers: {
+          sexo: '',
+          edad: '',
+          servicioMedico: '',
+          servicioMedicoOtro: '',
+          servicioMedicoAux: '',
+          p1: '',
+          p2: '',
+          p3: [], // selecciona 3 opciones
+          p3Otro: '',
+          p4: '',
+          p5: [],
+          p6: '',
+          p7: '',
+          p8: [],
+          p9: '',
+          p10: '',
+          p11: '',
+          p12: '',
+          p13: '',
+          p14: [],
+          p15: [],
+          p16: '',
+          p17: [],
+          p18: '',
+          p19: '',
+          p20: '',
+          p21: [],
+          p22: [],
+          p23: [],
+          p24: [],
+          p25: '',
+          p26: '',
+          p27: '',
+          p28: null,
+          p29: null,
+          p30: '',
+        },
+      }
+    },
+    methods: {
+      onChildA(value) {
+        this.answers.servicioMedico = value.servicioMedico
+        this.answers.sexo = value.sexo
+        this.answers.edad = value.edad
+      },
+      onChildB(value) {
+        this.answers.p1 = value.p1
+        this.answers.p2 = value.p2
+        this.answers.p3 = value.p3
+        this.answers.p3Otro = value.p3Otro
+      },
+      onChildC(value) {
+        this.answers.p4 = value.p4
+        this.answers.p5 = value.p5
+        this.answers.p6 = value.p6
+        this.answers.p7 = value.p7
+        this.answers.p8 = value.p8
+        this.answers.p9 = value.p9
+        this.answers.p10 = value.p10
+        this.answers.p11 = value.p11
+        this.answers.p12 = value.p12
+        this.answers.p13 = value.p13
+      },
+      onChildD(value) {
+        this.answers.p14 = value.p14
+        this.answers.p15 = value.p15
+        this.answers.p16 = value.p16
+        this.answers.p17 = value.p17
+      },
+      onChildE(value) {
+        this.answers.p18 = value.p18
+        this.answers.p19 = value.p19
+        this.answers.p20 = value.p20
+        this.answers.p21 = value.p21
+      },
+      onChildF(value) {
+        this.answers.p22 = value.p22
+        this.answers.p23 = value.p23
+        this.answers.p24 = value.p24
+        this.answers.p25 = value.p25
+        this.answers.p26 = value.p26
+        this.answers.p27 = value.p27
+        this.answers.p28 = value.p28
+        this.answers.p29 = value.p29
+        this.answers.p30 = value.p30
+      },
+      onChildNAV(value) {
+        this.current = value
+      },
+      error(msj) {
+        let salir = false
+        switch (msj) {
+          case 'invalid signature':
+            msj = 'Tu token no es valido, inicia sesión de nuevo.'
+            salir = true
+            break
+          case 'jwt expired':
+            msj = 'Tu sesión ha expirado, inicia sesión de nuevo.'
+            salir = true
+            break
+          case 'jwt malformed':
+            msj = 'No se encontro tu token, inicia sesión de nuevo.'
+            salir = true
+            break
+          case 'No hay token':
+            msj = 'Ocurrio un error al enviar tu token, inicia sesión de nuevo.'
+            salir = true
+            break
+        }
+  
+        this.$buefy.dialog.alert({
+          title: 'Error',
+          message: msj,
+          type: 'is-danger',
+          hasIcon: true,
+          icon: 'alert-circle',
+          ariaRole: 'alertdialog',
+          ariaModal: true,
+        })
+        if (salir == true) {
+          localStorage.clear()
+          this.$router.push(`/`)
+        }
+      },
+      enviarCuestionario() {
+        this.isLoading = true
+        if (this.answers.p3Otro != '' && this.maxCheckbox < 3) {
+          this.answers.p3.push(this.answers.p3Otro)
+        }
+        const data = {
+          idServicio: localStorage.getItem('idServicio'),
+          sexo: this.answers.sexo,
+          edad: this.answers.edad,
+          servicioMedico: this.answers.servicioMedico,
+          p1: this.answers.p1,
+          p2: this.answers.p2,
+          p3: this.answers.p3,
+          p4: this.answers.p4,
+          p5: this.answers.p5,
+          p6: this.answers.p6,
+          p7: this.answers.p7,
+          p8: this.answers.p8,
+          p9: this.answers.p9,
+          p10: this.answers.p10,
+          p11: this.answers.p11,
+          p12: this.answers.p12,
+          p13: this.answers.p13,
+          p14: this.answers.p14,
+          p15: this.answers.p15,
+          p16: this.answers.p16,
+          p17: this.answers.p17,
+          p18: this.answers.p18,
+          p19: this.answers.p19,
+          p20: this.answers.p20,
+          p21: this.answers.p21,
+          p22: this.answers.p22,
+          p23: this.answers.p23,
+          p24: this.answers.p24,
+          p25: this.answers.p25,
+          p26: this.answers.p26,
+          p27: this.answers.p27,
+          p28: this.answers.p28,
+          p29: this.answers.p29,
+          p30: this.answers.p30,
+        }
+        axios
+          .post(`${process.env.api}/cuestionario_alumno`, data, this.token)
+          .then((res) => {
+            this.$buefy.dialog.alert({
+              title: 'Success',
+              message: 'Se enviaron los datos correctamente',
+              type: 'is-success',
+              hasIcon: true,
+              icon: 'checkbox-marked-circle',
+              ariaRole: 'alertdialog',
+              ariaModal: true,
+            })
+  
+            //this.reset()
+            localStorage.removeItem('idCuestionarioAlumno')
+            this.$router.push('/alumno')
+          })
+          .catch((error) => {
+            this.error(error.response.data.message)
+          })
+          .finally(() => {
+            this.isLoading = false
+          })
+      },
+    },
+
+    
+  }
+  </script>
+  <style>
+  .SINO * {
+    margin: 0.5rem 0 !important;
+  }
+  .apartado,
+  .pag {
+    margin: 5rem 0;
+  }
+  .manyInputs {
+    margin: 1.5rem 0;
+  }
+  .checkb {
+    width: 20px;
+    height: 20px;
+  }
+  .navPages {
+    padding: 1rem;
+  }
+  .td-w {
+    width: 2000px;
+  }
+  .active,
+  .active:hover {
+    background-color: #bb8800 !important;
+  }
+  .centro {
+    text-align: center;
+  }
+  .vh {
+    height: 75vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .vh h1 {
+    font-size: 60px;
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/pages/alumno/index.vue b/pages/alumno/index.vue
index d73354d..cb23b41 100644
--- a/pages/alumno/index.vue
+++ b/pages/alumno/index.vue
@@ -169,13 +169,13 @@ export default {
       }
     },
   },
-  created() {
+/*   created() {
     this.getLocalhostInfo()
     if (this.alumno.idTipoUsuario === 1) this.$router.push('/admin')
     if (this.alumno.idTipoUsuario === 2) this.$router.push('/responsable')
     if (this.alumno.idTipoUsuario === 4) this.$router.push('/casoEspecial')
     if (this.alumno.idTipoUsuario === 3) this.obtenerServicio()
-  },
+  }, */
 }
 </script>
 
diff --git a/pages/responsable/cuestionario/index.vue b/pages/responsable/cuestionario/index.vue
index eb00dc7..366d51b 100644
--- a/pages/responsable/cuestionario/index.vue
+++ b/pages/responsable/cuestionario/index.vue
@@ -1,143 +1,309 @@
 <template>
-  <section class="container px-2 pb-6">
-    <BotonRegresar
-      path="/responsable"
-      :deleteFromLocalStorage="['idServicio']"
-    />
+    <section class="container my-5 px-3">
+      <!-- <div v-if="idCuestionario === 'null'"> -->
+      
+        <div class="my-5 mensaje">
+          <p class="is-size-2">Evaluación de programas de servicio social</p>
+  
+          <p>
+            Te invitamos a compartir tu experiencia respecto del programa de
+            servicio social en el que participaste, a efecto de mejorar la oferta
+            de programas disponibles para los alumnos que desean liberar este
+            requisito. Te recordamos qe tus respues son confidenciales.
+          </p>
+        </div>
+  
+     <!--    <parteA  />
+  
+        <parteB  />
+  
+        <parteC  />
+  
+        <parteD  />
+  
+        <parteE />
+  
+        <parteF  /> -->
 
-    <h3 class="title">{{ alumno.nombre }} {{ alumno.usuario }}</h3>
+        <FullCuestionario />
+  
+  
+  
+      <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading">
+      </b-loading>
+    </section>
+  </template>
+  
+  <script>
+  import Buefy from 'buefy'
+  import 'buefy/dist/buefy.css'
+  import axios from 'axios'
+  import parteA from '@/components/alumno/cuestionario/A'
+  import parteB from '@/components/alumno/cuestionario/B'
+  import parteC from '@/components/alumno/cuestionario/C'
+  import parteD from '@/components/alumno/cuestionario/D'
+  import parteE from '@/components/alumno/cuestionario/E'
+  import parteF from '@/components/alumno/cuestionario/F'
+  import navCues from '@/components/alumno/cuestionario/navCues'
+  import BotonRegresar from '@/components/botonRegresar'
+  
+  import FullCuestionario from '@/components/responsable/CuestionarioResponsable2'
 
-    <CuestionarioResponasble
-      :idServicio="idServicio"
-      :responsable="responsable"
-      :imprimirMensaje="imprimirMensaje"
-      :imprimirWarning="imprimirWarning"
-      :imprimirError="imprimirError"
-      :updateIsLoading="updateIsLoading"
-    />
 
-    <BotonRegresar
-      path="/responsable"
-      :deleteFromLocalStorage="['idServicio']"
-    />
+  export default {
+    components: {
+      parteA,
+      parteB,
+      parteC,
+      parteD,
+      parteE,
+      parteF,
+      navCues,
+      BotonRegresar,
 
-    <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading" />
-  </section>
-</template>
-
-<script>
-import axios from 'axios'
-import BotonRegresar from '@/components/botonRegresar'
-import CuestionarioResponasble from '@/components/responsable/CuestionarioResponasble'
-
-export default {
-  components: {
-    BotonRegresar,
-    CuestionarioResponasble,
-  },
-  data() {
-    return {
-      isLoading: false,
-      idServicio: null,
-      alumno: {},
-      responsable: {},
-    }
-  },
-  methods: {
-    updateIsLoading(booleanValue) {
-      this.isLoading = booleanValue
+      FullCuestionario
     },
-    obtenerRegistro() {
-      this.updateIsLoading(true)
-      axios
-        .get(
-          `${process.env.api}/servicio/admin?idServicio=${this.idServicio}`,
-          this.responsable.token
-        )
-        .then((res) => {
-          this.alumno = res.data.Usuario
-          this.updateIsLoading(false)
-          if (res.data.idCuestionarioPrograma) this.$router.push('/responsable')
-        })
-        .catch((err) => {
-          this.imprimirError(err.response.data)
-        })
-    },
-    imprimirError(err = {}, title = '¡Hubo un error!', onConfirm = () => {}) {
-      this.$buefy.dialog.alert({
-        ariaRole: 'alertdialog',
-        ariaModal: true,
-        type: 'is-danger',
-        title,
-        message: err.message,
-        confirmText: 'Entendido',
-        hasIcon: true,
-        iconPack: 'mdi',
-        icon: 'alert-octagon',
-        onConfirm: () => onConfirm(),
-      })
-      if (err.err && err.err === 'token error') {
-        localStorage.clear()
-        this.$router.push('/')
-      }
-    },
-    imprimirMensaje(message, title = '¡Felicidades!', onConfirm = () => {}) {
-      this.$buefy.dialog.alert({
-        ariaRole: 'alertdialog',
-        ariaModal: true,
-        type: 'is-success',
-        title,
-        message,
-        confirmText: 'Ok',
-        hasIcon: true,
-        iconPack: 'mdi',
-        icon: 'check-circle',
-        onConfirm: () => onConfirm(),
-      })
-    },
-    imprimirWarning(
-      message,
-      onConfirm = () => {},
-      title = '¡Espera un minuto!',
-      onCancel = () => {}
-    ) {
-      this.$buefy.dialog.alert({
-        ariaRole: 'alertdialog',
-        ariaModal: true,
-        type: 'is-warning',
-        title,
-        message,
-        confirmText: 'Confirmar',
-        canCancel: true,
-        cancelText: 'Cancelar',
-        hasIcon: true,
-        iconPack: 'mdi',
-        icon: 'help-circle',
-        onConfirm: () => onConfirm(),
-        onCancel: () => onCancel(),
-      })
-    },
-    getLocalhostInfo() {
-      this.responsable.idUsuario = Number(localStorage.getItem('idUsuario'))
-      this.responsable.idTipoUsuario = Number(
-        localStorage.getItem('idTipoUsuario')
-      )
-      this.responsable.tipoUsuario = localStorage.getItem('tipoUsuario')
-      this.responsable.token = {
-        headers: {
-          token: localStorage.getItem('token'),
+    data() {
+      return {
+        token: {
+          headers: {
+            token: localStorage.getItem('token'),
+          },
+        },
+        isLoading: false,
+        current: 1,
+        idCuestionario: "null",
+        answers: {
+          sexo: '',
+          edad: '',
+          servicioMedico: '',
+          servicioMedicoOtro: '',
+          servicioMedicoAux: '',
+          p1: '',
+          p2: '',
+          p3: [], // selecciona 3 opciones
+          p3Otro: '',
+          p4: '',
+          p5: [],
+          p6: '',
+          p7: '',
+          p8: [],
+          p9: '',
+          p10: '',
+          p11: '',
+          p12: '',
+          p13: '',
+          p14: [],
+          p15: [],
+          p16: '',
+          p17: [],
+          p18: '',
+          p19: '',
+          p20: '',
+          p21: [],
+          p22: [],
+          p23: [],
+          p24: [],
+          p25: '',
+          p26: '',
+          p27: '',
+          p28: null,
+          p29: null,
+          p30: '',
         },
       }
-      this.idServicio = Number(localStorage.getItem('idServicio'))
     },
-  },
-  created() {
-    this.getLocalhostInfo()
-    if (this.responsable.idTipoUsuario === 1) this.$router.push('/admin')
-    if (this.responsable.idTipoUsuario === 3) this.$router.push('/alumno')
-    if (this.responsable.idTipoUsuario === 4) this.$router.push('/casoEspecial')
-    if (!this.idServicio) this.$router.push('/responsable')
-    else this.obtenerRegistro()
-  },
-}
-</script>
+    methods: {
+      onChildA(value) {
+        this.answers.servicioMedico = value.servicioMedico
+        this.answers.sexo = value.sexo
+        this.answers.edad = value.edad
+      },
+      onChildB(value) {
+        this.answers.p1 = value.p1
+        this.answers.p2 = value.p2
+        this.answers.p3 = value.p3
+        this.answers.p3Otro = value.p3Otro
+      },
+      onChildC(value) {
+        this.answers.p4 = value.p4
+        this.answers.p5 = value.p5
+        this.answers.p6 = value.p6
+        this.answers.p7 = value.p7
+        this.answers.p8 = value.p8
+        this.answers.p9 = value.p9
+        this.answers.p10 = value.p10
+        this.answers.p11 = value.p11
+        this.answers.p12 = value.p12
+        this.answers.p13 = value.p13
+      },
+      onChildD(value) {
+        this.answers.p14 = value.p14
+        this.answers.p15 = value.p15
+        this.answers.p16 = value.p16
+        this.answers.p17 = value.p17
+      },
+      onChildE(value) {
+        this.answers.p18 = value.p18
+        this.answers.p19 = value.p19
+        this.answers.p20 = value.p20
+        this.answers.p21 = value.p21
+      },
+      onChildF(value) {
+        this.answers.p22 = value.p22
+        this.answers.p23 = value.p23
+        this.answers.p24 = value.p24
+        this.answers.p25 = value.p25
+        this.answers.p26 = value.p26
+        this.answers.p27 = value.p27
+        this.answers.p28 = value.p28
+        this.answers.p29 = value.p29
+        this.answers.p30 = value.p30
+      },
+      onChildNAV(value) {
+        this.current = value
+      },
+      error(msj) {
+        let salir = false
+        switch (msj) {
+          case 'invalid signature':
+            msj = 'Tu token no es valido, inicia sesión de nuevo.'
+            salir = true
+            break
+          case 'jwt expired':
+            msj = 'Tu sesión ha expirado, inicia sesión de nuevo.'
+            salir = true
+            break
+          case 'jwt malformed':
+            msj = 'No se encontro tu token, inicia sesión de nuevo.'
+            salir = true
+            break
+          case 'No hay token':
+            msj = 'Ocurrio un error al enviar tu token, inicia sesión de nuevo.'
+            salir = true
+            break
+        }
+  
+        this.$buefy.dialog.alert({
+          title: 'Error',
+          message: msj,
+          type: 'is-danger',
+          hasIcon: true,
+          icon: 'alert-circle',
+          ariaRole: 'alertdialog',
+          ariaModal: true,
+        })
+        if (salir == true) {
+          localStorage.clear()
+          this.$router.push(`/`)
+        }
+      },
+      enviarCuestionario() {
+        this.isLoading = true
+        if (this.answers.p3Otro != '' && this.maxCheckbox < 3) {
+          this.answers.p3.push(this.answers.p3Otro)
+        }
+        const data = {
+          idServicio: localStorage.getItem('idServicio'),
+          sexo: this.answers.sexo,
+          edad: this.answers.edad,
+          servicioMedico: this.answers.servicioMedico,
+          p1: this.answers.p1,
+          p2: this.answers.p2,
+          p3: this.answers.p3,
+          p4: this.answers.p4,
+          p5: this.answers.p5,
+          p6: this.answers.p6,
+          p7: this.answers.p7,
+          p8: this.answers.p8,
+          p9: this.answers.p9,
+          p10: this.answers.p10,
+          p11: this.answers.p11,
+          p12: this.answers.p12,
+          p13: this.answers.p13,
+          p14: this.answers.p14,
+          p15: this.answers.p15,
+          p16: this.answers.p16,
+          p17: this.answers.p17,
+          p18: this.answers.p18,
+          p19: this.answers.p19,
+          p20: this.answers.p20,
+          p21: this.answers.p21,
+          p22: this.answers.p22,
+          p23: this.answers.p23,
+          p24: this.answers.p24,
+          p25: this.answers.p25,
+          p26: this.answers.p26,
+          p27: this.answers.p27,
+          p28: this.answers.p28,
+          p29: this.answers.p29,
+          p30: this.answers.p30,
+        }
+        axios
+          .post(`${process.env.api}/cuestionario_alumno`, data, this.token)
+          .then((res) => {
+            this.$buefy.dialog.alert({
+              title: 'Success',
+              message: 'Se enviaron los datos correctamente',
+              type: 'is-success',
+              hasIcon: true,
+              icon: 'checkbox-marked-circle',
+              ariaRole: 'alertdialog',
+              ariaModal: true,
+            })
+  
+            //this.reset()
+            localStorage.removeItem('idCuestionarioAlumno')
+            this.$router.push('/alumno')
+          })
+          .catch((error) => {
+            this.error(error.response.data.message)
+          })
+          .finally(() => {
+            this.isLoading = false
+          })
+      },
+    },
+
+    
+  }
+  </script>
+  <style>
+  .SINO * {
+    margin: 0.5rem 0 !important;
+  }
+  .apartado,
+  .pag {
+    margin: 5rem 0;
+  }
+  .manyInputs {
+    margin: 1.5rem 0;
+  }
+  .checkb {
+    width: 20px;
+    height: 20px;
+  }
+  .navPages {
+    padding: 1rem;
+  }
+  .td-w {
+    width: 2000px;
+  }
+  .active,
+  .active:hover {
+    background-color: #bb8800 !important;
+  }
+  .centro {
+    text-align: center;
+  }
+  .vh {
+    height: 75vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .vh h1 {
+    font-size: 60px;
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/pages/responsable/cuestionario/indexOld.vue b/pages/responsable/cuestionario/indexOld.vue
new file mode 100644
index 0000000..eb00dc7
--- /dev/null
+++ b/pages/responsable/cuestionario/indexOld.vue
@@ -0,0 +1,143 @@
+<template>
+  <section class="container px-2 pb-6">
+    <BotonRegresar
+      path="/responsable"
+      :deleteFromLocalStorage="['idServicio']"
+    />
+
+    <h3 class="title">{{ alumno.nombre }} {{ alumno.usuario }}</h3>
+
+    <CuestionarioResponasble
+      :idServicio="idServicio"
+      :responsable="responsable"
+      :imprimirMensaje="imprimirMensaje"
+      :imprimirWarning="imprimirWarning"
+      :imprimirError="imprimirError"
+      :updateIsLoading="updateIsLoading"
+    />
+
+    <BotonRegresar
+      path="/responsable"
+      :deleteFromLocalStorage="['idServicio']"
+    />
+
+    <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading" />
+  </section>
+</template>
+
+<script>
+import axios from 'axios'
+import BotonRegresar from '@/components/botonRegresar'
+import CuestionarioResponasble from '@/components/responsable/CuestionarioResponasble'
+
+export default {
+  components: {
+    BotonRegresar,
+    CuestionarioResponasble,
+  },
+  data() {
+    return {
+      isLoading: false,
+      idServicio: null,
+      alumno: {},
+      responsable: {},
+    }
+  },
+  methods: {
+    updateIsLoading(booleanValue) {
+      this.isLoading = booleanValue
+    },
+    obtenerRegistro() {
+      this.updateIsLoading(true)
+      axios
+        .get(
+          `${process.env.api}/servicio/admin?idServicio=${this.idServicio}`,
+          this.responsable.token
+        )
+        .then((res) => {
+          this.alumno = res.data.Usuario
+          this.updateIsLoading(false)
+          if (res.data.idCuestionarioPrograma) this.$router.push('/responsable')
+        })
+        .catch((err) => {
+          this.imprimirError(err.response.data)
+        })
+    },
+    imprimirError(err = {}, title = '¡Hubo un error!', onConfirm = () => {}) {
+      this.$buefy.dialog.alert({
+        ariaRole: 'alertdialog',
+        ariaModal: true,
+        type: 'is-danger',
+        title,
+        message: err.message,
+        confirmText: 'Entendido',
+        hasIcon: true,
+        iconPack: 'mdi',
+        icon: 'alert-octagon',
+        onConfirm: () => onConfirm(),
+      })
+      if (err.err && err.err === 'token error') {
+        localStorage.clear()
+        this.$router.push('/')
+      }
+    },
+    imprimirMensaje(message, title = '¡Felicidades!', onConfirm = () => {}) {
+      this.$buefy.dialog.alert({
+        ariaRole: 'alertdialog',
+        ariaModal: true,
+        type: 'is-success',
+        title,
+        message,
+        confirmText: 'Ok',
+        hasIcon: true,
+        iconPack: 'mdi',
+        icon: 'check-circle',
+        onConfirm: () => onConfirm(),
+      })
+    },
+    imprimirWarning(
+      message,
+      onConfirm = () => {},
+      title = '¡Espera un minuto!',
+      onCancel = () => {}
+    ) {
+      this.$buefy.dialog.alert({
+        ariaRole: 'alertdialog',
+        ariaModal: true,
+        type: 'is-warning',
+        title,
+        message,
+        confirmText: 'Confirmar',
+        canCancel: true,
+        cancelText: 'Cancelar',
+        hasIcon: true,
+        iconPack: 'mdi',
+        icon: 'help-circle',
+        onConfirm: () => onConfirm(),
+        onCancel: () => onCancel(),
+      })
+    },
+    getLocalhostInfo() {
+      this.responsable.idUsuario = Number(localStorage.getItem('idUsuario'))
+      this.responsable.idTipoUsuario = Number(
+        localStorage.getItem('idTipoUsuario')
+      )
+      this.responsable.tipoUsuario = localStorage.getItem('tipoUsuario')
+      this.responsable.token = {
+        headers: {
+          token: localStorage.getItem('token'),
+        },
+      }
+      this.idServicio = Number(localStorage.getItem('idServicio'))
+    },
+  },
+  created() {
+    this.getLocalhostInfo()
+    if (this.responsable.idTipoUsuario === 1) this.$router.push('/admin')
+    if (this.responsable.idTipoUsuario === 3) this.$router.push('/alumno')
+    if (this.responsable.idTipoUsuario === 4) this.$router.push('/casoEspecial')
+    if (!this.idServicio) this.$router.push('/responsable')
+    else this.obtenerRegistro()
+  },
+}
+</script>
diff --git a/static/cuestionario2.json b/static/cuestionario2.json
new file mode 100644
index 0000000..ec57c66
--- /dev/null
+++ b/static/cuestionario2.json
@@ -0,0 +1,160 @@
+{
+    "titulo": "2025 Evaluación del Universitario(a)",
+    "descripcion": "Te invitamos a compartir tu experiencia respecto al programa de servicio social en el que participaste. Tus respuestas son confidenciales.",
+    "preguntas": [
+      {
+        "id": "criterios",
+        "tipo": "seleccionMultiple",
+        "texto": "Señala los tres principales criterios para seleccionar el programa:",
+        "opciones": [
+          "Actividades adscritas al programa",
+          "Apoyo económico",
+          "Asesoría académica",
+          "Dependencia de la UNAM",
+          "Flexibilidad en horarios",
+          "Institución del sector público",
+          "Institución del sector social",
+          "Invitación de profesores",
+          "Modalidad de titulación por servicio social",
+          "Objetivo del programa",
+          "Oportunidad de desarrollo de tesis",
+          "Prestigio de la institución",
+          "Recomendación de compañeros"
+        ]
+      },
+      {
+        "id": "inscripcion",
+        "tipo": "seleccionUnica",
+        "texto": "¿Cómo evalúas tu proceso de inscripción?",
+        "opciones": ["Deficiente", "Básico", "Intermedio", "Destacado"]
+      },
+      {
+        "id": "recibidos",
+        "tipo": "checkbox",
+        "texto": "¿Recibiste asesoría, acompañamiento, supervisión y seguimiento?",
+        "opciones": ["Asesoría", "Acompañamiento", "Supervisión", "Seguimiento"]
+      },
+      {
+        "id": "actividades",
+        "tipo": "seleccionUnica",
+        "texto": "¿Las actividades realizadas fueron acordes al programa?",
+        "opciones": ["Sí", "No"]
+      },
+      {
+        "id": "actividadesComentarios",
+        "tipo": "texto",
+        "texto": "En caso de que las actividades hayan sido distintas, ¿cuáles fueron?",
+        "condicional": {
+          "preguntaId": "actividades",
+          "valor": "No"
+        }
+      },
+      {
+        "id": "espacioFisico",
+        "tipo": "seleccionUnica",
+        "texto": "¿Contaste con un espacio físico adecuado para realizar tus actividades?",
+        "opciones": ["Sí", "No"]
+      },
+      {
+        "id": "instalaciones",
+        "tipo": "seleccionUnica",
+        "texto": "¿Las instalaciones contaban con condiciones adecuadas?",
+        "opciones": ["Sí", "No"]
+      },
+      {
+        "id": "instalacionesComentarios",
+        "tipo": "texto",
+        "texto": "Si respondiste NO, ¿por qué?",
+        "condicional": {
+          "preguntaId": "instalaciones",
+          "valor": "No"
+        }
+      },
+      {
+        "id": "materialProporcionado",
+        "tipo": "seleccionUnica",
+        "texto": "¿La institución te proporcionó material/equipo necesario?",
+        "opciones": ["Sí", "No"]
+      },
+      {
+        "id": "trato",
+        "tipo": "checkbox",
+        "texto": "El trato que recibiste fue:",
+        "opciones": ["Profesional", "Amable", "Respetuoso"]
+      },
+      {
+        "id": "aplicasteConocimientos",
+        "tipo": "escala",
+        "texto": "En tu servicio social, aplicaste conocimientos:",
+        "opciones": ["Nunca", "Rara vez", "Algunas veces", "Regularmente", "Siempre"]
+      },
+      {
+        "id": "desarrollasteHabilidades",
+        "tipo": "escala",
+        "texto": "Desarrollaste habilidades:",
+        "opciones": ["Nunca", "Rara vez", "Algunas veces", "Regularmente", "Siempre"]
+      },
+      {
+        "id": "enriquecisteConocimientos",
+        "tipo": "escala",
+        "texto": "Enriqueciste conocimientos:",
+        "opciones": ["Nunca", "Rara vez", "Algunas veces", "Regularmente", "Siempre"]
+      },
+      {
+        "id": "habilidades",
+        "tipo": "evaluacion",
+        "texto": "Evalúa tu propio desempeño en relación con habilidades personales, profesionales, sociales y conocimientos:",
+        "categorias": [
+          {
+            "titulo": "Habilidades personales",
+            "items": ["Puntualidad", "Eficiencia", "Organización", "Eficacia"]
+          },
+          {
+            "titulo": "Habilidades profesionales",
+            "items": ["Disposición", "Proactividad", "Propositividad", "Resolutividad"]
+          },
+          {
+            "titulo": "Habilidades sociales",
+            "items": ["Empatía", "Trabajo en equipo", "Comunicación asertiva", "Tolerancia a la frustración"]
+          },
+          {
+            "titulo": "Conocimientos",
+            "items": ["Teóricos", "Metodológicos", "Pensamiento crítico", "Formación académica", "Uso tecnológico"]
+          }
+        ],
+        "opciones": ["Deficiente", "Básico", "Intermedio", "Destacado"]
+      },
+      {
+        "id": "supervisor",
+        "tipo": "seleccionUnica",
+        "texto": "¿Quién asesoró y supervisó las actividades que realizaste?",
+        "opciones": [
+          "Coordinador administrativo del programa",
+          "Responsable directo del programa",
+          "Alguien diferente a los dos anteriores"
+        ]
+      },
+      {
+        "id": "apoyoEconomico",
+        "tipo": "seleccionUnica",
+        "texto": "El apoyo económico señalado en el programa...",
+        "opciones": [
+          "Se te otorgó de acuerdo a lo establecido",
+          "Fue condicionado",
+          "Se te proporcionó solo una parte"
+        ]
+      },
+      {
+        "id": "recomendacion",
+        "tipo": "seleccionUnica",
+        "texto": "¿Recomendarías el programa en el que participaste?",
+        "opciones": ["Sí", "No"]
+      },
+      {
+        "id": "habilidadesFuturo",
+        "tipo": "texto",
+        "texto": "Enlista los conocimientos o habilidades que te ayudarían a un mejor desempeño para tu actividad profesional a futuro"
+      }
+    ]
+  }
+  
\ No newline at end of file