diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
new file mode 100644
index 0000000..bb2486e
--- /dev/null
+++ b/.devcontainer/devcontainer.json
@@ -0,0 +1,16 @@
+{
+    "name": "Nuxt.js Dev Container",
+    "dockerFile": "../Dockerfile",
+    "appPort": ["3001"],
+    "runArgs": ["-p", "3001:3000"], 
+    "postCreateCommand": "npm install",
+    "settings": {
+      "terminal.integrated.defaultProfile.linux": "bash",
+      "editor.formatOnSave": true
+    },
+    "extensions": [
+      "dbaeumer.vscode-eslint",
+      "esbenp.prettier-vscode"
+    ]
+  }
+  
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index e8f682b..f893872 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,6 @@
+#.devcontainer
+
+
 # Created by .ignore support plugin (hsz.mobi)
 ### Node template
 # Logs
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..2fe01b3
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,20 @@
+# Usa una imagen oficial de Node.js
+FROM node:16-alpine
+
+# Establece el directorio de trabajo dentro del contenedor
+WORKDIR /app
+
+# Copia el package.json y el package-lock.json (si existe)
+COPY package*.json ./
+
+# Instala las dependencias
+RUN npm install
+
+# Copia el resto de los archivos del proyecto
+COPY . .
+
+# Expone el puerto de desarrollo de Nuxt.js
+EXPOSE 3000
+
+# Comando por defecto al iniciar el contenedor
+CMD ["npm", "run", "dev"]
diff --git a/components/TablaServiciosSociales.vue b/components/TablaServiciosSociales.vue
index 6d3dc92..4bcee3e 100644
--- a/components/TablaServiciosSociales.vue
+++ b/components/TablaServiciosSociales.vue
@@ -125,7 +125,7 @@
           <b-icon
             class="tag is-success"
             icon="check"
-            v-if="props.row.idCuestionarioPrograma"
+            v-if="props.row.idCuestionarioPrograma || props.row.idCuestionarioPrograma2"
           />
 
           <b-button
diff --git a/components/admin/Cuestionarios.vue b/components/admin/Cuestionarios.vue
index 8a20781..3be3a09 100644
--- a/components/admin/Cuestionarios.vue
+++ b/components/admin/Cuestionarios.vue
@@ -14,6 +14,20 @@
       </b-select>
     </b-field>
 
+    <b-field label="Version:">
+      <b-select v-model="version" expanded>
+        <option value="" disabled>Seleccione una version:</option>
+
+        <option value="v1">v1</option>
+
+        <option value="v2">
+          v2
+        </option>
+      </b-select>
+    </b-field>
+
+
+
     <b-field label="Año:">
       <b-select v-model="selectedYear" expanded>
         <option value="" disabled>Seleccione un año:</option>
@@ -51,6 +65,7 @@ export default {
     return {
       selectedCuestionario: '',
       selectedYear: '',
+      version:''
     }
   },
   methods: {
@@ -58,16 +73,24 @@ export default {
       this.updateIsLoading(true)
       axios
         .get(
-          `${process.env.api}/${this.selectedCuestionario}?year=${this.selectedYear}`,
-          this.admin.token
+        `${process.env.api}/${this.selectedCuestionario}`, {
+    params: {
+      year: this.selectedYear,
+      version: this.version,
+    },
+    headers: {
+      Authorization: `Bearer ${this.admin.token}`,
+    },
+  }
         )
         .then((res) => {
           fileDownload(
             res.data,
-            `${this.selectedYear}_${this.selectedCuestionario}.csv`
+            `${this.selectedYear}_${this.selectedCuestionario}_${this.version}.csv`
           )
           this.selectedYear = ''
           this.selectedCuestionario = ''
+          this.version = ''
           this.updateIsLoading(false)
         })
         .catch((err) => {
diff --git a/components/alumno/InformacionServicio.vue b/components/alumno/InformacionServicio.vue
index 4c29508..8ab0d5b 100644
--- a/components/alumno/InformacionServicio.vue
+++ b/components/alumno/InformacionServicio.vue
@@ -31,9 +31,9 @@
         <p class="input">{{ servicio.Usuario.nombre }}</p>
       </b-field>
 
-      <b-field label="Fecha de nacimiento:" v-if="servicio.fechaNacimiento">
+    <!--   <b-field label="Fecha de nacimiento:" v-if="servicio.fechaNacimiento">
         <p class="input">{{ fecha(servicio.fechaNacimiento) }}</p>
-      </b-field>
+      </b-field> -->
 
       <b-field label="Carrera:">
         <p class="input">{{ servicio.Carrera.carrera }}</p>
diff --git a/components/alumno/cuestionario2/FullCuestionario.vue b/components/alumno/cuestionario2/FullCuestionario.vue
new file mode 100644
index 0000000..e020d29
--- /dev/null
+++ b/components/alumno/cuestionario2/FullCuestionario.vue
@@ -0,0 +1,718 @@
+<template>
+  <div>
+    <b-notification
+      v-if="pendingItems.length && !isMobile"
+      type="is-warning"
+      class="floating-pop"
+      :closable="false"
+    >
+      <p><strong>Te faltan contestar:</strong></p>
+      <ul>
+        <li v-for="(item, idx) in pendingItems" :key="idx">
+          {{ item }}
+        </li>
+      </ul>
+    </b-notification>
+
+    <div class="container mt-5">
+      <div
+        v-for="(item, index) in sortedItems"
+        :key="item.id || item.idTabla"
+        class="mb-4 mt-6"
+        v-if="isItemVisible(item)"
+      >
+        <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="item.id + '-' + opcion" class="SINO">
+              <b-radio
+                v-model="respuestas[item.id]"
+                :native-value="opcion"
+                type="is-info"
+                @change="updateRespuestas(item.id, opcion)"
+              >
+                {{ 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"
+                :checked="respuestas[item.id].includes(opcion)"
+                @change="toggleSelection(item.id, opcion, $event)"
+              />
+              {{ opcion }}
+            </div>
+          </div>
+          <div v-if="item.tipo === 'texto'">
+            <b-input
+              :id="item.id"
+              v-model="respuestas[item.id]"
+              :maxlength="item.limite"
+              show-counter
+              placeholder="Escribe tu respuesta aquí"
+            ></b-input>
+          </div>
+        </div>
+        <div class="table-responsive" v-else>
+          <template
+            v-if="index === 0 || item.numeroPregunta !== sortedItems[index - 1].numeroPregunta"
+          >
+            <h3 class="mb-3">
+              {{ item.numeroPregunta }}. {{ item.preguntaTabla }}
+            </h3>
+          </template>
+          <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 has-text-centered">
+        <b-field>
+          <button
+            class="button is-success is-medium"
+            @click="submitForm"
+            :disabled="!isFormComplete"
+          >
+            Enviar
+          </button>
+        </b-field>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Buefy from 'buefy'
+import 'buefy/dist/buefy.css'
+import axios from 'axios'
+
+export default {
+  data() {
+    return {
+      respuestas: {},
+      formulario: {
+        preguntas: [
+          {
+            id: 'criterios',
+            tipo: 'seleccionMultiple',
+            numeroPregunta: 1,
+            texto:
+              'Señala los tres principales criterios que utilizaste para seleccionar el programa de servicio social',
+            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 que realizaste fueron acordes a lo descrito en el programa?',
+            opciones: ['Sí', 'No']
+          },
+          {
+            numeroPregunta: 5,
+            id: 'actividadesComentarios2',
+            tipo: 'texto',
+            texto:
+              'En caso de que las actividades que realizaste hayan sido distintas a las descritas en el programa, enlistas ¿Cuáles fueron?',
+            limite: 100,
+            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 en las que te desempeñaste, contaban con condiciones adecuadas para la realización de las actividades que te encomendaron',
+            opciones: ['Sí', 'No']
+          },
+          {
+            numeroPregunta: 8,
+            id: 'instalacionesComentarios',
+            tipo: 'texto',
+            texto: 'Si respondiste NO, ¿Por qué?',
+            limite: 100,
+            condicional: {
+              preguntaId: 'instalaciones',
+              valor: 'No'
+            }
+          },
+          {
+            numeroPregunta: 9,
+            id: 'materialProporcionado',
+            tipo: 'seleccionUnica',
+            texto: '¿La institución te proporciono material/equipo necesario para el desempeño de tus actividades?',
+            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',
+              'No aplica'
+            ]
+          },
+          {
+            numeroPregunta: 15,
+            id: 'recomendacion',
+            tipo: 'seleccionUnica',
+            texto: '¿Recomendarías el programa en que participaste?',
+            opciones: ['Sí', 'No']
+          },
+          {
+            numeroPregunta: 16,
+            id: 'actividadesComentarios3',
+            tipo: 'texto',
+            texto: '¿Por qué?',
+            limite: 100,
+            condicional: {
+              preguntaId: 'recomendacion',
+              valor: 'No'
+            }
+          },
+          {
+            numeroPregunta: 18,
+            id: 'actividadesComentarios1',
+            tipo: 'texto',
+            texto:
+              'Menciona los conocimiento o habilidades que te ayudarían a un mejor desempeño para tu actividad profesional a futuro',
+            limite: 100
+          }
+        ],
+        tablas: [
+          {
+            idTabla: 130,
+            preguntaTabla: '¿En la entidad o programa donde realizaste tu servicio social recibiste…?',
+            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:',
+            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…',
+            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: '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: 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']
+              }
+            ]
+          }
+        ]
+      }
+    }
+  },
+  created() {
+    this.formulario.preguntas.forEach((p) => {
+      if (!(p.id in this.respuestas)) {
+        if (p.tipo === 'seleccionMultiple') {
+          this.$set(this.respuestas, p.id, [])
+        } else {
+          this.$set(this.respuestas, p.id, null)
+        }
+      }
+    })
+    this.formulario.tablas.forEach((tabla) => {
+      if (!(tabla.idTabla in this.respuestas)) {
+        this.$set(this.respuestas, tabla.idTabla, {})
+      }
+      tabla.renglones.forEach((r) => {
+        if (!(r.idRenglon in this.respuestas[tabla.idTabla])) {
+          this.$set(this.respuestas[tabla.idTabla], r.idRenglon, null)
+        }
+      })
+    })
+  },
+  computed: {
+
+
+
+    isMobile() {
+      return window.innerWidth < 576
+    },
+
+
+    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
+      })
+    },
+    pendingItems() {
+      let missing = []
+      this.formulario.preguntas.forEach((p) => {
+        if (!this.isItemVisible(p)) return
+        let answer = this.respuestas[p.id]
+        let answered = false
+        if (p.tipo === 'seleccionMultiple') {
+          if (p.id === 'criterios') {
+            answered = answer && answer.length === 3
+          } else {
+            answered = answer && answer.length > 0
+          }
+        } else {
+          answered = answer !== null && answer !== ''
+        }
+        if (!answered) {
+          missing.push(`Pregunta ${p.numeroPregunta}`)
+        }
+      })
+      this.formulario.tablas.forEach((t) => {
+        let allAnswered = t.renglones.every(
+          (r) =>
+            this.respuestas[t.idTabla] &&
+            this.respuestas[t.idTabla][r.idRenglon] !== null
+        )
+        if (!allAnswered) {
+          missing.push(`Tabla ${t.numeroPregunta}`)
+        }
+      })
+      return missing
+    },
+    isFormComplete() {
+      return this.pendingItems.length === 0
+    }
+  },
+  methods: {
+    isItemVisible(item) {
+      if (item.condicional) {
+        const resp = this.respuestas[item.condicional.preguntaId]
+        return resp === item.condicional.valor
+      }
+      return true
+    },
+    toggleSelection(id, opcion, event) {
+      const selected = this.respuestas[id]
+      if (event.target.checked) {
+        if (selected.length >= 3) {
+          event.target.checked = false
+          this.$buefy.dialog.alert({
+            title: 'Límite alcanzado',
+            message: 'Solo puedes seleccionar hasta 3 opciones.',
+            type: 'is-warning'
+          })
+        } else {
+          selected.push(opcion)
+        }
+      } else {
+        const index = selected.indexOf(opcion)
+        if (index !== -1) {
+          selected.splice(index, 1)
+        }
+      }
+    },
+    updateRespuestas(id, valor) {
+      this.$set(this.respuestas, id, valor)
+    },
+    validateResponses() {
+      for (const pregunta of this.formulario.preguntas) {
+        if (!this.isItemVisible(pregunta)) continue
+        const resp = this.respuestas[pregunta.id]
+        if (pregunta.tipo === 'seleccionMultiple') {
+          if (pregunta.id === 'criterios') {
+            if (!resp || resp.length !== 3) {
+              this.$buefy.dialog.alert({
+                title: 'Error',
+                message: `Por favor, selecciona exactamente 3 opciones en la pregunta ${pregunta.numeroPregunta}.`,
+                type: 'is-danger'
+              })
+              return false
+            }
+          } else {
+            if (!resp || resp.length === 0) {
+              this.$buefy.dialog.alert({
+                title: 'Error',
+                message: `Por favor, selecciona al menos una opción en la pregunta ${pregunta.numeroPregunta}.`,
+                type: 'is-danger'
+              })
+              return false
+            }
+          }
+        } else {
+          if (resp === null || resp === '') {
+            this.$buefy.dialog.alert({
+              title: 'Error',
+              message: `Por favor, responde la pregunta ${pregunta.numeroPregunta}.`,
+              type: 'is-danger'
+            })
+            return false
+          }
+          if (pregunta.tipo === 'texto') {
+            const limite = pregunta.limite || 500
+            if (resp.length > limite) {
+              this.$buefy.dialog.alert({
+                title: 'Error',
+                message: `La respuesta de la pregunta ${pregunta.numeroPregunta} excede el límite de ${limite} caracteres.`,
+                type: 'is-danger'
+              })
+              return false
+            }
+          }
+        }
+      }
+      for (const tabla of this.formulario.tablas) {
+        for (const renglon of tabla.renglones) {
+          const respuesta = this.respuestas[tabla.idTabla]?.[renglon.idRenglon]
+          if (respuesta === null) {
+            this.$buefy.dialog.alert({
+              title: 'Error',
+              message: `Por favor, contesta la tabla ${tabla.numeroPregunta}, fila "${renglon.textoRenglon}".`,
+              type: 'is-danger'
+            })
+            return false
+          }
+        }
+      }
+      return true
+    },
+    submitForm() {
+      if (!this.validateResponses()) return
+      const respuestaFormateada = this.formatearRespuestas(this.respuestas)
+      let data = {
+        ...respuestaFormateada,
+        idServicio: localStorage.getItem('idServicio')
+      }
+      axios
+        .post(`${process.env.api}/cuestionario_alumno`, data, this.token)
+        .then(() => {
+          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
+          })
+          localStorage.removeItem('idCuestionarioAlumno')
+          this.$router.push('/alumno')
+        })
+        .catch((error) => {
+          this.$buefy.dialog.alert({
+            title: 'Error',
+            message: error.response?.data?.message || 'Error al enviar el formulario',
+            type: 'is-danger'
+          })
+        })
+    },
+    formatearRespuestas(respuestas) {
+      const resultado = {}
+      for (const key in respuestas) {
+        const esTabla = !isNaN(Number(key))
+        if (esTabla) {
+          const idTabla = parseInt(key, 10)
+          const tablaDef = this.formulario.tablas.find((t) => t.idTabla === idTabla)
+          if (!tablaDef) continue
+          const numPregunta = tablaDef.numeroPregunta
+          let subLetra = ''
+          if (tablaDef.subPreguntaTabla) {
+            const match = tablaDef.subPreguntaTabla.match(/^([A-E])\./)
+            if (match) {
+              subLetra = match[1]
+            }
+          }
+          const respuestasTabla = respuestas[key]
+          for (const idRenglon in respuestasTabla) {
+            const valor = respuestasTabla[idRenglon]
+            let clave = `p${numPregunta}_${idRenglon}`
+            if (subLetra) {
+              clave = `p${numPregunta}_${subLetra}_${idRenglon}`
+            }
+            resultado[clave] = valor
+          }
+        } else {
+          const preguntaDef = this.formulario.preguntas.find((p) => p.id === key)
+          if (!preguntaDef) continue
+          const numPregunta = preguntaDef.numeroPregunta
+          const clave = `p${numPregunta}`
+          resultado[clave] = respuestas[key]
+        }
+      }
+      return resultado
+    }
+  }
+}
+</script>
+
+<style scoped>
+.floating-pop {
+  position: fixed !important;
+  bottom: 1rem;
+  right: 1rem;
+  z-index: 9999;
+  max-width: 320px;
+  animation: fadeInUp 0.4s ease;
+  max-height: 60vh;
+  overflow-y: auto;
+}
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translateY(40px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@media (max-width: 576px) {
+  .floating-pop {
+    left: 0.5rem;
+    right: 0.5rem;
+    max-width: none;
+    width: auto;
+    max-height: 50vh;
+  }
+}
+
+
+
+.table-responsive {
+  width: 100%;
+  overflow-x: auto;
+}
+
+</style>
diff --git a/components/alumno/cuestionario2/FullCuestionario_newbad.vue b/components/alumno/cuestionario2/FullCuestionario_newbad.vue
new file mode 100644
index 0000000..954cbca
--- /dev/null
+++ b/components/alumno/cuestionario2/FullCuestionario_newbad.vue
@@ -0,0 +1,951 @@
+<template>
+  <div class="container mt-5">
+    <!-- <h1 class="text-center mb-4">{{ formulario.titulo }}</h1>
+    <p class="text-center">{{ formulario.descripcion }}</p> -->
+
+
+    <div >
+      <div v-for="(item, index) in sortedItems" :key="item.id || item.idTabla" class="mb-4 mt-6">
+        <div v-if="item.tipo" class="mt-6">
+          
+          <label :for="item.id" class="form-label">{{ item.numeroPregunta }}. {{ item.texto }}</label>
+          
+          <div v-if="item.tipo === 'seleccionUnica'"  :key="item.id">
+            <div v-for="opcion in item.opciones" :key="opcion" class="SINO">
+               <!--       :id="item.id" -->
+              <b-radio
+                v-model="respuestas[item.id]"
+            :key="item.id + '-' + opcion"
+                :native-value="opcion"
+                type="is-info"
+                 @change="updateRespuestas(item.id, opcion)"
+              >
+                {{ 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"
+             
+
+                :checked="respuestas[item.id].includes(opcion)"
+                @change="toggleSelection(item.id, opcion, $event)"
+
+              />
+              {{ opcion }}
+            </div>
+          </div>
+
+<!--           v-model="respuestas[item.id]"  -->
+          <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>
+
+
+
+
+  <div class="my-6 mb-6 has-text-centered">
+    <b-field class="centro">
+        <button
+          class="button is-success is-medium"
+          @click="() => { submitForm() }"
+            :disabled="!isFormComplete"
+        >
+          Enviar
+        </button>
+      </b-field>
+    </div>
+
+
+
+
+
+
+  </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 que utilizaste para seleccionar el programa de servicio social',
+            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 que realizaste fueron acordes a lo descrito en el programa?',
+            opciones: ['Sí', 'No'],
+          },
+          {
+            numeroPregunta:5,
+            id: 'actividadesComentarios2',
+            tipo: 'texto',
+            texto:
+              'En caso de que las actividades que realizaste hayan sido distintas a las descritas en el programa, enlistas ¿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 en las que te desempeñaste, contaban con condiciones adecuadas para la realización de las actividades que te encomendaron',
+            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 proporciono material/equipo necesario para el desempeño de tus actividades?',
+            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 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: '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 frustación',
+                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'],
+              },
+
+
+            ],
+          },
+
+
+
+        ],
+      },
+    }
+  },
+
+  created() {
+  this.respuestas = this.respuestas || {};
+
+  this.formulario.preguntas.forEach((pregunta) => {
+    if (!(pregunta.id in this.respuestas)) { // Solo inicializa si no existe
+      if (pregunta.tipo === 'seleccionMultiple') {
+        this.$set(this.respuestas, pregunta.id, []);
+      } else {
+        this.$set(this.respuestas, pregunta.id, null); // Usa null en lugar de ''
+      }
+    }
+  });
+
+  this.formulario.tablas.forEach((tabla) => {
+    if (!(tabla.idTabla in this.respuestas)) {
+      this.$set(this.respuestas, tabla.idTabla, {});
+    }
+
+    tabla.renglones.forEach((renglon) => {
+      if (!(renglon.idRenglon in this.respuestas[tabla.idTabla])) {
+        this.$set(this.respuestas[tabla.idTabla], renglon.idRenglon, null);
+      }
+    });
+  });
+},
+
+
+
+  watch: {
+  respuestas: {
+    handler(newVal) {
+      console.log("Estado actualizado de respuestas:", newVal);
+    },
+    deep: true
+  }
+},
+
+
+
+  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
+      })
+    },
+
+
+    isFormComplete() {
+    // Verifica todas las preguntas individuales
+    const allQuestionsAnswered = this.formulario.preguntas.every((pregunta) => {
+      const respuesta = this.respuestas[pregunta.id];
+      if (pregunta.tipo === "seleccionMultiple") {
+        return respuesta && respuesta.length > 0; // Debe tener al menos una opción seleccionada
+      }
+      return respuesta !== null && respuesta !== ""; // No debe ser null ni vacío
+    });
+
+    // Verifica todas las respuestas de la tabla
+    const allTablesAnswered = this.formulario.tablas.every((tabla) => {
+      return tabla.renglones.every((renglon) => {
+        return this.respuestas[tabla.idTabla] && this.respuestas[tabla.idTabla][renglon.idRenglon] !== null;
+      });
+    });
+
+    return allQuestionsAnswered && allTablesAnswered;
+  }
+
+
+
+
+  },
+  methods: {
+
+
+
+
+
+    toggleSelection(id, opcion, event) {
+    let selectedOptions = this.respuestas[id];
+
+    if (selectedOptions.includes(opcion)) {
+      // Si ya está seleccionada, se deselecciona
+      this.respuestas[id] = selectedOptions.filter(opt => opt !== opcion);
+    } else {
+      if (selectedOptions.length < 3) {
+        // Si hay espacio, se agrega la opción
+        this.respuestas[id].push(opcion);
+      } else {
+        // Evita la selección de más de 3 opciones
+        event.preventDefault();
+        this.$buefy.dialog.alert({
+          title: "Límite alcanzado",
+          message: "Solo puedes seleccionar hasta 3 opciones.",
+          type: "is-warning",
+        });
+      }
+    }
+  },
+
+
+
+ 
+    limitSelection(id, opcion, event) {
+    if (this.respuestas[id].length >= 3 && !this.respuestas[id].includes(opcion)) {
+      // Evita que se seleccione la opción adicional
+      event.preventDefault(); 
+      
+      this.$buefy.dialog.alert({
+        title: "Límite alcanzado",
+        message: "Solo puedes seleccionar hasta 3 opciones.",
+        type: "is-warning",
+      });
+    }
+  },
+
+
+
+
+    updateRespuestas(id, valor) {
+    this.$set(this.respuestas, id, valor);
+    console.log("Radio seleccionado:", id, valor);
+  },
+
+    validateResponses() {
+      for (const pregunta of this.formulario.preguntas) {
+        const respuesta = this.respuestas[pregunta.id];
+
+        // Verifica que no haya respuestas vacías
+        if (respuesta === null || respuesta === "") {
+          this.$buefy.dialog.alert({
+            title: "Error",
+            message: `Por favor, responde la pregunta: "${pregunta.texto}"`,
+            type: "is-danger",
+          });
+          return false;
+        }
+
+        // Para selección múltiple, al menos un elemento debe estar seleccionado
+        if (pregunta.tipo === "seleccionMultiple" && (!respuesta || respuesta.length === 0)) {
+          this.$buefy.dialog.alert({
+            title: "Error",
+            message: `Por favor, selecciona al menos una opción en: "${pregunta.texto}"`,
+            type: "is-danger",
+          });
+          return false;
+        }
+
+        // Validación adicional si la pregunta es de texto (evitar respuestas peligrosas)
+        if (pregunta.tipo === "texto" && respuesta.length > 500) {
+          this.$buefy.dialog.alert({
+            title: "Error",
+            message: `La respuesta de la pregunta "${pregunta.texto}" es demasiado larga.`,
+            type: "is-danger",
+          });
+          return false;
+        }
+      }
+
+      // Verifica que todas las respuestas en las tablas estén completas
+      for (const tabla of this.formulario.tablas) {
+        for (const renglon of tabla.renglones) {
+          const respuesta = this.respuestas[tabla.idTabla]?.[renglon.idRenglon];
+
+          if (respuesta === null) {
+            this.$buefy.dialog.alert({
+              title: "Error",
+              message: `Por favor, responde la pregunta en la tabla: "${tabla.preguntaTabla}" en la fila "${renglon.textoRenglon}"`,
+              type: "is-danger",
+            });
+            return false;
+          }
+        }
+      }
+      return true;
+    },
+
+    submitForm() {
+
+
+      if (!this.validateResponses())       return; // Detiene el envío si la validación falla
+      console.log('Respuestas a enviar:', 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:  localStorage.getItem('idServicio'), // 4,
+        p1: 'respuesta1 - trabajando para que sea una string',
+      }
+
+      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)
+        
+        
+            this.$buefy.dialog.alert({
+    title: "Error",
+    message: error.response?.data?.message || "Error al enviar el formulario",
+    type: "is-danger",
+  });
+        
+        
+          })
+          .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>
+
+
+<style scoped></style>
+
+
+<!-- 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/alumno/cuestionario2/FullCuestionario_newbad2.vue b/components/alumno/cuestionario2/FullCuestionario_newbad2.vue
new file mode 100644
index 0000000..64172d1
--- /dev/null
+++ b/components/alumno/cuestionario2/FullCuestionario_newbad2.vue
@@ -0,0 +1,1007 @@
+<template>
+  <div class="container mt-5">
+    <!-- Notificación flotante sin botón de cierre -->
+    <b-notification
+      v-if="pendingItems.length && !isMobile"
+      type="is-warning"
+      class="notification-floating"
+      aria-close-label="Not applicable"
+      :closable="false" 
+    >
+      <p><strong>Te faltan contestar:</strong></p>
+      <ul>
+        <li v-for="(item, idx) in pendingItems" :key="idx">
+          {{ item }}
+        </li>
+      </ul>
+    </b-notification>
+
+    <div>
+      <div
+        v-for="(item, index) in sortedItems"
+        :key="item.id || item.idTabla"
+        class="mb-6"
+        v-if="isItemVisible(item)"
+      >
+        <!-- PREGUNTAS (texto, selección única, selección múltiple) -->
+        <div v-if="item.tipo" class="mt-6">
+          <label :for="item.id" class="form-label">
+            {{ item.numeroPregunta }}. {{ item.texto }}
+          </label>
+
+          <!-- Selección Única -->
+          <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>
+
+          <!-- Selección Múltiple -->
+          <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>
+
+          <!-- Texto -->
+          <div v-if="item.tipo === 'texto'">
+            <b-input
+              :id="item.id"
+              v-model="respuestas[item.id]"
+              placeholder="Escribe tu respuesta aquí"
+              :maxlength="item.limite" 
+              show-counter  
+
+            ></b-input>
+          </div>
+        </div>
+
+        <!-- TABLAS -->
+        <div class="table-responsive" v-else>
+          <template
+            v-if="
+              index === 0 ||
+              item.numeroPregunta !== sortedItems[index - 1].numeroPregunta
+            "
+          >
+            <h3 class="mb-3">
+              {{ item.numeroPregunta }}. {{ item.preguntaTabla }}
+            </h3>
+          </template>
+
+          <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>
+
+    <!-- BOTÓN ENVIAR -->
+    <div class="my-6 mb-6">
+      <b-field class="centro">
+        <button
+          class="button is-success is-medium"
+          @click="submitForm"
+          :disabled="!isFormComplete"
+        >
+          Enviar
+        </button>
+      </b-field>
+    </div>
+  </div>
+</template>
+
+<script>
+import Buefy from 'buefy'
+import 'buefy/dist/buefy.css'
+import axios from 'axios'
+
+export default {
+  data() {
+    return {
+      isLoading: false,
+      respuestas: {},
+
+      formulariox: {
+        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',
+            limite: 50,
+            texto:
+              'Mencione las principales actividades que realizó el/la universitario(a) en su programa de servicio social',
+          },
+          {
+            numeroPregunta: 2,
+            id: 'calificacionGeneral',
+            tipo: 'seleccionUnica',
+            texto:
+              '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',
+            limite: 50,
+            texto:
+              '¿Qué cursos considera que complementarían la formación de nuestros egresados?',
+          },
+          {
+            numeroPregunta: 5,
+            id: 'contratariaFuturo',
+            tipo: 'seleccionUnica',
+            texto: '¿Considera contratar en un futuro al universitario(a)?',
+            opciones: ['Sí', 'No'],
+          },
+          {
+            numeroPregunta: 6,
+            id: 'porqueNoContrataria',
+            tipo: 'texto',
+            limite: 50,
+            texto:
+              '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 ------
+          {
+            idTabla: 301,
+            numeroPregunta: 3,
+            preguntaTabla:
+              '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'],
+              },
+            ],
+          },
+        ],
+      },
+
+
+      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 que utilizaste para seleccionar el programa de servicio social',
+            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 que realizaste fueron acordes a lo descrito en el programa?',
+            opciones: ['Sí', 'No'],
+          },
+          {
+            numeroPregunta:5,
+            id: 'actividadesComentarios2',
+            tipo: 'texto',
+            texto:
+              'En caso de que las actividades que realizaste hayan sido distintas a las descritas en el programa, enlistas ¿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 en las que te desempeñaste, contaban con condiciones adecuadas para la realización de las actividades que te encomendaron',
+            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 proporciono material/equipo necesario para el desempeño de tus actividades?',
+            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 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: '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 frustación',
+                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'],
+              },
+
+
+            ],
+          },
+
+
+
+        ],
+      },
+
+    }
+  },
+
+  created() {
+    // Inicializa las respuestas de cada pregunta
+    this.formulario.preguntas.forEach((pregunta) => {
+      if (pregunta.tipo === 'seleccionMultiple') {
+        this.$set(this.respuestas, pregunta.id, [])
+      } else {
+        this.$set(this.respuestas, pregunta.id, '')
+      }
+    })
+
+    // Inicializa las respuestas para cada tabla
+    this.formulario.tablas.forEach((tabla) => {
+      this.$set(this.respuestas, tabla.idTabla, {})
+      tabla.renglones.forEach((renglon) => {
+        this.$set(this.respuestas[tabla.idTabla], renglon.idRenglon, null)
+      })
+    })
+  },
+
+  computed: {
+
+
+    isMobile() {
+      return window.innerWidth < 576
+    },
+
+    // Combina preguntas y tablas en un array ordenado
+    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
+      })
+    },
+
+    // Determina los ítems (preguntas/tablas) que siguen pendientes
+    pendingItems() {
+      let missing = []
+
+      // Revisar preguntas (solo las que estén visibles)
+      this.formulario.preguntas.forEach((p) => {
+        if (!this.isItemVisible(p)) return
+        const answer = this.respuestas[p.id]
+        let answered = false
+
+        if (p.tipo === 'seleccionMultiple') {
+          answered = answer && answer.length > 0
+        } else {
+          answered = answer !== null && answer !== ''
+        }
+
+        if (!answered) {
+          missing.push(`Pregunta ${p.numeroPregunta}`)
+        }
+      })
+
+      // Revisar tablas
+      this.formulario.tablas.forEach((t) => {
+        let allAnswered = t.renglones.every(
+          (r) =>
+            this.respuestas[t.idTabla] &&
+            this.respuestas[t.idTabla][r.idRenglon] !== null
+        )
+        if (!allAnswered) {
+          missing.push(`Tabla ${t.numeroPregunta}`)
+        }
+      })
+
+      return missing
+    },
+
+    // El formulario se considera completo si no hay ítems pendientes
+    isFormComplete() {
+      return this.pendingItems.length === 0
+    },
+  },
+
+  methods: {
+    // Determina si un item (pregunta/tabla) debe mostrarse (condicional)
+    isItemVisible(item) {
+      if (item.condicional) {
+        // Checa la respuesta de la pregunta 'preguntaId'
+        const respuestaCond = this.respuestas[item.condicional.preguntaId]
+        return respuestaCond === item.condicional.valor
+      }
+      return true
+    },
+
+    submitForm() {
+      if (!this.validateResponses()) {
+        return
+      }
+      console.log('Respuestas enviadas:', this.respuestas)
+
+      // Convertir a formato p1, p2, p3_A_1, etc.
+      const respuestaFormateada = this.formatearRespuestas(this.respuestas)
+      console.log('Respuestas formateadas:', respuestaFormateada)
+
+      let data = {
+        ...respuestaFormateada,
+        idServicio: localStorage.getItem('idServicio'),
+      }
+
+      this.isLoading = true
+      axios
+        .post(`${process.env.api}/cuestionario_programa`, data)
+        .then(() => {
+          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,
+          })
+          localStorage.removeItem('idCuestionarioAlumno')
+          this.$router.push('/alumno')
+        })
+        .catch((error) => {
+          this.$buefy.dialog.alert({
+            title: 'Error',
+            message:
+              error.response?.data?.message || 'Error al enviar el formulario',
+            type: 'is-danger',
+          })
+        })
+        .finally(() => {
+          this.isLoading = false
+        })
+    },
+
+    // Valida que las preguntas y tablas visibles estén contestadas
+    validateResponses() {
+      // Validar preguntas
+      for (const pregunta of this.formulario.preguntas) {
+        if (!this.isItemVisible(pregunta)) continue
+
+        const respuesta = this.respuestas[pregunta.id]
+
+        // Verifica que no esté vacía
+        if (pregunta.tipo === 'seleccionMultiple') {
+          if (!respuesta || respuesta.length === 0) {
+            this.$buefy.dialog.alert({
+              title: 'Error',
+              message: `Por favor, selecciona al menos una opción en la pregunta ${pregunta.numeroPregunta}.`,
+              type: 'is-danger',
+            })
+            return false
+          }
+        } else {
+          if (respuesta === null || respuesta === '') {
+            this.$buefy.dialog.alert({
+              title: 'Error',
+              message: `Por favor, responde la pregunta ${pregunta.numeroPregunta}.`,
+              type: 'is-danger',
+            })
+            return false
+          }
+        }
+
+            // Si es texto y tiene un limite
+    if (pregunta.tipo === 'texto') {
+      const limite = pregunta.limite || 500; // o un default
+      if (resp.length > limite) {
+        this.$buefy.dialog.alert({
+          title: 'Error',
+          message: `La respuesta de la pregunta ${pregunta.numeroPregunta} excede el límite de ${limite} caracteres.`,
+          type: 'is-danger',
+        });
+        return false;
+      }
+    }
+  }
+
+      // Validar tablas
+      for (const tabla of this.formulario.tablas) {
+        for (const renglon of tabla.renglones) {
+          const respRenglon = this.respuestas[tabla.idTabla]?.[renglon.idRenglon]
+          if (respRenglon === null) {
+            this.$buefy.dialog.alert({
+              title: 'Error',
+              message: `Por favor, responde la tabla ${tabla.numeroPregunta}, fila "${renglon.textoRenglon}".`,
+              type: 'is-danger',
+            })
+            return false
+          }
+        }
+      }
+
+      return true
+    },
+
+    // Convierte las respuestas en formato { p1: ..., p3_A_1: ..., etc. }
+    formatearRespuestas(respuestas) {
+      const resultado = {}
+
+      for (const key in respuestas) {
+        const esTabla = !isNaN(Number(key))
+        if (esTabla) {
+          // Es una tabla
+          const idTabla = parseInt(key, 10)
+          const tablaDef = this.formulario.tablas.find(
+            (t) => t.idTabla === idTabla
+          )
+          if (!tablaDef) continue
+
+          const numPregunta = tablaDef.numeroPregunta
+          let subLetra = ''
+          if (tablaDef.subPreguntaTabla) {
+            const match = tablaDef.subPreguntaTabla.match(/^([A-E])\./)
+            if (match) subLetra = match[1]
+          }
+
+          const respuestasTabla = respuestas[key]
+          for (const idRenglon in respuestasTabla) {
+            const valor = respuestasTabla[idRenglon]
+            let clave = `p${numPregunta}_${idRenglon}`
+            if (subLetra) {
+              clave = `p${numPregunta}_${subLetra}_${idRenglon}`
+            }
+            resultado[clave] = valor
+          }
+        } else {
+          // Es una pregunta normal
+          const preguntaDef = this.formulario.preguntas.find(
+            (p) => p.id === key
+          )
+          if (!preguntaDef) continue
+
+          const numPregunta = preguntaDef.numeroPregunta
+          const clave = `p${numPregunta}`
+          resultado[clave] = respuestas[key]
+        }
+      }
+
+      return resultado
+    },
+  },
+}
+</script>
+
+<style scoped>
+/* Notificación flotante en parte inferior derecha, sin botón de cerrar */
+.notification-floating {
+  position: fixed !important;
+  bottom: 2rem;
+  right: 2rem;
+  z-index: 9999;
+  max-width: 350px;
+}
+
+
+.table-responsive {
+  width: 100%;
+  overflow-x: auto;
+}
+</style>
diff --git a/components/alumno/cuestionario2/FullCuestionario_old.vue b/components/alumno/cuestionario2/FullCuestionario_old.vue
new file mode 100644
index 0000000..43f4858
--- /dev/null
+++ b/components/alumno/cuestionario2/FullCuestionario_old.vue
@@ -0,0 +1,951 @@
+<template>
+  <div class="container mt-5">
+    <!-- <h1 class="text-center mb-4">{{ formulario.titulo }}</h1>
+    <p class="text-center">{{ formulario.descripcion }}</p> -->
+
+
+    <div >
+      <div v-for="(item, index) in sortedItems" :key="item.id || item.idTabla" class="mb-4 mt-6">
+        <div v-if="item.tipo" class="mt-6">
+          
+          <label :for="item.id" class="form-label">{{ item.numeroPregunta }}. {{ item.texto }}</label>
+          
+          <div v-if="item.tipo === 'seleccionUnica'"  :key="item.id">
+            <div v-for="opcion in item.opciones" :key="opcion" class="SINO">
+               <!--       :id="item.id" -->
+              <b-radio
+                v-model="respuestas[item.id]"
+            :key="item.id + '-' + opcion"
+                :native-value="opcion"
+                type="is-info"
+                 @change="updateRespuestas(item.id, opcion)"
+              >
+                {{ 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"
+             
+
+                :checked="respuestas[item.id].includes(opcion)"
+                @change="toggleSelection(item.id, opcion, $event)"
+
+              />
+              {{ opcion }}
+            </div>
+          </div>
+
+<!--           v-model="respuestas[item.id]"  -->
+          <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>
+
+
+
+
+  <div class="my-6 mb-6" >
+      <b-field class="centro">
+        <button
+          class="button is-success is-medium"
+          @click="() => { submitForm() }"
+            :disabled="!isFormComplete"
+        >
+          Enviar
+        </button>
+      </b-field>
+    </div>
+
+
+
+
+
+
+  </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 que utilizaste para seleccionar el programa de servicio social',
+            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 que realizaste fueron acordes a lo descrito en el programa?',
+            opciones: ['Sí', 'No'],
+          },
+          {
+            numeroPregunta:5,
+            id: 'actividadesComentarios2',
+            tipo: 'texto',
+            texto:
+              'En caso de que las actividades que realizaste hayan sido distintas a las descritas en el programa, enlistas ¿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 en las que te desempeñaste, contaban con condiciones adecuadas para la realización de las actividades que te encomendaron',
+            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 proporciono material/equipo necesario para el desempeño de tus actividades?',
+            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 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: '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 frustación',
+                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'],
+              },
+
+
+            ],
+          },
+
+
+
+        ],
+      },
+    }
+  },
+
+  created() {
+  this.respuestas = this.respuestas || {};
+
+  this.formulario.preguntas.forEach((pregunta) => {
+    if (!(pregunta.id in this.respuestas)) { // Solo inicializa si no existe
+      if (pregunta.tipo === 'seleccionMultiple') {
+        this.$set(this.respuestas, pregunta.id, []);
+      } else {
+        this.$set(this.respuestas, pregunta.id, null); // Usa null en lugar de ''
+      }
+    }
+  });
+
+  this.formulario.tablas.forEach((tabla) => {
+    if (!(tabla.idTabla in this.respuestas)) {
+      this.$set(this.respuestas, tabla.idTabla, {});
+    }
+
+    tabla.renglones.forEach((renglon) => {
+      if (!(renglon.idRenglon in this.respuestas[tabla.idTabla])) {
+        this.$set(this.respuestas[tabla.idTabla], renglon.idRenglon, null);
+      }
+    });
+  });
+},
+
+
+
+  watch: {
+  respuestas: {
+    handler(newVal) {
+      console.log("Estado actualizado de respuestas:", newVal);
+    },
+    deep: true
+  }
+},
+
+
+
+  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
+      })
+    },
+
+
+    isFormComplete() {
+    // Verifica todas las preguntas individuales
+    const allQuestionsAnswered = this.formulario.preguntas.every((pregunta) => {
+      const respuesta = this.respuestas[pregunta.id];
+      if (pregunta.tipo === "seleccionMultiple") {
+        return respuesta && respuesta.length > 0; // Debe tener al menos una opción seleccionada
+      }
+      return respuesta !== null && respuesta !== ""; // No debe ser null ni vacío
+    });
+
+    // Verifica todas las respuestas de la tabla
+    const allTablesAnswered = this.formulario.tablas.every((tabla) => {
+      return tabla.renglones.every((renglon) => {
+        return this.respuestas[tabla.idTabla] && this.respuestas[tabla.idTabla][renglon.idRenglon] !== null;
+      });
+    });
+
+    return allQuestionsAnswered && allTablesAnswered;
+  }
+
+
+
+
+  },
+  methods: {
+
+
+
+
+
+    toggleSelection(id, opcion, event) {
+    let selectedOptions = this.respuestas[id];
+
+    if (selectedOptions.includes(opcion)) {
+      // Si ya está seleccionada, se deselecciona
+      this.respuestas[id] = selectedOptions.filter(opt => opt !== opcion);
+    } else {
+      if (selectedOptions.length < 3) {
+        // Si hay espacio, se agrega la opción
+        this.respuestas[id].push(opcion);
+      } else {
+        // Evita la selección de más de 3 opciones
+        event.preventDefault();
+        this.$buefy.dialog.alert({
+          title: "Límite alcanzado",
+          message: "Solo puedes seleccionar hasta 3 opciones.",
+          type: "is-warning",
+        });
+      }
+    }
+  },
+
+
+
+ 
+    limitSelection(id, opcion, event) {
+    if (this.respuestas[id].length >= 3 && !this.respuestas[id].includes(opcion)) {
+      // Evita que se seleccione la opción adicional
+      event.preventDefault(); 
+      
+      this.$buefy.dialog.alert({
+        title: "Límite alcanzado",
+        message: "Solo puedes seleccionar hasta 3 opciones.",
+        type: "is-warning",
+      });
+    }
+  },
+
+
+
+
+    updateRespuestas(id, valor) {
+    this.$set(this.respuestas, id, valor);
+    console.log("Radio seleccionado:", id, valor);
+  },
+
+    validateResponses() {
+      for (const pregunta of this.formulario.preguntas) {
+        const respuesta = this.respuestas[pregunta.id];
+
+        // Verifica que no haya respuestas vacías
+        if (respuesta === null || respuesta === "") {
+          this.$buefy.dialog.alert({
+            title: "Error",
+            message: `Por favor, responde la pregunta: "${pregunta.texto}"`,
+            type: "is-danger",
+          });
+          return false;
+        }
+
+        // Para selección múltiple, al menos un elemento debe estar seleccionado
+        if (pregunta.tipo === "seleccionMultiple" && (!respuesta || respuesta.length === 0)) {
+          this.$buefy.dialog.alert({
+            title: "Error",
+            message: `Por favor, selecciona al menos una opción en: "${pregunta.texto}"`,
+            type: "is-danger",
+          });
+          return false;
+        }
+
+        // Validación adicional si la pregunta es de texto (evitar respuestas peligrosas)
+        if (pregunta.tipo === "texto" && respuesta.length > 500) {
+          this.$buefy.dialog.alert({
+            title: "Error",
+            message: `La respuesta de la pregunta "${pregunta.texto}" es demasiado larga.`,
+            type: "is-danger",
+          });
+          return false;
+        }
+      }
+
+      // Verifica que todas las respuestas en las tablas estén completas
+      for (const tabla of this.formulario.tablas) {
+        for (const renglon of tabla.renglones) {
+          const respuesta = this.respuestas[tabla.idTabla]?.[renglon.idRenglon];
+
+          if (respuesta === null) {
+            this.$buefy.dialog.alert({
+              title: "Error",
+              message: `Por favor, responde la pregunta en la tabla: "${tabla.preguntaTabla}" en la fila "${renglon.textoRenglon}"`,
+              type: "is-danger",
+            });
+            return false;
+          }
+        }
+      }
+      return true;
+    },
+
+    submitForm() {
+
+
+      if (!this.validateResponses())       return; // Detiene el envío si la validación falla
+      console.log('Respuestas a enviar:', 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:  localStorage.getItem('idServicio'), // 4,
+        p1: 'respuesta1 - trabajando para que sea una string',
+      }
+
+      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)
+        
+        
+            this.$buefy.dialog.alert({
+    title: "Error",
+    message: error.response?.data?.message || "Error al enviar el formulario",
+    type: "is-danger",
+  });
+        
+        
+          })
+          .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/alumno/preTermino.vue b/components/alumno/preTermino.vue
index c021d98..48ff06c 100644
--- a/components/alumno/preTermino.vue
+++ b/components/alumno/preTermino.vue
@@ -4,7 +4,10 @@
       Cuestionario de evaluación del programa de servicio social.
     </h3>
 
-    <b-field class="mb-6" v-if="!servicio.idCuestionarioAlumno">
+    <b-field
+      class="mb-6"
+      v-if="!servicio.idCuestionarioAlumno && !servicio.idCuestionarioAlumno2"
+    >
       <b-button
         type="is-info is-light"
         tag="router-link"
diff --git a/components/layouts/Logout.vue b/components/layouts/Logout.vue
index 492a8c0..e8bf84f 100644
--- a/components/layouts/Logout.vue
+++ b/components/layouts/Logout.vue
@@ -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..5500667
--- /dev/null
+++ b/components/responsable/CuestionarioResponsable2.vue
@@ -0,0 +1,618 @@
+<template>
+  <div class="container mt-5">
+    <!-- Notificación flotante sin botón de cierre -->
+    <b-notification
+      v-if="pendingItems.length && !isMobile"
+      type="is-warning"
+      class="notification-floating"
+      aria-close-label="Not applicable"
+      :closable="false" 
+    >
+      <p><strong>Te faltan contestar:</strong></p>
+      <ul>
+        <li v-for="(item, idx) in pendingItems" :key="idx">
+          {{ item }}
+        </li>
+      </ul>
+    </b-notification>
+
+    <div>
+      <div
+        v-for="(item, index) in sortedItems"
+        :key="item.id || item.idTabla"
+        class="mb-6"
+        v-if="isItemVisible(item)"
+      >
+        <!-- PREGUNTAS (texto, selección única, selección múltiple) -->
+        <div v-if="item.tipo" class="mt-6">
+          <label :for="item.id" class="form-label">
+            {{ item.numeroPregunta }}. {{ item.texto }}
+          </label>
+
+          <!-- Selección Única -->
+          <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>
+
+          <!-- Selección Múltiple -->
+          <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>
+
+          <!-- Texto -->
+          <div v-if="item.tipo === 'texto'">
+            <b-input
+              :id="item.id"
+              v-model="respuestas[item.id]"
+
+              :maxlength="item.limite"
+              show-counter
+              placeholder="Escribe tu respuesta aquí"
+            ></b-input>
+          </div>
+        </div>
+
+        <!-- TABLAS -->
+        <div class="table-responsive" v-else>
+          <template
+            v-if="
+              index === 0 ||
+              item.numeroPregunta !== sortedItems[index - 1].numeroPregunta
+            "
+          >
+            <h3 class="mb-3">
+              {{ item.numeroPregunta }}. {{ item.preguntaTabla }}
+            </h3>
+          </template>
+
+          <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>
+
+    <!-- BOTÓN ENVIAR -->
+    <div class="my-6 mb-6">
+      <b-field class="centro">
+        <button
+          class="button is-success is-medium"
+          @click="submitForm"
+          :disabled="!isFormComplete"
+        >
+          Enviar
+        </button>
+      </b-field>
+    </div>
+  </div>
+</template>
+
+<script>
+import Buefy from 'buefy'
+import 'buefy/dist/buefy.css'
+import axios from 'axios'
+
+export default {
+
+
+  props: {
+    idServicio: { type: Number, required: true },
+    responsable: { type: Object, required: true },
+    imprimirError: { type: Function, required: true },
+    imprimirMensaje: { type: Function, required: true },
+    imprimirWarning: { type: Function, required: true },
+    updateIsLoading: { type: Function, required: true },
+  },
+  
+  data() {
+    return {
+      isLoading: false,
+      respuestas: {},
+
+      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',
+            limite: 100,
+            texto:
+            'Mencione las principales actividades que realizó el/la universitario(a) en su programa de servicio social',
+          },
+          {
+            numeroPregunta: 2,
+            id: 'calificacionGeneral',
+            tipo: 'seleccionUnica',
+            texto:
+            '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',
+            limite: 100,
+            texto:
+            '¿Qué cursos considera que complementarían la formación de nuestros egresados?',
+          },
+          {
+            numeroPregunta: 5,
+            id: 'contratariaFuturo',
+            tipo: 'seleccionUnica',
+            texto: '¿Considera contratar en un futuro al universitario(a)?',
+            opciones: ['Sí', 'No'],
+          },
+          {
+            numeroPregunta: 6,
+            id: 'porqueNoContrataria',
+            tipo: 'texto',
+            limite: 100,
+            texto:
+              '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 ------
+          {
+            idTabla: 301,
+            numeroPregunta: 3,
+            preguntaTabla:
+              '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'],
+              },
+            ],
+          },
+        ],
+      },
+    }
+  },
+
+  created() {
+    // Inicializa las respuestas de cada pregunta
+    this.formulario.preguntas.forEach((pregunta) => {
+      if (pregunta.tipo === 'seleccionMultiple') {
+        this.$set(this.respuestas, pregunta.id, [])
+      } else {
+        this.$set(this.respuestas, pregunta.id, '')
+      }
+    })
+
+    // Inicializa las respuestas para cada tabla
+    this.formulario.tablas.forEach((tabla) => {
+      this.$set(this.respuestas, tabla.idTabla, {})
+      tabla.renglones.forEach((renglon) => {
+        this.$set(this.respuestas[tabla.idTabla], renglon.idRenglon, null)
+      })
+    })
+  },
+
+  computed: {
+
+
+    isMobile() {
+      return window.innerWidth < 576
+    },
+
+
+    // Combina preguntas y tablas en un array ordenado
+    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
+      })
+    },
+
+    // Determina los ítems (preguntas/tablas) que siguen pendientes
+    pendingItems() {
+      let missing = []
+
+      // Revisar preguntas (solo las que estén visibles)
+      this.formulario.preguntas.forEach((p) => {
+        if (!this.isItemVisible(p)) return
+        const answer = this.respuestas[p.id]
+        let answered = false
+
+        if (p.tipo === 'seleccionMultiple') {
+          answered = answer && answer.length > 0
+        } else {
+          answered = answer !== null && answer !== ''
+        }
+
+        if (!answered) {
+          missing.push(`Pregunta ${p.numeroPregunta}`)
+        }
+      })
+
+      // Revisar tablas
+      this.formulario.tablas.forEach((t) => {
+        let allAnswered = t.renglones.every(
+          (r) =>
+            this.respuestas[t.idTabla] &&
+            this.respuestas[t.idTabla][r.idRenglon] !== null
+        )
+        if (!allAnswered) {
+          missing.push(`Tabla ${t.numeroPregunta}`)
+        }
+      })
+
+      return missing
+    },
+
+    // El formulario se considera completo si no hay ítems pendientes
+    isFormComplete() {
+      return this.pendingItems.length === 0
+    },
+  },
+
+  methods: {
+    // Determina si un item (pregunta/tabla) debe mostrarse (condicional)
+    isItemVisible(item) {
+      if (item.condicional) {
+        // Checa la respuesta de la pregunta 'preguntaId'
+        const respuestaCond = this.respuestas[item.condicional.preguntaId]
+        return respuestaCond === item.condicional.valor
+      }
+      return true
+    },
+
+    submitForm() {
+      if (!this.validateResponses()) {
+        return
+      }
+
+      console.log("tokens", this.responsable.token );
+
+      console.log('Respuestas enviadas:', this.respuestas)
+
+      // Convertir a formato p1, p2, p3_A_1, etc.
+      const respuestaFormateada = this.formatearRespuestas(this.respuestas)
+      console.log('Respuestas formateadas:', respuestaFormateada)
+
+      let data = {
+        ...respuestaFormateada,
+        idServicio: localStorage.getItem('idServicio'),
+      }
+
+
+      
+
+      this.isLoading = true
+      axios
+        .post(`${process.env.api}/cuestionario_programa`, data , this.responsable.token)
+        .then(() => {
+          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,
+          })
+          localStorage.removeItem('idCuestionarioAlumno')
+          this.$router.push('/alumno')
+        })
+        .catch((error) => {
+          this.$buefy.dialog.alert({
+            title: 'Error',
+            message:
+              error.response?.data?.message || 'Error al enviar el formulario',
+            type: 'is-danger',
+          })
+        })
+        .finally(() => {
+          this.isLoading = false
+        })
+    },
+
+    // Valida que las preguntas y tablas visibles estén contestadas
+    validateResponses() {
+      // Validar preguntas
+      for (const pregunta of this.formulario.preguntas) {
+        if (!this.isItemVisible(pregunta)) continue
+
+        const respuesta = this.respuestas[pregunta.id]
+
+        // Verifica que no esté vacía
+        if (pregunta.tipo === 'seleccionMultiple') {
+          if (!respuesta || respuesta.length === 0) {
+            this.$buefy.dialog.alert({
+              title: 'Error',
+              message: `Por favor, selecciona al menos una opción en la pregunta ${pregunta.numeroPregunta}.`,
+              type: 'is-danger',
+            })
+            return false
+          }
+        } else {
+          if (respuesta === null || respuesta === '') {
+            this.$buefy.dialog.alert({
+              title: 'Error',
+              message: `Por favor, responde la pregunta ${pregunta.numeroPregunta}.`,
+              type: 'is-danger',
+            })
+            return false
+          }
+        }
+
+        // Si es texto y excede 500 caracteres
+        if (pregunta.tipo === 'texto' && respuesta.length > 500) {
+          this.$buefy.dialog.alert({
+            title: 'Error',
+            message: `La respuesta de la pregunta ${pregunta.numeroPregunta} es demasiado larga (máx. 500 caracteres).`,
+            type: 'is-danger',
+          })
+          return false
+        }
+      }
+
+      // Validar tablas
+      for (const tabla of this.formulario.tablas) {
+        for (const renglon of tabla.renglones) {
+          const respRenglon = this.respuestas[tabla.idTabla]?.[renglon.idRenglon]
+          if (respRenglon === null) {
+            this.$buefy.dialog.alert({
+              title: 'Error',
+              message: `Por favor, responde la tabla ${tabla.numeroPregunta}, fila "${renglon.textoRenglon}".`,
+              type: 'is-danger',
+            })
+            return false
+          }
+        }
+      }
+
+      return true
+    },
+
+    // Convierte las respuestas en formato { p1: ..., p3_A_1: ..., etc. }
+    formatearRespuestas(respuestas) {
+      const resultado = {}
+
+      for (const key in respuestas) {
+        const esTabla = !isNaN(Number(key))
+        if (esTabla) {
+          // Es una tabla
+          const idTabla = parseInt(key, 10)
+          const tablaDef = this.formulario.tablas.find(
+            (t) => t.idTabla === idTabla
+          )
+          if (!tablaDef) continue
+
+          const numPregunta = tablaDef.numeroPregunta
+          let subLetra = ''
+          if (tablaDef.subPreguntaTabla) {
+            const match = tablaDef.subPreguntaTabla.match(/^([A-E])\./)
+            if (match) subLetra = match[1]
+          }
+
+          const respuestasTabla = respuestas[key]
+          for (const idRenglon in respuestasTabla) {
+            const valor = respuestasTabla[idRenglon]
+            let clave = `p${numPregunta}_${idRenglon}`
+            if (subLetra) {
+              clave = `p${numPregunta}_${subLetra}_${idRenglon}`
+            }
+            resultado[clave] = valor
+          }
+        } else {
+          // Es una pregunta normal
+          const preguntaDef = this.formulario.preguntas.find(
+            (p) => p.id === key
+          )
+          if (!preguntaDef) continue
+
+          const numPregunta = preguntaDef.numeroPregunta
+          const clave = `p${numPregunta}`
+          resultado[clave] = respuestas[key]
+        }
+      }
+
+      return resultado
+    },
+  },
+}
+</script>
+
+<style scoped>
+/* Notificación flotante en parte inferior derecha, sin botón de cerrar */
+.notification-floating {
+  position: fixed !important;
+  bottom: 2rem;
+  right: 2rem;
+  z-index: 9999;
+  max-width: 350px;
+  width: auto; /* o 90% si prefieres */
+  box-sizing: border-box;
+}
+
+/* Ajustes en pantallas pequeñas (ej. < 480px) */
+@media (max-width: 480px) {
+  .notification-floating {
+    right: 1rem;
+    left: 1rem;  /* Opcional: para centrar la notificación */
+    bottom: 1rem;
+    max-width: none; /* Para que no se limite a 350px */
+    width: auto; /* O 90%, como prefieras */
+  }
+}
+
+
+.table-responsive {
+  width: 100%;
+  overflow-x: auto;
+}
+
+</style>
diff --git a/components/responsable/CuestionarioResponsable2copy.vue b/components/responsable/CuestionarioResponsable2copy.vue
new file mode 100644
index 0000000..9f77771
--- /dev/null
+++ b/components/responsable/CuestionarioResponsable2copy.vue
@@ -0,0 +1,680 @@
+<template>
+  <div class="container mt-5">
+    <!-- 
+    <h1 class="text-center mb-4">{{ formulario.titulo }}</h1>
+    <p class="text-center">{{ formulario.descripcion }}</p> -->
+
+    <div>
+      <div
+        v-for="(item, index) in sortedItems"
+        :key="item.id || item.idTabla"
+        class="mb-6"
+      >
+        <div v-if="item.tipo" class="mt-6">
+          <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>
+
+    <div class="my-6 mb-6">
+      <b-field class="centro">
+        <button
+          class="button is-success is-medium"
+          @click="() => {submitForm()}"
+          :disabled="!isFormComplete"
+        >
+          Enviar
+        </button>
+      </b-field>
+    </div>
+  </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 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:
+              'Mencione las principales actividades que realizó el/la universitario(a) en su programa de servicio social',
+          },
+          {
+            numeroPregunta: 2,
+            id: 'calificacionGeneral',
+            tipo: 'seleccionUnica',
+            texto:
+              '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:
+              '¿Qué cursos considera que complementarían la formación de nuestros egresados?',
+          },
+          {
+            numeroPregunta: 5,
+            id: 'contratariaFuturo',
+            tipo: 'seleccionUnica',
+            texto: '¿Considera contratar en un futuro al universitario(a)?',
+            opciones: ['Sí', 'No'],
+          },
+          {
+            numeroPregunta: 6,
+            id: 'porqueNoContrataria',
+            tipo: 'texto',
+            texto:
+              '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:
+              '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]
+      });
+    });
+  }, */
+
+  created() {
+    this.formulario.preguntas.forEach((pregunta) => {
+      if (pregunta.tipo === 'seleccionMultiple') {
+        this.$set(this.respuestas, pregunta.id, []) // Inicializar correctamente selección múltiple
+      } else {
+        this.$set(this.respuestas, pregunta.id, '') // Otras preguntas como texto o selección única
+      }
+    })
+
+    // Inicializa respuestas para cada tabla
+    this.formulario.tablas.forEach((tabla) => {
+      this.$set(this.respuestas, tabla.idTabla, {})
+      tabla.renglones.forEach((renglon) => {
+        this.$set(this.respuestas[tabla.idTabla], renglon.idRenglon, null)
+      })
+    })
+  },
+
+  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
+      })
+    },
+
+    isFormComplete() {
+      // Verifica todas las preguntas individuales
+      const allQuestionsAnswered = this.formulario.preguntas.every(
+        (pregunta) => {
+          const respuesta = this.respuestas[pregunta.id]
+          if (pregunta.tipo === 'seleccionMultiple') {
+            return respuesta && respuesta.length > 0 // Debe tener al menos una opción seleccionada
+          }
+          return respuesta !== null && respuesta !== '' // No debe ser null ni vacío
+        }
+      )
+
+      // Verifica todas las respuestas de la tabla
+      const allTablesAnswered = this.formulario.tablas.every((tabla) => {
+        return tabla.renglones.every((renglon) => {
+          return (
+            this.respuestas[tabla.idTabla] &&
+            this.respuestas[tabla.idTabla][renglon.idRenglon] !== null
+          )
+        })
+      })
+
+      return allQuestionsAnswered && allTablesAnswered
+    },
+  },
+  methods: {
+    submitForm() {
+      if (!this.validateResponses()) {
+        return // Detiene el envío si la validación falla
+      }
+
+      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: localStorage.getItem('idServicio'),
+        p1: 'respuesta1 - trabajando para que sea una string',
+      }
+
+      axios
+        .post(
+          `${process.env.api}/cuestionario_programa`,
+          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)
+
+          this.$buefy.dialog.alert({
+            title: 'Error',
+            message:
+              error.response?.data?.message || 'Error al enviar el formulario',
+            type: 'is-danger',
+          })
+        })
+        .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
+    },
+
+    validateResponses() {
+      for (const pregunta of this.formulario.preguntas) {
+        const respuesta = this.respuestas[pregunta.id]
+
+        // Verifica que no haya respuestas vacías
+        if (respuesta === null || respuesta === '') {
+          this.$buefy.dialog.alert({
+            title: 'Error',
+            message: `Por favor, responde la pregunta: "${pregunta.texto}"`,
+            type: 'is-danger',
+          })
+          return false
+        }
+
+        // Para selección múltiple, al menos un elemento debe estar seleccionado
+        if (
+          pregunta.tipo === 'seleccionMultiple' &&
+          (!respuesta || respuesta.length === 0)
+        ) {
+          this.$buefy.dialog.alert({
+            title: 'Error',
+            message: `Por favor, selecciona al menos una opción en: "${pregunta.texto}"`,
+            type: 'is-danger',
+          })
+          return false
+        }
+
+        // Validación adicional si la pregunta es de texto (evitar respuestas peligrosas)
+        if (pregunta.tipo === 'texto' && respuesta.length > 500) {
+          this.$buefy.dialog.alert({
+            title: 'Error',
+            message: `La respuesta de la pregunta "${pregunta.texto}" es demasiado larga.`,
+            type: 'is-danger',
+          })
+          return false
+        }
+      }
+
+      // Verifica que todas las respuestas en las tablas estén completas
+      for (const tabla of this.formulario.tablas) {
+        for (const renglon of tabla.renglones) {
+          const respuesta = this.respuestas[tabla.idTabla]?.[renglon.idRenglon]
+
+          if (respuesta === null) {
+            this.$buefy.dialog.alert({
+              title: 'Error',
+              message: `Por favor, responde la pregunta en la tabla: "${tabla.preguntaTabla}" en la fila "${renglon.textoRenglon}"`,
+              type: 'is-danger',
+            })
+            return false
+          }
+        }
+      }
+
+      return true
+    },
+
+    updateRespuestas(id, valor) {
+      this.$set(this.respuestas, id, valor)
+      console.log('Radio seleccionado:', id, valor)
+    },
+  },
+}
+</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"
+  }
+  
+  
+   -->
diff --git a/components/responsable/UploadArchivo.vue b/components/responsable/UploadArchivo.vue
index e9b318e..24311d8 100644
--- a/components/responsable/UploadArchivo.vue
+++ b/components/responsable/UploadArchivo.vue
@@ -78,7 +78,7 @@ export default {
         })
         .catch((err) => {
           this.updateIsLoading(false)
-          this.imprimirerr(err.response.data)
+          this.imprimirError(err.response.data)
         })
     },
   },
diff --git a/nuxt.config.js b/nuxt.config.js
index 1f9e89e..0194b58 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:3000',
     // 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/package-lock.json b/package-lock.json
index f83f364..855796b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -34,9 +34,9 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.16.4",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.16.4.tgz",
-      "integrity": "sha512-1o/jo7D+kC9ZjHX5v+EHrdjl3PhxMrLSOTGsOdHJ+KL8HCaEK6ehrVL2RS6oHDZp+L7xLirLrPmQtEng769J/Q==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.16.8.tgz",
+      "integrity": "sha512-m7OkX0IdKLKPpBlJtF561YJal5y/jyI5fNfWbPxh2D/nbzzGI4qRyrD8xO2jB24u7l+5I2a43scCG2IrfjC50Q==",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -70,20 +70,12 @@
         "url": "https://opencollective.com/babel"
       }
     },
-    "node_modules/@babel/core/node_modules/semver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
     "node_modules/@babel/generator": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.16.7.tgz",
-      "integrity": "sha512-/ST3Sg8MLGY5HVYmrjOgL60ENux/HfO/CsUh7y4MalThufhE/Ff/6EibFDHi4jiDCaWfJKoqbE6oTh21c5hrRg==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.16.8.tgz",
+      "integrity": "sha512-1ojZwE9+lOXzcWdWmO6TbUzDfqLD39CmEhN8+2cX9XkDo5yW1OpgfejfliysR2AWLpMamTiOiAp/mtroaymhpw==",
       "dependencies": {
-        "@babel/types": "^7.16.7",
+        "@babel/types": "^7.16.8",
         "jsesc": "^2.5.1",
         "source-map": "^0.5.0"
       },
@@ -131,14 +123,6 @@
         "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
     "node_modules/@babel/helper-create-class-features-plugin": {
       "version": "7.16.7",
       "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.16.7.tgz",
@@ -175,9 +159,9 @@
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.0.tgz",
-      "integrity": "sha512-7hfT8lUljl/tM3h+izTX/pO3W3frz2ok6Pk+gzys8iJqDfZrZy2pXjRTZAvG2YmfHun1X4q8/UZRLatMfqc5Tg==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.1.tgz",
+      "integrity": "sha512-J9hGMpJQmtWmj46B3kBHmL38UhJGhYX7eqkcq+2gsstyYt341HmPeWspihX43yVRA0mS+8GGk2Gckc7bY/HCmA==",
       "dependencies": {
         "@babel/helper-compilation-targets": "^7.13.0",
         "@babel/helper-module-imports": "^7.12.13",
@@ -192,14 +176,6 @@
         "@babel/core": "^7.4.0-0"
       }
     },
-    "node_modules/@babel/helper-define-polyfill-provider/node_modules/semver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
     "node_modules/@babel/helper-environment-visitor": {
       "version": "7.16.7",
       "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.16.7.tgz",
@@ -317,13 +293,13 @@
       }
     },
     "node_modules/@babel/helper-remap-async-to-generator": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.16.7.tgz",
-      "integrity": "sha512-C3o117GnP/j/N2OWo+oepeWbFEKRfNaay+F1Eo5Mj3A1SRjyx+qaFhm23nlipub7Cjv2azdUUiDH+VlpdwUFRg==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.16.8.tgz",
+      "integrity": "sha512-fm0gH7Flb8H51LqJHy3HJ3wnE1+qtYR2A99K06ahwrawLdOFsCEWjZOrYricXJHoPSudNKxrMBUPEIPxiIIvBw==",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.16.7",
-        "@babel/helper-wrap-function": "^7.16.7",
-        "@babel/types": "^7.16.7"
+        "@babel/helper-wrap-function": "^7.16.8",
+        "@babel/types": "^7.16.8"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -394,14 +370,14 @@
       }
     },
     "node_modules/@babel/helper-wrap-function": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.16.7.tgz",
-      "integrity": "sha512-7a9sABeVwcunnztZZ7WTgSw6jVYLzM1wua0Z4HIXm9S3/HC96WKQTkFgGEaj5W06SHHihPJ6Le6HzS5cGOQMNw==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.16.8.tgz",
+      "integrity": "sha512-8RpyRVIAW1RcDDGTA+GpPAwV22wXCfKOoM9bet6TLkGIFTkRQSkH1nMQ5Yet4MpoXe1ZwHPVtNasc2w0uZMqnw==",
       "dependencies": {
         "@babel/helper-function-name": "^7.16.7",
         "@babel/template": "^7.16.7",
-        "@babel/traverse": "^7.16.7",
-        "@babel/types": "^7.16.7"
+        "@babel/traverse": "^7.16.8",
+        "@babel/types": "^7.16.8"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -498,9 +474,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.16.7.tgz",
-      "integrity": "sha512-sR4eaSrnM7BV7QPzGfEX5paG/6wrZM3I0HDzfIAK06ESvo9oy3xBuVBxE3MbQaKNhvg8g/ixjMWo2CGpzpHsDA==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.16.8.tgz",
+      "integrity": "sha512-i7jDUfrVBWc+7OKcBzEe5n7fbv3i2fWtxKzzCvOjnzSxMfWMigAhtfJ7qzZNGFNMsCCd67+uz553dYKWXPvCKw==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -539,12 +515,12 @@
       }
     },
     "node_modules/@babel/plugin-proposal-async-generator-functions": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.16.7.tgz",
-      "integrity": "sha512-TTXBT3A5c11eqRzaC6beO6rlFT3Mo9C2e8eB44tTr52ESXSK2CIc2fOp1ynpAwQA8HhBMho+WXhMHWlAe3xkpw==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.16.8.tgz",
+      "integrity": "sha512-71YHIvMuiuqWJQkebWJtdhQTfd4Q4mF76q2IX37uZPkG9+olBxsX+rH1vkhFto4UeJZ9dPY2s+mDvhDm1u2BGQ==",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.16.7",
-        "@babel/helper-remap-async-to-generator": "^7.16.7",
+        "@babel/helper-remap-async-to-generator": "^7.16.8",
         "@babel/plugin-syntax-async-generators": "^7.8.4"
       },
       "engines": {
@@ -993,13 +969,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-async-to-generator": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.16.7.tgz",
-      "integrity": "sha512-pFEfjnK4DfXCfAlA5I98BYdDJD8NltMzx19gt6DAmfE+2lXRfPUoa0/5SUjT4+TDE1W/rcxU/1lgN55vpAjjdg==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.16.8.tgz",
+      "integrity": "sha512-MtmUmTJQHCnyJVrScNzNlofQJ3dLFuobYn3mwOTKHnSCMtbNsqvF71GQmJfFjdrXSsAA7iysFmYWw4bXZ20hOg==",
       "dependencies": {
         "@babel/helper-module-imports": "^7.16.7",
         "@babel/helper-plugin-utils": "^7.16.7",
-        "@babel/helper-remap-async-to-generator": "^7.16.7"
+        "@babel/helper-remap-async-to-generator": "^7.16.8"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1212,9 +1188,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-commonjs": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.16.7.tgz",
-      "integrity": "sha512-h2RP2kE7He1ZWKyAlanMZrAbdv+Acw1pA8dQZhE025WJZE2z0xzFADAinXA9fxd5bn7JnM+SdOGcndGx1ARs9w==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.16.8.tgz",
+      "integrity": "sha512-oflKPvsLT2+uKQopesJt3ApiaIS2HW+hzHFcwRNtyDGieAeC/dIHZX8buJQ2J2X1rxGPy4eRcUijm3qcSPjYcA==",
       "dependencies": {
         "@babel/helper-module-transforms": "^7.16.7",
         "@babel/helper-plugin-utils": "^7.16.7",
@@ -1262,9 +1238,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.16.7.tgz",
-      "integrity": "sha512-kFy35VwmwIQwCjwrAQhl3+c/kr292i4KdLPKp5lPH03Ltc51qnFlIADoyPxc/6Naz3ok3WdYKg+KK6AH+D4utg==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.16.8.tgz",
+      "integrity": "sha512-j3Jw+n5PvpmhRR+mrgIh04puSANCk/T/UA3m3P1MjJkhlK906+ApHhDIqBQDdOgL/r1UYpz4GNclTXxyZrYGSw==",
       "dependencies": {
         "@babel/helper-create-regexp-features-plugin": "^7.16.7"
       },
@@ -1361,14 +1337,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-runtime": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.16.7.tgz",
-      "integrity": "sha512-2FoHiSAWkdq4L06uaDN3rS43i6x28desUVxq+zAFuE6kbWYQeiLPJI5IC7Sg9xKYVcrBKSQkVUfH6aeQYbl9QA==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.16.8.tgz",
+      "integrity": "sha512-6Kg2XHPFnIarNweZxmzbgYnnWsXxkx9WQUVk2sksBRL80lBC1RAQV3wQagWxdCHiYHqPN+oenwNIuttlYgIbQQ==",
       "dependencies": {
         "@babel/helper-module-imports": "^7.16.7",
         "@babel/helper-plugin-utils": "^7.16.7",
         "babel-plugin-polyfill-corejs2": "^0.3.0",
-        "babel-plugin-polyfill-corejs3": "^0.4.0",
+        "babel-plugin-polyfill-corejs3": "^0.5.0",
         "babel-plugin-polyfill-regenerator": "^0.3.0",
         "semver": "^6.3.0"
       },
@@ -1379,14 +1355,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-transform-runtime/node_modules/semver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
     "node_modules/@babel/plugin-transform-shorthand-properties": {
       "version": "7.16.7",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.16.7.tgz",
@@ -1488,17 +1456,17 @@
       }
     },
     "node_modules/@babel/preset-env": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.16.7.tgz",
-      "integrity": "sha512-urX3Cee4aOZbRWOSa3mKPk0aqDikfILuo+C7qq7HY0InylGNZ1fekq9jmlr3pLWwZHF4yD7heQooc2Pow2KMyQ==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.16.8.tgz",
+      "integrity": "sha512-9rNKgVCdwHb3z1IlbMyft6yIXIeP3xz6vWvGaLHrJThuEIqWfHb0DNBH9VuTgnDfdbUDhkmkvMZS/YMCtP7Elg==",
       "dependencies": {
-        "@babel/compat-data": "^7.16.4",
+        "@babel/compat-data": "^7.16.8",
         "@babel/helper-compilation-targets": "^7.16.7",
         "@babel/helper-plugin-utils": "^7.16.7",
         "@babel/helper-validator-option": "^7.16.7",
         "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.16.7",
         "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.16.7",
-        "@babel/plugin-proposal-async-generator-functions": "^7.16.7",
+        "@babel/plugin-proposal-async-generator-functions": "^7.16.8",
         "@babel/plugin-proposal-class-properties": "^7.16.7",
         "@babel/plugin-proposal-class-static-block": "^7.16.7",
         "@babel/plugin-proposal-dynamic-import": "^7.16.7",
@@ -1528,7 +1496,7 @@
         "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
         "@babel/plugin-syntax-top-level-await": "^7.14.5",
         "@babel/plugin-transform-arrow-functions": "^7.16.7",
-        "@babel/plugin-transform-async-to-generator": "^7.16.7",
+        "@babel/plugin-transform-async-to-generator": "^7.16.8",
         "@babel/plugin-transform-block-scoped-functions": "^7.16.7",
         "@babel/plugin-transform-block-scoping": "^7.16.7",
         "@babel/plugin-transform-classes": "^7.16.7",
@@ -1542,10 +1510,10 @@
         "@babel/plugin-transform-literals": "^7.16.7",
         "@babel/plugin-transform-member-expression-literals": "^7.16.7",
         "@babel/plugin-transform-modules-amd": "^7.16.7",
-        "@babel/plugin-transform-modules-commonjs": "^7.16.7",
+        "@babel/plugin-transform-modules-commonjs": "^7.16.8",
         "@babel/plugin-transform-modules-systemjs": "^7.16.7",
         "@babel/plugin-transform-modules-umd": "^7.16.7",
-        "@babel/plugin-transform-named-capturing-groups-regex": "^7.16.7",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.16.8",
         "@babel/plugin-transform-new-target": "^7.16.7",
         "@babel/plugin-transform-object-super": "^7.16.7",
         "@babel/plugin-transform-parameters": "^7.16.7",
@@ -1560,11 +1528,11 @@
         "@babel/plugin-transform-unicode-escapes": "^7.16.7",
         "@babel/plugin-transform-unicode-regex": "^7.16.7",
         "@babel/preset-modules": "^0.1.5",
-        "@babel/types": "^7.16.7",
+        "@babel/types": "^7.16.8",
         "babel-plugin-polyfill-corejs2": "^0.3.0",
-        "babel-plugin-polyfill-corejs3": "^0.4.0",
+        "babel-plugin-polyfill-corejs3": "^0.5.0",
         "babel-plugin-polyfill-regenerator": "^0.3.0",
-        "core-js-compat": "^3.19.1",
+        "core-js-compat": "^3.20.2",
         "semver": "^6.3.0"
       },
       "engines": {
@@ -1574,14 +1542,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/preset-env/node_modules/semver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
     "node_modules/@babel/preset-modules": {
       "version": "0.1.5",
       "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.5.tgz",
@@ -1622,18 +1582,18 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.16.7.tgz",
-      "integrity": "sha512-8KWJPIb8c2VvY8AJrydh6+fVRo2ODx1wYBU2398xJVq0JomuLBZmVQzLPBblJgHIGYG4znCpUZUZ0Pt2vdmVYQ==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.16.8.tgz",
+      "integrity": "sha512-xe+H7JlvKsDQwXRsBhSnq1/+9c+LlQcCK3Tn/l5sbx02HYns/cn7ibp9+RV1sIUqu7hKg91NWsgHurO9dowITQ==",
       "dependencies": {
         "@babel/code-frame": "^7.16.7",
-        "@babel/generator": "^7.16.7",
+        "@babel/generator": "^7.16.8",
         "@babel/helper-environment-visitor": "^7.16.7",
         "@babel/helper-function-name": "^7.16.7",
         "@babel/helper-hoist-variables": "^7.16.7",
         "@babel/helper-split-export-declaration": "^7.16.7",
-        "@babel/parser": "^7.16.7",
-        "@babel/types": "^7.16.7",
+        "@babel/parser": "^7.16.8",
+        "@babel/types": "^7.16.8",
         "debug": "^4.1.0",
         "globals": "^11.1.0"
       },
@@ -1650,9 +1610,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.16.7.tgz",
-      "integrity": "sha512-E8HuV7FO9qLpx6OtoGfUQ2cjIYnbFwvZWYBS+87EwtdMvmUPJSwykpovFB+8insbpF0uJcpr8KMUi64XZntZcg==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.16.8.tgz",
+      "integrity": "sha512-smN2DQc5s4M7fntyjGtyIPbRJv6wW4rU/94fmYJ7PKQuZkC0qGMHXJbg6sNGt12JmVr4k5YaptI/XtiLJBnmIg==",
       "dependencies": {
         "@babel/helper-validator-identifier": "^7.16.7",
         "to-fast-properties": "^2.0.0"
@@ -1690,6 +1650,16 @@
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
+    "node_modules/@eslint/eslintrc/node_modules/ignore": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+      "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
     "node_modules/@gar/promisify": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.2.tgz",
@@ -1761,6 +1731,36 @@
         "node": "^12.13.0 || ^14.15.0 || >=16"
       }
     },
+    "node_modules/@npmcli/fs/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@npmcli/fs/node_modules/semver": {
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@npmcli/fs/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
     "node_modules/@npmcli/move-file": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@npmcli/move-file/-/move-file-1.1.2.tgz",
@@ -1836,14 +1836,6 @@
         "upath": "^2.0.1"
       }
     },
-    "node_modules/@nuxt/builder/node_modules/ignore": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
-      "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
     "node_modules/@nuxt/cli": {
       "version": "2.15.8",
       "resolved": "https://registry.npmjs.org/@nuxt/cli/-/cli-2.15.8.tgz",
@@ -1883,6 +1875,36 @@
       "resolved": "https://registry.npmjs.org/defu/-/defu-4.0.1.tgz",
       "integrity": "sha512-lC+G0KvvWRbisQa50+iFelm3/eMmwo4IlBmfASOVlw9MZpHHyQeVsZxc5j23+TQy5ydgEoTVSrWl7ptou1kzJQ=="
     },
+    "node_modules/@nuxt/cli/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@nuxt/cli/node_modules/semver": {
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@nuxt/cli/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
     "node_modules/@nuxt/components": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@nuxt/components/-/components-2.2.1.tgz",
@@ -1901,6 +1923,36 @@
         "consola": "*"
       }
     },
+    "node_modules/@nuxt/components/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@nuxt/components/node_modules/semver": {
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@nuxt/components/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
     "node_modules/@nuxt/config": {
       "version": "2.15.8",
       "resolved": "https://registry.npmjs.org/@nuxt/config/-/config-2.15.8.tgz",
@@ -2177,6 +2229,36 @@
         "ufo": "^0.7.4"
       }
     },
+    "node_modules/@nuxt/utils/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@nuxt/utils/node_modules/semver": {
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@nuxt/utils/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
     "node_modules/@nuxt/vue-app": {
       "version": "2.15.8",
       "resolved": "https://registry.npmjs.org/@nuxt/vue-app/-/vue-app-2.15.8.tgz",
@@ -2269,6 +2351,36 @@
         "webpackbar": "^4.0.0"
       }
     },
+    "node_modules/@nuxt/webpack/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@nuxt/webpack/node_modules/semver": {
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@nuxt/webpack/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
     "node_modules/@nuxtjs/axios": {
       "version": "5.13.6",
       "resolved": "https://registry.npmjs.org/@nuxtjs/axios/-/axios-5.13.6.tgz",
@@ -2323,9 +2435,9 @@
       "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ=="
     },
     "node_modules/@types/node": {
-      "version": "17.0.6",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.6.tgz",
-      "integrity": "sha512-+XBAjfZmmivILUzO0HwBJoYkAyyySSLg5KCGBDFLomJo0sV6szvVLAf4ANZZ0pfWzgEds5KmGLG9D5hfEqOhaA=="
+      "version": "17.0.9",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.9.tgz",
+      "integrity": "sha512-5dNBXu/FOER+EXnyah7rn8xlNrfMOQb/qXnw4NQgLkCygKBKhdmF/CA5oXVOKZLBEahw8s2WP9LxIcN/oDDRgQ=="
     },
     "node_modules/@types/q": {
       "version": "1.5.5",
@@ -2818,16 +2930,6 @@
         "string-width": "^4.1.0"
       }
     },
-    "node_modules/ansi-colors": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
-      "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/ansi-escapes": {
       "version": "4.3.2",
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
@@ -3096,44 +3198,36 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.0.tgz",
-      "integrity": "sha512-wMDoBJ6uG4u4PNFh72Ty6t3EgfA91puCuAwKIazbQlci+ENb/UU9A3xG5lutjUIiXCIn1CY5L15r9LimiJyrSA==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.1.tgz",
+      "integrity": "sha512-v7/T6EQcNfVLfcN2X8Lulb7DjprieyLWJK/zOWH5DUYcAgex9sP3h25Q+DLsX9TloXe3y1O8l2q2Jv9q8UVB9w==",
       "dependencies": {
         "@babel/compat-data": "^7.13.11",
-        "@babel/helper-define-polyfill-provider": "^0.3.0",
+        "@babel/helper-define-polyfill-provider": "^0.3.1",
         "semver": "^6.1.1"
       },
       "peerDependencies": {
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/babel-plugin-polyfill-corejs2/node_modules/semver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
     "node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.4.0.tgz",
-      "integrity": "sha512-YxFreYwUfglYKdLUGvIF2nJEsGwj+RhWSX/ije3D2vQPOXuyMLMtg/cCGMDpOA7Nd+MwlNdnGODbd2EwUZPlsw==",
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.5.1.tgz",
+      "integrity": "sha512-TihqEe4sQcb/QcPJvxe94/9RZuLQuF1+To4WqQcRvc+3J3gLCPIPgDKzGLG6zmQLfH3nn25heRuDNkS2KR4I8A==",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.3.0",
-        "core-js-compat": "^3.18.0"
+        "@babel/helper-define-polyfill-provider": "^0.3.1",
+        "core-js-compat": "^3.20.0"
       },
       "peerDependencies": {
         "@babel/core": "^7.0.0-0"
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.3.0.tgz",
-      "integrity": "sha512-dhAPTDLGoMW5/84wkgwiLRwMnio2i1fUe53EuvtKMv0pn2p3S8OCoV1xAzfJPl0KOX7IB89s2ib85vbYiea3jg==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.3.1.tgz",
+      "integrity": "sha512-Y2B06tvgHYt1x0yz17jGkGeeMr5FeKUu+ASJ+N6nB5lQ8Dapfg42i0OVrf8PNGJ3zKL4A23snMi1IRwrqqND7A==",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.3.0"
+        "@babel/helper-define-polyfill-provider": "^0.3.1"
       },
       "peerDependencies": {
         "@babel/core": "^7.0.0-0"
@@ -3697,9 +3791,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001295",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001295.tgz",
-      "integrity": "sha512-lSP16vcyC0FEy0R4ECc9duSPoKoZy+YkpGkue9G4D81OfPnliopaZrU10+qtPdT8PbGXad/PNx43TIQrOmJZSQ==",
+      "version": "1.0.30001300",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001300.tgz",
+      "integrity": "sha512-cVjiJHWGcNlJi8TZVKNMnvMid3Z3TTdDHmLDzlOdIiZq138Exvo0G+G0wTdVYolxKb4AYwC+38pxodiInVtJSA==",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/browserslist"
@@ -4175,9 +4269,9 @@
       }
     },
     "node_modules/core-js": {
-      "version": "3.20.2",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.20.2.tgz",
-      "integrity": "sha512-nuqhq11DcOAbFBV4zCbKeGbKQsUDRqTX0oqx7AttUBuqe3h20ixsE039QHelbL6P4h+9kytVqyEtyZ6gsiwEYw==",
+      "version": "3.20.3",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.20.3.tgz",
+      "integrity": "sha512-vVl8j8ph6tRS3B8qir40H7yw7voy17xL0piAjlbBUsH7WIfzoedL/ZOr1OV9FyZQLWXsayOJyV4tnRyXR85/ag==",
       "hasInstallScript": true,
       "funding": {
         "type": "opencollective",
@@ -4185,9 +4279,9 @@
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.20.2",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.20.2.tgz",
-      "integrity": "sha512-qZEzVQ+5Qh6cROaTPFLNS4lkvQ6mBzE3R6A6EEpssj7Zr2egMHgsy4XapdifqJDGC9CBiNv7s+ejI96rLNQFdg==",
+      "version": "3.20.3",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.20.3.tgz",
+      "integrity": "sha512-c8M5h0IkNZ+I92QhIpuSijOxGAcj3lgpsWdkCqmUTZNwidujF4r3pi6x1DCN+Vcs5qTS2XWWMfWSuCqyupX8gw==",
       "dependencies": {
         "browserslist": "^4.19.1",
         "semver": "7.0.0"
@@ -4476,6 +4570,36 @@
         "node": ">=8.9.0"
       }
     },
+    "node_modules/css-loader/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/css-loader/node_modules/semver": {
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/css-loader/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
     "node_modules/css-prefers-color-scheme": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-3.1.1.tgz",
@@ -4759,9 +4883,9 @@
       }
     },
     "node_modules/defu": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/defu/-/defu-5.0.0.tgz",
-      "integrity": "sha512-VHg73EDeRXlu7oYWRmmrNp/nl7QkdXUxkQQKig0Zk8daNmm84AbGoC8Be6/VVLJEKxn12hR0UBmz8O+xQiAPKQ=="
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-5.0.1.tgz",
+      "integrity": "sha512-EPS1carKg+dkEVy3qNTqIdp2qV7mUP08nIsupfwQpz++slCVRw7qbQyWvSTig+kFPwz2XXp5/kIIkH+CwrJKkQ=="
     },
     "node_modules/depd": {
       "version": "1.1.2",
@@ -4982,9 +5106,9 @@
       "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.31",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.31.tgz",
-      "integrity": "sha512-t3XVQtk+Frkv6aTD4RRk0OqosU+VLe1dQFW83MDer78ZD6a52frgXuYOIsLYTQiH2Lm+JB2OKYcn7zrX+YGAiQ=="
+      "version": "1.4.47",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.47.tgz",
+      "integrity": "sha512-ZHc8i3/cgeCRK/vC7W2htAG6JqUmOUgDNn/f9yY9J8UjfLjwzwOVEt4MWmgJAdvmxyrsR5KIFA/6+kUHGY0eUA=="
     },
     "node_modules/elliptic": {
       "version": "6.5.4",
@@ -5047,19 +5171,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/enquirer": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
-      "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "ansi-colors": "^4.1.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
     "node_modules/entities": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
@@ -5171,9 +5282,9 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.6.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.6.0.tgz",
-      "integrity": "sha512-UvxdOJ7mXFlw7iuHZA4jmzPaUqIw54mZrv+XPYKNbKdLR0et4rf60lIZUU9kiNtnzzMzGWxMV+tQ7uG7JG8DPw==",
+      "version": "8.7.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.7.0.tgz",
+      "integrity": "sha512-ifHYzkBGrzS2iDU7KjhCAVMGCvF6M3Xfs8X8b37cgrUlDt6bWRTpRh6T/gtSXv1HJ/BUGgmjvNvOEGu85Iif7w==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -5184,11 +5295,10 @@
         "cross-spawn": "^7.0.2",
         "debug": "^4.3.2",
         "doctrine": "^3.0.0",
-        "enquirer": "^2.3.5",
         "escape-string-regexp": "^4.0.0",
         "eslint-scope": "^7.1.0",
         "eslint-utils": "^3.0.0",
-        "eslint-visitor-keys": "^3.1.0",
+        "eslint-visitor-keys": "^3.2.0",
         "espree": "^9.3.0",
         "esquery": "^1.4.0",
         "esutils": "^2.0.2",
@@ -5197,7 +5307,7 @@
         "functional-red-black-tree": "^1.0.1",
         "glob-parent": "^6.0.1",
         "globals": "^13.6.0",
-        "ignore": "^4.0.6",
+        "ignore": "^5.2.0",
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
@@ -5208,9 +5318,7 @@
         "minimatch": "^3.0.4",
         "natural-compare": "^1.4.0",
         "optionator": "^0.9.1",
-        "progress": "^2.0.0",
         "regexpp": "^3.2.0",
-        "semver": "^7.2.1",
         "strip-ansi": "^6.0.1",
         "strip-json-comments": "^3.1.0",
         "text-table": "^0.2.0",
@@ -5303,9 +5411,9 @@
       }
     },
     "node_modules/eslint-visitor-keys": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.1.0.tgz",
-      "integrity": "sha512-yWJFpu4DtjsWKkt5GeNBBuZMlNcYVs6vRCLoCVEJrTjaSB6LC98gFipNK/erM2Heg/E8mIK+hXG/pJMLK+eRZA==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.2.0.tgz",
+      "integrity": "sha512-IOzT0X126zn7ALX0dwFiUQEdsfzrm4+ISsQS8nukaJXwEyYKRSnEIIDULYg1mCtGp7UUXgfGl7BIolXREQK+XQ==",
       "dev": true,
       "peer": true,
       "engines": {
@@ -5625,9 +5733,9 @@
       "dev": true
     },
     "node_modules/fast-glob": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.7.tgz",
-      "integrity": "sha512-rYGMRwip6lUMvYD3BTScMwT1HtAs2d71SMv66Vrxs0IekGZEjhM0pcMfjQPnknBt2zeCwQMEupiN02ZP4DiT1Q==",
+      "version": "3.2.11",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz",
+      "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==",
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -5636,7 +5744,7 @@
         "micromatch": "^4.0.4"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=8.6.0"
       }
     },
     "node_modules/fast-glob/node_modules/glob-parent": {
@@ -5887,9 +5995,9 @@
       }
     },
     "node_modules/follow-redirects": {
-      "version": "1.14.6",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.6.tgz",
-      "integrity": "sha512-fhUl5EwSJbbl8AR+uYL2KQDxLkdSjZGR36xy46AO7cOMTrCMON6Sa28FmAnC2tRTDbd/Uuzz3aJBv7EBN7JH8A==",
+      "version": "1.14.7",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.7.tgz",
+      "integrity": "sha512-+hbxoLbFMbRKDwohX8GkTataGqO6Jb7jGwpAlwgy2bIz25XtRm7KEzJM76R1WiNT5SwZkX4Y75SwBolkpmE7iQ==",
       "funding": [
         {
           "type": "individual",
@@ -6154,15 +6262,15 @@
       }
     },
     "node_modules/globby": {
-      "version": "11.0.4",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.4.tgz",
-      "integrity": "sha512-9O4MVG9ioZJ08ffbcyVYyLOJLk5JQ688pJ4eMGLpdWLHq/Wr1D9BlriLQyL0E+jbkuePVZXYFj47QM/v093wHg==",
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
       "dependencies": {
         "array-union": "^2.1.0",
         "dir-glob": "^3.0.1",
-        "fast-glob": "^3.1.1",
-        "ignore": "^5.1.4",
-        "merge2": "^1.3.0",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
         "slash": "^3.0.0"
       },
       "engines": {
@@ -6172,18 +6280,10 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/globby/node_modules/ignore": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
-      "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
     "node_modules/graceful-fs": {
-      "version": "4.2.8",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.8.tgz",
-      "integrity": "sha512-qkIilPUYcNhJpd33n0GBXTB1MMPp14TxEsEs0pTrsSVucApsYzW5V+Q8Qxhik6KU3evy+qkAAowTByymK0avdg=="
+      "version": "4.2.9",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
+      "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ=="
     },
     "node_modules/gzip-size": {
       "version": "6.0.0",
@@ -6836,11 +6936,9 @@
       "integrity": "sha1-xg7taebY/bazEEofy8ocGS3FtQE="
     },
     "node_modules/ignore": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
-      "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
-      "dev": true,
-      "peer": true,
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
+      "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==",
       "engines": {
         "node": ">= 4"
       }
@@ -7080,9 +7178,9 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.0.tgz",
-      "integrity": "sha512-vd15qHsaqrRL7dtH6QNuy0ndJmRDrS9HAM1CAiSifNUFv4x1a0CCVsj18hJ1mShxIG6T2i1sO78MkP56r0nYRw==",
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.1.tgz",
+      "integrity": "sha512-SdNCUs284hr40hFTFP6l0IfZ/RSrMXF3qgoRHd3/79unUTvrFO/JoXwkGm+5J/Oe3E/b5GsnG330uUNgRpu1PA==",
       "dependencies": {
         "has": "^1.0.3"
       },
@@ -7670,14 +7768,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/make-dir/node_modules/semver": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
     "node_modules/map-age-cleaner": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/map-age-cleaner/-/map-age-cleaner-0.1.3.tgz",
@@ -8079,9 +8169,9 @@
       "optional": true
     },
     "node_modules/nanoid": {
-      "version": "3.1.30",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.30.tgz",
-      "integrity": "sha512-zJpuPDwOv8D2zq2WRoMe1HsfZthVewpel9CAvTfc/2mBD1uUT/agc5f7GHGWXlYkFvi1mVxe4IjvP2HNrop7nQ==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.2.0.tgz",
+      "integrity": "sha512-fmsZYa9lpn69Ad5eDn7FMcnnSR+8R34W9qJEijxYhTbfOWzr22n1QxCMzXLK+ODyW2973V3Fux959iQoUxzUIA==",
       "bin": {
         "nanoid": "bin/nanoid.cjs"
       },
@@ -8217,14 +8307,22 @@
       }
     },
     "node_modules/node-fetch": {
-      "version": "2.6.6",
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.6.tgz",
-      "integrity": "sha512-Z8/6vRlTUChSdIgMa51jxQ4lrw/Jy5SOW10ObaA47/RElsAN2c5Pn8bTgFGWn/ibwzXTE8qwr1Yzx28vsecXEA==",
+      "version": "2.6.7",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
+      "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
       "dependencies": {
         "whatwg-url": "^5.0.0"
       },
       "engines": {
         "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
       }
     },
     "node_modules/node-html-parser": {
@@ -10143,16 +10241,6 @@
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
     },
-    "node_modules/progress": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
-      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
     "node_modules/promise-inflight": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
@@ -10247,9 +10335,9 @@
       }
     },
     "node_modules/qs": {
-      "version": "6.10.2",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.2.tgz",
-      "integrity": "sha512-mSIdjzqznWgfd4pMii7sHtaYF8rx8861hBO80SraY5GT0XQibWZWJSid0avzHGkDIZLImux2S5mXO0Hfct2QCw==",
+      "version": "6.10.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.3.tgz",
+      "integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
       "dependencies": {
         "side-channel": "^1.0.4"
       },
@@ -10573,12 +10661,16 @@
       "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8="
     },
     "node_modules/resolve": {
-      "version": "1.20.0",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
-      "integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
+      "version": "1.21.0",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.21.0.tgz",
+      "integrity": "sha512-3wCbTpk5WJlyE4mSOtDLhqQmGFi0/TD9VPwmiolnk8U0wRgMEktqCXd3vy5buTO3tljvalNvKrjHEfrd2WpEKA==",
       "dependencies": {
-        "is-core-module": "^2.2.0",
-        "path-parse": "^1.0.6"
+        "is-core-module": "^2.8.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -10765,35 +10857,13 @@
       "integrity": "sha512-M9gnWtn3J0W+UhJOHmBxBTwv8mZCan5i1Himp60t6vvZcor0wr+IM0URKmIglsWJ7bRujNAVVN77fp+uZaWoKg=="
     },
     "node_modules/semver": {
-      "version": "7.3.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
       "bin": {
         "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
       }
     },
-    "node_modules/semver/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/semver/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
-    },
     "node_modules/send": {
       "version": "0.17.2",
       "resolved": "https://registry.npmjs.org/send/-/send-0.17.2.tgz",
@@ -11149,6 +11219,7 @@
       "version": "0.5.3",
       "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
       "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
+      "deprecated": "See https://github.com/lydell/source-map-resolve#deprecated",
       "dependencies": {
         "atob": "^2.1.2",
         "decode-uri-component": "^0.2.0",
@@ -11177,7 +11248,8 @@
     "node_modules/source-map-url": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
-      "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw=="
+      "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
+      "deprecated": "See https://github.com/lydell/source-map-url#deprecated"
     },
     "node_modules/split-on-first": {
       "version": "1.1.0",
@@ -11475,6 +11547,17 @@
         "node": ">=8"
       }
     },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/svg-tags": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
@@ -13937,9 +14020,9 @@
       }
     },
     "@babel/compat-data": {
-      "version": "7.16.4",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.16.4.tgz",
-      "integrity": "sha512-1o/jo7D+kC9ZjHX5v+EHrdjl3PhxMrLSOTGsOdHJ+KL8HCaEK6ehrVL2RS6oHDZp+L7xLirLrPmQtEng769J/Q=="
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.16.8.tgz",
+      "integrity": "sha512-m7OkX0IdKLKPpBlJtF561YJal5y/jyI5fNfWbPxh2D/nbzzGI4qRyrD8xO2jB24u7l+5I2a43scCG2IrfjC50Q=="
     },
     "@babel/core": {
       "version": "7.16.7",
@@ -13961,21 +14044,14 @@
         "json5": "^2.1.2",
         "semver": "^6.3.0",
         "source-map": "^0.5.0"
-      },
-      "dependencies": {
-        "semver": {
-          "version": "6.3.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
-        }
       }
     },
     "@babel/generator": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.16.7.tgz",
-      "integrity": "sha512-/ST3Sg8MLGY5HVYmrjOgL60ENux/HfO/CsUh7y4MalThufhE/Ff/6EibFDHi4jiDCaWfJKoqbE6oTh21c5hrRg==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.16.8.tgz",
+      "integrity": "sha512-1ojZwE9+lOXzcWdWmO6TbUzDfqLD39CmEhN8+2cX9XkDo5yW1OpgfejfliysR2AWLpMamTiOiAp/mtroaymhpw==",
       "requires": {
-        "@babel/types": "^7.16.7",
+        "@babel/types": "^7.16.8",
         "jsesc": "^2.5.1",
         "source-map": "^0.5.0"
       }
@@ -14006,13 +14082,6 @@
         "@babel/helper-validator-option": "^7.16.7",
         "browserslist": "^4.17.5",
         "semver": "^6.3.0"
-      },
-      "dependencies": {
-        "semver": {
-          "version": "6.3.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
-        }
       }
     },
     "@babel/helper-create-class-features-plugin": {
@@ -14039,9 +14108,9 @@
       }
     },
     "@babel/helper-define-polyfill-provider": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.0.tgz",
-      "integrity": "sha512-7hfT8lUljl/tM3h+izTX/pO3W3frz2ok6Pk+gzys8iJqDfZrZy2pXjRTZAvG2YmfHun1X4q8/UZRLatMfqc5Tg==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.1.tgz",
+      "integrity": "sha512-J9hGMpJQmtWmj46B3kBHmL38UhJGhYX7eqkcq+2gsstyYt341HmPeWspihX43yVRA0mS+8GGk2Gckc7bY/HCmA==",
       "requires": {
         "@babel/helper-compilation-targets": "^7.13.0",
         "@babel/helper-module-imports": "^7.12.13",
@@ -14051,13 +14120,6 @@
         "lodash.debounce": "^4.0.8",
         "resolve": "^1.14.2",
         "semver": "^6.1.2"
-      },
-      "dependencies": {
-        "semver": {
-          "version": "6.3.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
-        }
       }
     },
     "@babel/helper-environment-visitor": {
@@ -14147,13 +14209,13 @@
       "integrity": "sha512-Qg3Nk7ZxpgMrsox6HreY1ZNKdBq7K72tDSliA6dCl5f007jR4ne8iD5UzuNnCJH2xBf2BEEVGr+/OL6Gdp7RxA=="
     },
     "@babel/helper-remap-async-to-generator": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.16.7.tgz",
-      "integrity": "sha512-C3o117GnP/j/N2OWo+oepeWbFEKRfNaay+F1Eo5Mj3A1SRjyx+qaFhm23nlipub7Cjv2azdUUiDH+VlpdwUFRg==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.16.8.tgz",
+      "integrity": "sha512-fm0gH7Flb8H51LqJHy3HJ3wnE1+qtYR2A99K06ahwrawLdOFsCEWjZOrYricXJHoPSudNKxrMBUPEIPxiIIvBw==",
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.16.7",
-        "@babel/helper-wrap-function": "^7.16.7",
-        "@babel/types": "^7.16.7"
+        "@babel/helper-wrap-function": "^7.16.8",
+        "@babel/types": "^7.16.8"
       }
     },
     "@babel/helper-replace-supers": {
@@ -14203,14 +14265,14 @@
       "integrity": "sha512-TRtenOuRUVo9oIQGPC5G9DgK4743cdxvtOw0weQNpZXaS16SCBi5MNjZF8vba3ETURjZpTbVn7Vvcf2eAwFozQ=="
     },
     "@babel/helper-wrap-function": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.16.7.tgz",
-      "integrity": "sha512-7a9sABeVwcunnztZZ7WTgSw6jVYLzM1wua0Z4HIXm9S3/HC96WKQTkFgGEaj5W06SHHihPJ6Le6HzS5cGOQMNw==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.16.8.tgz",
+      "integrity": "sha512-8RpyRVIAW1RcDDGTA+GpPAwV22wXCfKOoM9bet6TLkGIFTkRQSkH1nMQ5Yet4MpoXe1ZwHPVtNasc2w0uZMqnw==",
       "requires": {
         "@babel/helper-function-name": "^7.16.7",
         "@babel/template": "^7.16.7",
-        "@babel/traverse": "^7.16.7",
-        "@babel/types": "^7.16.7"
+        "@babel/traverse": "^7.16.8",
+        "@babel/types": "^7.16.8"
       }
     },
     "@babel/helpers": {
@@ -14285,9 +14347,9 @@
       }
     },
     "@babel/parser": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.16.7.tgz",
-      "integrity": "sha512-sR4eaSrnM7BV7QPzGfEX5paG/6wrZM3I0HDzfIAK06ESvo9oy3xBuVBxE3MbQaKNhvg8g/ixjMWo2CGpzpHsDA=="
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.16.8.tgz",
+      "integrity": "sha512-i7jDUfrVBWc+7OKcBzEe5n7fbv3i2fWtxKzzCvOjnzSxMfWMigAhtfJ7qzZNGFNMsCCd67+uz553dYKWXPvCKw=="
     },
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
       "version": "7.16.7",
@@ -14308,12 +14370,12 @@
       }
     },
     "@babel/plugin-proposal-async-generator-functions": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.16.7.tgz",
-      "integrity": "sha512-TTXBT3A5c11eqRzaC6beO6rlFT3Mo9C2e8eB44tTr52ESXSK2CIc2fOp1ynpAwQA8HhBMho+WXhMHWlAe3xkpw==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.16.8.tgz",
+      "integrity": "sha512-71YHIvMuiuqWJQkebWJtdhQTfd4Q4mF76q2IX37uZPkG9+olBxsX+rH1vkhFto4UeJZ9dPY2s+mDvhDm1u2BGQ==",
       "requires": {
         "@babel/helper-plugin-utils": "^7.16.7",
-        "@babel/helper-remap-async-to-generator": "^7.16.7",
+        "@babel/helper-remap-async-to-generator": "^7.16.8",
         "@babel/plugin-syntax-async-generators": "^7.8.4"
       }
     },
@@ -14597,13 +14659,13 @@
       }
     },
     "@babel/plugin-transform-async-to-generator": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.16.7.tgz",
-      "integrity": "sha512-pFEfjnK4DfXCfAlA5I98BYdDJD8NltMzx19gt6DAmfE+2lXRfPUoa0/5SUjT4+TDE1W/rcxU/1lgN55vpAjjdg==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.16.8.tgz",
+      "integrity": "sha512-MtmUmTJQHCnyJVrScNzNlofQJ3dLFuobYn3mwOTKHnSCMtbNsqvF71GQmJfFjdrXSsAA7iysFmYWw4bXZ20hOg==",
       "requires": {
         "@babel/helper-module-imports": "^7.16.7",
         "@babel/helper-plugin-utils": "^7.16.7",
-        "@babel/helper-remap-async-to-generator": "^7.16.7"
+        "@babel/helper-remap-async-to-generator": "^7.16.8"
       }
     },
     "@babel/plugin-transform-block-scoped-functions": {
@@ -14731,9 +14793,9 @@
       }
     },
     "@babel/plugin-transform-modules-commonjs": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.16.7.tgz",
-      "integrity": "sha512-h2RP2kE7He1ZWKyAlanMZrAbdv+Acw1pA8dQZhE025WJZE2z0xzFADAinXA9fxd5bn7JnM+SdOGcndGx1ARs9w==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.16.8.tgz",
+      "integrity": "sha512-oflKPvsLT2+uKQopesJt3ApiaIS2HW+hzHFcwRNtyDGieAeC/dIHZX8buJQ2J2X1rxGPy4eRcUijm3qcSPjYcA==",
       "requires": {
         "@babel/helper-module-transforms": "^7.16.7",
         "@babel/helper-plugin-utils": "^7.16.7",
@@ -14763,9 +14825,9 @@
       }
     },
     "@babel/plugin-transform-named-capturing-groups-regex": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.16.7.tgz",
-      "integrity": "sha512-kFy35VwmwIQwCjwrAQhl3+c/kr292i4KdLPKp5lPH03Ltc51qnFlIADoyPxc/6Naz3ok3WdYKg+KK6AH+D4utg==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.16.8.tgz",
+      "integrity": "sha512-j3Jw+n5PvpmhRR+mrgIh04puSANCk/T/UA3m3P1MjJkhlK906+ApHhDIqBQDdOgL/r1UYpz4GNclTXxyZrYGSw==",
       "requires": {
         "@babel/helper-create-regexp-features-plugin": "^7.16.7"
       }
@@ -14820,23 +14882,16 @@
       }
     },
     "@babel/plugin-transform-runtime": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.16.7.tgz",
-      "integrity": "sha512-2FoHiSAWkdq4L06uaDN3rS43i6x28desUVxq+zAFuE6kbWYQeiLPJI5IC7Sg9xKYVcrBKSQkVUfH6aeQYbl9QA==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.16.8.tgz",
+      "integrity": "sha512-6Kg2XHPFnIarNweZxmzbgYnnWsXxkx9WQUVk2sksBRL80lBC1RAQV3wQagWxdCHiYHqPN+oenwNIuttlYgIbQQ==",
       "requires": {
         "@babel/helper-module-imports": "^7.16.7",
         "@babel/helper-plugin-utils": "^7.16.7",
         "babel-plugin-polyfill-corejs2": "^0.3.0",
-        "babel-plugin-polyfill-corejs3": "^0.4.0",
+        "babel-plugin-polyfill-corejs3": "^0.5.0",
         "babel-plugin-polyfill-regenerator": "^0.3.0",
         "semver": "^6.3.0"
-      },
-      "dependencies": {
-        "semver": {
-          "version": "6.3.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
-        }
       }
     },
     "@babel/plugin-transform-shorthand-properties": {
@@ -14898,17 +14953,17 @@
       }
     },
     "@babel/preset-env": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.16.7.tgz",
-      "integrity": "sha512-urX3Cee4aOZbRWOSa3mKPk0aqDikfILuo+C7qq7HY0InylGNZ1fekq9jmlr3pLWwZHF4yD7heQooc2Pow2KMyQ==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.16.8.tgz",
+      "integrity": "sha512-9rNKgVCdwHb3z1IlbMyft6yIXIeP3xz6vWvGaLHrJThuEIqWfHb0DNBH9VuTgnDfdbUDhkmkvMZS/YMCtP7Elg==",
       "requires": {
-        "@babel/compat-data": "^7.16.4",
+        "@babel/compat-data": "^7.16.8",
         "@babel/helper-compilation-targets": "^7.16.7",
         "@babel/helper-plugin-utils": "^7.16.7",
         "@babel/helper-validator-option": "^7.16.7",
         "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.16.7",
         "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.16.7",
-        "@babel/plugin-proposal-async-generator-functions": "^7.16.7",
+        "@babel/plugin-proposal-async-generator-functions": "^7.16.8",
         "@babel/plugin-proposal-class-properties": "^7.16.7",
         "@babel/plugin-proposal-class-static-block": "^7.16.7",
         "@babel/plugin-proposal-dynamic-import": "^7.16.7",
@@ -14938,7 +14993,7 @@
         "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
         "@babel/plugin-syntax-top-level-await": "^7.14.5",
         "@babel/plugin-transform-arrow-functions": "^7.16.7",
-        "@babel/plugin-transform-async-to-generator": "^7.16.7",
+        "@babel/plugin-transform-async-to-generator": "^7.16.8",
         "@babel/plugin-transform-block-scoped-functions": "^7.16.7",
         "@babel/plugin-transform-block-scoping": "^7.16.7",
         "@babel/plugin-transform-classes": "^7.16.7",
@@ -14952,10 +15007,10 @@
         "@babel/plugin-transform-literals": "^7.16.7",
         "@babel/plugin-transform-member-expression-literals": "^7.16.7",
         "@babel/plugin-transform-modules-amd": "^7.16.7",
-        "@babel/plugin-transform-modules-commonjs": "^7.16.7",
+        "@babel/plugin-transform-modules-commonjs": "^7.16.8",
         "@babel/plugin-transform-modules-systemjs": "^7.16.7",
         "@babel/plugin-transform-modules-umd": "^7.16.7",
-        "@babel/plugin-transform-named-capturing-groups-regex": "^7.16.7",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.16.8",
         "@babel/plugin-transform-new-target": "^7.16.7",
         "@babel/plugin-transform-object-super": "^7.16.7",
         "@babel/plugin-transform-parameters": "^7.16.7",
@@ -14970,19 +15025,12 @@
         "@babel/plugin-transform-unicode-escapes": "^7.16.7",
         "@babel/plugin-transform-unicode-regex": "^7.16.7",
         "@babel/preset-modules": "^0.1.5",
-        "@babel/types": "^7.16.7",
+        "@babel/types": "^7.16.8",
         "babel-plugin-polyfill-corejs2": "^0.3.0",
-        "babel-plugin-polyfill-corejs3": "^0.4.0",
+        "babel-plugin-polyfill-corejs3": "^0.5.0",
         "babel-plugin-polyfill-regenerator": "^0.3.0",
-        "core-js-compat": "^3.19.1",
+        "core-js-compat": "^3.20.2",
         "semver": "^6.3.0"
-      },
-      "dependencies": {
-        "semver": {
-          "version": "6.3.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
-        }
       }
     },
     "@babel/preset-modules": {
@@ -15016,18 +15064,18 @@
       }
     },
     "@babel/traverse": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.16.7.tgz",
-      "integrity": "sha512-8KWJPIb8c2VvY8AJrydh6+fVRo2ODx1wYBU2398xJVq0JomuLBZmVQzLPBblJgHIGYG4znCpUZUZ0Pt2vdmVYQ==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.16.8.tgz",
+      "integrity": "sha512-xe+H7JlvKsDQwXRsBhSnq1/+9c+LlQcCK3Tn/l5sbx02HYns/cn7ibp9+RV1sIUqu7hKg91NWsgHurO9dowITQ==",
       "requires": {
         "@babel/code-frame": "^7.16.7",
-        "@babel/generator": "^7.16.7",
+        "@babel/generator": "^7.16.8",
         "@babel/helper-environment-visitor": "^7.16.7",
         "@babel/helper-function-name": "^7.16.7",
         "@babel/helper-hoist-variables": "^7.16.7",
         "@babel/helper-split-export-declaration": "^7.16.7",
-        "@babel/parser": "^7.16.7",
-        "@babel/types": "^7.16.7",
+        "@babel/parser": "^7.16.8",
+        "@babel/types": "^7.16.8",
         "debug": "^4.1.0",
         "globals": "^11.1.0"
       },
@@ -15040,9 +15088,9 @@
       }
     },
     "@babel/types": {
-      "version": "7.16.7",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.16.7.tgz",
-      "integrity": "sha512-E8HuV7FO9qLpx6OtoGfUQ2cjIYnbFwvZWYBS+87EwtdMvmUPJSwykpovFB+8insbpF0uJcpr8KMUi64XZntZcg==",
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.16.8.tgz",
+      "integrity": "sha512-smN2DQc5s4M7fntyjGtyIPbRJv6wW4rU/94fmYJ7PKQuZkC0qGMHXJbg6sNGt12JmVr4k5YaptI/XtiLJBnmIg==",
       "requires": {
         "@babel/helper-validator-identifier": "^7.16.7",
         "to-fast-properties": "^2.0.0"
@@ -15069,6 +15117,15 @@
         "js-yaml": "^4.1.0",
         "minimatch": "^3.0.4",
         "strip-json-comments": "^3.1.1"
+      },
+      "dependencies": {
+        "ignore": {
+          "version": "4.0.6",
+          "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+          "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+          "dev": true,
+          "peer": true
+        }
       }
     },
     "@gar/promisify": {
@@ -15125,6 +15182,29 @@
       "requires": {
         "@gar/promisify": "^1.0.1",
         "semver": "^7.3.5"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "semver": {
+          "version": "7.3.5",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+        }
       }
     },
     "@npmcli/move-file": {
@@ -15193,13 +15273,6 @@
         "pify": "^5.0.0",
         "serialize-javascript": "^5.0.1",
         "upath": "^2.0.1"
-      },
-      "dependencies": {
-        "ignore": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
-          "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ=="
-        }
       }
     },
     "@nuxt/cli": {
@@ -15237,6 +15310,27 @@
           "version": "4.0.1",
           "resolved": "https://registry.npmjs.org/defu/-/defu-4.0.1.tgz",
           "integrity": "sha512-lC+G0KvvWRbisQa50+iFelm3/eMmwo4IlBmfASOVlw9MZpHHyQeVsZxc5j23+TQy5ydgEoTVSrWl7ptou1kzJQ=="
+        },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "semver": {
+          "version": "7.3.5",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
         }
       }
     },
@@ -15253,6 +15347,29 @@
         "semver": "^7.3.5",
         "upath": "^2.0.1",
         "vue-template-compiler": "^2.6.14"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "semver": {
+          "version": "7.3.5",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+        }
       }
     },
     "@nuxt/config": {
@@ -15499,6 +15616,29 @@
         "signal-exit": "^3.0.3",
         "ua-parser-js": "^0.7.28",
         "ufo": "^0.7.4"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "semver": {
+          "version": "7.3.5",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+        }
       }
     },
     "@nuxt/vue-app": {
@@ -15593,6 +15733,29 @@
         "webpack-hot-middleware": "^2.25.0",
         "webpack-node-externals": "^3.0.0",
         "webpackbar": "^4.0.0"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "semver": {
+          "version": "7.3.5",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+        }
       }
     },
     "@nuxtjs/axios": {
@@ -15649,9 +15812,9 @@
       "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ=="
     },
     "@types/node": {
-      "version": "17.0.6",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.6.tgz",
-      "integrity": "sha512-+XBAjfZmmivILUzO0HwBJoYkAyyySSLg5KCGBDFLomJo0sV6szvVLAf4ANZZ0pfWzgEds5KmGLG9D5hfEqOhaA=="
+      "version": "17.0.9",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.9.tgz",
+      "integrity": "sha512-5dNBXu/FOER+EXnyah7rn8xlNrfMOQb/qXnw4NQgLkCygKBKhdmF/CA5oXVOKZLBEahw8s2WP9LxIcN/oDDRgQ=="
     },
     "@types/q": {
       "version": "1.5.5",
@@ -16089,13 +16252,6 @@
         "string-width": "^4.1.0"
       }
     },
-    "ansi-colors": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
-      "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
-      "dev": true,
-      "peer": true
-    },
     "ansi-escapes": {
       "version": "4.3.2",
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
@@ -16301,37 +16457,30 @@
       }
     },
     "babel-plugin-polyfill-corejs2": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.0.tgz",
-      "integrity": "sha512-wMDoBJ6uG4u4PNFh72Ty6t3EgfA91puCuAwKIazbQlci+ENb/UU9A3xG5lutjUIiXCIn1CY5L15r9LimiJyrSA==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.1.tgz",
+      "integrity": "sha512-v7/T6EQcNfVLfcN2X8Lulb7DjprieyLWJK/zOWH5DUYcAgex9sP3h25Q+DLsX9TloXe3y1O8l2q2Jv9q8UVB9w==",
       "requires": {
         "@babel/compat-data": "^7.13.11",
-        "@babel/helper-define-polyfill-provider": "^0.3.0",
+        "@babel/helper-define-polyfill-provider": "^0.3.1",
         "semver": "^6.1.1"
-      },
-      "dependencies": {
-        "semver": {
-          "version": "6.3.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
-        }
       }
     },
     "babel-plugin-polyfill-corejs3": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.4.0.tgz",
-      "integrity": "sha512-YxFreYwUfglYKdLUGvIF2nJEsGwj+RhWSX/ije3D2vQPOXuyMLMtg/cCGMDpOA7Nd+MwlNdnGODbd2EwUZPlsw==",
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.5.1.tgz",
+      "integrity": "sha512-TihqEe4sQcb/QcPJvxe94/9RZuLQuF1+To4WqQcRvc+3J3gLCPIPgDKzGLG6zmQLfH3nn25heRuDNkS2KR4I8A==",
       "requires": {
-        "@babel/helper-define-polyfill-provider": "^0.3.0",
-        "core-js-compat": "^3.18.0"
+        "@babel/helper-define-polyfill-provider": "^0.3.1",
+        "core-js-compat": "^3.20.0"
       }
     },
     "babel-plugin-polyfill-regenerator": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.3.0.tgz",
-      "integrity": "sha512-dhAPTDLGoMW5/84wkgwiLRwMnio2i1fUe53EuvtKMv0pn2p3S8OCoV1xAzfJPl0KOX7IB89s2ib85vbYiea3jg==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.3.1.tgz",
+      "integrity": "sha512-Y2B06tvgHYt1x0yz17jGkGeeMr5FeKUu+ASJ+N6nB5lQ8Dapfg42i0OVrf8PNGJ3zKL4A23snMi1IRwrqqND7A==",
       "requires": {
-        "@babel/helper-define-polyfill-provider": "^0.3.0"
+        "@babel/helper-define-polyfill-provider": "^0.3.1"
       }
     },
     "balanced-match": {
@@ -16759,9 +16908,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001295",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001295.tgz",
-      "integrity": "sha512-lSP16vcyC0FEy0R4ECc9duSPoKoZy+YkpGkue9G4D81OfPnliopaZrU10+qtPdT8PbGXad/PNx43TIQrOmJZSQ=="
+      "version": "1.0.30001300",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001300.tgz",
+      "integrity": "sha512-cVjiJHWGcNlJi8TZVKNMnvMid3Z3TTdDHmLDzlOdIiZq138Exvo0G+G0wTdVYolxKb4AYwC+38pxodiInVtJSA=="
     },
     "chalk": {
       "version": "4.1.2",
@@ -17155,14 +17304,14 @@
       "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40="
     },
     "core-js": {
-      "version": "3.20.2",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.20.2.tgz",
-      "integrity": "sha512-nuqhq11DcOAbFBV4zCbKeGbKQsUDRqTX0oqx7AttUBuqe3h20ixsE039QHelbL6P4h+9kytVqyEtyZ6gsiwEYw=="
+      "version": "3.20.3",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.20.3.tgz",
+      "integrity": "sha512-vVl8j8ph6tRS3B8qir40H7yw7voy17xL0piAjlbBUsH7WIfzoedL/ZOr1OV9FyZQLWXsayOJyV4tnRyXR85/ag=="
     },
     "core-js-compat": {
-      "version": "3.20.2",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.20.2.tgz",
-      "integrity": "sha512-qZEzVQ+5Qh6cROaTPFLNS4lkvQ6mBzE3R6A6EEpssj7Zr2egMHgsy4XapdifqJDGC9CBiNv7s+ejI96rLNQFdg==",
+      "version": "3.20.3",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.20.3.tgz",
+      "integrity": "sha512-c8M5h0IkNZ+I92QhIpuSijOxGAcj3lgpsWdkCqmUTZNwidujF4r3pi6x1DCN+Vcs5qTS2XWWMfWSuCqyupX8gw==",
       "requires": {
         "browserslist": "^4.19.1",
         "semver": "7.0.0"
@@ -17387,6 +17536,27 @@
             "emojis-list": "^3.0.0",
             "json5": "^2.1.2"
           }
+        },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "semver": {
+          "version": "7.3.5",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
         }
       }
     },
@@ -17603,9 +17773,9 @@
       }
     },
     "defu": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/defu/-/defu-5.0.0.tgz",
-      "integrity": "sha512-VHg73EDeRXlu7oYWRmmrNp/nl7QkdXUxkQQKig0Zk8daNmm84AbGoC8Be6/VVLJEKxn12hR0UBmz8O+xQiAPKQ=="
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-5.0.1.tgz",
+      "integrity": "sha512-EPS1carKg+dkEVy3qNTqIdp2qV7mUP08nIsupfwQpz++slCVRw7qbQyWvSTig+kFPwz2XXp5/kIIkH+CwrJKkQ=="
     },
     "depd": {
       "version": "1.1.2",
@@ -17790,9 +17960,9 @@
       "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
     },
     "electron-to-chromium": {
-      "version": "1.4.31",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.31.tgz",
-      "integrity": "sha512-t3XVQtk+Frkv6aTD4RRk0OqosU+VLe1dQFW83MDer78ZD6a52frgXuYOIsLYTQiH2Lm+JB2OKYcn7zrX+YGAiQ=="
+      "version": "1.4.47",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.47.tgz",
+      "integrity": "sha512-ZHc8i3/cgeCRK/vC7W2htAG6JqUmOUgDNn/f9yY9J8UjfLjwzwOVEt4MWmgJAdvmxyrsR5KIFA/6+kUHGY0eUA=="
     },
     "elliptic": {
       "version": "6.5.4",
@@ -17848,16 +18018,6 @@
         "tapable": "^1.0.0"
       }
     },
-    "enquirer": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
-      "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==",
-      "dev": true,
-      "peer": true,
-      "requires": {
-        "ansi-colors": "^4.1.1"
-      }
-    },
     "entities": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
@@ -17942,9 +18102,9 @@
       "peer": true
     },
     "eslint": {
-      "version": "8.6.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.6.0.tgz",
-      "integrity": "sha512-UvxdOJ7mXFlw7iuHZA4jmzPaUqIw54mZrv+XPYKNbKdLR0et4rf60lIZUU9kiNtnzzMzGWxMV+tQ7uG7JG8DPw==",
+      "version": "8.7.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.7.0.tgz",
+      "integrity": "sha512-ifHYzkBGrzS2iDU7KjhCAVMGCvF6M3Xfs8X8b37cgrUlDt6bWRTpRh6T/gtSXv1HJ/BUGgmjvNvOEGu85Iif7w==",
       "dev": true,
       "peer": true,
       "requires": {
@@ -17955,11 +18115,10 @@
         "cross-spawn": "^7.0.2",
         "debug": "^4.3.2",
         "doctrine": "^3.0.0",
-        "enquirer": "^2.3.5",
         "escape-string-regexp": "^4.0.0",
         "eslint-scope": "^7.1.0",
         "eslint-utils": "^3.0.0",
-        "eslint-visitor-keys": "^3.1.0",
+        "eslint-visitor-keys": "^3.2.0",
         "espree": "^9.3.0",
         "esquery": "^1.4.0",
         "esutils": "^2.0.2",
@@ -17968,7 +18127,7 @@
         "functional-red-black-tree": "^1.0.1",
         "glob-parent": "^6.0.1",
         "globals": "^13.6.0",
-        "ignore": "^4.0.6",
+        "ignore": "^5.2.0",
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
         "is-glob": "^4.0.0",
@@ -17979,9 +18138,7 @@
         "minimatch": "^3.0.4",
         "natural-compare": "^1.4.0",
         "optionator": "^0.9.1",
-        "progress": "^2.0.0",
         "regexpp": "^3.2.0",
-        "semver": "^7.2.1",
         "strip-ansi": "^6.0.1",
         "strip-json-comments": "^3.1.0",
         "text-table": "^0.2.0",
@@ -18035,9 +18192,9 @@
       }
     },
     "eslint-visitor-keys": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.1.0.tgz",
-      "integrity": "sha512-yWJFpu4DtjsWKkt5GeNBBuZMlNcYVs6vRCLoCVEJrTjaSB6LC98gFipNK/erM2Heg/E8mIK+hXG/pJMLK+eRZA==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.2.0.tgz",
+      "integrity": "sha512-IOzT0X126zn7ALX0dwFiUQEdsfzrm4+ISsQS8nukaJXwEyYKRSnEIIDULYg1mCtGp7UUXgfGl7BIolXREQK+XQ==",
       "dev": true,
       "peer": true
     },
@@ -18284,9 +18441,9 @@
       "dev": true
     },
     "fast-glob": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.7.tgz",
-      "integrity": "sha512-rYGMRwip6lUMvYD3BTScMwT1HtAs2d71SMv66Vrxs0IekGZEjhM0pcMfjQPnknBt2zeCwQMEupiN02ZP4DiT1Q==",
+      "version": "3.2.11",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz",
+      "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==",
       "requires": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -18491,9 +18648,9 @@
       }
     },
     "follow-redirects": {
-      "version": "1.14.6",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.6.tgz",
-      "integrity": "sha512-fhUl5EwSJbbl8AR+uYL2KQDxLkdSjZGR36xy46AO7cOMTrCMON6Sa28FmAnC2tRTDbd/Uuzz3aJBv7EBN7JH8A=="
+      "version": "1.14.7",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.7.tgz",
+      "integrity": "sha512-+hbxoLbFMbRKDwohX8GkTataGqO6Jb7jGwpAlwgy2bIz25XtRm7KEzJM76R1WiNT5SwZkX4Y75SwBolkpmE7iQ=="
     },
     "for-in": {
       "version": "1.0.2",
@@ -18683,29 +18840,22 @@
       }
     },
     "globby": {
-      "version": "11.0.4",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.4.tgz",
-      "integrity": "sha512-9O4MVG9ioZJ08ffbcyVYyLOJLk5JQ688pJ4eMGLpdWLHq/Wr1D9BlriLQyL0E+jbkuePVZXYFj47QM/v093wHg==",
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
       "requires": {
         "array-union": "^2.1.0",
         "dir-glob": "^3.0.1",
-        "fast-glob": "^3.1.1",
-        "ignore": "^5.1.4",
-        "merge2": "^1.3.0",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
         "slash": "^3.0.0"
-      },
-      "dependencies": {
-        "ignore": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
-          "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ=="
-        }
       }
     },
     "graceful-fs": {
-      "version": "4.2.8",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.8.tgz",
-      "integrity": "sha512-qkIilPUYcNhJpd33n0GBXTB1MMPp14TxEsEs0pTrsSVucApsYzW5V+Q8Qxhik6KU3evy+qkAAowTByymK0avdg=="
+      "version": "4.2.9",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
+      "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ=="
     },
     "gzip-size": {
       "version": "6.0.0",
@@ -19188,11 +19338,9 @@
       "integrity": "sha1-xg7taebY/bazEEofy8ocGS3FtQE="
     },
     "ignore": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
-      "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
-      "dev": true,
-      "peer": true
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
+      "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ=="
     },
     "import-cwd": {
       "version": "2.1.0",
@@ -19379,9 +19527,9 @@
       }
     },
     "is-core-module": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.0.tgz",
-      "integrity": "sha512-vd15qHsaqrRL7dtH6QNuy0ndJmRDrS9HAM1CAiSifNUFv4x1a0CCVsj18hJ1mShxIG6T2i1sO78MkP56r0nYRw==",
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.1.tgz",
+      "integrity": "sha512-SdNCUs284hr40hFTFP6l0IfZ/RSrMXF3qgoRHd3/79unUTvrFO/JoXwkGm+5J/Oe3E/b5GsnG330uUNgRpu1PA==",
       "requires": {
         "has": "^1.0.3"
       }
@@ -19809,13 +19957,6 @@
       "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
       "requires": {
         "semver": "^6.0.0"
-      },
-      "dependencies": {
-        "semver": {
-          "version": "6.3.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
-        }
       }
     },
     "map-age-cleaner": {
@@ -20137,9 +20278,9 @@
       "optional": true
     },
     "nanoid": {
-      "version": "3.1.30",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.30.tgz",
-      "integrity": "sha512-zJpuPDwOv8D2zq2WRoMe1HsfZthVewpel9CAvTfc/2mBD1uUT/agc5f7GHGWXlYkFvi1mVxe4IjvP2HNrop7nQ=="
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.2.0.tgz",
+      "integrity": "sha512-fmsZYa9lpn69Ad5eDn7FMcnnSR+8R34W9qJEijxYhTbfOWzr22n1QxCMzXLK+ODyW2973V3Fux959iQoUxzUIA=="
     },
     "nanomatch": {
       "version": "1.2.13",
@@ -20244,9 +20385,9 @@
       }
     },
     "node-fetch": {
-      "version": "2.6.6",
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.6.tgz",
-      "integrity": "sha512-Z8/6vRlTUChSdIgMa51jxQ4lrw/Jy5SOW10ObaA47/RElsAN2c5Pn8bTgFGWn/ibwzXTE8qwr1Yzx28vsecXEA==",
+      "version": "2.6.7",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
+      "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
       "requires": {
         "whatwg-url": "^5.0.0"
       }
@@ -21798,13 +21939,6 @@
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
     },
-    "progress": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
-      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
-      "dev": true,
-      "peer": true
-    },
     "promise-inflight": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
@@ -21896,9 +22030,9 @@
       "integrity": "sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc="
     },
     "qs": {
-      "version": "6.10.2",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.2.tgz",
-      "integrity": "sha512-mSIdjzqznWgfd4pMii7sHtaYF8rx8861hBO80SraY5GT0XQibWZWJSid0avzHGkDIZLImux2S5mXO0Hfct2QCw==",
+      "version": "6.10.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.3.tgz",
+      "integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
       "requires": {
         "side-channel": "^1.0.4"
       }
@@ -22151,12 +22285,13 @@
       "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8="
     },
     "resolve": {
-      "version": "1.20.0",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
-      "integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
+      "version": "1.21.0",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.21.0.tgz",
+      "integrity": "sha512-3wCbTpk5WJlyE4mSOtDLhqQmGFi0/TD9VPwmiolnk8U0wRgMEktqCXd3vy5buTO3tljvalNvKrjHEfrd2WpEKA==",
       "requires": {
-        "is-core-module": "^2.2.0",
-        "path-parse": "^1.0.6"
+        "is-core-module": "^2.8.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
       }
     },
     "resolve-from": {
@@ -22290,27 +22425,9 @@
       "integrity": "sha512-M9gnWtn3J0W+UhJOHmBxBTwv8mZCan5i1Himp60t6vvZcor0wr+IM0URKmIglsWJ7bRujNAVVN77fp+uZaWoKg=="
     },
     "semver": {
-      "version": "7.3.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-      "requires": {
-        "lru-cache": "^6.0.0"
-      },
-      "dependencies": {
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
-        }
-      }
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+      "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
     },
     "send": {
       "version": "0.17.2",
@@ -22877,6 +22994,11 @@
         "has-flag": "^4.0.0"
       }
     },
+    "supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
+    },
     "svg-tags": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
diff --git a/pages/admin/servicio/index.vue b/pages/admin/servicio/index.vue
index a6d1bb9..2d64284 100644
--- a/pages/admin/servicio/index.vue
+++ b/pages/admin/servicio/index.vue
@@ -42,11 +42,11 @@
     />
 
     <div>
-      <p v-if="alumno.idCuestionarioPrograma" class="my-4">
+      <p v-if="alumno.idCuestionarioPrograma || alumno.idCuestionarioPrograma2" class="my-4">
         <strong> Cuenta con cuestionario de programa resuelto. </strong>
       </p>
 
-      <p v-if="alumno.idCuestionarioAlumno" class="my-4">
+      <p v-if="alumno.idCuestionarioAlumno || alumno.idCuestionarioAlumno2" class="my-4">
         <strong> Cuenta con cuestionario de alumno resuelto. </strong>
       </p>
     </div>
diff --git a/pages/alumno/cuestionario/index.vue b/pages/alumno/cuestionario/index.vue
index 3090a72..95af573 100644
--- a/pages/alumno/cuestionario/index.vue
+++ b/pages/alumno/cuestionario/index.vue
@@ -1,384 +1,396 @@
 <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'">
+        <BotonRegresar path="/alumno" />
+        <div class="my-5 mensaje">
+        <p class="is-size-2">2025 evaluación del universitario(a) sobre su 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.
+          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 que tus respuestas son confidenciales.
+Los datos están sujetos al aviso de privacidad integral que se puede consultar en el sitio
+web:  <a
+          href="https://www.acatlan.unam.mx/normatividad"
+          class="column "
+          target="_blank"> www.acatlan.unam.mx/normatividad </a>
         </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" />  -->
 
-      <parteA v-show="current == 1" v-on:childAToParent="onChildA" />
+        <FullCuestionario />
 
-      <parteB v-show="current == 2" v-on:childBToParent="onChildB" />
+      </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'
 
-      <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'),
+  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
       },
-      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: '',
+      onChildB(value) {
+        this.answers.p1 = value.p1
+        this.answers.p2 = value.p2
+        this.answers.p3 = value.p3
+        this.answers.p3Otro = value.p3Otro
       },
-    }
-  },
-  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,
+      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')
           })
-
-          //this.reset()
-          localStorage.removeItem('idCuestionarioAlumno')
-          this.$router.push('/alumno')
-        })
-        .catch((error) => {
-          this.error(error.response.data.message)
-        })
-        .finally(() => {
-          this.isLoading = false
-        })
+          .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>
+/*     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/cuestionarioOld/index.vue b/pages/alumno/cuestionarioOld/index.vue
new file mode 100644
index 0000000..3090a72
--- /dev/null
+++ b/pages/alumno/cuestionarioOld/index.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: '',
+      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/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..8739520 100644
--- a/pages/alumno/index.vue
+++ b/pages/alumno/index.vue
@@ -89,6 +89,12 @@ export default {
             'idCuestionarioAlumno',
             res.data.idCuestionarioAlumno
           )
+
+          localStorage.setItem(
+            'idCuestionarioAlumno2',
+            res.data.idCuestionarioAlumno2
+          )
+
           localStorage.setItem('idServicio', res.data.idServicio)
           this.updateIsLoading(false)
         })
diff --git a/pages/responsable/cuestionario/index copy.vue b/pages/responsable/cuestionario/index copy.vue
new file mode 100644
index 0000000..292f543
--- /dev/null
+++ b/pages/responsable/cuestionario/index copy.vue	
@@ -0,0 +1,333 @@
+<template>
+    <section class="container my-5 px-3">
+      <!-- <div v-if="idCuestionario === 'null'"> -->
+      
+        <div class="my-5 mensaje">
+          <p class="is-size-2">2025 Evaluación de la institución receptora de servicio social</p>
+  
+          <p>
+            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:
+<a
+          href="https://www.acatlan.unam.mx/normatividad"
+          class="column "
+          target="_blank"> www.acatlan.unam.mx/normatividad </a>
+
+</p>
+        </div>
+  
+     <!--    <parteA  />
+  
+        <parteB  />
+  
+        <parteC  />
+  
+        <parteD  />
+  
+        <parteE />
+  
+        <parteF  /> -->
+
+       <!--  <FullCuestionario /> -->
+  
+
+
+        <FullCuestionario
+      :idServicio="idServicio"
+      :responsable="responsable"
+      :imprimirMensaje="imprimirMensaje"
+      :imprimirWarning="imprimirWarning"
+      :imprimirError="imprimirError"
+      :updateIsLoading="updateIsLoading"
+    />
+  
+  
+      <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'
+
+
+    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/responsable/cuestionario/index.vue b/pages/responsable/cuestionario/index.vue
index eb00dc7..8002a80 100644
--- a/pages/responsable/cuestionario/index.vue
+++ b/pages/responsable/cuestionario/index.vue
@@ -1,13 +1,42 @@
 <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">2025 Evaluación de la institución receptora de servicio social</p>
+  
+          <p>
+            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)
 
-    <h3 class="title">{{ alumno.nombre }} {{ alumno.usuario }}</h3>
+Los datos están sujetos al aviso de privacidad integral que se puede consultar en el sitio
+web:
+<a
+          href="https://www.acatlan.unam.mx/normatividad"
+          class="column "
+          target="_blank"> www.acatlan.unam.mx/normatividad </a>
 
-    <CuestionarioResponasble
+</p>
+        </div>
+  
+     <!--    <parteA  />
+  
+        <parteB  />
+  
+        <parteC  />
+  
+        <parteD  />
+  
+        <parteE />
+  
+        <parteF  /> -->
+
+       <!--  <FullCuestionario /> -->
+  
+
+
+    <FullCuestionario
       :idServicio="idServicio"
       :responsable="responsable"
       :imprimirMensaje="imprimirMensaje"
@@ -15,25 +44,30 @@
       :imprimirError="imprimirError"
       :updateIsLoading="updateIsLoading"
     />
+  
+  
+      <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading">
+      </b-loading>
+    </section>
+  </template>
 
-    <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'
 
+import FullCuestionario from '@/components/responsable/CuestionarioResponsable2'
+
+
+
 export default {
   components: {
     BotonRegresar,
     CuestionarioResponasble,
+    FullCuestionario
   },
   data() {
     return {
@@ -141,3 +175,45 @@ export default {
   },
 }
 </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>