From 66d185c8d78562af3c06ef862e2ed0cf680397f7 Mon Sep 17 00:00:00 2001
From: xXpuma99Xx <51341582+xXpuma99Xx@users.noreply.github.com>
Date: Mon, 17 Jan 2022 18:57:11 -0600
Subject: [PATCH 01/14] correciones

---
 components/responsable/UploadArchivo.vue |    2 +-
 nuxt.config.js                           |    8 +-
 package-lock.json                        | 1162 ++++++++++++----------
 3 files changed, 647 insertions(+), 525 deletions(-)

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..c4ab8ff 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,7 +1,7 @@
 export default {
   /* Server de pruebas */
-  server: { port: 3016 },
-  // server: { port: 8080 },
+  // server: { port: 3016 },
+  server: { port: 8080 },
   ssr: false,
   target: 'static',
   head: {
@@ -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/serviciosocial',
+    // 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",
-- 
2.43.0


From a3e85f5a76fe24b9da5c5a5489ffc75cbbcfd46a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lemuel=20M=C3=A1rquez?= <lemuelhmr@gmail.com>
Date: Tue, 25 Jul 2023 16:24:00 -0600
Subject: [PATCH 02/14] pruebas

---
 nuxt.config.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/nuxt.config.js b/nuxt.config.js
index c4ab8ff..4221c67 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,7 +1,7 @@
 export default {
   /* Server de pruebas */
-  // server: { port: 3016 },
-  server: { port: 8080 },
+  server: { port: 3016 },
+  // server: { port: 8080 },
   ssr: false,
   target: 'static',
   head: {
@@ -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',
   },
 }
-- 
2.43.0


From 99f409c7c49287465b3808e553f02e192b074b48 Mon Sep 17 00:00:00 2001
From: Tu Nombre <you@example.com>
Date: Tue, 28 Jan 2025 13:09:02 -0600
Subject: [PATCH 03/14] cuestionarios de pruebas

---
 .../alumno/cuestionario2/FullCuestionario.vue | 973 ++++++++++++++++++
 components/layouts/Logout.vue                 |   4 +-
 .../responsable/CuestionarioResponsable2.vue  | 973 ++++++++++++++++++
 pages/alumno/cuestionario2/index.vue          | 392 +++++++
 pages/alumno/cuestionarioView/index.vue       | 309 ++++++
 pages/responsable/cuestionario/index.vue      | 434 +++++---
 pages/responsable/cuestionario/indexOld.vue   | 143 +++
 7 files changed, 3092 insertions(+), 136 deletions(-)
 create mode 100644 components/alumno/cuestionario2/FullCuestionario.vue
 create mode 100644 components/responsable/CuestionarioResponsable2.vue
 create mode 100644 pages/alumno/cuestionario2/index.vue
 create mode 100644 pages/alumno/cuestionarioView/index.vue
 create mode 100644 pages/responsable/cuestionario/indexOld.vue

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


From 5eb9ca0d74a4cffad759fb9928a7a05b4b06511c Mon Sep 17 00:00:00 2001
From: Tu Nombre <you@example.com>
Date: Thu, 30 Jan 2025 09:54:08 -0600
Subject: [PATCH 04/14] validar cuestionario de responsable

---
 .gitignore                                    |   3 +
 .../alumno/cuestionario2/FullCuestionario.vue | 180 ++++++++++++++----
 .../responsable/CuestionarioResponsable2.vue  |  89 +++++++++
 3 files changed, 237 insertions(+), 35 deletions(-)

diff --git a/.gitignore b/.gitignore
index e8f682b..18fc437 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,6 @@
+.devcontainer
+
+
 # Created by .ignore support plugin (hsz.mobi)
 ### Node template
 # Logs
diff --git a/components/alumno/cuestionario2/FullCuestionario.vue b/components/alumno/cuestionario2/FullCuestionario.vue
index c58665a..b86e824 100644
--- a/components/alumno/cuestionario2/FullCuestionario.vue
+++ b/components/alumno/cuestionario2/FullCuestionario.vue
@@ -3,21 +3,27 @@
     <h1 class="text-center mb-4">{{ formulario.titulo }}</h1>
     <p class="text-center">{{ formulario.descripcion }}</p>
     <form @submit.prevent="submitForm">
-      <div v-for="(item, index) in sortedItems" :key="item.id || item.idTabla" class="mb-4">
-        <div v-if="item.tipo">
+      <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'">
+          
+          <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]"
-                :id="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
@@ -29,6 +35,8 @@
               {{ opcion }}
             </div>
           </div>
+
+
           <div v-if="item.tipo === 'texto'">
             <b-input
               :id="item.id"
@@ -84,6 +92,7 @@
    
           class="button is-success is-medium"
           @click="submitForm()"
+            :disabled="!isFormComplete"
         >
           Enviar
         </button>
@@ -719,33 +728,44 @@ Los datos están sujetos al aviso de privacidad integral que se puede consultar
   },
 
   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] = ''
-      }
-    })
+  this.respuestas = this.respuestas || {};
 
-    // 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]
-      });
+  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]
@@ -756,10 +776,104 @@ Los datos están sujetos al aviso de privacidad integral que se puede consultar
         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: {
+
+
+    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() {
-      console.log('Respuestas enviadas:', this.respuestas)
+
+
+      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.')
 
 
@@ -773,7 +887,7 @@ Los datos están sujetos al aviso de privacidad integral que se puede consultar
 
 
       let data = { ...respuestaFormateada, 
-        idServicio:  localStorage.getItem('idCuestionarioAlumno'), // 4,
+        idServicio:  localStorage.getItem('idServicio'), // 4,
         p1: 'respuesta1 - trabajando para que sea una string',
       }
 
@@ -805,7 +919,6 @@ Los datos están sujetos al aviso de privacidad integral que se puede consultar
       
     },
 
-  
     formatearRespuestas(respuestas) {
       // Objeto final a devolver
       const resultado = {}
@@ -872,9 +985,6 @@ Los datos están sujetos al aviso de privacidad integral que se puede consultar
       return resultado
     },
 
-
-
-    
   },
 }
 </script>
diff --git a/components/responsable/CuestionarioResponsable2.vue b/components/responsable/CuestionarioResponsable2.vue
index ca46be9..8d85436 100644
--- a/components/responsable/CuestionarioResponsable2.vue
+++ b/components/responsable/CuestionarioResponsable2.vue
@@ -84,6 +84,7 @@
      
             class="button is-success is-medium"
             @click="submitForm()"
+             :disabled="!isFormComplete"
           >
             Enviar
           </button>
@@ -756,6 +757,32 @@
           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() {
@@ -871,8 +898,70 @@
   
         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);
+  },
   
       
     },
-- 
2.43.0


From cf286c978820b89e690c6d460f603f035a4b99d8 Mon Sep 17 00:00:00 2001
From: Tu Nombre <you@example.com>
Date: Thu, 30 Jan 2025 09:57:46 -0600
Subject: [PATCH 05/14] validar cuestionario de responsable 2

---
 components/responsable/CuestionarioResponsable2.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/components/responsable/CuestionarioResponsable2.vue b/components/responsable/CuestionarioResponsable2.vue
index 8d85436..07148af 100644
--- a/components/responsable/CuestionarioResponsable2.vue
+++ b/components/responsable/CuestionarioResponsable2.vue
@@ -786,6 +786,14 @@
     },
     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.')
   
-- 
2.43.0


From c514357032fb3ce0ba9ab24cbcb2114766c6660d Mon Sep 17 00:00:00 2001
From: Tu Nombre <you@example.com>
Date: Thu, 30 Jan 2025 15:27:40 -0600
Subject: [PATCH 06/14] preguntas verificadas

---
 .../alumno/cuestionario2/FullCuestionario.vue |  277 +---
 .../responsable/CuestionarioResponsable2.vue  | 1365 ++++++-----------
 pages/alumno/cuestionario/index.vue           |  754 ++++-----
 pages/alumno/cuestionario2/index.vue          |  392 -----
 pages/alumno/cuestionarioOld/index.vue        |  384 +++++
 pages/responsable/cuestionario/index.vue      |   19 +-
 6 files changed, 1298 insertions(+), 1893 deletions(-)
 delete mode 100644 pages/alumno/cuestionario2/index.vue
 create mode 100644 pages/alumno/cuestionarioOld/index.vue

diff --git a/components/alumno/cuestionario2/FullCuestionario.vue b/components/alumno/cuestionario2/FullCuestionario.vue
index b86e824..b9799e7 100644
--- a/components/alumno/cuestionario2/FullCuestionario.vue
+++ b/components/alumno/cuestionario2/FullCuestionario.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="container mt-5">
-    <h1 class="text-center mb-4">{{ formulario.titulo }}</h1>
-    <p class="text-center">{{ formulario.descripcion }}</p>
+    <!-- <h1 class="text-center mb-4">{{ formulario.titulo }}</h1>
+    <p class="text-center">{{ formulario.descripcion }}</p> -->
+
+
     <form @submit.prevent="submitForm">
       <div v-for="(item, index) in sortedItems" :key="item.id || item.idTabla" class="mb-4 mt-6">
         <div v-if="item.tipo" class="mt-6">
@@ -130,21 +132,24 @@ export default {
             tipo: 'seleccionMultiple',
             numeroPregunta:1,
             texto:
-              'Señala los tres principales criterios para seleccionar el programa:',
+              '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',
+
+
+'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',
+
             ],
           },
           {
@@ -159,7 +164,7 @@ export default {
             numeroPregunta:4,
             id: 'actividades',
             tipo: 'seleccionUnica',
-            texto: '¿Las actividades realizadas fueron acordes al programa?',
+            texto: '¿Las actividades que realizaste fueron acordes a lo descrito en el programa?',
             opciones: ['Sí', 'No'],
           },
           {
@@ -167,7 +172,7 @@ export default {
             id: 'actividadesComentarios2',
             tipo: 'texto',
             texto:
-              'En caso de que las actividades hayan sido distintas, ¿cuáles fueron?',
+              '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',
@@ -185,14 +190,14 @@ export default {
             numeroPregunta:7,
             id: 'instalaciones',
             tipo: 'seleccionUnica',
-            texto: '¿Las instalaciones contaban con condiciones adecuadas?',
+            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é?',
+            texto: 'Si respondiste NO, ¿Por qué?',
             condicional: {
               preguntaId: 'instalaciones',
               valor: 'No',
@@ -202,7 +207,7 @@ export default {
             numeroPregunta:9,
             id: 'materialProporcionado',
             tipo: 'seleccionUnica',
-            texto: '¿La institución te proporcionó material/equipo necesario?',
+            texto: '¿La institución te proporciono material/equipo necesario para el desempeño de tus actividades?',
             opciones: ['Sí', 'No'],
           },
 
@@ -212,9 +217,14 @@ export default {
             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',
+
+
+'Coordinador administrativo del programa',
+'Responsable directo del programa',
+'Alguien diferente a los dos anteriores',
+
+
+      
             ],
           },
           {
@@ -233,7 +243,7 @@ export default {
             numeroPregunta:15,
             id: 'recomendacion',
             tipo: 'seleccionUnica',
-            texto: '¿Recomendarías el programa en el que participaste?',
+            texto: '¿Recomendarías el programa en que participaste?',
             opciones: ['Sí', 'No'],
           },
           
@@ -458,24 +468,31 @@ export default {
             renglones: [
               {
                 idRenglon: 1,
-                textoRenglon: 'Disposición',
+                textoRenglon: 'Empatía',
                 opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
               },
               {
                 idRenglon: 2,
-                textoRenglon: 'Proactivo/anticipación',
+                textoRenglon: 'Trabajo en equipo',
                 opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
               },
               {
                 idRenglon: 3,
-                textoRenglon: 'Propositivo',
+                textoRenglon: 'Comunicación asertiva',
                 opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
               },
               {
                 idRenglon: 4,
-                textoRenglon: 'Resolutivo',
+                textoRenglon: 'Receptividad',
                 opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
               },
+
+              {
+                idRenglon: 5,
+                textoRenglon: 'Tolerancia a la frustación',
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+              },
+
             ],
           },
 
@@ -506,8 +523,6 @@ export default {
                 textoRenglon: 'Formación académica general',
                 opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
               },
-
-
               {
                 idRenglon: 5,
                 textoRenglon: 'Uso tecnológico',
@@ -520,210 +535,12 @@ export default {
 
 
 
-
-
         ],
       },
        
     
 
-  formulario2: {
-    titulo: '2025 Evaluación de la institución receptora de servicio social',
-    descripcion: `Estimado(a) responsable de programa de servicio social:
-Te solicitamos llenar cuidadosamente los campos solicitados a continuación para poder
-validar el término del servicio social de nuestro alumno(a). 
-
-Los datos están sujetos al aviso de privacidad integral que se puede consultar en el sitio web: www.acatlan.unam.mx/normatividad`,
-
-    preguntas: [
-      {
-        numeroPregunta: 1,
-        id: 'actividadesUniversitario',
-        tipo: 'texto',
-        texto:
-          '1. Mencione las principales actividades que realizó el/la universitario(a) en su programa de servicio social',
-      },
-      {
-        numeroPregunta: 2,
-        id: 'calificacionGeneral',
-        tipo: 'seleccionUnica',
-        texto:
-          '2. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
-        opciones: ['Excelente', 'Bueno', 'Regular', 'Deficiente'],
-      },
-      {
-        numeroPregunta: 4,
-        id: 'cursosComplementarios',
-        tipo: 'texto',
-        texto:
-          '4. ¿Qué cursos considera que complementarían la formación de nuestros egresados?',
-      },
-      {
-        numeroPregunta: 5,
-        id: 'contratariaFuturo',
-        tipo: 'seleccionUnica',
-        texto: '5. ¿Considera contratar en un futuro al universitario(a)?',
-        opciones: ['Sí', 'No'],
-      },
-      {
-        numeroPregunta: 6,
-        id: 'porqueNoContrataria',
-        tipo: 'texto',
-        texto:
-          '6. Si su respuesta a la pregunta anterior fue NO, comente ¿por qué?',
-        condicional: {
-          preguntaId: 'contratariaFuturo',
-          valor: 'No',
-        },
-      },
-    ],
-
-    tablas: [
-      // ----- PREGUNTA 3, dividida en sub-secciones A, B, C, D, E ------
-      {
-        idTabla: 301,
-        numeroPregunta: 3,
-        preguntaTabla:
-          '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
-        subPreguntaTabla: 'A. Habilidades personales',
-        renglones: [
-          {
-            idRenglon: 1,
-            textoRenglon: 'Puntualidad',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-          {
-            idRenglon: 2,
-            textoRenglon: 'Eficiencia',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-          {
-            idRenglon: 3,
-            textoRenglon: 'Organizado',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-          {
-            idRenglon: 4,
-            textoRenglon: 'Eficacia',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-        ],
-      },
-      {
-        idTabla: 302,
-        numeroPregunta: 3,
-        preguntaTabla:
-          '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
-        subPreguntaTabla: 'B. Habilidades profesionales',
-        renglones: [
-          {
-            idRenglon: 1,
-            textoRenglon: 'Disposición',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-          {
-            idRenglon: 2,
-            textoRenglon: 'Proactivo/anticipación',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-          {
-            idRenglon: 3,
-            textoRenglon: 'Propositivo',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-          {
-            idRenglon: 4,
-            textoRenglon: 'Resolutivo',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-        ],
-      },
-      {
-        idTabla: 303,
-        numeroPregunta: 3,
-        preguntaTabla:
-          '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
-        subPreguntaTabla: 'C. Habilidades sociales',
-        renglones: [
-          {
-            idRenglon: 1,
-            textoRenglon: 'Empatía',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-          {
-            idRenglon: 2,
-            textoRenglon: 'Trabajo en equipo',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-          {
-            idRenglon: 3,
-            textoRenglon: 'Comunicación asertiva',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-          {
-            idRenglon: 4,
-            textoRenglon: 'Receptividad',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-          {
-            idRenglon: 5,
-            textoRenglon: 'Tolerancia a la frustración',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-        ],
-      },
-      {
-        idTabla: 304,
-        numeroPregunta: 3,
-        preguntaTabla:
-          '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
-        subPreguntaTabla: 'D. Conocimientos',
-        renglones: [
-          {
-            idRenglon: 1,
-            textoRenglon: 'Conocimientos teóricos',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-          {
-            idRenglon: 2,
-            textoRenglon: 'Conocimientos metodológicos',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-          {
-            idRenglon: 3,
-            textoRenglon: 'Pensamiento crítico',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-          {
-            idRenglon: 4,
-            textoRenglon: 'Formación académica general',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-          {
-            idRenglon: 5,
-            textoRenglon: 'Uso tecnológico',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-        ],
-      },
-      {
-        idTabla: 305,
-        numeroPregunta: 3,
-        preguntaTabla:
-          '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
-        subPreguntaTabla: 'E. Otro',
-        renglones: [
-          {
-            idRenglon: 1,
-            textoRenglon: 'Otro',
-            opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-          },
-        ],
-      },
-    ],
-  },
-
-
+ 
     }
   },
 
diff --git a/components/responsable/CuestionarioResponsable2.vue b/components/responsable/CuestionarioResponsable2.vue
index 07148af..b21cc75 100644
--- a/components/responsable/CuestionarioResponsable2.vue
+++ b/components/responsable/CuestionarioResponsable2.vue
@@ -1,915 +1,492 @@
 <template>
-    <div class="container mt-5">
-      <h1 class="text-center mb-4">{{ formulario.titulo }}</h1>
-      <p class="text-center">{{ formulario.descripcion }}</p>
-      <form @submit.prevent="submitForm">
-        <div v-for="(item, index) in sortedItems" :key="item.id || item.idTabla" class="mb-4">
-          <div v-if="item.tipo">
-            <label :for="item.id" class="form-label">{{ item.numeroPregunta }}. {{ item.texto }}</label>
-            <div v-if="item.tipo === 'seleccionUnica'">
-              <div v-for="opcion in item.opciones" :key="opcion" class="SINO">
-                <b-radio
-                  v-model="respuestas[item.id]"
-                  :id="item.id"
-                  :native-value="opcion"
-                  type="is-info"
-                >
-                  {{ opcion }}
-                </b-radio>
-              </div>
-            </div>
-            <div v-if="item.tipo === 'seleccionMultiple'">
-              <div v-for="opcion in item.opciones" :key="opcion" class="SINO">
-                <input
-                  class="checkb"
-                  type="checkbox"
-                  :value="opcion"
-                  v-model="respuestas[item.id]"
-                />
+  <div class="container mt-5">
+
+  <!-- 
+    <h1 class="text-center mb-4">{{ formulario.titulo }}</h1>
+    <p class="text-center">{{ formulario.descripcion }}</p> -->
+
+
+
+    <form @submit.prevent="submitForm">
+      <div v-for="(item, index) in sortedItems" :key="item.id || item.idTabla" class="mb-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 }}
-              </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>
+              </b-radio>
             </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 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 class="my-6 mb-6" >
+        <div v-else>
+          <!--  <h3 class="mb-3">{{ item.numeroPregunta }}. {{ item.preguntaTabla }}</h3>
+            <h5 v-if="item.subPreguntaTabla" class="mb-3">{{ item.subPreguntaTabla }}</h5>
+   -->
+
+          <template v-if="index === 0 || item.numeroPregunta !== sortedItems[index - 1].numeroPregunta">
+            <h3 class="mb-3">
+              {{ item.numeroPregunta }}. {{ item.preguntaTabla }}
+            </h3>
+          </template>
+
+          <!-- Subtítulo (h5) siempre que exista -->
+          <h5 v-if="item.subPreguntaTabla" class="mb-3">
+            {{ item.subPreguntaTabla }}
+          </h5>
+
+          <table class="table table-bordered text-center">
+            <thead>
+              <tr>
+                <th></th>
+                <th v-for="opcion in item.renglones[0].opciones" :key="opcion">{{ opcion }}</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="renglon in item.renglones" :key="renglon.idRenglon">
+                <td>{{ renglon.textoRenglon }}</td>
+                <td v-for="opcion in renglon.opciones" :key="opcion">
+                  <input type="radio" :name="`tabla-${item.idTabla}-renglon-${renglon.idRenglon}`" :value="opcion"
+                    v-model="respuestas[item.idTabla][renglon.idRenglon]" />
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+
+
+      <div class="my-6 mb-6">
         <b-field class="centro">
-          <button
-     
-            class="button is-success is-medium"
-            @click="submitForm()"
-             :disabled="!isFormComplete"
-          >
+          <button class="button is-success is-medium" @click="submitForm()" :disabled="!isFormComplete">
             Enviar
           </button>
         </b-field>
       </div>
-  
-  
-  
-      </form>
-    </div>
-  </template>
-  
-  <script>
-  
-  
-  import Buefy from 'buefy'
-    import 'buefy/dist/buefy.css'
-    import axios from 'axios'
-  
-  
-  export default {
-    data() {
-      return {
-  
-  
-        respuestas: {}, // Inicialización para almacenar las respuestas
-  
-        formulario2: {
-          titulo: '2025 Evaluación del Universitario(a)',
-          descripcion:
-            'Te invitamos a compartir tu experiencia respecto al programa de servicio social en el que participaste. Tus respuestas son confidenciales.',
-          preguntas: [
-            {
-              id: 'criterios',
-              tipo: 'seleccionMultiple',
-              numeroPregunta:1,
-              texto:
-                'Señala los tres principales criterios para seleccionar el programa:',
-              opciones: [
-                'Actividades adscritas al programa',
-                'Apoyo económico',
-                'Asesoría académica',
-                'Dependencia de la UNAM',
-                'Flexibilidad en horarios',
-                'Institución del sector público',
-                'Institución del sector social',
-                'Invitación de profesores',
-                'Modalidad de titulación por servicio social',
-                'Objetivo del programa',
-                'Oportunidad de desarrollo de tesis',
-                'Prestigio de la institución',
-                'Recomendación de compañeros',
-              ],
-            },
-            {
-              numeroPregunta:2,
-              id: 'inscripcion',
-              tipo: 'seleccionUnica',
-              texto: '¿Cómo evalúas tu proceso de inscripción?',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-     
-            {
-              numeroPregunta:4,
-              id: 'actividades',
-              tipo: 'seleccionUnica',
-              texto: '¿Las actividades realizadas fueron acordes al programa?',
-              opciones: ['Sí', 'No'],
-            },
-            {
-              numeroPregunta:5,
-              id: 'actividadesComentarios2',
-              tipo: 'texto',
-              texto:
-                'En caso de que las actividades hayan sido distintas, ¿cuáles fueron?',
-              condicional: {
-                preguntaId: 'actividades',
-                valor: 'No',
-              },
-            },
-            {
-              numeroPregunta:6,
-              id: 'espacioFisico',
-              tipo: 'seleccionUnica',
-              texto:
-                '¿Contaste con un espacio físico adecuado para realizar tus actividades?',
-              opciones: ['Sí', 'No'],
-            },
-            {
-              numeroPregunta:7,
-              id: 'instalaciones',
-              tipo: 'seleccionUnica',
-              texto: '¿Las instalaciones contaban con condiciones adecuadas?',
-              opciones: ['Sí', 'No'],
-            },
-            {
-              numeroPregunta:8,
-              id: 'instalacionesComentarios',
-              tipo: 'texto',
-              texto: 'Si respondiste NO, ¿por qué?',
-              condicional: {
-                preguntaId: 'instalaciones',
-                valor: 'No',
-              },
-            },
-            {
-              numeroPregunta:9,
-              id: 'materialProporcionado',
-              tipo: 'seleccionUnica',
-              texto: '¿La institución te proporcionó material/equipo necesario?',
-              opciones: ['Sí', 'No'],
-            },
-  
-            {
-              numeroPregunta:13,
-              id: 'supervisor',
-              tipo: 'seleccionUnica',
-              texto: '¿Quién asesoró y supervisó las actividades que realizaste?',
-              opciones: [
-                'Coordinador administrativo del programa',
-                'Responsable directo del programa',
-                'Alguien diferente a los dos anteriores',
-              ],
-            },
-            {
-  
-              numeroPregunta:14,
-              id: 'apoyoEconomico',
-              tipo: 'seleccionUnica',
-              texto: 'El apoyo económico señalado en el programa...',
-              opciones: [
-                'Se te otorgó de acuerdo a lo establecido',
-                'Fue condicionado',
-                'Se te proporcionó solo una parte',
-              ],
-            },
-            {
-              numeroPregunta:15,
-              id: 'recomendacion',
-              tipo: 'seleccionUnica',
-              texto: '¿Recomendarías el programa en el que participaste?',
-              opciones: ['Sí', 'No'],
-            },
-            
-  
-  
-  
-            {
-              numeroPregunta:16,
-              id: 'actividadesComentarios3',
-              tipo: 'texto',
-              texto:
-                '¿Por qué?',
-              condicional: {
-                preguntaId: 'actividades',
-                valor: 'No',
-              },
-            },
-  
-  
-            {
-              numeroPregunta:18,
-              id: 'actividadesComentarios1',
-              tipo: 'texto',
-              texto:
-                'Enlista los conocimiento o habilidades que te ayudarían a un mejor desempeño para tu actividad profesional a futuro',
-              condicional: {
-                preguntaId: 'actividades',
-                valor: 'No',
-              },
-            },
-  
-            
-          ],
-  
-          tablas: [
-         
-  
-            {
-              idTabla: 130,
-              preguntaTabla: '¿En la entidad o programa donde realizaste tu servicio social recibiste…?',
-              subPreguntaTabla: '',
-              numeroPregunta: 3,
-              renglones: [
-                {
-                  idRenglon: 1,
-                  textoRenglon: 'Asesoría',
-                  opciones: ['si', 'no'],
-                },
-                {
-                  idRenglon: 2,
-                  textoRenglon: 'Acompañamiento',
-                  opciones: ['si', 'no'],
-                },
-                {
-                  idRenglon: 3,
-                  textoRenglon: 'Supervisión',
-                  opciones: ['si', 'no'],
-                },
-                {
-                  idRenglon: 4,
-                  textoRenglon: 'Seguimiento',
-                  opciones: ['si', 'no'],
-                },
-              ],
-            },
-  
-  
-  
-            {
-              idTabla: 104,
-              preguntaTabla: 'El trato que recibiste fue:',
-              subPreguntaTabla: '',
-              numeroPregunta: 10,
-              renglones: [
-                {
-                  idRenglon: 1,
-                  textoRenglon: 'Profesional',
-                  opciones: ['si', 'no'],
-                },
-                {
-                  idRenglon: 2,
-                  textoRenglon: 'Amable',
-                  opciones: ['si', 'no'],
-                },
-                {
-                  idRenglon: 3,
-                  textoRenglon: 'Respetuoso',
-                  opciones: ['si', 'no'],
-                },
-            
-              ],
-            },
-  
-  
-  
-  
-            {
-              idTabla: 105,
-              preguntaTabla: 'En tu servicio social…',
-              subPreguntaTabla: '',
-              numeroPregunta: 11,
-              renglones: [
-                {
-                  idRenglon: 1,
-                  textoRenglon: 'Aplicaste conocimientos',
-                  opciones: ['Nunca', 'Rara vez', 'Algunas veces','Regularmente', 'Siempre'],
-                },
-                {
-                  idRenglon: 2,
-                  textoRenglon: 'Desarrollaste habilidades',
-                  opciones: ['Nunca', 'Rara vez', 'Algunas veces','Regularmente', 'Siempre'],
-                },
-                {
-                  idRenglon: 3,
-                  textoRenglon: 'Enriqueciste conocimientos',
-                  opciones: ['Nunca', 'Rara vez', 'Algunas veces','Regularmente', 'Siempre'],
-                },
-                {
-                  idRenglon: 4,
-                  textoRenglon: 'Fortaleciste tus habilidades',
-                  opciones: ['Nunca', 'Rara vez', 'Algunas veces','Regularmente', 'Siempre'],
-                },
-            
-              ],
-            },
-  
-  
-            {
-              idTabla: 106,
-              preguntaTabla: 'Con respecto a la plataforma SIASSyPP web.',
-              subPreguntaTabla: 'La información que te proporcionaron sobre los programas fue:',
-              numeroPregunta: 17,
-              renglones: [
-                {
-                  idRenglon: 1,
-                  textoRenglon: 'Adecuada',
-                  opciones: ['si', 'no'],
-                },
-                {
-                  idRenglon: 2,
-                  textoRenglon: 'Suficiente',
-                  opciones: ['si', 'no'],
-                },
-                {
-                  idRenglon: 3,
-                  textoRenglon: 'Actualizada',
-                  opciones: ['si', 'no'],
-                },
-            
-            
-              ],
-            },
-  
-  
-  
-            {
-              idTabla: 101,
-              preguntaTabla: 'Evalúa tu propio desempeño en el servicio social en relación con',
-              subPreguntaTabla: 'A. Habilidades personales',
-              numeroPregunta: 12,
-              renglones: [
-                {
-                  idRenglon: 1,
-                  textoRenglon: 'Puntualidad',
-                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-                },
-                {
-                  idRenglon: 2,
-                  textoRenglon: 'Eficiencia',
-                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-                },
-                {
-                  idRenglon: 3,
-                  textoRenglon: 'Organización',
-                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-                },
-                {
-                  idRenglon: 4,
-                  textoRenglon: 'Eficacia',
-                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-                },
-              ],
-            },
-  
-            {
-              idTabla: 102,
-              preguntaTabla: 'Evalúa tu propio desempeño en el servicio social en relación con',
-              subPreguntaTabla: 'B. Habilidades profesionales ',
-              numeroPregunta: 12,
-              renglones: [
-                {
-                  idRenglon: 1,
-                  textoRenglon: 'Disposición',
-                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-                },
-                {
-                  idRenglon: 2,
-                  textoRenglon: 'Proactivo/anticipación',
-                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-                },
-                {
-                  idRenglon: 3,
-                  textoRenglon: 'Propositivo',
-                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-                },
-                {
-                  idRenglon: 4,
-                  textoRenglon: 'Resolutivo',
-                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-                },
-              ],
-            },
-  
-  
-  
-  
-            {
-              idTabla: 103,
-              preguntaTabla: 'Evalúa tu propio desempeño en el servicio social en relación con',
-              subPreguntaTabla: 'C. Habilidades sociales',
-              numeroPregunta: 12,
-              renglones: [
-                {
-                  idRenglon: 1,
-                  textoRenglon: 'Disposición',
-                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-                },
-                {
-                  idRenglon: 2,
-                  textoRenglon: 'Proactivo/anticipación',
-                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-                },
-                {
-                  idRenglon: 3,
-                  textoRenglon: 'Propositivo',
-                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-                },
-                {
-                  idRenglon: 4,
-                  textoRenglon: 'Resolutivo',
-                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-                },
-              ],
-            },
-  
-  
-            {
-              idTabla: 1042,
-              preguntaTabla: 'Evalúa tu propio desempeño en el servicio social en relación con',
-              subPreguntaTabla: 'D. Conocimientos',
-              numeroPregunta: 12,
-              renglones: [
-                {
-                  idRenglon: 1,
-                  textoRenglon: 'Conocimientos teóricos',
-                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-                },
-                {
-                  idRenglon: 2,
-                  textoRenglon: 'Conocimientos metodológicos',
-                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-                },
-                {
-                  idRenglon: 3,
-                  textoRenglon: 'Pensamiento critico',
-                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-                },
-                {
-                  idRenglon: 4,
-                  textoRenglon: 'Formación académica general',
-                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-                },
-  
-  
-                {
-                  idRenglon: 5,
-                  textoRenglon: 'Uso tecnológico',
-                  opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-                },
-  
-  
-              ],
-            },
-  
-  
-  
-  
-  
-          ],
-        },
-         
-      
-  
-    formulario: {
-      titulo: '2025 Evaluación de la institución receptora de servicio social',
-      descripcion: `Estimado(a) responsable de programa de servicio social:
+
+
+
+    </form>
+  </div>
+</template>
+
+<script>
+
+
+import Buefy from 'buefy'
+import 'buefy/dist/buefy.css'
+import axios from 'axios'
+
+
+export default {
+  data() {
+    return {
+
+
+      respuestas: {}, // Inicialización para almacenar las respuestas
+
+      formulario: {
+        titulo: '2025 Evaluación de la institución receptora de servicio social',
+        descripcion: `Estimado(a) responsable de programa de servicio social:
   Te solicitamos llenar cuidadosamente los campos solicitados a continuación para poder
   validar el término del servicio social de nuestro alumno(a). 
+
   
   Los datos están sujetos al aviso de privacidad integral que se puede consultar en el sitio web: www.acatlan.unam.mx/normatividad`,
-  
-      preguntas: [
-        {
-          numeroPregunta: 1,
-          id: 'actividadesUniversitario',
-          tipo: 'texto',
-          texto:
-            '1. Mencione las principales actividades que realizó el/la universitario(a) en su programa de servicio social',
-        },
-        {
-          numeroPregunta: 2,
-          id: 'calificacionGeneral',
-          tipo: 'seleccionUnica',
-          texto:
-            '2. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
-          opciones: ['Excelente', 'Bueno', 'Regular', 'Deficiente'],
-        },
-        {
-          numeroPregunta: 4,
-          id: 'cursosComplementarios',
-          tipo: 'texto',
-          texto:
-            '4. ¿Qué cursos considera que complementarían la formación de nuestros egresados?',
-        },
-        {
-          numeroPregunta: 5,
-          id: 'contratariaFuturo',
-          tipo: 'seleccionUnica',
-          texto: '5. ¿Considera contratar en un futuro al universitario(a)?',
-          opciones: ['Sí', 'No'],
-        },
-        {
-          numeroPregunta: 6,
-          id: 'porqueNoContrataria',
-          tipo: 'texto',
-          texto:
-            '6. Si su respuesta a la pregunta anterior fue NO, comente ¿por qué?',
-          condicional: {
-            preguntaId: 'contratariaFuturo',
-            valor: 'No',
+
+        preguntas: [
+          {
+            numeroPregunta: 1,
+            id: 'actividadesUniversitario',
+            tipo: 'texto',
+            texto:
+              'Mencione las principales actividades que realizó el/la universitario(a) en su programa de servicio social',
           },
-        },
-      ],
-  
-      tablas: [
-        // ----- PREGUNTA 3, dividida en sub-secciones A, B, C, D, E ------
-        {
-          idTabla: 301,
-          numeroPregunta: 3,
-          preguntaTabla:
-            '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
-          subPreguntaTabla: 'A. Habilidades personales',
-          renglones: [
-            {
-              idRenglon: 1,
-              textoRenglon: 'Puntualidad',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+          {
+            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',
             },
-            {
-              idRenglon: 2,
-              textoRenglon: 'Eficiencia',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-            {
-              idRenglon: 3,
-              textoRenglon: 'Organizado',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-            {
-              idRenglon: 4,
-              textoRenglon: 'Eficacia',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-          ],
-        },
-        {
-          idTabla: 302,
-          numeroPregunta: 3,
-          preguntaTabla:
-            '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
-          subPreguntaTabla: 'B. Habilidades profesionales',
-          renglones: [
-            {
-              idRenglon: 1,
-              textoRenglon: 'Disposición',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-            {
-              idRenglon: 2,
-              textoRenglon: 'Proactivo/anticipación',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-            {
-              idRenglon: 3,
-              textoRenglon: 'Propositivo',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-            {
-              idRenglon: 4,
-              textoRenglon: 'Resolutivo',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-          ],
-        },
-        {
-          idTabla: 303,
-          numeroPregunta: 3,
-          preguntaTabla:
-            '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
-          subPreguntaTabla: 'C. Habilidades sociales',
-          renglones: [
-            {
-              idRenglon: 1,
-              textoRenglon: 'Empatía',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-            {
-              idRenglon: 2,
-              textoRenglon: 'Trabajo en equipo',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-            {
-              idRenglon: 3,
-              textoRenglon: 'Comunicación asertiva',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-            {
-              idRenglon: 4,
-              textoRenglon: 'Receptividad',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-            {
-              idRenglon: 5,
-              textoRenglon: 'Tolerancia a la frustración',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-          ],
-        },
-        {
-          idTabla: 304,
-          numeroPregunta: 3,
-          preguntaTabla:
-            '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
-          subPreguntaTabla: 'D. Conocimientos',
-          renglones: [
-            {
-              idRenglon: 1,
-              textoRenglon: 'Conocimientos teóricos',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-            {
-              idRenglon: 2,
-              textoRenglon: 'Conocimientos metodológicos',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-            {
-              idRenglon: 3,
-              textoRenglon: 'Pensamiento crítico',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-            {
-              idRenglon: 4,
-              textoRenglon: 'Formación académica general',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-            {
-              idRenglon: 5,
-              textoRenglon: 'Uso tecnológico',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-          ],
-        },
-        {
-          idTabla: 305,
-          numeroPregunta: 3,
-          preguntaTabla:
-            '3. Haciendo una evaluación general, ¿Cómo califica el desempeño del universitario(a)?',
-          subPreguntaTabla: 'E. Otro',
-          renglones: [
-            {
-              idRenglon: 1,
-              textoRenglon: 'Otro',
-              opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-            },
-          ],
-        },
-      ],
-    },
-  
-  
-      }
-    },
-  
-    created() {
-      // Inicializa las respuestas vacías para cada pregunta
-      this.formulario.preguntas.forEach((pregunta) => {
-        if (pregunta.tipo === 'evaluacion') {
-          this.respuestas[pregunta.id] = {}
-          pregunta.categorias.forEach((categoria) => {
-            categoria.items.forEach((item) => {
-              this.respuestas[pregunta.id][item] = ''
-            })
-          })
-        } else if (
-          pregunta.tipo === 'checkbox' ||
-          pregunta.tipo === 'seleccionMultiple'
-        ) {
-          this.respuestas[pregunta.id] = []
-        } else {
-          this.respuestas[pregunta.id] = ''
-        }
-      })
-  
-      // Inicializa respuestas para cada tabla
-      this.formulario.tablas.forEach((tabla) => {
-        this.$set(this.respuestas, tabla.idTabla, {}); // Asegura que exista respuestas[tabla.idTabla]
-        tabla.renglones.forEach((renglon) => {
-          this.$set(this.respuestas[tabla.idTabla], renglon.idRenglon, null); // Asegura que exista respuestas[tabla.idTabla][renglon.idRenglon]
-        });
-      });
-    },
-    computed: {
-      sortedItems() {
-        const items = [...this.formulario.preguntas, ...this.formulario.tablas]
-        return items.sort((a, b) => {
-          if (a.numeroPregunta === b.numeroPregunta) {
-            return (a.idTabla || 0) - (b.idTabla || 0)
-          }
-          return a.numeroPregunta - b.numeroPregunta
-        })
+          },
+        ],
+
+        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]
+      });
+    });
+  },
+  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;
+      // 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
       });
-    });
 
-    return allQuestionsAnswered && allTablesAnswered;
-  }
+      // 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: 4, //localStorage.getItem('idCuestionarioAlumno') 
+        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)
+        })
+        .finally(() => {
+          this.isLoading = false
+        })
+
     },
-    methods: {
-      submitForm() {
 
 
-        if (!this.validateResponses()) {
+    formatearRespuestas(respuestas) {
+      // Objeto final a devolver
+      const resultado = {}
 
-return; // Detiene el envío si la validación falla
-}
+      // 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
 
-
-        console.log('Respuestas enviadas:', this.respuestas)
-        //alert('Formulario enviado. Gracias por tu participación.')
-  
-  
-  
-         // Aquí formateamos las respuestas
-         const respuestaFormateada = this.formatearRespuestas(this.respuestas)
-        console.log('Respuestas formateadas:', respuestaFormateada)
-  
-      //  this.sendAnswers(respuestaFormateada)
-  
-  
-  
-        let data = { ...respuestaFormateada, 
-          idServicio: 4, //localStorage.getItem('idCuestionarioAlumno') 
-          p1: 'respuesta1 - trabajando para que sea una string',
-        }
-  
-        axios
-            .post(`${process.env.api}/cuestionario_programa`, data, //this.token
-  
-            )
-            .then((res) => {
-              this.$buefy.dialog.alert({
-                title: 'Success',
-                message: 'Se enviaron los datos correctamente',
-                type: 'is-success',
-                hasIcon: true,
-                icon: 'checkbox-marked-circle',
-                ariaRole: 'alertdialog',
-                ariaModal: true,
-              })
-    
-              //this.reset()
-              localStorage.removeItem('idCuestionarioAlumno')
-              this.$router.push('/alumno')
-            })
-            .catch((error) => {
-              this.error(error.response.data.message)
-            })
-            .finally(() => {
-              this.isLoading = false
-            })
-        
-      },
-  
-    
-      formatearRespuestas(respuestas) {
-        // Objeto final a devolver
-        const resultado = {}
-  
-        // Recorremos todas las claves de "respuestas"
-        for (const key in respuestas) {
-          // Verificamos si es un ID de tabla (numérico) o un ID de pregunta (string)
-          const esTabla = !isNaN(Number(key)) // true si la clave se puede convertir a número
-  
-          if (esTabla) {
-            // 1) BUSCAMOS LA DEFINICIÓN DE LA TABLA
-            const idTabla = parseInt(key, 10)
-            const tablaDef = this.formulario.tablas.find(t => t.idTabla === idTabla)
-            if (!tablaDef) {
-              // Si no se encontró la tabla, continuamos
-              continue
-            }
-  
-            // 2) OBTENEMOS EL NÚMERO DE PREGUNTA Y, OPCIONALMENTE, LA LETRA (A, B, C...)
-            const numPregunta = tablaDef.numeroPregunta
-  
-            // Si quieres “sacar” la letra (A, B, C…) de algo como "A. Habilidades sociales"
-            // Se puede hacer un match sencillo al principio
-            let subLetra = ''
-            if (tablaDef.subPreguntaTabla) {
-              // Ejemplo: "A. Habilidades personales"
-              const coincidencia = tablaDef.subPreguntaTabla.match(/^([A-E])\./)
-              if (coincidencia) {
-                subLetra = coincidencia[1] // 'A', 'B', 'C', etc.
-              }
-            }
-  
-            // 3) LUEGO RECORREMOS LAS RESPUESTAS DE LA TABLA (por cada idRenglon)
-            const respuestasTabla = respuestas[key] // p.ej: { "1": "Deficiente", "2": "Básico", ... }
-            for (const idRenglon in respuestasTabla) {
-              const valor = respuestasTabla[idRenglon]
-  
-              // Formamos la clave final. 
-              // Si hay subLetra, hacemos `p3_A_1`. Sino, solo `p3_1`.
-              let clave = `p${numPregunta}_${idRenglon}`
-              if (subLetra) {
-                clave = `p${numPregunta}_${subLetra}_${idRenglon}`
-              }
-  
-              resultado[clave] = valor
-            }
-          } else {
-            // NO ES UNA TABLA => ES UNA PREGUNTA NORMAL
-            // Buscamos su definición para obtener el numeroPregunta
-            const preguntaDef = this.formulario.preguntas.find(p => p.id === key)
-            if (!preguntaDef) {
-              // No se encontró la definición (caso raro)
-              continue
-            }
-  
-            const numPregunta = preguntaDef.numeroPregunta
-  
-            // Creamos algo como `p2`, `p5`, etc.
-            const clave = `p${numPregunta}`
-            resultado[clave] = respuestas[key]
+        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
-      },
+      }
+
+      return resultado
+    },
 
 
 
-      validateResponses() {
+    validateResponses() {
       for (const pregunta of this.formulario.preguntas) {
         const respuesta = this.respuestas[pregunta.id];
 
@@ -962,25 +539,25 @@ return; // Detiene el envío si la validación falla
 
       return true;
     },
-  
-  
+
+
 
 
     updateRespuestas(id, valor) {
-    this.$set(this.respuestas, id, valor);
-    console.log("Radio seleccionado:", id, valor);
-  },
-  
-      
+      this.$set(this.respuestas, id, valor);
+      console.log("Radio seleccionado:", id, valor);
     },
-  }
-  </script>
-  
-  
-  
-  
-  
-  <!-- respuestas de cuestionario formulario2
+
+
+  },
+}
+</script>
+
+
+
+
+
+<!-- respuestas de cuestionario formulario2
    todas las preguntas se guardan correctamente
   {
     "p3_A_1": "Deficiente",
@@ -1008,11 +585,11 @@ return; // Detiene el envío si la validación falla
     "p5": "Sí",
     "p6": "respuesta 6"
   } -->
-  
-  
-  
-  
-  <!-- respuestas de cuestionario formulario alumno
+
+
+
+
+<!-- respuestas de cuestionario formulario alumno
   
   
   {
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/cuestionario2/index.vue b/pages/alumno/cuestionario2/index.vue
deleted file mode 100644
index e0ee7d2..0000000
--- a/pages/alumno/cuestionario2/index.vue
+++ /dev/null
@@ -1,392 +0,0 @@
-<template>
-    <section class="container my-5 px-3">
-      <div v-if="idCuestionario === 'null'">
-        <BotonRegresar path="/alumno" />
-        <div class="my-5 mensaje">
-          <p class="is-size-2">Evaluación de programas de servicio social</p>
-  
-          <p>
-            Te invitamos a compartir tu experiencia respecto del programa de
-            servicio social en el que participaste, a efecto de mejorar la oferta
-            de programas disponibles para los alumnos que desean liberar este
-            requisito. Te recordamos qe tus respues son confidenciales.
-          </p>
-        </div>
-  
-     <!--    <parteA v-show="current == 1" v-on:childAToParent="onChildA" />
-  
-        <parteB v-show="current == 2" v-on:childBToParent="onChildB" />
-  
-        <parteC v-show="current == 3" v-on:childCToParent="onChildC" />
-  
-        <parteD v-show="current == 4" v-on:childDToParent="onChildD" />
-  
-        <parteE v-show="current == 5" v-on:childEToParent="onChildE" />
-  
-        <parteF v-show="current == 6" v-on:childFToParent="onChildF" />
-  
-        <navCues :answers="answers" v-on:childNAVToParent="onChildNAV" />  -->
-
-        <FullCuestionario />
-
-      </div>
-  
-      <div v-else class="vh">
-        <h2>Ya has contestado tu cuestionario :)</h2>
-      </div>
-  
-      <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading">
-      </b-loading>
-    </section>
-  </template>
-  
-  <script>
-  import Buefy from 'buefy'
-  import 'buefy/dist/buefy.css'
-  import axios from 'axios'
-  import parteA from '@/components/alumno/cuestionario/A'
-  import parteB from '@/components/alumno/cuestionario/B'
-  import parteC from '@/components/alumno/cuestionario/C'
-  import parteD from '@/components/alumno/cuestionario/D'
-  import parteE from '@/components/alumno/cuestionario/E'
-  import parteF from '@/components/alumno/cuestionario/F'
-  import navCues from '@/components/alumno/cuestionario/navCues'
-  import BotonRegresar from '@/components/botonRegresar'
-
-  import FullCuestionario from '@/components/alumno/cuestionario2/FullCuestionario'
-  
-  export default {
-    components: {
-      parteA,
-      parteB,
-      parteC,
-      parteD,
-      parteE,
-      parteF,
-      navCues,
-      BotonRegresar,
-      FullCuestionario
-      
-    },
-    data() {
-      return {
-        token: {
-          headers: {
-            token: localStorage.getItem('token'),
-          },
-        },
-        isLoading: false,
-        current: 1,
-        idCuestionario: "null",
-        answers: {
-          sexo: '',
-          edad: '',
-          servicioMedico: '',
-          servicioMedicoOtro: '',
-          servicioMedicoAux: '',
-          p1: '',
-          p2: '',
-          p3: [], // selecciona 3 opciones
-          p3Otro: '',
-          p4: '',
-          p5: [],
-          p6: '',
-          p7: '',
-          p8: [],
-          p9: '',
-          p10: '',
-          p11: '',
-          p12: '',
-          p13: '',
-          p14: [],
-          p15: [],
-          p16: '',
-          p17: [],
-          p18: '',
-          p19: '',
-          p20: '',
-          p21: [],
-          p22: [],
-          p23: [],
-          p24: [],
-          p25: '',
-          p26: '',
-          p27: '',
-          p28: null,
-          p29: null,
-          p30: '',
-        },
-      }
-    },
-    methods: {
-      onChildA(value) {
-        this.answers.servicioMedico = value.servicioMedico
-        this.answers.sexo = value.sexo
-        this.answers.edad = value.edad
-      },
-      onChildB(value) {
-        this.answers.p1 = value.p1
-        this.answers.p2 = value.p2
-        this.answers.p3 = value.p3
-        this.answers.p3Otro = value.p3Otro
-      },
-      onChildC(value) {
-        this.answers.p4 = value.p4
-        this.answers.p5 = value.p5
-        this.answers.p6 = value.p6
-        this.answers.p7 = value.p7
-        this.answers.p8 = value.p8
-        this.answers.p9 = value.p9
-        this.answers.p10 = value.p10
-        this.answers.p11 = value.p11
-        this.answers.p12 = value.p12
-        this.answers.p13 = value.p13
-      },
-      onChildD(value) {
-        this.answers.p14 = value.p14
-        this.answers.p15 = value.p15
-        this.answers.p16 = value.p16
-        this.answers.p17 = value.p17
-      },
-      onChildE(value) {
-        this.answers.p18 = value.p18
-        this.answers.p19 = value.p19
-        this.answers.p20 = value.p20
-        this.answers.p21 = value.p21
-      },
-      onChildF(value) {
-        this.answers.p22 = value.p22
-        this.answers.p23 = value.p23
-        this.answers.p24 = value.p24
-        this.answers.p25 = value.p25
-        this.answers.p26 = value.p26
-        this.answers.p27 = value.p27
-        this.answers.p28 = value.p28
-        this.answers.p29 = value.p29
-        this.answers.p30 = value.p30
-      },
-      onChildNAV(value) {
-        this.current = value
-      },
-      error(msj) {
-        let salir = false
-        switch (msj) {
-          case 'invalid signature':
-            msj = 'Tu token no es valido, inicia sesión de nuevo.'
-            salir = true
-            break
-          case 'jwt expired':
-            msj = 'Tu sesión ha expirado, inicia sesión de nuevo.'
-            salir = true
-            break
-          case 'jwt malformed':
-            msj = 'No se encontro tu token, inicia sesión de nuevo.'
-            salir = true
-            break
-          case 'No hay token':
-            msj = 'Ocurrio un error al enviar tu token, inicia sesión de nuevo.'
-            salir = true
-            break
-        }
-  
-        this.$buefy.dialog.alert({
-          title: 'Error',
-          message: msj,
-          type: 'is-danger',
-          hasIcon: true,
-          icon: 'alert-circle',
-          ariaRole: 'alertdialog',
-          ariaModal: true,
-        })
-        if (salir == true) {
-          localStorage.clear()
-          this.$router.push(`/`)
-        }
-      },
-      enviarCuestionario() {
-        this.isLoading = true
-        if (this.answers.p3Otro != '' && this.maxCheckbox < 3) {
-          this.answers.p3.push(this.answers.p3Otro)
-        }
-        const data = {
-          idServicio: localStorage.getItem('idServicio'),
-          sexo: this.answers.sexo,
-          edad: this.answers.edad,
-          servicioMedico: this.answers.servicioMedico,
-          p1: this.answers.p1,
-          p2: this.answers.p2,
-          p3: this.answers.p3,
-          p4: this.answers.p4,
-          p5: this.answers.p5,
-          p6: this.answers.p6,
-          p7: this.answers.p7,
-          p8: this.answers.p8,
-          p9: this.answers.p9,
-          p10: this.answers.p10,
-          p11: this.answers.p11,
-          p12: this.answers.p12,
-          p13: this.answers.p13,
-          p14: this.answers.p14,
-          p15: this.answers.p15,
-          p16: this.answers.p16,
-          p17: this.answers.p17,
-          p18: this.answers.p18,
-          p19: this.answers.p19,
-          p20: this.answers.p20,
-          p21: this.answers.p21,
-          p22: this.answers.p22,
-          p23: this.answers.p23,
-          p24: this.answers.p24,
-          p25: this.answers.p25,
-          p26: this.answers.p26,
-          p27: this.answers.p27,
-          p28: this.answers.p28,
-          p29: this.answers.p29,
-          p30: this.answers.p30,
-        }
-        axios
-          .post(`${process.env.api}/cuestionario_alumno`, data, this.token)
-          .then((res) => {
-            this.$buefy.dialog.alert({
-              title: 'Success',
-              message: 'Se enviaron los datos correctamente',
-              type: 'is-success',
-              hasIcon: true,
-              icon: 'checkbox-marked-circle',
-              ariaRole: 'alertdialog',
-              ariaModal: true,
-            })
-  
-            //this.reset()
-            localStorage.removeItem('idCuestionarioAlumno')
-            this.$router.push('/alumno')
-          })
-          .catch((error) => {
-            this.error(error.response.data.message)
-          })
-          .finally(() => {
-            this.isLoading = false
-          })
-      },
-    },
-/*     mounted() {
-      this.idCuestionario = localStorage.getItem('idCuestionarioAlumno')
-    }, */
-    // data() {
-    //   return {
-    //     admin: {},
-    //   }
-    // },
-    // methods: {
-    //   imprimirError(err = {}, title = '¡Hubo un error!', onConfirm = () => {}) {
-    //     this.$buefy.dialog.alert({
-    //       ariaRole: 'alertdialog',
-    //       ariaModal: true,
-    //       type: 'is-danger',
-    //       title,
-    //       message: err.message,
-    //       confirmText: 'Entendido',
-    //       hasIcon: true,
-    //       iconPack: 'mdi',
-    //       icon: 'alert-octagon',
-    //       onConfirm: () => onConfirm(),
-    //     })
-    //     if (err.err && err.err === 'token error') {
-    //       localStorage.clear()
-    //       this.$router.push('/')
-    //     }
-    //   },
-    //   imprimirMensaje(message, title = '¡Felicidades!', onConfirm = () => {}) {
-    //     this.$buefy.dialog.alert({
-    //       ariaRole: 'alertdialog',
-    //       ariaModal: true,
-    //       type: 'is-success',
-    //       title,
-    //       message,
-    //       confirmText: 'Ok',
-    //       hasIcon: true,
-    //       iconPack: 'mdi',
-    //       icon: 'check-circle',
-    //       onConfirm: () => onConfirm(),
-    //     })
-    //   },
-    //   imprimirWarning(
-    //     message,
-    //     onConfirm = () => {},
-    //     title = '¡Espera un minuto!',
-    //     onCancel = () => {}
-    //   ) {
-    //     this.$buefy.dialog.alert({
-    //       ariaRole: 'alertdialog',
-    //       ariaModal: true,
-    //       type: 'is-warning',
-    //       title,
-    //       message,
-    //       confirmText: 'Confirmar',
-    //       canCancel: true,
-    //       cancelText: 'Cancelar',
-    //       hasIcon: true,
-    //       iconPack: 'mdi',
-    //       icon: 'help-circle',
-    //       onConfirm: () => onConfirm(),
-    //       onCancel: () => onCancel(),
-    //     })
-    //   },
-    //   getLocalhostInfo() {
-    //     this.admin.idUsuario = Number(localStorage.getItem('idUsuario'))
-    //     this.admin.idTipoUsuario = Number(localStorage.getItem('idTipoUsuario'))
-    //     this.admin.tipoUsuario = localStorage.getItem('tipoUsuario')
-    //     this.admin.token = {
-    //       headers: {
-    //         token: localStorage.getItem('token'),
-    //       },
-    //     }
-    //   },
-    // },
-    // created() {
-    //   this.getLocalhostInfo()
-    //   if (this.admin.idTipoUsuario === 1) this.$router.push('/admin')
-    //   if (this.admin.idTipoUsuario === 2) this.$router.push('/responsable')
-    //   if (this.admin.idTipoUsuario === 4) this.$router.push('/casoEspecial')
-    // },
-  }
-  </script>
-  <style>
-  .SINO * {
-    margin: 0.5rem 0 !important;
-  }
-  .apartado,
-  .pag {
-    margin: 5rem 0;
-  }
-  .manyInputs {
-    margin: 1.5rem 0;
-  }
-  .checkb {
-    width: 20px;
-    height: 20px;
-  }
-  .navPages {
-    padding: 1rem;
-  }
-  .td-w {
-    width: 2000px;
-  }
-  .active,
-  .active:hover {
-    background-color: #bb8800 !important;
-  }
-  .centro {
-    text-align: center;
-  }
-  .vh {
-    height: 75vh;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-  .vh h1 {
-    font-size: 60px;
-  }
-  </style>
-  
\ No newline at end of file
diff --git a/pages/alumno/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/responsable/cuestionario/index.vue b/pages/responsable/cuestionario/index.vue
index 366d51b..d347aa2 100644
--- a/pages/responsable/cuestionario/index.vue
+++ b/pages/responsable/cuestionario/index.vue
@@ -3,14 +3,21 @@
       <!-- <div v-if="idCuestionario === 'null'"> -->
       
         <div class="my-5 mensaje">
-          <p class="is-size-2">Evaluación de programas de servicio social</p>
+          <p class="is-size-2">2025 Evaluación de la institución receptora 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>
+            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  />
-- 
2.43.0


From 0015f9bd033327f5d0adc5a16323a6a6f96968e7 Mon Sep 17 00:00:00 2001
From: Tu Nombre <you@example.com>
Date: Mon, 10 Feb 2025 10:55:25 -0600
Subject: [PATCH 07/14] devcontainer, dockerfile

---
 .devcontainer/devcontainer.json | 16 ++++++++++++++++
 .gitignore                      |  2 +-
 Dockerfile                      | 20 ++++++++++++++++++++
 3 files changed, 37 insertions(+), 1 deletion(-)
 create mode 100644 .devcontainer/devcontainer.json
 create mode 100644 Dockerfile

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 18fc437..f893872 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,4 @@
-.devcontainer
+#.devcontainer
 
 
 # Created by .ignore support plugin (hsz.mobi)
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"]
-- 
2.43.0


From 68e078721778508b82b117ada723777f6b9059c8 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Thu, 13 Feb 2025 13:55:27 -0500
Subject: [PATCH 08/14] using idcuestionario2 in every render validation

---
 components/TablaServiciosSociales.vue               | 2 +-
 components/alumno/InformacionServicio.vue           | 4 ++--
 components/alumno/preTermino.vue                    | 5 ++++-
 components/responsable/CuestionarioResponsable2.vue | 2 +-
 nuxt.config.js                                      | 4 ++--
 pages/admin/servicio/index.vue                      | 4 ++--
 pages/alumno/index.vue                              | 6 ++++++
 7 files changed, 18 insertions(+), 9 deletions(-)

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/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/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/responsable/CuestionarioResponsable2.vue b/components/responsable/CuestionarioResponsable2.vue
index b21cc75..0a5ed61 100644
--- a/components/responsable/CuestionarioResponsable2.vue
+++ b/components/responsable/CuestionarioResponsable2.vue
@@ -385,7 +385,7 @@ export default {
 
       let data = {
         ...respuestaFormateada,
-        idServicio: 4, //localStorage.getItem('idCuestionarioAlumno') 
+        idServicio: localStorage.getItem('idServicio'), 
         p1: 'respuesta1 - trabajando para que sea una string',
       }
 
diff --git a/nuxt.config.js b/nuxt.config.js
index 4221c67..85b931f 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/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/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)
         })
-- 
2.43.0


From 019b9a3fa584c7f0cde81a253ce34aed8e42d80b Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Thu, 13 Feb 2025 17:01:34 -0500
Subject: [PATCH 09/14] cuestionarios2 validation

---
 .../alumno/cuestionario2/FullCuestionario.vue | 52 ++++++++++++++++++-
 .../responsable/CuestionarioResponsable2.vue  | 44 ++++++++++++++--
 nuxt.config.js                                |  2 +-
 3 files changed, 92 insertions(+), 6 deletions(-)

diff --git a/components/alumno/cuestionario2/FullCuestionario.vue b/components/alumno/cuestionario2/FullCuestionario.vue
index b9799e7..912ed3a 100644
--- a/components/alumno/cuestionario2/FullCuestionario.vue
+++ b/components/alumno/cuestionario2/FullCuestionario.vue
@@ -32,13 +32,17 @@
                 class="checkb"
                 type="checkbox"
                 :value="opcion"
-                v-model="respuestas[item.id]"
+             
+
+                :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"
@@ -622,6 +626,50 @@ export default {
   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);
diff --git a/components/responsable/CuestionarioResponsable2.vue b/components/responsable/CuestionarioResponsable2.vue
index 0a5ed61..6ab320c 100644
--- a/components/responsable/CuestionarioResponsable2.vue
+++ b/components/responsable/CuestionarioResponsable2.vue
@@ -20,7 +20,17 @@
           </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]" />
+              <input 
+              class="checkb" 
+              type="checkbox" 
+              :value="opcion" 
+              v-model="respuestas[item.id]" 
+
+              
+              
+              />
+
+
               {{ opcion }}
             </div>
           </div>
@@ -295,7 +305,7 @@ export default {
     }
   },
 
-  created() {
+ /*  created() {
     // Inicializa las respuestas vacías para cada pregunta
     this.formulario.preguntas.forEach((pregunta) => {
       if (pregunta.tipo === 'evaluacion') {
@@ -322,7 +332,35 @@ export default {
         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]
diff --git a/nuxt.config.js b/nuxt.config.js
index 85b931f..327ff91 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -26,7 +26,7 @@ export default {
   env: {
      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',
   },
 }
-- 
2.43.0


From 8d03b74caca0b3cb638a64ebfa03460f9ff61d78 Mon Sep 17 00:00:00 2001
From: Eithan Hernandez <eithan.castillo@acatlan.unam.mx>
Date: Thu, 13 Feb 2025 16:33:59 -0600
Subject: [PATCH 10/14] Actualizar 'nuxt.config.js'

---
 nuxt.config.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/nuxt.config.js b/nuxt.config.js
index 327ff91..1d17620 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',
   },
 }
-- 
2.43.0


From 6365291fe4c64a90d2f698a4ad374f85b305fe9b Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Fri, 14 Feb 2025 12:12:15 -0500
Subject: [PATCH 11/14] send twice questionnaries fixed

---
 .../alumno/cuestionario2/FullCuestionario.vue |  49 +--
 .../responsable/CuestionarioResponsable2.vue  | 278 +++++++++---------
 2 files changed, 162 insertions(+), 165 deletions(-)

diff --git a/components/alumno/cuestionario2/FullCuestionario.vue b/components/alumno/cuestionario2/FullCuestionario.vue
index 912ed3a..083360e 100644
--- a/components/alumno/cuestionario2/FullCuestionario.vue
+++ b/components/alumno/cuestionario2/FullCuestionario.vue
@@ -4,7 +4,7 @@
     <p class="text-center">{{ formulario.descripcion }}</p> -->
 
 
-    <form @submit.prevent="submitForm">
+    <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">
           
@@ -92,12 +92,19 @@
       </div>
     
 
-      <div class="my-6 mb-6" >
+   
+
+
+  </div>
+
+
+
+
+  <div class="my-6 mb-6" >
       <b-field class="centro">
         <button
-   
           class="button is-success is-medium"
-          @click="submitForm()"
+          @click="() => { submitForm() }"
             :disabled="!isFormComplete"
         >
           Enviar
@@ -107,7 +114,9 @@
 
 
 
-    </form>
+
+
+
   </div>
 </template>
 
@@ -122,8 +131,6 @@ import Buefy from 'buefy'
 export default {
   data() {
     return {
-
-
       respuestas: {}, // Inicialización para almacenar las respuestas
 
       formulario: {
@@ -541,10 +548,6 @@ export default {
 
         ],
       },
-       
-    
-
- 
     }
   },
 
@@ -725,29 +728,21 @@ export default {
           }
         }
       }
-
       return true;
     },
 
     submitForm() {
 
 
-      if (!this.validateResponses()) {
-
-        return; // Detiene el envío si la validación falla
-    }
-
-
+      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)
+      //  this.sendAnswers(respuestaFormateada)
 
 
 
@@ -758,7 +753,6 @@ export default {
 
       axios
           .post(`${process.env.api}/cuestionario_alumno`, data, //this.token
-
           )
           .then((res) => {
             this.$buefy.dialog.alert({
@@ -776,7 +770,16 @@ export default {
             this.$router.push('/alumno')
           })
           .catch((error) => {
-            this.error(error.response.data.message)
+           // 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
diff --git a/components/responsable/CuestionarioResponsable2.vue b/components/responsable/CuestionarioResponsable2.vue
index 6ab320c..6853c14 100644
--- a/components/responsable/CuestionarioResponsable2.vue
+++ b/components/responsable/CuestionarioResponsable2.vue
@@ -1,41 +1,49 @@
 <template>
   <div class="container mt-5">
-
-  <!-- 
+    <!-- 
     <h1 class="text-center mb-4">{{ formulario.titulo }}</h1>
     <p class="text-center">{{ formulario.descripcion }}</p> -->
 
-
-
-    <form @submit.prevent="submitForm">
-      <div v-for="(item, index) in sortedItems" :key="item.id || item.idTabla" class="mb-6">
+    <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>
+          <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">
+              <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]" 
-
-              
-              
+              <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>
+            <b-input
+              :id="item.id"
+              v-model="respuestas[item.id]"
+              placeholder="Escribe tu respuesta aquí"
+            ></b-input>
           </div>
         </div>
         <div v-else>
@@ -43,7 +51,12 @@
             <h5 v-if="item.subPreguntaTabla" class="mb-3">{{ item.subPreguntaTabla }}</h5>
    -->
 
-          <template v-if="index === 0 || item.numeroPregunta !== sortedItems[index - 1].numeroPregunta">
+          <template
+            v-if="
+              index === 0 ||
+              item.numeroPregunta !== sortedItems[index - 1].numeroPregunta
+            "
+          >
             <h3 class="mb-3">
               {{ item.numeroPregunta }}. {{ item.preguntaTabla }}
             </h3>
@@ -58,54 +71,56 @@
             <thead>
               <tr>
                 <th></th>
-                <th v-for="opcion in item.renglones[0].opciones" :key="opcion">{{ opcion }}</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]" />
+                  <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>
-
-
-
-    </form>
+    <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',
+        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). 
@@ -284,7 +299,7 @@ export default {
               },
             ],
           },
-    /*       {
+          /*       {
             idTabla: 305,
             numeroPregunta: 3,
             preguntaTabla:
@@ -300,12 +315,10 @@ export default {
           }, */
         ],
       },
-
-
     }
   },
 
- /*  created() {
+  /*  created() {
     // Inicializa las respuestas vacías para cada pregunta
     this.formulario.preguntas.forEach((pregunta) => {
       if (pregunta.tipo === 'evaluacion') {
@@ -334,32 +347,23 @@ export default {
     });
   }, */
 
-
-
-
   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);
-    });
-  });
-},
-
-
-
-
-
+    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() {
@@ -372,64 +376,56 @@ export default {
       })
     },
 
-
-
-
     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
+      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
         }
-        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;
-    }
-
-
+          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
+        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'), 
+        idServicio: localStorage.getItem('idServicio'),
         p1: 'respuesta1 - trabajando para que sea una string',
       }
 
       axios
-        .post(`${process.env.api}/cuestionario_programa`, data, //this.token
-
+        .post(
+          `${process.env.api}/cuestionario_programa`,
+          data //this.token
         )
         .then((res) => {
           this.$buefy.dialog.alert({
@@ -447,15 +443,20 @@ export default {
           this.$router.push('/alumno')
         })
         .catch((error) => {
-          this.error(error.response.data.message)
+          //  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 = {}
@@ -468,7 +469,9 @@ export default {
         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)
+          const tablaDef = this.formulario.tablas.find(
+            (t) => t.idTabla === idTabla
+          )
           if (!tablaDef) {
             // Si no se encontró la tabla, continuamos
             continue
@@ -493,7 +496,7 @@ export default {
           for (const idRenglon in respuestasTabla) {
             const valor = respuestasTabla[idRenglon]
 
-            // Formamos la clave final. 
+            // Formamos la clave final.
             // Si hay subLetra, hacemos `p3_A_1`. Sino, solo `p3_1`.
             let clave = `p${numPregunta}_${idRenglon}`
             if (subLetra) {
@@ -505,7 +508,9 @@ export default {
         } 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)
+          const preguntaDef = this.formulario.preguntas.find(
+            (p) => p.id === key
+          )
           if (!preguntaDef) {
             // No se encontró la definición (caso raro)
             continue
@@ -522,79 +527,71 @@ export default {
       return resultado
     },
 
-
-
     validateResponses() {
       for (const pregunta of this.formulario.preguntas) {
-        const respuesta = this.respuestas[pregunta.id];
+        const respuesta = this.respuestas[pregunta.id]
 
         // Verifica que no haya respuestas vacías
-        if (respuesta === null || respuesta === "") {
+        if (respuesta === null || respuesta === '') {
           this.$buefy.dialog.alert({
-            title: "Error",
+            title: 'Error',
             message: `Por favor, responde la pregunta: "${pregunta.texto}"`,
-            type: "is-danger",
-          });
-          return false;
+            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)) {
+        if (
+          pregunta.tipo === 'seleccionMultiple' &&
+          (!respuesta || respuesta.length === 0)
+        ) {
           this.$buefy.dialog.alert({
-            title: "Error",
+            title: 'Error',
             message: `Por favor, selecciona al menos una opción en: "${pregunta.texto}"`,
-            type: "is-danger",
-          });
-          return false;
+            type: 'is-danger',
+          })
+          return false
         }
 
         // Validación adicional si la pregunta es de texto (evitar respuestas peligrosas)
-        if (pregunta.tipo === "texto" && respuesta.length > 500) {
+        if (pregunta.tipo === 'texto' && respuesta.length > 500) {
           this.$buefy.dialog.alert({
-            title: "Error",
+            title: 'Error',
             message: `La respuesta de la pregunta "${pregunta.texto}" es demasiado larga.`,
-            type: "is-danger",
-          });
-          return false;
+            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];
+          const respuesta = this.respuestas[tabla.idTabla]?.[renglon.idRenglon]
 
           if (respuesta === null) {
             this.$buefy.dialog.alert({
-              title: "Error",
+              title: 'Error',
               message: `Por favor, responde la pregunta en la tabla: "${tabla.preguntaTabla}" en la fila "${renglon.textoRenglon}"`,
-              type: "is-danger",
-            });
-            return false;
+              type: 'is-danger',
+            })
+            return false
           }
         }
       }
 
-      return true;
+      return true
     },
 
-
-
-
     updateRespuestas(id, valor) {
-      this.$set(this.respuestas, id, valor);
-      console.log("Radio seleccionado:", 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
   {
@@ -624,9 +621,6 @@ export default {
     "p6": "respuesta 6"
   } -->
 
-
-
-
 <!-- respuestas de cuestionario formulario alumno
   
   
@@ -682,4 +676,4 @@ export default {
   }
   
   
-   -->
\ No newline at end of file
+   -->
-- 
2.43.0


From 87bfddff5aa4b4bdf28272cd694d6dcadb88ea39 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Mon, 17 Feb 2025 09:39:26 -0600
Subject: [PATCH 12/14] cuestionario validado, alerta de respuestas faltantes,
 ocultar preguntas, v2 en reportes

---
 components/admin/Cuestionarios.vue            |   29 +-
 .../alumno/cuestionario2/FullCuestionario.vue |  993 +++++++---------
 .../cuestionario2/FullCuestionario_newbad.vue |  951 ++++++++++++++++
 .../FullCuestionario_newbad2.vue              | 1007 +++++++++++++++++
 .../cuestionario2/FullCuestionario_old.vue    |  951 ++++++++++++++++
 .../responsable/CuestionarioResponsable2.vue  |  492 ++++----
 .../CuestionarioResponsable2copy.vue          |  679 +++++++++++
 7 files changed, 4201 insertions(+), 901 deletions(-)
 create mode 100644 components/alumno/cuestionario2/FullCuestionario_newbad.vue
 create mode 100644 components/alumno/cuestionario2/FullCuestionario_newbad2.vue
 create mode 100644 components/alumno/cuestionario2/FullCuestionario_old.vue
 create mode 100644 components/responsable/CuestionarioResponsable2copy.vue

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/cuestionario2/FullCuestionario.vue b/components/alumno/cuestionario2/FullCuestionario.vue
index 083360e..458b61d 100644
--- a/components/alumno/cuestionario2/FullCuestionario.vue
+++ b/components/alumno/cuestionario2/FullCuestionario.vue
@@ -1,83 +1,91 @@
 <template>
-  <div class="container mt-5">
-    <!-- <h1 class="text-center mb-4">{{ formulario.titulo }}</h1>
-    <p class="text-center">{{ formulario.descripcion }}</p> -->
+  <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 >
-      <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" -->
+    <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]"
-            :key="item.id + '-' + opcion"
                 :native-value="opcion"
                 type="is-info"
-                 @change="updateRespuestas(item.id, opcion)"
+                @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]"
+              :maxlength="item.limite"
+              show-counter
               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>
-
+        <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>
+                <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">
+                <td
+                  v-for="opcion in renglon.opciones"
+                  :key="opcion"
+                >
                   <input
                     type="radio"
                     :name="`tabla-${item.idTabla}-renglon-${renglon.idRenglon}`"
@@ -90,63 +98,39 @@
           </table>
         </div>
       </div>
-    
-
-   
-
-
-  </div>
-
-
-
-
-  <div class="my-6 mb-6" >
-      <b-field class="centro">
-        <button
-          class="button is-success is-medium"
-          @click="() => { submitForm() }"
+      <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>
+          >
+            Enviar
+          </button>
+        </b-field>
+      </div>
     </div>
-
-
-
-
-
-
   </div>
 </template>
 
 <script>
-
-
 import Buefy from 'buefy'
-  import 'buefy/dist/buefy.css'
-  import axios from 'axios'
-
+import 'buefy/dist/buefy.css'
+import axios from 'axios'
 
 export default {
   data() {
     return {
-      respuestas: {}, // Inicialización para almacenar las respuestas
-
+      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,
+            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',
@@ -160,256 +144,178 @@ export default {
 'Oportunidad de desarrollo de tesis',
 'Prestigio de la institución',
 'Recomendación de compañeros',
-
-            ],
+            ]
           },
           {
-            numeroPregunta:2,
+            numeroPregunta: 2,
             id: 'inscripcion',
             tipo: 'seleccionUnica',
             texto: '¿Cómo evalúas tu proceso de inscripción?',
             opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
           },
-   
           {
-            numeroPregunta:4,
+            numeroPregunta: 4,
             id: 'actividades',
             tipo: 'seleccionUnica',
             texto: '¿Las actividades que realizaste fueron acordes a lo descrito en el programa?',
-            opciones: ['Sí', 'No'],
+            opciones: ['Sí', 'No']
           },
           {
-            numeroPregunta:5,
+            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',
-            },
+              valor: 'No'
+            }
           },
           {
-            numeroPregunta:6,
+            numeroPregunta: 6,
             id: 'espacioFisico',
             tipo: 'seleccionUnica',
             texto:
               '¿Contaste con un espacio físico adecuado para realizar tus actividades?',
-            opciones: ['Sí', 'No'],
+            opciones: ['Sí', 'No']
           },
           {
-            numeroPregunta:7,
+            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'],
+            opciones: ['Sí', 'No']
           },
           {
-            numeroPregunta:8,
+            numeroPregunta: 8,
             id: 'instalacionesComentarios',
             tipo: 'texto',
             texto: 'Si respondiste NO, ¿Por qué?',
+            limite: 100,
             condicional: {
               preguntaId: 'instalaciones',
-              valor: 'No',
-            },
+              valor: 'No'
+            }
           },
           {
-            numeroPregunta:9,
+            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'],
+            opciones: ['Sí', 'No']
           },
-
           {
-            numeroPregunta:13,
+            numeroPregunta: 13,
             id: 'supervisor',
             tipo: 'seleccionUnica',
             texto: '¿Quién asesoró y supervisó las actividades que realizaste?',
             opciones: [
-
-
-'Coordinador administrativo del programa',
+      'Coordinador administrativo del programa',
 'Responsable directo del programa',
 'Alguien diferente a los dos anteriores',
 
-
-      
-            ],
+            ]
           },
           {
-
-            numeroPregunta:14,
+            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',
+            'Se te otorgó de acuerdo a lo establecido',
               'Fue condicionado',
               'Se te proporcionó solo una parte',
-            ],
+              'No aplica'
+            ]
           },
           {
-            numeroPregunta:15,
+            numeroPregunta: 15,
             id: 'recomendacion',
             tipo: 'seleccionUnica',
             texto: '¿Recomendarías el programa en que participaste?',
-            opciones: ['Sí', 'No'],
+            opciones: ['Sí', 'No']
           },
-          
-
-
-
           {
-            numeroPregunta:16,
+            numeroPregunta: 16,
             id: 'actividadesComentarios3',
             tipo: 'texto',
-            texto:
-              '¿Por qué?',
+            texto: '¿Por qué?',
+            limite: 100,
             condicional: {
-              preguntaId: 'actividades',
-              valor: 'No',
-            },
+              preguntaId: 'recomendacion',
+              valor: 'No'
+            }
           },
-
-
           {
-            numeroPregunta:18,
+            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',
-            },
-          },
-
-          
+              '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…?',
-            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'],
-              },
-            ],
+              { 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'],
-              },
-          
-            ],
+              { 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'],
+                opciones: ['Nunca', 'Rara vez', 'Algunas veces', 'Regularmente', 'Siempre']
               },
               {
                 idRenglon: 2,
                 textoRenglon: 'Desarrollaste habilidades',
-                opciones: ['Nunca', 'Rara vez', 'Algunas veces','Regularmente', 'Siempre'],
+                opciones: ['Nunca', 'Rara vez', 'Algunas veces', 'Regularmente', 'Siempre']
               },
               {
                 idRenglon: 3,
                 textoRenglon: 'Enriqueciste conocimientos',
-                opciones: ['Nunca', 'Rara vez', 'Algunas veces','Regularmente', 'Siempre'],
+                opciones: ['Nunca', 'Rara vez', 'Algunas veces', 'Regularmente', 'Siempre']
               },
               {
                 idRenglon: 4,
                 textoRenglon: 'Fortaleciste tus habilidades',
-                opciones: ['Nunca', 'Rara vez', 'Algunas veces','Regularmente', 'Siempre'],
-              },
-          
-            ],
+                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'],
-              },
-          
-          
-            ],
+              { 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',
@@ -419,58 +325,53 @@ export default {
               {
                 idRenglon: 1,
                 textoRenglon: 'Puntualidad',
-                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado']
               },
               {
                 idRenglon: 2,
                 textoRenglon: 'Eficiencia',
-                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado']
               },
               {
                 idRenglon: 3,
                 textoRenglon: 'Organización',
-                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado']
               },
               {
                 idRenglon: 4,
                 textoRenglon: 'Eficacia',
-                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-              },
-            ],
+                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 ',
+            subPreguntaTabla: 'B. Habilidades profesionales',
             numeroPregunta: 12,
             renglones: [
               {
                 idRenglon: 1,
                 textoRenglon: 'Disposición',
-                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado']
               },
               {
                 idRenglon: 2,
                 textoRenglon: 'Proactivo/anticipación',
-                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado']
               },
               {
                 idRenglon: 3,
                 textoRenglon: 'Propositivo',
-                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado']
               },
               {
                 idRenglon: 4,
                 textoRenglon: 'Resolutivo',
-                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-              },
-            ],
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado']
+              }
+            ]
           },
-
-
-
-
           {
             idTabla: 103,
             preguntaTabla: 'Evalúa tu propio desempeño en el servicio social en relación con',
@@ -480,34 +381,30 @@ export default {
               {
                 idRenglon: 1,
                 textoRenglon: 'Empatía',
-                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado']
               },
               {
                 idRenglon: 2,
                 textoRenglon: 'Trabajo en equipo',
-                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado']
               },
               {
                 idRenglon: 3,
                 textoRenglon: 'Comunicación asertiva',
-                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado']
               },
               {
                 idRenglon: 4,
                 textoRenglon: 'Receptividad',
-                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado']
               },
-
               {
                 idRenglon: 5,
-                textoRenglon: 'Tolerancia a la frustación',
-                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-              },
-
-            ],
+                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',
@@ -517,80 +414,64 @@ export default {
               {
                 idRenglon: 1,
                 textoRenglon: 'Conocimientos teóricos',
-                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado']
               },
               {
                 idRenglon: 2,
                 textoRenglon: 'Conocimientos metodológicos',
-                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado']
               },
               {
                 idRenglon: 3,
                 textoRenglon: 'Pensamiento critico',
-                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado']
               },
               {
                 idRenglon: 4,
                 textoRenglon: 'Formación académica general',
-                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
+                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado']
               },
               {
                 idRenglon: 5,
                 textoRenglon: 'Uso tecnológico',
-                opciones: ['Deficiente', 'Básico', 'Intermedio', 'Destacado'],
-              },
-
-
-            ],
-          },
-
-
-
-        ],
-      },
+                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.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((renglon) => {
-      if (!(renglon.idRenglon in this.respuestas[tabla.idTabla])) {
-        this.$set(this.respuestas[tabla.idTabla], renglon.idRenglon, null);
+    })
+    this.formulario.tablas.forEach((tabla) => {
+      if (!(tabla.idTabla in this.respuestas)) {
+        this.$set(this.respuestas, tabla.idTabla, {})
       }
-    });
-  });
-},
-
-
-
-  watch: {
-  respuestas: {
-    handler(newVal) {
-      console.log("Estado actualizado de respuestas:", newVal);
-    },
-    deep: true
-  }
-},
-
-
-
+      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) => {
@@ -600,352 +481,238 @@ export default {
         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() {
-    // 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;
-  }
-
-
-
-
+      return this.pendingItems.length === 0
+    }
   },
   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",
-        });
+    isItemVisible(item) {
+      if (item.condicional) {
+        const resp = this.respuestas[item.condicional.preguntaId]
+        return resp === item.condicional.valor
       }
-    }
-  },
-
-
-
- 
-    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",
-      });
-    }
-  },
-
-
-
-
+      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);
-    console.log("Radio seleccionado:", id, valor);
-  },
-
+      this.$set(this.respuestas, 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.
+        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
             }
           }
-
-          // 3) LUEGO RECORREMOS LAS RESPUESTAS DE LA TABLA (por cada idRenglon)
-          const respuestasTabla = respuestas[key] // p.ej: { "1": "Deficiente", "2": "Básico", ... }
+        } 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)
+        .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]
-
-            // 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 preguntaDef = this.formulario.preguntas.find((p) => p.id === key)
+          if (!preguntaDef) 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"
+<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;
+  }
 }
 
 
- -->
\ No newline at end of file
+
+.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..32fd558
--- /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..083360e
--- /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/responsable/CuestionarioResponsable2.vue b/components/responsable/CuestionarioResponsable2.vue
index 6853c14..9efbeb7 100644
--- a/components/responsable/CuestionarioResponsable2.vue
+++ b/components/responsable/CuestionarioResponsable2.vue
@@ -1,19 +1,35 @@
 <template>
   <div class="container mt-5">
-    <!-- 
-    <h1 class="text-center mb-4">{{ formulario.titulo }}</h1>
-    <p class="text-center">{{ formulario.descripcion }}</p> -->
+    <!-- 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
-          >
+          <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
@@ -26,6 +42,8 @@
               </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
@@ -34,23 +52,25 @@
                 :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>
-        <div v-else>
-          <!--  <h3 class="mb-3">{{ item.numeroPregunta }}. {{ item.preguntaTabla }}</h3>
-            <h5 v-if="item.subPreguntaTabla" class="mb-3">{{ item.subPreguntaTabla }}</h5>
-   -->
 
+        <!-- TABLAS -->
+        <div class="table-responsive" v-else>
           <template
             v-if="
               index === 0 ||
@@ -62,7 +82,6 @@
             </h3>
           </template>
 
-          <!-- Subtítulo (h5) siempre que exista -->
           <h5 v-if="item.subPreguntaTabla" class="mb-3">
             {{ item.subPreguntaTabla }}
           </h5>
@@ -94,11 +113,12 @@
       </div>
     </div>
 
+    <!-- BOTÓN ENVIAR -->
     <div class="my-6 mb-6">
       <b-field class="centro">
         <button
           class="button is-success is-medium"
-          @click="() => {submitForm()}"
+          @click="submitForm"
           :disabled="!isFormComplete"
         >
           Enviar
@@ -116,7 +136,8 @@ import axios from 'axios'
 export default {
   data() {
     return {
-      respuestas: {}, // Inicialización para almacenar las respuestas
+      isLoading: false,
+      respuestas: {},
 
       formulario: {
         titulo:
@@ -125,7 +146,6 @@ export default {
   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: [
@@ -133,23 +153,25 @@ export default {
             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',
+            '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)?',
+            '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?',
+            '¿Qué cursos considera que complementarían la formación de nuestros egresados?',
           },
           {
             numeroPregunta: 5,
@@ -162,6 +184,7 @@ export default {
             numeroPregunta: 6,
             id: 'porqueNoContrataria',
             tipo: 'texto',
+            limite: 100,
             texto:
               'Si su respuesta a la pregunta anterior fue NO, comente ¿por qué?',
             condicional: {
@@ -172,7 +195,7 @@ export default {
         ],
 
         tablas: [
-          // ----- PREGUNTA 3, dividida en sub-secciones A, B, C, D, E ------
+          // ----- PREGUNTA 3, dividida en sub-secciones A, B, C, D ------
           {
             idTabla: 301,
             numeroPregunta: 3,
@@ -299,64 +322,22 @@ export default {
               },
             ],
           },
-          /*       {
-            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() {
+    // Inicializa las respuestas de cada pregunta
     this.formulario.preguntas.forEach((pregunta) => {
       if (pregunta.tipo === 'seleccionMultiple') {
-        this.$set(this.respuestas, pregunta.id, []) // Inicializar correctamente selección múltiple
+        this.$set(this.respuestas, pregunta.id, [])
       } else {
-        this.$set(this.respuestas, pregunta.id, '') // Otras preguntas como texto o selección única
+        this.$set(this.respuestas, pregunta.id, '')
       }
     })
 
-    // Inicializa respuestas para cada tabla
+    // Inicializa las respuestas para cada tabla
     this.formulario.tablas.forEach((tabla) => {
       this.$set(this.respuestas, tabla.idTabla, {})
       tabla.renglones.forEach((renglon) => {
@@ -366,6 +347,14 @@ export default {
   },
 
   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) => {
@@ -376,58 +365,78 @@ export default {
       })
     },
 
-    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
-        }
-      )
+    // Determina los ítems (preguntas/tablas) que siguen pendientes
+    pendingItems() {
+      let missing = []
 
-      // 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
-          )
-        })
+      // 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}`)
+        }
       })
 
-      return allQuestionsAnswered && allTablesAnswered
+      // 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 // Detiene el envío si la validación falla
+        return
       }
-
       console.log('Respuestas enviadas:', this.respuestas)
-      //alert('Formulario enviado. Gracias por tu participación.')
 
-      // Aquí formateamos las respuestas
+      // Convertir a formato p1, p2, p3_A_1, etc.
       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',
       }
 
+      this.isLoading = true
       axios
-        .post(
-          `${process.env.api}/cuestionario_programa`,
-          data //this.token
-        )
-        .then((res) => {
+        .post(`${process.env.api}/cuestionario_programa`, data)
+        .then(() => {
           this.$buefy.dialog.alert({
             title: 'Success',
             message: 'Se enviaron los datos correctamente',
@@ -437,14 +446,10 @@ export default {
             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:
@@ -457,123 +462,54 @@ export default {
         })
     },
 
-    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
-    },
-
+    // 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 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
+        // 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
+          }
         }
 
-        // 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)
+        // 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.texto}" es demasiado larga.`,
+            message: `La respuesta de la pregunta ${pregunta.numeroPregunta} es demasiado larga (máx. 500 caracteres).`,
             type: 'is-danger',
           })
           return false
         }
       }
 
-      // Verifica que todas las respuestas en las tablas estén completas
+      // Validar tablas
       for (const tabla of this.formulario.tablas) {
         for (const renglon of tabla.renglones) {
-          const respuesta = this.respuestas[tabla.idTabla]?.[renglon.idRenglon]
-
-          if (respuesta === null) {
+          const respRenglon = this.respuestas[tabla.idTabla]?.[renglon.idRenglon]
+          if (respRenglon === null) {
             this.$buefy.dialog.alert({
               title: 'Error',
-              message: `Por favor, responde la pregunta en la tabla: "${tabla.preguntaTabla}" en la fila "${renglon.textoRenglon}"`,
+              message: `Por favor, responde la tabla ${tabla.numeroPregunta}, fila "${renglon.textoRenglon}".`,
               type: 'is-danger',
             })
             return false
@@ -584,96 +520,82 @@ export default {
       return true
     },
 
-    updateRespuestas(id, valor) {
-      this.$set(this.respuestas, id, valor)
-      console.log('Radio seleccionado:', id, valor)
+    // 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>
 
-<!-- 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"
-  } -->
+<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;
+}
 
-<!-- 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"
+/* 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..6853c14
--- /dev/null
+++ b/components/responsable/CuestionarioResponsable2copy.vue
@@ -0,0 +1,679 @@
+<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"
+  }
+  
+  
+   -->
-- 
2.43.0


From b39250a33435e691564a5f6c6e16777cd942047f Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Fri, 21 Feb 2025 10:25:25 -0600
Subject: [PATCH 13/14] logout if localstorage

---
 components/layouts/Logout.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/layouts/Logout.vue b/components/layouts/Logout.vue
index 90edbc3..e8bf84f 100644
--- a/components/layouts/Logout.vue
+++ b/components/layouts/Logout.vue
@@ -27,7 +27,7 @@ export default {
       this.$router.push('/')
     },
   },
-/*   created() {
+  created() {
     if (
       !localStorage.getItem('usuario') ||
       !localStorage.getItem('idUsuario') ||
@@ -37,7 +37,7 @@ export default {
       !localStorage.getItem('token')
     )
       this.cerrarSesion()
-  }, */
+  }, 
 }
 </script>
 
-- 
2.43.0


From 551c1518c00b59236f8197e00effc777932bb8e1 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Fri, 21 Feb 2025 11:56:14 -0600
Subject: [PATCH 14/14] props programa cuestionario, send token in
 cuestionarios, api a produccion

---
 .../alumno/cuestionario2/FullCuestionario.vue |   2 +-
 .../cuestionario2/FullCuestionario_newbad.vue |   2 +-
 .../cuestionario2/FullCuestionario_old.vue    |   2 +-
 .../responsable/CuestionarioResponsable2.vue  |  21 +-
 .../CuestionarioResponsable2copy.vue          |   3 +-
 nuxt.config.js                                |   4 +-
 pages/responsable/cuestionario/index copy.vue | 333 ++++++++++++++++
 pages/responsable/cuestionario/index.vue      | 357 +++++++-----------
 8 files changed, 489 insertions(+), 235 deletions(-)
 create mode 100644 pages/responsable/cuestionario/index copy.vue

diff --git a/components/alumno/cuestionario2/FullCuestionario.vue b/components/alumno/cuestionario2/FullCuestionario.vue
index 458b61d..e020d29 100644
--- a/components/alumno/cuestionario2/FullCuestionario.vue
+++ b/components/alumno/cuestionario2/FullCuestionario.vue
@@ -616,7 +616,7 @@ export default {
         idServicio: localStorage.getItem('idServicio')
       }
       axios
-        .post(`${process.env.api}/cuestionario_alumno`, data)
+        .post(`${process.env.api}/cuestionario_alumno`, data, this.token)
         .then(() => {
           this.$buefy.dialog.alert({
             title: 'Success',
diff --git a/components/alumno/cuestionario2/FullCuestionario_newbad.vue b/components/alumno/cuestionario2/FullCuestionario_newbad.vue
index 32fd558..954cbca 100644
--- a/components/alumno/cuestionario2/FullCuestionario_newbad.vue
+++ b/components/alumno/cuestionario2/FullCuestionario_newbad.vue
@@ -752,7 +752,7 @@ export default {
       }
 
       axios
-          .post(`${process.env.api}/cuestionario_alumno`, data, //this.token
+          .post(`${process.env.api}/cuestionario_alumno`, data, this.token
           )
           .then((res) => {
             this.$buefy.dialog.alert({
diff --git a/components/alumno/cuestionario2/FullCuestionario_old.vue b/components/alumno/cuestionario2/FullCuestionario_old.vue
index 083360e..43f4858 100644
--- a/components/alumno/cuestionario2/FullCuestionario_old.vue
+++ b/components/alumno/cuestionario2/FullCuestionario_old.vue
@@ -752,7 +752,7 @@ export default {
       }
 
       axios
-          .post(`${process.env.api}/cuestionario_alumno`, data, //this.token
+          .post(`${process.env.api}/cuestionario_alumno`, data, this.token
           )
           .then((res) => {
             this.$buefy.dialog.alert({
diff --git a/components/responsable/CuestionarioResponsable2.vue b/components/responsable/CuestionarioResponsable2.vue
index 9efbeb7..5500667 100644
--- a/components/responsable/CuestionarioResponsable2.vue
+++ b/components/responsable/CuestionarioResponsable2.vue
@@ -134,6 +134,17 @@ 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,
@@ -422,6 +433,9 @@ export default {
       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.
@@ -433,12 +447,15 @@ export default {
         idServicio: localStorage.getItem('idServicio'),
       }
 
+
+      
+
       this.isLoading = true
       axios
-        .post(`${process.env.api}/cuestionario_programa`, data)
+        .post(`${process.env.api}/cuestionario_programa`, data , this.responsable.token)
         .then(() => {
           this.$buefy.dialog.alert({
-            title: 'Success',
+            title: 'Success', 
             message: 'Se enviaron los datos correctamente',
             type: 'is-success',
             hasIcon: true,
diff --git a/components/responsable/CuestionarioResponsable2copy.vue b/components/responsable/CuestionarioResponsable2copy.vue
index 6853c14..9f77771 100644
--- a/components/responsable/CuestionarioResponsable2copy.vue
+++ b/components/responsable/CuestionarioResponsable2copy.vue
@@ -425,7 +425,8 @@ export default {
       axios
         .post(
           `${process.env.api}/cuestionario_programa`,
-          data //this.token
+          data ,
+          this.token
         )
         .then((res) => {
           this.$buefy.dialog.alert({
diff --git a/nuxt.config.js b/nuxt.config.js
index 1d17620..0194b58 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -26,7 +26,7 @@ export default {
   env: {
      //api: 'http://localhost:3000',
     // api: "https://890af9d598a4.ngrok.io"
-     api: 'https://venus.acatlan.unam.mx/ss-pruebas',
-    // api: 'https://venus.acatlan.unam.mx/serviciosocial',
+     //api: 'https://venus.acatlan.unam.mx/ss-pruebas',
+    api: 'https://venus.acatlan.unam.mx/serviciosocial',
   },
 }
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 d347aa2..8002a80 100644
--- a/pages/responsable/cuestionario/index.vue
+++ b/pages/responsable/cuestionario/index.vue
@@ -32,249 +32,152 @@ web:
   
         <parteF  /> -->
 
-        <FullCuestionario />
+       <!--  <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'
+<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: {
-      parteA,
-      parteB,
-      parteC,
-      parteD,
-      parteE,
-      parteF,
-      navCues,
-      BotonRegresar,
 
-      FullCuestionario
+export default {
+  components: {
+    BotonRegresar,
+    CuestionarioResponasble,
+    FullCuestionario
+  },
+  data() {
+    return {
+      isLoading: false,
+      idServicio: null,
+      alumno: {},
+      responsable: {},
+    }
+  },
+  methods: {
+    updateIsLoading(booleanValue) {
+      this.isLoading = booleanValue
     },
-    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: '',
-        },
+    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('/')
       }
     },
-    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
-          })
-      },
+    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>
+
+
 
-    
-  }
-  </script>
   <style>
   .SINO * {
     margin: 0.5rem 0 !important;
-- 
2.43.0