diff --git a/assets/README.md b/assets/README.md
deleted file mode 100644
index 34766f9..0000000
--- a/assets/README.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# ASSETS
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-This directory contains your un-compiled assets such as LESS, SASS, or JavaScript.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked).
diff --git a/components/README.md b/components/README.md
deleted file mode 100644
index a079f10..0000000
--- a/components/README.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# COMPONENTS
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-The components directory contains your Vue.js Components.
-
-_Nuxt.js doesn't supercharge these components._
diff --git a/components/admin/servicio/inputTableA.vue b/components/admin/servicio/inputTableA.vue
index 3a25293..ec0b72a 100644
--- a/components/admin/servicio/inputTableA.vue
+++ b/components/admin/servicio/inputTableA.vue
@@ -1,65 +1,68 @@
 <template>
   <div class="container">
     <div class="columns">
+      <div class="column is-3 mb-0">
+        <b-field>
+          <b-input
+            placeholder="No.Cuenta"
+            icon="school"
+            rounded
+            v-model="numeroCuenta"
+            maxlength="9"
+          ></b-input>
+        </b-field>
+      </div>
 
-        <div class="column is-3 mb-0">
-          <b-field >
-            <b-input
-                placeholder="No.Cuenta"
-                icon="school"
-                rounded
-                v-model="numeroCuenta"
-                maxlength="9"
-                ></b-input>
-          </b-field>
-        </div>
-
-        <div class="column is-3 mb-4 pb-4">
-          <b-field>
-            <b-input
+      <div class="column is-3 mb-4 pb-4">
+        <b-field>
+          <b-input
             type="name"
             placeholder="Nombre"
             icon="account"
             rounded
             v-model="nombre"
-            ></b-input>
-          </b-field>
-        </div>
-
-        <div class="column is-3 mb-4 pb-4 " >
-          <b-field>
-            <b-select placeholder="Status" icon="information" expanded rounded v-model="idStatus">
-              <optgroup>
-                <option value=''> Status </option>
-                <option value=1>Pre-registro</option>
-                <option value=2>Registro</option>
-                <option value=3>Registro Validado</option>
-                <option value=4>Pre-Término</option>
-                <option value=5>Término</option>
-                <option value=6>Liberación</option>
-                <option value=7>Carta Aceptacion Rechazada</option>
-                <option value=8>Carta Termino Rechazada</option>
-                <option value=9>Informe Global Rechazado</option>
-                <option value=10>Cancelado</option>
-              </optgroup>
-            </b-select>
-          </b-field>
-        </div>
-
-        <div class="buttons section pt-3 pl-5">
-        <b-button type="is-info" @click="obtenerDatos(idStatus)">
-            Buscar
-        </b-button>
+          ></b-input>
+        </b-field>
       </div>
 
+      <div class="column is-3 mb-4 pb-4 ">
+        <b-field>
+          <b-select
+            placeholder="Status"
+            icon="information"
+            expanded
+            rounded
+            v-model="idStatus"
+          >
+            <optgroup>
+              <option value=""> Status </option>
+              <option value="1">Pre-registro</option>
+              <option value="2">Registro</option>
+              <option value="3">Registro Validado</option>
+              <option value="4">Pre-Término</option>
+              <option value="5">Término</option>
+              <option value="6">Liberación</option>
+              <option value="7">Carta Aceptacion Rechazada</option>
+              <option value="8">Carta Termino Rechazada</option>
+              <option value="9">Informe Global Rechazado</option>
+              <option value="10">Cancelado</option>
+            </optgroup>
+          </b-select>
+        </b-field>
+      </div>
+
+      <div class="buttons section pt-3 pl-5">
+        <b-button type="is-info" @click="obtenerDatos(idStatus)">
+          Buscar
+        </b-button>
+      </div>
     </div>
 
     <div class="columns">
       <section class="column is-12">
-          <b-table
+        <b-table
           :data="data"
           :loading="loading"
-
           hoverable
           striped
           paginated
@@ -67,118 +70,159 @@
           :total="total"
           :per-page="perPage"
           @page-change="onPageChange"
+        >
+          <b-table-column field="nombre" label="Nombre" v-slot="props" centered>
+            <span @click="servicios(props.row.idServicio)">{{
+              props.row.nombre
+            }}</span>
+          </b-table-column>
+          <b-table-column
+            field="numeroCuenta"
+            label="Número de Cuenta"
+            v-slot="props"
+            centered
+            width="100"
           >
-              <b-table-column field="nombre" label="Nombre" v-slot="props" centered>
-                  <span @click="servicios(props.row.idServicio)">{{ props.row.nombre}}</span>
-              </b-table-column>
-              <b-table-column field="numeroCuenta" label="Número de Cuenta" v-slot="props" centered width="100">
-                  <span @click="servicios(props.row.idServicio)">{{ props.row.numeroCuenta}}</span>
-              </b-table-column>
-              <b-table-column field="carrera" label="Carrera" v-slot="props" centered>
-                  <span @click="servicios(props.row.idServicio)">{{ props.row.carrera}}</span>
-              </b-table-column>
-              <b-table-column field="fechaInicio" truncate=10 label="Fecha Inicio" v-slot="props" centered>
-                  <span @click="servicios(props.row.idServicio)">{{ fecha(props.row.fechaInicio) }}</span>
-              </b-table-column>
-              <b-table-column field="fechaFin" label="Fecha Fin" v-slot="props" centered>
-                  <span @click="servicios(props.row.idServicio)">{{ fecha(props.row.fechaFin) }}</span>
-              </b-table-column>
-              <b-table-column field="status" label="Status" v-slot="props" centered>
-                 <span @click="servicios(props.row.idServicio)" class="tag" :class="types(props.row.idStatus)">{{ props.row.status}}</span>
-              </b-table-column>
-          </b-table>
+            <span @click="servicios(props.row.idServicio)">{{
+              props.row.numeroCuenta
+            }}</span>
+          </b-table-column>
+          <b-table-column
+            field="carrera"
+            label="Carrera"
+            v-slot="props"
+            centered
+          >
+            <span @click="servicios(props.row.idServicio)">{{
+              props.row.carrera
+            }}</span>
+          </b-table-column>
+          <b-table-column
+            field="fechaInicio"
+            truncate="10"
+            label="Fecha Inicio"
+            v-slot="props"
+            centered
+          >
+            <span @click="servicios(props.row.idServicio)">{{
+              fecha(props.row.fechaInicio)
+            }}</span>
+          </b-table-column>
+          <b-table-column
+            field="fechaFin"
+            label="Fecha Fin"
+            v-slot="props"
+            centered
+          >
+            <span @click="servicios(props.row.idServicio)">{{
+              fecha(props.row.fechaFin)
+            }}</span>
+          </b-table-column>
+          <b-table-column field="status" label="Status" v-slot="props" centered>
+            <span
+              @click="servicios(props.row.idServicio)"
+              class="tag"
+              :class="types(props.row.idStatus)"
+              >{{ props.row.status }}</span
+            >
+          </b-table-column>
+        </b-table>
       </section>
     </div>
   </div>
 </template>
 
 <script>
-import axios from 'axios'
-import moment from 'moment'
+import axios from "axios";
+import moment from "moment";
 
 export default {
-  data () {
+  data() {
     return {
-      idUsuario: '',
+      idUsuario: "",
       data: [],
-      total: '',
+      total: "",
       loading: true,
       page: 1,
       perPage: 25,
-      numeroCuenta: '',
-      nombre: '',
-      idStatus: ''
-    }
+      numeroCuenta: "",
+      nombre: "",
+      idStatus: "",
+    };
   },
 
   methods: {
-    onPageChange (page) {
-      this.page = page
-      this.obtenerDatos()
-      console.log(this.page)
+    onPageChange(page) {
+      this.page = page;
+      this.obtenerDatos();
+      console.log(this.page);
     },
-    types (idStatus) {
+    types(idStatus) {
       if (idStatus === 1) {
-        return 'is-dark'
+        return "is-dark";
       } else if (idStatus === 2) {
-        return 'is-info'
+        return "is-info";
       } else if (idStatus === 3) {
-        return 'is-link'
+        return "is-link";
       } else if (idStatus === 4) {
-        return 'is-warning'
+        return "is-warning";
       } else if (idStatus === 5) {
-        return 'is-success'
+        return "is-success";
       } else if (idStatus === 6) {
-        return 'is-link'
+        return "is-link";
       } else if (idStatus === 7) {
-        return 'is-danger'
+        return "is-danger";
       } else if (idStatus === 8) {
-        return 'is-danger'
+        return "is-danger";
       } else if (idStatus === 9) {
-        return 'is-danger'
-      } else if (idStatus === 10) { // admin
-        return 'is-danger'
+        return "is-danger";
+      } else if (idStatus === 10) {
+        // admin
+        return "is-danger";
       }
     },
-    botonCarta (cartaTermino) {
+    botonCarta(cartaTermino) {
       if (cartaTermino === 1) {
-        return 'is-success'
+        return "is-success";
       } else {
-        return 'is-danger'
+        return "is-danger";
       }
     },
-    botonCuestionario (cuestionario) {
+    botonCuestionario(cuestionario) {
       if (cuestionario === 1) {
-        return 'is-success'
+        return "is-success";
       } else {
-        return 'is-danger'
+        return "is-danger";
       }
     },
-    iconoCarta (cartaTermino) {
+    iconoCarta(cartaTermino) {
       if (cartaTermino === 1) {
-        return 'check'
+        return "check";
       } else {
-        return 'close'
+        return "close";
       }
     },
-    iconoCuestionario (cuestionario) {
+    iconoCuestionario(cuestionario) {
       if (cuestionario === 1) {
-        return 'check'
+        return "check";
       } else {
-        return 'close'
+        return "close";
       }
     },
-    fecha (date) {
-      const fecha = moment(date.substr(0, 10))
-      return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`
+    fecha(date) {
+      const fecha = moment(date.substr(0, 10));
+      return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`;
     },
-    obtenerDatos (idStatus) {
-      this.loading = true
-      this.data = []
+    obtenerDatos(idStatus) {
+      this.loading = true;
+      this.data = [];
 
-      axios.get(`${process.env.api}/servicio/servicios_admin?pagina=${this.page}&idStatus=${idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
-        .then(res => {
-          const servicios = res.data.servicios
+      axios
+        .get(
+          `${process.env.api}/servicio/servicios_admin?pagina=${this.page}&idStatus=${idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`
+        )
+        .then((res) => {
+          const servicios = res.data.servicios;
 
           if (servicios.length !== 0) {
             for (let i = 0; i < servicios.length; i++) {
@@ -190,57 +234,57 @@ export default {
                 fechaFin: servicios[i].fechaFin,
                 status: servicios[i].Status.status,
                 idStatus: servicios[i].Status.idStatus,
-                idServicio: servicios[i].idServicio
-              })
+                idServicio: servicios[i].idServicio,
+              });
             }
           }
-          let currentTotal = servicios.length
-          let contador
+          let currentTotal = servicios.length;
+          let contador;
 
-          for (let i = 0; i < (res.data.registros / 25) + 1; i++) {
-            contador = i
+          for (let i = 0; i < res.data.registros / 25 + 1; i++) {
+            contador = i;
           }
-          currentTotal = this.perPage * contador
-          this.total = currentTotal
-          this.loading = false
+          currentTotal = this.perPage * contador;
+          this.total = currentTotal;
+          this.loading = false;
         })
         .catch((err) => {
-          console.log(err.response.data.message)
-          this.loading = false
-        })
+          console.log(err.response.data.message);
+          this.loading = false;
+        });
     },
-    servicios (idServicio) {
-      window.localStorage.setItem('idServicio', idServicio)
-      this.$router.push('/admin/servicio')
+    servicios(idServicio) {
+      window.localStorage.setItem("idServicio", idServicio);
+      this.$router.push("/admin/servicio");
+    },
+    insertIdLocal() {
+      this.idUsuario = localStorage.getItem("idUsuario");
     },
-    insertIdLocal () {
-      this.idUsuario = localStorage.getItem('idUsuario')
-    }
   },
-  created () {
-    this.insertIdLocal()
-    this.obtenerDatos(0)
-  }
-}
+  created() {
+    this.insertIdLocal();
+    this.obtenerDatos(0);
+  },
+};
 </script>
 
 <style>
-.input:focus{
-  border:#1b3d70;
+.input:focus {
+  border: #1b3d70;
   box-shadow: 0 0 8px 0 #1b3d70;
 }
-.select select:focus{
+.select select:focus {
   border-color: #1b3d70;
   box-shadow: 0 0 8px 0 #1b3d70;
 }
-.select:not(.is-multiple):not(.is-loading)::after{
+.select:not(.is-multiple):not(.is-loading)::after {
   border-color: #1b3d70;
 }
 .pagination-link.is-current {
   background-color: #1b3d70;
   border-color: #1b3d70;
 }
-.b-table{
+.b-table {
   cursor: pointer;
 }
 </style>
diff --git a/components/admin/servicio/modificar/form.vue b/components/admin/servicio/modificar/form.vue
index 4b4c95e..21913d6 100644
--- a/components/admin/servicio/modificar/form.vue
+++ b/components/admin/servicio/modificar/form.vue
@@ -1,15 +1,16 @@
 <template>
   <div class="container">
     <b-button class="is-info" @click="regresar()">Regresar</b-button>
-    <br><br>
+    <br /><br />
     <p class="is-size-2">Editar información del alumno</p>
-    <br>
+    <br />
     <div class="formulario">
       <b-field label="Correo eletrónico alumno">
         <b-input
           type="email"
           v-model="nuevo.correo"
-          :placeholder="viejo.correo">
+          :placeholder="viejo.correo"
+        >
         </b-input>
       </b-field>
       <b-field label="Fecha de inicio">
@@ -17,7 +18,8 @@
           :placeholder="fecha(viejo.fechaInicio)"
           icon="calendar-today"
           v-model="fechaInicio[0]"
-          :min-date="minDate1">
+          :min-date="minDate1"
+        >
         </b-datepicker>
       </b-field>
       <transition name="fade">
@@ -26,256 +28,326 @@
             :placeholder="fecha(viejo.fechaInicio)"
             v-model="fechaFin[0]"
             :min-date="minDate2"
-            icon="calendar-today">
+            icon="calendar-today"
+          >
           </b-datepicker>
         </b-field>
       </transition>
       <b-field label="Dirección">
-        <b-input type="text"
+        <b-input
+          type="text"
           v-model="nuevo.direccion"
-          :placeholder="viejo.direccion">
+          :placeholder="viejo.direccion"
+        >
         </b-input>
       </b-field>
       <b-field label="Teléfono">
         <b-input
           type="number"
           :placeholder="viejo.telefono"
-          maxlength="10"></b-input>
+          maxlength="10"
+        ></b-input>
       </b-field>
       <b-field label="Fecha de nacimiento">
         <b-datepicker
           :placeholder="fecha(viejo.fechaNacimiento)"
           v-model="fechaNacimiento[0]"
-          icon="calendar-today">
+          icon="calendar-today"
+        >
         </b-datepicker>
       </b-field>
       <p class="is-size-5">Carta de aceptación</p>
-      <br>
+      <br />
       <b-field>
-        <b-upload v-model="nuevo.cartaAceptacion" type="is-black" v-on:input="validarExt(1)" accept="application/pdf" drag-drop expanded>
+        <b-upload
+          v-model="nuevo.cartaAceptacion"
+          type="is-black"
+          v-on:input="validarExt(1)"
+          accept="application/pdf"
+          drag-drop
+          expanded
+        >
           <section class="section">
             <div class="content has-text-centered">
               <p>
                 <b-icon icon="upload" size="is-large"></b-icon>
               </p>
-              <p>{{ nuevo.cartaAceptacion.name|| "Arrastra aquí tu archivo o da click para buscar"}}</p>
+              <p>
+                {{
+                  nuevo.cartaAceptacion.name ||
+                    "Arrastra aquí tu archivo o da click para buscar"
+                }}
+              </p>
             </div>
           </section>
         </b-upload>
       </b-field>
       <p class="is-size-5">Carta de término</p>
-      <br>
+      <br />
       <b-field>
-        <b-upload v-model="nuevo.cartaTermino" type="is-black" v-on:input="validarExt(2)" accept="application/pdf" drag-drop expanded>
+        <b-upload
+          v-model="nuevo.cartaTermino"
+          type="is-black"
+          v-on:input="validarExt(2)"
+          accept="application/pdf"
+          drag-drop
+          expanded
+        >
           <section class="section">
             <div class="content has-text-centered">
               <p>
                 <b-icon icon="upload" size="is-large"></b-icon>
               </p>
-              <p>{{ nuevo.cartaTermino.name|| "Arrastra aquí tu archivo o da click para buscar"}}</p>
+              <p>
+                {{
+                  nuevo.cartaTermino.name ||
+                    "Arrastra aquí tu archivo o da click para buscar"
+                }}
+              </p>
             </div>
           </section>
         </b-upload>
       </b-field>
       <p class="is-size-5">Informe global</p>
-      <br>
+      <br />
       <b-field>
-        <b-upload v-model="nuevo.informeGlobal" type="is-black" v-on:input="validarExt(3)" accept="application/pdf" drag-drop expanded>
+        <b-upload
+          v-model="nuevo.informeGlobal"
+          type="is-black"
+          v-on:input="validarExt(3)"
+          accept="application/pdf"
+          drag-drop
+          expanded
+        >
           <section class="section">
             <div class="content has-text-centered">
               <p>
                 <b-icon icon="upload" size="is-large"></b-icon>
               </p>
-              <p>{{ nuevo.informeGlobal.name|| "Arrastra aquí tu archivo o da click para buscar"}}</p>
+              <p>
+                {{
+                  nuevo.informeGlobal.name ||
+                    "Arrastra aquí tu archivo o da click para buscar"
+                }}
+              </p>
             </div>
           </section>
         </b-upload>
       </b-field>
-      <br>
+      <br />
       <b-button class="is-info" @click="regresar()">Regresar</b-button>
-      <b-button v-if="mostrar()" @click="actualizarDialog()" class="is-info">Actualizar Datos</b-button>
+      <b-button v-if="mostrar()" @click="actualizarDialog()" class="is-info"
+        >Actualizar Datos</b-button
+      >
       <b-button v-else disabled class="is-info">Actualizar Datos</b-button>
-      <b-loading :is-full-page="true" v-model="isLoading" :can-cancel="true"></b-loading>
+      <b-loading
+        :is-full-page="true"
+        v-model="isLoading"
+        :can-cancel="true"
+      ></b-loading>
     </div>
   </div>
 </template>
 
 <script>
-import axios from 'axios'
-import moment from 'moment'
-import validator from 'validator'
+import axios from "axios";
+import moment from "moment";
+import validator from "validator";
 
 export default {
-  data () {
+  data() {
     return {
-      idServicio: localStorage.getItem('idServicio'),
+      idServicio: localStorage.getItem("idServicio"),
       viejo: {},
       nuevo: {
-        correo: '',
-        fechaInicioFinal: '',
+        correo: "",
+        fechaInicioFinal: "",
         fechaFinFinal: null,
         direccion: null,
         telefono: null,
         fechaNacimientoFinal: null,
         cartaAceptacion: {},
         cartaTermino: {},
-        informeGlobal: {}
+        informeGlobal: {},
       },
       fechaNacimiento: [],
       fechaInicio: [],
       fechaFin: [],
-      minDate1: new Date('2020-01-01'),
-      isLoading: false
-    }
+      minDate1: new Date("2020-01-01"),
+      isLoading: false,
+    };
   },
   methods: {
-    obtenerRegistro () {
-      this.isLoading = true
+    obtenerRegistro() {
+      this.isLoading = true;
       return axios
         .get(
-          `${process.env.api}/servicio/admin?idServicio=${this.idServicio}`//,
+          `${process.env.api}/servicio/admin?idServicio=${this.idServicio}` //,
           // this.token
         )
-        .then(res => {
-          this.isLoading = false
-          this.viejo = res.data
-          console.log(this.viejo)
-        })
-        .catch(err => {
-          this.isLoading = false
-          console.log(err.response.data.message)
+        .then((res) => {
+          this.isLoading = false;
+          this.viejo = res.data;
+          console.log(this.viejo);
         })
+        .catch((err) => {
+          this.isLoading = false;
+          console.log(err.response.data.message);
+        });
     },
-    dangerToast () {
+    dangerToast() {
       this.$buefy.toast.open({
-        message: 'Asegurate de ingresar un PDF',
-        type: 'is-danger'
-      })
+        message: "Asegurate de ingresar un PDF",
+        type: "is-danger",
+      });
     },
-    toast () {
+    toast() {
       this.$buefy.toast.open({
-        message: 'Se han actualizado los datos',
-        type: 'is-success'
-      })
+        message: "Se han actualizado los datos",
+        type: "is-success",
+      });
     },
-    mostrar () {
+    mostrar() {
       if (
         validator.isEmail(this.nuevo.correo) ||
         this.nuevo.direccion ||
         this.nuevo.telefono ||
         this.nuevo.fechaNacimientoFinal ||
-        (this.nuevo.fechaInicioFinal &&
-        this.nuevo.fechaFinFinal) ||
+        (this.nuevo.fechaInicioFinal && this.nuevo.fechaFinFinal) ||
         this.nuevo.cartaTermino.name ||
         this.nuevo.cartaAceptacion.name ||
         this.nuevo.informeGlobal.name
       ) {
         if (this.nuevo.correo) {
           if (validator.isEmail(this.nuevo.correo)) {
-            return true
+            return true;
           } else {
-            return false
+            return false;
           }
         }
-        return true
+        return true;
       }
     },
-    validarExt (a) {
-      const extPermitidas = /(.pdf)$/i
+    validarExt(a) {
+      const extPermitidas = /(.pdf)$/i;
       switch (a) {
-        case 1: if (!extPermitidas.exec(this.nuevo.cartaAceptacion.name)) {
-          this.dangerToast()
-          this.nuevo.cartaAceptacion = {}
-        }
-          break
-        case 2: if (!extPermitidas.exec(this.nuevo.cartaTermino.name)) {
-          this.dangerToast()
-          this.nuevo.cartaTermino = {}
-        }
-          break
-        case 3: if (!extPermitidas.exec(this.nuevo.informeGlobal.name)) {
-          this.dangerToast()
-          this.nuevo.informeGlobal = {}
-        }
-          break
+        case 1:
+          if (!extPermitidas.exec(this.nuevo.cartaAceptacion.name)) {
+            this.dangerToast();
+            this.nuevo.cartaAceptacion = {};
+          }
+          break;
+        case 2:
+          if (!extPermitidas.exec(this.nuevo.cartaTermino.name)) {
+            this.dangerToast();
+            this.nuevo.cartaTermino = {};
+          }
+          break;
+        case 3:
+          if (!extPermitidas.exec(this.nuevo.informeGlobal.name)) {
+            this.dangerToast();
+            this.nuevo.informeGlobal = {};
+          }
+          break;
       }
     },
-    regresar () {
-      this.$router.push('/admin/servicio')
+    regresar() {
+      this.$router.push("/admin/servicio");
     },
-    actualizar () {
-      this.isLoading = true
-      const data = {}
-      if (this.nuevo.direccion) { data.direccionUpdate = this.nuevo.direccion }
-      if (this.nuevo.correo) { data.correoUpdate = this.nuevo.correo }
-      if (this.nuevo.telefono) { data.telefonoUpdate = this.nuevo.telefono }
-      if (this.nuevo.fechaInicioFinal) { data.fechaInicioUpdate = this.nuevo.fechaInicioFinal }
-      if (this.nuevo.fechaFinFinal) { data.fechaFinUpdate = this.nuevo.fechaFinFinal }
-      if (this.nuevo.fechaNacimientoFinal) { data.fechaNacimientoUpdate = this.nuevo.fechaNacimientoFinal }
-      const formData = new FormData()
-      if (this.cartaAceptacion) { formData.append('cartaAceptacion', this.cartaAceptacion) }
-      if (this.cartaTermino) { formData.append('cartaTermino', this.cartaTermino) }
-      if (this.informeGlobal) { formData.append('informeGlobal', this.informeGlobal) }
-      if (data) { formData.append('data', JSON.stringify(data)) }
+    actualizar() {
+      this.isLoading = true;
+      const data = {};
+      if (this.nuevo.direccion) {
+        data.direccionUpdate = this.nuevo.direccion;
+      }
+      if (this.nuevo.correo) {
+        data.correoUpdate = this.nuevo.correo;
+      }
+      if (this.nuevo.telefono) {
+        data.telefonoUpdate = this.nuevo.telefono;
+      }
+      if (this.nuevo.fechaInicioFinal) {
+        data.fechaInicioUpdate = this.nuevo.fechaInicioFinal;
+      }
+      if (this.nuevo.fechaFinFinal) {
+        data.fechaFinUpdate = this.nuevo.fechaFinFinal;
+      }
+      if (this.nuevo.fechaNacimientoFinal) {
+        data.fechaNacimientoUpdate = this.nuevo.fechaNacimientoFinal;
+      }
+      const formData = new FormData();
+      if (this.cartaAceptacion) {
+        formData.append("cartaAceptacion", this.cartaAceptacion);
+      }
+      if (this.cartaTermino) {
+        formData.append("cartaTermino", this.cartaTermino);
+      }
+      if (this.informeGlobal) {
+        formData.append("informeGlobal", this.informeGlobal);
+      }
+      if (data) {
+        formData.append("data", JSON.stringify(data));
+      }
       axios
         .put(`${process.env.api}/servicio/update`, formData)
-        .then(res => {
-          this.isLoading = false
-          this.$router.push('./')
-          this.toast()
-        })
-        .catch(err => {
-          this.isLoading = false
-          console.log(err.response.data.message)
+        .then((res) => {
+          this.isLoading = false;
+          this.$router.push("./");
+          this.toast();
         })
+        .catch((err) => {
+          this.isLoading = false;
+          console.log(err.response.data.message);
+        });
     },
-    actualizarDialog () {
+    actualizarDialog() {
       this.$buefy.dialog.confirm({
-        title: 'Actualizar datos',
-        message: '¿Seguro(a) que quiere actualizar estos datos?',
-        confirmText: 'Confirmar',
-        cancelText: 'Cancelar',
-        type: 'is-success',
+        title: "Actualizar datos",
+        message: "¿Seguro(a) que quiere actualizar estos datos?",
+        confirmText: "Confirmar",
+        cancelText: "Cancelar",
+        type: "is-success",
         hasIcon: true,
-        onConfirm: () => this.actualizar()
-      })
+        onConfirm: () => this.actualizar(),
+      });
     },
-    fecha (date) {
+    fecha(date) {
       if (date) {
-        const fecha = moment(date.substr(0, 10))
-        return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`
+        const fecha = moment(date.substr(0, 10));
+        return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`;
       }
-    }
+    },
   },
   computed: {
-    minDate2 () {
-      const min = new Date(this.fechaInicio)
-      return new Date(min.getFullYear(), min.getMonth() + 6, min.getDate())
-    }
+    minDate2() {
+      const min = new Date(this.fechaInicio);
+      return new Date(min.getFullYear(), min.getMonth() + 6, min.getDate());
+    },
   },
   watch: {
-    fechaInicio: function () {
-      this.nuevo.fechaInicioFinal = moment(this.fechaInicio[0])
-      this.fechaFin[0] = null
+    fechaInicio: function() {
+      this.nuevo.fechaInicioFinal = moment(this.fechaInicio[0]);
+      this.fechaFin[0] = null;
     },
-    fechaFin: function () {
-      this.nuevo.fechaFinFinal = moment(this.fechaFin[0])
+    fechaFin: function() {
+      this.nuevo.fechaFinFinal = moment(this.fechaFin[0]);
+    },
+    fechaNacimiento: function() {
+      this.nuevo.fechaNacimientoFinal = moment(this.fechaNacimiento[0]);
     },
-    fechaNacimiento: function () {
-      this.nuevo.fechaNacimientoFinal = moment(this.fechaNacimiento[0])
-    }
   },
-  created () {
-    this.obtenerRegistro()
-  }
-}
+  created() {
+    this.obtenerRegistro();
+  },
+};
 </script>
 
 <style scoped>
-.fade-enter-active, .fade-leave-active {
-  transition: opacity .5s
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.5s;
 }
 .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
-  opacity: 0
+  opacity: 0;
 }
 </style>
diff --git a/components/admin/servicio/programa/tablaResponsables.vue b/components/admin/servicio/programa/tablaResponsables.vue
index a576070..01d1eb8 100644
--- a/components/admin/servicio/programa/tablaResponsables.vue
+++ b/components/admin/servicio/programa/tablaResponsables.vue
@@ -35,22 +35,27 @@
       aria-next-label="Next page"
       aria-previous-label="Previous page"
       aria-page-label="Page"
-      aria-current-label="Current page">
+      aria-current-label="Current page"
+    >
       <template v-for="column in columns">
         <b-table-column :key="column.id" v-bind="column">
-        <template
-          v-if="column.searchable && !column.numeric"
-          slot="searchable"
-          slot-scope="props">
-          <b-input
-            v-model="props.filters[props.column.field]"
-            placeholder="Buscar por..."
-            icon="magnify"
-            class="busqueda"/>
-        </template>
-        <template v-slot="props">
-          <span @click="verRegistro(props.row.idResponsable)">{{ props.row[column.field] }}</span>
-        </template>
+          <template
+            v-if="column.searchable && !column.numeric"
+            slot="searchable"
+            slot-scope="props"
+          >
+            <b-input
+              v-model="props.filters[props.column.field]"
+              placeholder="Buscar por..."
+              icon="magnify"
+              class="busqueda"
+            />
+          </template>
+          <template v-slot="props">
+            <span @click="verRegistro(props.row.idResponsable)">{{
+              props.row[column.field]
+            }}</span>
+          </template>
         </b-table-column>
       </template>
     </b-table>
@@ -59,7 +64,7 @@
 
 <script>
 export default {
-  data () {
+  data() {
     return {
       page: 1,
       perPage: 20,
@@ -67,187 +72,187 @@ export default {
       responsables: [
         {
           idResponsable: 1,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 2,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 3,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 4,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 5,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 6,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 7,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 8,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 9,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 10,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 11,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 12,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 13,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 14,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 15,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 16,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 17,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 18,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 19,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 20,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 21,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 22,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 23,
-          nombre: 'Marco',
-          correo: 'correo1'
+          nombre: "Marco",
+          correo: "correo1",
         },
         {
           idResponsable: 24,
-          nombre: 'Lemuel',
-          correo: 'correo2'
-        }
+          nombre: "Lemuel",
+          correo: "correo2",
+        },
       ],
       columns: [
         {
-          field: 'idResponsable',
-          visible: false
+          field: "idResponsable",
+          visible: false,
         },
         {
-          field: 'nombre',
-          label: 'Nombre responsable',
+          field: "nombre",
+          label: "Nombre responsable",
           searchable: true,
-          centered: true
+          centered: true,
         },
         {
-          field: 'correo',
-          label: 'Correo electrónico',
+          field: "correo",
+          label: "Correo electrónico",
           searchable: true,
-          centered: true
-        }
-      ]
-    }
+          centered: true,
+        },
+      ],
+    };
   },
   methods: {
-    verRegistro (idResponsable) {
-      localStorage.setItem('idResponsable', idResponsable)
-      this.$router.push('/programa/responsableinfo')
-      console.log(idResponsable)
+    verRegistro(idResponsable) {
+      localStorage.setItem("idResponsable", idResponsable);
+      this.$router.push("/programa/responsableinfo");
+      console.log(idResponsable);
+    },
+    onPageChange(page) {
+      this.page = page;
+      this.loadAsyncData();
     },
-    onPageChange (page) {
-      this.page = page
-      this.loadAsyncData()
-    }
   },
   computed: {
-    busquedaNombreResponsable () {
-      return this.responsables.filter(responsables =>
+    busquedaNombreResponsable() {
+      return this.responsables.filter((responsables) =>
         responsables.nombreResp.includes(this.buscarNombreResponsable)
-      )
-    }
+      );
+    },
   },
   watch: {
-    busquedaCorreoResponsable () {
-      this.obtenerResponsables()
-    }
-  }/* ,
+    busquedaCorreoResponsable() {
+      this.obtenerResponsables();
+    },
+  } /* ,
   async created () {
     await this.obtenerResponsables()
-  } */
-}
+  } */,
+};
 </script>
 
 <style scoped>
-  .renglon:hover {
-    cursor: pointer !important;
-  }
-  .busqueda {
-    width: 200%;
-    margin-left: 50%;
-  }
-  .tabla {
-    margin-top: 50px;
-    margin-bottom: 100px;
-    border: 3px solid #1b3d70;
-    border-radius: 10px;
-    padding: 20px;
-  }
+.renglon:hover {
+  cursor: pointer !important;
+}
+.busqueda {
+  width: 200%;
+  margin-left: 50%;
+}
+.tabla {
+  margin-top: 50px;
+  margin-bottom: 100px;
+  border: 3px solid #1b3d70;
+  border-radius: 10px;
+  padding: 20px;
+}
 </style>
diff --git a/components/admin/servicio/vistaServicio.vue b/components/admin/servicio/vistaServicio.vue
index 8cda0b4..39bbdbc 100644
--- a/components/admin/servicio/vistaServicio.vue
+++ b/components/admin/servicio/vistaServicio.vue
@@ -22,54 +22,103 @@
         Término
       </p>
       <p class="is-size-3" v-else-if="alumno.Status.idStatus == 6">
-          Liberación
+        Liberación
       </p>
     </div>
     <div id="programa">
-      <br>
-      <p class="is-size-4"><b>Datos del programa</b></p><br>
-      <p class="is-size-5" v-if="alumno.Programa.programa"><b>Programa: </b><span> {{alumno.Programa.programa}} </span></p>
-      <p class="is-size-5" v-if="alumno.Programa.clavePrograma"><b>Clave del programa: </b><span> {{alumno.Programa.clavePrograma}} </span></p>
-      <p class="is-size-5" v-if="alumno.Programa.dependencia"><b>Dependecia: </b><span> {{alumno.Programa.dependencia}} </span></p>
-      <p class="is-size-5" v-if="alumno.Programa.institucion"><b>Institución: </b><span> {{alumno.Programa.institucion}} </span></p>
-      <br>
+      <br />
+      <p class="is-size-4"><b>Datos del programa</b></p>
+      <br />
+      <p class="is-size-5" v-if="alumno.Programa.programa">
+        <b>Programa: </b><span> {{ alumno.Programa.programa }} </span>
+      </p>
+      <p class="is-size-5" v-if="alumno.Programa.clavePrograma">
+        <b>Clave del programa: </b
+        ><span> {{ alumno.Programa.clavePrograma }} </span>
+      </p>
+      <p class="is-size-5" v-if="alumno.Programa.dependencia">
+        <b>Dependecia: </b><span> {{ alumno.Programa.dependencia }} </span>
+      </p>
+      <p class="is-size-5" v-if="alumno.Programa.institucion">
+        <b>Institución: </b><span> {{ alumno.Programa.institucion }} </span>
+      </p>
+      <br />
     </div>
     <div id="datosPersonales">
-      <p class="is-size-4" ><b>Datos personales</b></p>
-      <p class="is-size-5 mt-5" v-if="alumno.Usuario.nombre"><b>Nombre: </b>{{alumno.Usuario.nombre}}</p>
-      <p class="is-size-5 mt-5" v-if="alumno.Usuario.usuario"><b>Número de cuenta: </b>{{alumno.Usuario.usuario}}</p>
-      <p class="is-size-5 mt-5" v-if="alumno.Carrera.carrera"><b>Correo: </b>{{alumno.Carrera.carrera}}</p>
-      <p class="is-size-5 mt-5" v-if="alumno.correo"><b>Correo: </b>{{alumno.correo}}</p>
-      <p class="is-size-5 mt-5" v-if="alumno.creditos"><b>Créditos: </b>{{alumno.creditos}}</p>
-      <p class="is-size-5 mt-5" v-if="alumno.fechaInicio"><b>Fecha de inicio: </b>{{ fecha(alumno.fechaInicio)}}</p>
-      <p class="is-size-5 mt-5" v-if="alumno.fechaFin"><b>Fecha de fin: </b>{{ fecha(alumno.fechaFin)}}</p>
-      <p class="is-size-5 mt-5" v-if="alumno.telefono"><b>Teléfono: </b>{{alumno.telefono}}</p>
-      <p class="is-size-5 mt-5" v-if="alumno.direccion"><b>Dirección: </b>{{alumno.direccion}}</p>
-      <p class="is-size-5 mt-5" v-if="alumno.fechaNacimiento"><b>Fecha de nacimiento: </b>{{fecha(alumno.fechaNacimiento)}}</p>
+      <p class="is-size-4"><b>Datos personales</b></p>
+      <p class="is-size-5 mt-5" v-if="alumno.Usuario.nombre">
+        <b>Nombre: </b>{{ alumno.Usuario.nombre }}
+      </p>
+      <p class="is-size-5 mt-5" v-if="alumno.Usuario.usuario">
+        <b>Número de cuenta: </b>{{ alumno.Usuario.usuario }}
+      </p>
+      <p class="is-size-5 mt-5" v-if="alumno.Carrera.carrera">
+        <b>Correo: </b>{{ alumno.Carrera.carrera }}
+      </p>
+      <p class="is-size-5 mt-5" v-if="alumno.correo">
+        <b>Correo: </b>{{ alumno.correo }}
+      </p>
+      <p class="is-size-5 mt-5" v-if="alumno.creditos">
+        <b>Créditos: </b>{{ alumno.creditos }}
+      </p>
+      <p class="is-size-5 mt-5" v-if="alumno.fechaInicio">
+        <b>Fecha de inicio: </b>{{ fecha(alumno.fechaInicio) }}
+      </p>
+      <p class="is-size-5 mt-5" v-if="alumno.fechaFin">
+        <b>Fecha de fin: </b>{{ fecha(alumno.fechaFin) }}
+      </p>
+      <p class="is-size-5 mt-5" v-if="alumno.telefono">
+        <b>Teléfono: </b>{{ alumno.telefono }}
+      </p>
+      <p class="is-size-5 mt-5" v-if="alumno.direccion">
+        <b>Dirección: </b>{{ alumno.direccion }}
+      </p>
+      <p class="is-size-5 mt-5" v-if="alumno.fechaNacimiento">
+        <b>Fecha de nacimiento: </b>{{ fecha(alumno.fechaNacimiento) }}
+      </p>
     </div>
     <div id="enlaces">
-      <b-button class="boton is-info" @click="$router.push('./servicio/modificar')">
+      <b-button
+        class="boton is-info"
+        @click="$router.push('./servicio/modificar')"
+      >
         Editar información
       </b-button>
-      <br><br>
-      <h3 class="is-size-4 mb-5" v-if="alumno.Status.idStatus == 1">Confirmar el pre-registro del alumno</h3>
+      <br /><br />
+      <h3 class="is-size-4 mb-5" v-if="alumno.Status.idStatus == 1">
+        Confirmar el pre-registro del alumno
+      </h3>
       <h3 class="is-size-4 mb-5" v-if="alumno.Status.idStatus == 4">Término</h3>
-      <h3 class="is-size-4 mb-5" v-if="alumno.Status.idStatus == 5">Validar el término del alumno</h3>
+      <h3 class="is-size-4 mb-5" v-if="alumno.Status.idStatus == 5">
+        Validar el término del alumno
+      </h3>
       <div v-if="alumno.cartaAceptacion" class="">
         <span class="spanDoc"><strong>Ver carta de aceptación</strong></span>
-        <a :href="linkCartaAceptacion" target="_blank" >
+        <a :href="linkCartaAceptacion" target="_blank">
           <b-button class="is-info">
             Ver
           </b-button>
         </a>
-        <b-button class="is-danger" v-if="alumno.Status.idStatus == 1 && alumno.cartaAceptacion" @click="mensajeRechBoolean1 = !mensajeRechBoolean1">
+        <b-button
+          class="is-danger"
+          v-if="alumno.Status.idStatus == 1 && alumno.cartaAceptacion"
+          @click="mensajeRechBoolean1 = !mensajeRechBoolean1"
+        >
           Rechazar
         </b-button>
       </div>
       <b-field label="Razón del rechazo: " v-if="mensajeRechBoolean1">
-        <b-input maxlength="500" type="textarea" v-model="mensajeRech1"></b-input>
+        <b-input
+          maxlength="500"
+          type="textarea"
+          v-model="mensajeRech1"
+        ></b-input>
       </b-field>
-      <b-button v-if="mensajeRech1 && mensajeRechBoolean1" class="is-danger" @click="rechazarDialog(1)">
+      <b-button
+        v-if="mensajeRech1 && mensajeRechBoolean1"
+        class="is-danger"
+        @click="rechazarDialog(1)"
+      >
         Rechazar documento
       </b-button>
       <b-button v-else-if="mensajeRechBoolean1" disabled>
@@ -77,39 +126,65 @@
       </b-button>
       <div v-if="alumno.cartaTermino" style="margin-top: 10px">
         <span class="spanDoc"><strong>Ver carta de término</strong></span>
-        <a :href="linkCartaTermino" target="_blank" >
+        <a :href="linkCartaTermino" target="_blank">
           <b-button class="is-info">
             Ver
           </b-button>
         </a>
-        <b-button class="is-danger" v-if="alumno.Status.idStatus == 5 && alumno.cartaTermino" @click="mensajeRechBoolean2 = !mensajeRechBoolean2">
+        <b-button
+          class="is-danger"
+          v-if="alumno.Status.idStatus == 5 && alumno.cartaTermino"
+          @click="mensajeRechBoolean2 = !mensajeRechBoolean2"
+        >
           Rechazar
         </b-button>
       </div>
       <b-field label="Razón del rechazo: " v-if="mensajeRechBoolean2">
-        <b-input maxlength="500" type="textarea" v-model="mensajeRech2"></b-input>
+        <b-input
+          maxlength="500"
+          type="textarea"
+          v-model="mensajeRech2"
+        ></b-input>
       </b-field>
-      <b-button v-if="mensajeRech2 && mensajeRechBoolean2" class="is-danger" @click="rechazarDialog(2)">
+      <b-button
+        v-if="mensajeRech2 && mensajeRechBoolean2"
+        class="is-danger"
+        @click="rechazarDialog(2)"
+      >
         Rechazar documento
       </b-button>
       <b-button v-else-if="mensajeRechBoolean2" disabled>
         Rechazar documento
       </b-button>
       <div v-if="alumno.informeGlobal" style="margin-top: 10px">
-        <span class="spanDoc"><strong>Ver informe global de actividades</strong></span>
-        <a :href="linkInformeGlobal" target="_blank" >
+        <span class="spanDoc"
+          ><strong>Ver informe global de actividades</strong></span
+        >
+        <a :href="linkInformeGlobal" target="_blank">
           <b-button class="is-info">
             Ver
           </b-button>
         </a>
-        <b-button class="is-danger" v-if="alumno.Status.idStatus == 5 && alumno.informeGlobal" @click="mensajeRechBoolean3 = !mensajeRechBoolean3">
+        <b-button
+          class="is-danger"
+          v-if="alumno.Status.idStatus == 5 && alumno.informeGlobal"
+          @click="mensajeRechBoolean3 = !mensajeRechBoolean3"
+        >
           Rechazar
         </b-button>
       </div>
       <b-field label="Razón del rechazo: " v-if="mensajeRechBoolean3">
-        <b-input maxlength="500" type="textarea" v-model="mensajeRech3"></b-input>
+        <b-input
+          maxlength="500"
+          type="textarea"
+          v-model="mensajeRech3"
+        ></b-input>
       </b-field>
-      <b-button v-if="mensajeRech3 && mensajeRechBoolean3" class="is-danger" @click="rechazarDialog(3)">
+      <b-button
+        v-if="mensajeRech3 && mensajeRechBoolean3"
+        class="is-danger"
+        @click="rechazarDialog(3)"
+      >
         Rechazar documento
       </b-button>
       <b-button v-else-if="mensajeRechBoolean3" disabled>
@@ -120,20 +195,32 @@
         v-model="alumno.vistoBuenoAcatlan"
         size="is-medium"
         type="is-info"
-        >
+      >
         Visto bueno Acatlán
       </b-checkbox>
-      <p v-if="alumno.cuestionarioP">Cuenta con cuestionario de programa resuelto.</p>
-      <p v-if="alumno.cuestionarioA">Cuenta con cuestionario de alumno resuelto.</p>
+      <p v-if="alumno.cuestionarioP">
+        Cuenta con cuestionario de programa resuelto.
+      </p>
+      <p v-if="alumno.cuestionarioA">
+        Cuenta con cuestionario de alumno resuelto.
+      </p>
     </div>
     <div id="acciones" class="my-5">
       <div class="confimar mb-5">
-        <b-button class="is-success" @click="confirmarDialog(1)" v-if="mostrarConfirmar1()">
-        Confirmar
-      </b-button>
-      <b-button class="is-success" @click="confirmarDialog(2)" v-if="mostrarConfirmar2()">
-        Confirmar
-      </b-button>
+        <b-button
+          class="is-success"
+          @click="confirmarDialog(1)"
+          v-if="mostrarConfirmar1()"
+        >
+          Confirmar
+        </b-button>
+        <b-button
+          class="is-success"
+          @click="confirmarDialog(2)"
+          v-if="mostrarConfirmar2()"
+        >
+          Confirmar
+        </b-button>
       </div>
       <div class="demas">
         <b-button class="is-info" @click="regresar()">
@@ -142,289 +229,312 @@
         <b-button class="is-danger" @click="enviarCancel = !enviarCancel">
           Cancelar
         </b-button>
-        <br><br>
+        <br /><br />
         <b-field label="Razón para cancelar: " v-if="enviarCancel">
-          <b-input maxlength="500" type="textarea" v-model="mensajeCancel"></b-input>
+          <b-input
+            maxlength="500"
+            type="textarea"
+            v-model="mensajeCancel"
+          ></b-input>
         </b-field>
-        <b-button v-if="mensajeCancel && enviarCancel" class="is-danger" @click="cancelarDialog()">
+        <b-button
+          v-if="mensajeCancel && enviarCancel"
+          class="is-danger"
+          @click="cancelarDialog()"
+        >
           Cancelar servicio
         </b-button>
         <b-button v-else-if="enviarCancel" disabled>
           Cancelar servicio
         </b-button>
       </div>
-      <b-loading :is-full-page="true" v-model="isLoading" :can-cancel="true"></b-loading>
+      <b-loading
+        :is-full-page="true"
+        v-model="isLoading"
+        :can-cancel="true"
+      ></b-loading>
     </div>
   </div>
 </template>
 
 <script>
-import axios from 'axios'
-import moment from 'moment'
+import axios from "axios";
+import moment from "moment";
 export default {
-  data () {
+  data() {
     return {
       alumno: {
         Programa: {},
         Usuario: {},
         Carrera: {},
-        Status: {}
+        Status: {},
       },
-      idServicio: localStorage.getItem('idServicio'),
+      idServicio: localStorage.getItem("idServicio"),
       token: {
         headers: {
-          token: localStorage.getItem('token')
-        }
+          token: localStorage.getItem("token"),
+        },
       },
-      linkCartaAceptacion: '',
-      linkCartaTermino: '',
-      linkInformeGlobal: '',
+      linkCartaAceptacion: "",
+      linkCartaTermino: "",
+      linkInformeGlobal: "",
       enviarMensaje: false,
       enviarCancel: false,
-      mensaje: '',
-      mensajeCancel: '',
+      mensaje: "",
+      mensajeCancel: "",
       isLoading: false,
-      mensajeRech1: '',
-      mensajeRech2: '',
-      mensajeRech3: '',
+      mensajeRech1: "",
+      mensajeRech2: "",
+      mensajeRech3: "",
       mensajeRechBoolean1: false,
       mensajeRechBoolean2: false,
-      mensajeRechBoolean3: false
-    }
+      mensajeRechBoolean3: false,
+    };
   },
   methods: {
-    mostrarConfirmar1 () {
-      if (this.alumno.Status.idStatus === 1) return true
-      return false
+    mostrarConfirmar1() {
+      if (this.alumno.Status.idStatus === 1) return true;
+      return false;
     },
-    mostrarConfirmar2 () {
+    mostrarConfirmar2() {
       if (this.alumno.Status.idStatus === 5) {
-        if (!this.alumno.acatlanContigo) return true
-        else if (this.alumno.vistoBueno) return true
+        if (!this.alumno.acatlanContigo) return true;
+        else if (this.alumno.vistoBueno) return true;
       }
-      return false
+      return false;
     },
-    obtenerRegistro () {
-      this.isLoading = true
+    obtenerRegistro() {
+      this.isLoading = true;
       return axios
         .get(
-          `${process.env.api}/servicio/admin?idServicio=${this.idServicio}`//,
+          `${process.env.api}/servicio/admin?idServicio=${this.idServicio}` //,
           // this.token
         )
-        .then(res => {
-          this.isLoading = false
-          this.alumno = res.data
-          if (this.alumno.cartaAceptacion) { this.linkCartaAceptacion = `https://drive.google.com/file/d/${this.alumno.cartaAceptacion}/view?usp=sharing` }
-          if (this.alumno.cartaTermino) { this.linkCartaTermino = `https://drive.google.com/file/d/${this.alumno.cartaTermino}/view?usp=sharing` }
-          if (this.alumno.informeGlobal) { this.linkInformeGlobal = `https://drive.google.com/file/d/${this.alumno.informeGlobal}/view?usp=sharing` }
-        })
-        .catch(err => {
-          this.isLoading = false
-          console.log(err.response)
+        .then((res) => {
+          this.isLoading = false;
+          this.alumno = res.data;
+          if (this.alumno.cartaAceptacion) {
+            this.linkCartaAceptacion = `https://drive.google.com/file/d/${this.alumno.cartaAceptacion}/view?usp=sharing`;
+          }
+          if (this.alumno.cartaTermino) {
+            this.linkCartaTermino = `https://drive.google.com/file/d/${this.alumno.cartaTermino}/view?usp=sharing`;
+          }
+          if (this.alumno.informeGlobal) {
+            this.linkInformeGlobal = `https://drive.google.com/file/d/${this.alumno.informeGlobal}/view?usp=sharing`;
+          }
         })
+        .catch((err) => {
+          this.isLoading = false;
+          console.log(err.response);
+        });
     },
-    cancelarDialog () {
+    cancelarDialog() {
       this.$buefy.dialog.confirm({
-        title: 'Cancelar sevicio',
-        message: '¿Seguro(a) que quiere cancelar este servicio?',
-        confirmText: 'Cancelar servicio',
-        cancelText: 'No',
-        type: 'is-danger',
+        title: "Cancelar sevicio",
+        message: "¿Seguro(a) que quiere cancelar este servicio?",
+        confirmText: "Cancelar servicio",
+        cancelText: "No",
+        type: "is-danger",
         hasIcon: true,
-        onConfirm: () => this.cancelar()
-      })
+        onConfirm: () => this.cancelar(),
+      });
     },
-    confirmarDialog (a) {
+    confirmarDialog(a) {
       this.$buefy.dialog.confirm({
-        title: 'Confimar servicio',
-        message: '¿Seguro(a) que quiere confirmar este servicio?',
-        confirmText: 'Confirmar',
-        cancelText: 'Cancelar',
-        type: 'is-success',
+        title: "Confimar servicio",
+        message: "¿Seguro(a) que quiere confirmar este servicio?",
+        confirmText: "Confirmar",
+        cancelText: "Cancelar",
+        type: "is-success",
         hasIcon: true,
         onConfirm: () => {
           switch (a) {
-            case 1: this.confirmarRegistro()
-              break
-            case 2: this.confirmarTermino()
-              break
+            case 1:
+              this.confirmarRegistro();
+              break;
+            case 2:
+              this.confirmarTermino();
+              break;
           }
-        }
-      })
+        },
+      });
     },
-    rechazarDialog (num) {
-      const doc = num
+    rechazarDialog(num) {
+      const doc = num;
       this.$buefy.dialog.confirm({
-        title: 'Confimar servicio',
-        message: '¿Seguro(a) que quiere rechazar este documento?',
-        confirmText: 'Confirmar',
-        cancelText: 'Cancelar',
-        type: 'is-dnager',
+        title: "Confimar servicio",
+        message: "¿Seguro(a) que quiere rechazar este documento?",
+        confirmText: "Confirmar",
+        cancelText: "Cancelar",
+        type: "is-dnager",
         hasIcon: true,
         onConfirm: () => {
           switch (doc) {
-            case 1: this.rechazarCartaAceptacion()
-              break
-            case 2: this.rechazarCartaTermino()
-              break
-            case 3: this.rechazarInformeGlobal()
+            case 1:
+              this.rechazarCartaAceptacion();
+              break;
+            case 2:
+              this.rechazarCartaTermino();
+              break;
+            case 3:
+              this.rechazarInformeGlobal();
           }
-        }
-      })
+        },
+      });
     },
-    rechazarCartaAceptacion () {
-      this.isLoading = true
+    rechazarCartaAceptacion() {
+      this.isLoading = true;
       const data = {
         mensaje: this.mensajeRech1,
-        idServicio: this.idServicio
-      }
+        idServicio: this.idServicio,
+      };
       axios
         .put(`${process.env.api}/servicio/rechazar_aceptacion`, data)
-        .then(res => {
-          this.isLoading = false
-          this.$buefy.dialog.alert('Se ha rechazado el documento')
-          this.$router.push('./')
-        })
-        .catch(err => {
-          this.isLoading = false
-          this.error()
-          console.log(err)
+        .then((res) => {
+          this.isLoading = false;
+          this.$buefy.dialog.alert("Se ha rechazado el documento");
+          this.$router.push("./");
         })
+        .catch((err) => {
+          this.isLoading = false;
+          this.error();
+          console.log(err);
+        });
     },
-    rechazarCartaTermino () {
-      this.isLoading = true
+    rechazarCartaTermino() {
+      this.isLoading = true;
       const data = {
         mensaje: this.mensajeRech2,
-        idServicio: this.idServicio
-      }
+        idServicio: this.idServicio,
+      };
       axios
         .put(`${process.env.api}/servicio/rechazar_termino`, data)
-        .then(res => {
-          this.isLoading = false
-          this.$buefy.dialog.alert('Se ha rechazado el documento')
-          this.$router.push('./')
-        })
-        .catch(err => {
-          this.isLoading = false
-          this.error()
-          console.log(err)
+        .then((res) => {
+          this.isLoading = false;
+          this.$buefy.dialog.alert("Se ha rechazado el documento");
+          this.$router.push("./");
         })
+        .catch((err) => {
+          this.isLoading = false;
+          this.error();
+          console.log(err);
+        });
     },
-    rechazarInformeGlobal () {
-      this.isLoading = true
+    rechazarInformeGlobal() {
+      this.isLoading = true;
       const data = {
         mensaje: this.mensajeRech3,
-        idServicio: this.idServicio
-      }
+        idServicio: this.idServicio,
+      };
       axios
         .put(`${process.env.api}/servicio/rechazar_informe`, data)
-        .then(res => {
-          this.isLoading = false
-          this.$buefy.dialog.alert('Se ha rechazado el documento')
-          this.$router.push('./')
-        })
-        .catch(err => {
-          this.isLoading = false
-          this.error()
-          console.log(err)
+        .then((res) => {
+          this.isLoading = false;
+          this.$buefy.dialog.alert("Se ha rechazado el documento");
+          this.$router.push("./");
         })
+        .catch((err) => {
+          this.isLoading = false;
+          this.error();
+          console.log(err);
+        });
     },
-    cancelar () {
-      this.isLoading = true
+    cancelar() {
+      this.isLoading = true;
       const data = {
         idServicio: this.idServicio,
-        mensaje: this.mensajeCancel
-      }
+        mensaje: this.mensajeCancel,
+      };
       axios
         .put(`${process.env.api}/servicio/cancelar`, data)
-        .then(res => {
-          this.isLoading = false
-          this.$buefy.dialog.alert('El servicio ha sido cancelado con éxito')
-          localStorage.removeItem('idServicio')
-          this.$router.push('./')
-        })
-        .catch(err => {
-          this.isLoading = false
-          this.error()
-          console.log(err)
+        .then((res) => {
+          this.isLoading = false;
+          this.$buefy.dialog.alert("El servicio ha sido cancelado con éxito");
+          localStorage.removeItem("idServicio");
+          this.$router.push("./");
         })
+        .catch((err) => {
+          this.isLoading = false;
+          this.error();
+          console.log(err);
+        });
     },
-    fecha (date) {
-      const fecha = moment(date.substr(0, 10))
-      return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`
+    fecha(date) {
+      const fecha = moment(date.substr(0, 10));
+      return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`;
     },
-    confirmarRegistro () {
-      this.isLoading = true
+    confirmarRegistro() {
+      this.isLoading = true;
       const data = {
-        idServicio: this.idServicio
-      }
+        idServicio: this.idServicio,
+      };
       axios
         .put(`${process.env.api}/servicio/registro`, data)
-        .then(res => {
-          this.isLoading = false
-          this.$buefy.dialog.alert('El servicio ha sido aprovado')
-          localStorage.removeItem('idServicio')
-          this.$router.push('/admin')
-        })
-        .catch(e => {
-          this.isLoading = false
-          console.log(e)
-          this.error()
+        .then((res) => {
+          this.isLoading = false;
+          this.$buefy.dialog.alert("El servicio ha sido aprovado");
+          localStorage.removeItem("idServicio");
+          this.$router.push("/admin");
         })
+        .catch((e) => {
+          this.isLoading = false;
+          console.log(e);
+          this.error();
+        });
     },
-    confirmarLiberacion () {
-      this.isLoading = true
+    confirmarLiberacion() {
+      this.isLoading = true;
       const data = {
-        idServicio: this.idServicio
-      }
+        idServicio: this.idServicio,
+      };
       if (this.alumno.vistoBueno) {
-        data.vistoBueno = this.alumno.vistoBueno
+        data.vistoBueno = this.alumno.vistoBueno;
       }
       axios
         .put(`${process.env.api}/servicio/liberacion`, data)
-        .then(res => {
-          this.isLoading = false
-          this.$buefy.dialog.alert('El servicio ha sido liberado')
-          localStorage.removeItem('idServicio')
-          this.$router.push('/admin')
-        })
-        .catch(e => {
-          this.isLoading = false
-          console.log(e)
-          this.error()
+        .then((res) => {
+          this.isLoading = false;
+          this.$buefy.dialog.alert("El servicio ha sido liberado");
+          localStorage.removeItem("idServicio");
+          this.$router.push("/admin");
         })
+        .catch((e) => {
+          this.isLoading = false;
+          console.log(e);
+          this.error();
+        });
     },
-    error () {
+    error() {
       this.$buefy.dialog.alert({
-        title: 'Error',
-        message: 'Ha ocurrido un <b>error</b>, inténtalo de nuevo más tarde',
-        type: 'is-danger',
+        title: "Error",
+        message: "Ha ocurrido un <b>error</b>, inténtalo de nuevo más tarde",
+        type: "is-danger",
         hasIcon: true,
-        icon: 'times-circle',
-        iconPack: 'fa',
-        ariaRole: 'alertdialog',
-        ariaModal: true
-      })
+        icon: "times-circle",
+        iconPack: "fa",
+        ariaRole: "alertdialog",
+        ariaModal: true,
+      });
+    },
+    regresar() {
+      this.$router.push("./");
+      localStorage.removeItem("idServicio");
     },
-    regresar () {
-      this.$router.push('./')
-      localStorage.removeItem('idServicio')
-    }
   },
-  async created () {
-    await this.obtenerRegistro()
-  }/* ,
+  async created() {
+    await this.obtenerRegistro();
+  } /* ,
   beforeCreate () {
     if (!localStorage.getItem('idServicio')) { this.$router.push('./admin') }
-  } */
-}
+  } */,
+};
 </script>
 
 <style scoped>
 .boton {
   margin-top: 2%;
 }
-.is-size-5{
+.is-size-5 {
   margin-bottom: 10px;
 }
 .link-f {
@@ -439,5 +549,4 @@ export default {
 .spanDoc {
   margin-right: 5%;
 }
-
 </style>
diff --git a/components/alumno/DataAlumno.vue b/components/alumno/DataAlumno.vue
index 3d44687..1e2a73a 100644
--- a/components/alumno/DataAlumno.vue
+++ b/components/alumno/DataAlumno.vue
@@ -71,10 +71,17 @@
           <p><strong> Nombre: </strong> {{ alumno.nombre }}</p>
           <p><strong> Número de cuenta: </strong> {{ alumno.cuenta }}</p>
           <p><strong> Carrera: </strong> {{ alumno.carrera }}</p>
-          <p><strong> Créditos: </strong> {{ alumno.creditos[1]}}{{ alumno.creditos[2]}}<span v-if="alumno.creditos">%</span></p>
+          <p>
+            <strong> Créditos: </strong> {{ alumno.creditos[1]
+            }}{{ alumno.creditos[2] }}<span v-if="alumno.creditos">%</span>
+          </p>
           <p><strong> Correo: </strong> {{ alumno.correo }}</p>
-          <p><strong> Fecha de inicio: </strong> {{ fecha(alumno.registro) }}</p>
-            <p><strong> Fecha de finalización: </strong> {{ fecha(alumno.inicio) }}</p>
+          <p>
+            <strong> Fecha de inicio: </strong> {{ fecha(alumno.registro) }}
+          </p>
+          <p>
+            <strong> Fecha de finalización: </strong> {{ fecha(alumno.inicio) }}
+          </p>
           <p><strong> Fecha de registro: </strong> {{ fecha(alumno.fin) }}</p>
 
           <div class="mt-4 info-extra" v-if="activeStep >= 2">
@@ -174,7 +181,7 @@
                   <p>
                     {{
                       file.name ||
-                      "Arrastra aquí tu archivo o da click para buscar"
+                        "Arrastra aquí tu archivo o da click para buscar"
                     }}
                   </p>
                   <p>Tamaño máximo 20MB</p>
@@ -206,241 +213,241 @@
 </template>
 
 <script>
-import 'buefy/dist/buefy.css'
-import moment from 'moment'
-import axios from 'axios'
+import "buefy/dist/buefy.css";
+import moment from "moment";
+import axios from "axios";
 
 export default {
-  data () {
+  data() {
     return {
-      activeStep: '',
+      activeStep: "",
       isFullPage: true,
       file: [],
       nacimiento: [],
-      telefono: '',
-      direccion: '',
+      telefono: "",
+      direccion: "",
 
       alumno: {
-        carrera: '',
-        creditos: '',
-        nombre: '',
-        cuenta: '',
-        correo: '',
-        direccion: '',
-        nacimiento: '',
-        telefono: '',
-        idCuestionario: '',
-        informeGlobal: '',
-        idAlumno: '',
-        idCarrera: '',
-        idServicio: '',
+        carrera: "",
+        creditos: "",
+        nombre: "",
+        cuenta: "",
+        correo: "",
+        direccion: "",
+        nacimiento: "",
+        telefono: "",
+        idCuestionario: "",
+        informeGlobal: "",
+        idAlumno: "",
+        idCarrera: "",
+        idServicio: "",
         inicio: [],
         fin: [],
-        registro: []
+        registro: [],
       },
       programa: {
-        programa: '',
-        institucion: '',
-        dependencia: '',
-        clave: '',
-        acatlan: '',
-        programaInterno: '',
-        profesor: ''
+        programa: "",
+        institucion: "",
+        dependencia: "",
+        clave: "",
+        acatlan: "",
+        programaInterno: "",
+        profesor: "",
       },
       mensajes: [
-        { status: 0, mensaje: '' },
-        { status: 1, mensaje: '' },
+        { status: 0, mensaje: "" },
+        { status: 1, mensaje: "" },
         {
           status: 2,
           mensaje:
-            'Te informamos que el Área de Registro y Control de Servicio Social ha validado tu solicitud de registro de servicio social por lo que el siguiente trámite lo realizarás hasta que concluyas 480 horas en un periodo de mínimo 6 meses y obtengas tu carta de término por parte de la institución, quien se encargará de subir dicho archivo a este sistema, además de responder un cuestionario sobre tu desempeño. A su vez, deberás responder el siguiente cuestionario de evaluación del programa de servicio social en donde participaste y enviar el informe global de actividades elaborado por ti, con firma y sello de visto bueno de tu jefe inmediato. En cuanto el Área de Registro y Control de Servicio Social valide tu solicitud, podrás revisar las indicaciones del siguiente paso en el panel llamado “Liberación” Cualquier duda puedes acudir al área de Registro y Control de Servicio Social en COESI de lunes a viernes de 10:00 a 14:00 hrs. y de 16:00 a 20:00 hrs. o bien, comunicarte al 5623 1686 o al correo registross@acatlan.unam.mx'
+            "Te informamos que el Área de Registro y Control de Servicio Social ha validado tu solicitud de registro de servicio social por lo que el siguiente trámite lo realizarás hasta que concluyas 480 horas en un periodo de mínimo 6 meses y obtengas tu carta de término por parte de la institución, quien se encargará de subir dicho archivo a este sistema, además de responder un cuestionario sobre tu desempeño. A su vez, deberás responder el siguiente cuestionario de evaluación del programa de servicio social en donde participaste y enviar el informe global de actividades elaborado por ti, con firma y sello de visto bueno de tu jefe inmediato. En cuanto el Área de Registro y Control de Servicio Social valide tu solicitud, podrás revisar las indicaciones del siguiente paso en el panel llamado “Liberación” Cualquier duda puedes acudir al área de Registro y Control de Servicio Social en COESI de lunes a viernes de 10:00 a 14:00 hrs. y de 16:00 a 20:00 hrs. o bien, comunicarte al 5623 1686 o al correo registross@acatlan.unam.mx",
         },
-        { status: 3, mensaje: '' },
+        { status: 3, mensaje: "" },
         {
           status: 4,
           mensaje:
-            'Espera a que tus documentos sean validados por el Departamento de Servicio Social y Bolsa de Trabajo'
+            "Espera a que tus documentos sean validados por el Departamento de Servicio Social y Bolsa de Trabajo",
         },
         {
           status: 5,
           mensaje:
-            'Te confirmamos que has concluido con los trámites necesarios para la liberación de tu servicio social por lo que ahora sólo queda esperar a que en máximo 15 días hábiles se te notifique por correo electrónico a partir de cuándo puedes recoger la copia de tu carta de liberación en las ventanillas del Área de Registro y Control de Servicio Social. Cualquier duda puedes acudir al área de Registro y Control de Servicio Social en COESI de lunes a viernes de 10:00 a 13:00 hrs. y de 16:00 a 19:00 hrs. o bien, comunicarte al 5623 1686 o al correo registross@apolo.acatlan.unam.mx'
+            "Te confirmamos que has concluido con los trámites necesarios para la liberación de tu servicio social por lo que ahora sólo queda esperar a que en máximo 15 días hábiles se te notifique por correo electrónico a partir de cuándo puedes recoger la copia de tu carta de liberación en las ventanillas del Área de Registro y Control de Servicio Social. Cualquier duda puedes acudir al área de Registro y Control de Servicio Social en COESI de lunes a viernes de 10:00 a 13:00 hrs. y de 16:00 a 19:00 hrs. o bien, comunicarte al 5623 1686 o al correo registross@apolo.acatlan.unam.mx",
         },
-        { status: 6, mensaje: '' },
-        { status: 7, mensaje: '' },
-        { status: 8, mensaje: '' },
-        { status: 9, mensaje: '' }
-      ]
-    }
+        { status: 6, mensaje: "" },
+        { status: 7, mensaje: "" },
+        { status: 8, mensaje: "" },
+        { status: 9, mensaje: "" },
+      ],
+    };
   },
   methods: {
-    reset () {
-      this.file = []
-      this.nacimiento = []
-      this.telefono = ''
-      this.direccion = ''
+    reset() {
+      this.file = [];
+      this.nacimiento = [];
+      this.telefono = "";
+      this.direccion = "";
     },
-    enviarRegistro () {
+    enviarRegistro() {
       const loadingComponent = this.$buefy.loading.open({
-        container: this.isFullPage ? null : this.$refs.element.$el
-      })
+        container: this.isFullPage ? null : this.$refs.element.$el,
+      });
 
       const data = {
         idServicio: this.alumno.idServicio,
         direccion: this.direccion,
         telefono: this.telefono,
-        fechaNacimiento: moment(this.nacimiento)
-      }
+        fechaNacimiento: moment(this.nacimiento),
+      };
 
       axios
         .put(`${process.env.api}/servicio/registro_validado`, data)
         .then((res) => {
-          loadingComponent.close()
+          loadingComponent.close();
           this.$buefy.dialog.alert({
-            title: 'Success',
-            message: 'Se enviaron los datos correctamente',
-            type: 'is-success',
+            title: "Success",
+            message: "Se enviaron los datos correctamente",
+            type: "is-success",
             hasIcon: true,
-            icon: 'checkbox-marked-circle',
-            iconPack: 'mdi',
-            ariaRole: 'alertdialog',
-            ariaModal: true
-          })
+            icon: "checkbox-marked-circle",
+            iconPack: "mdi",
+            ariaRole: "alertdialog",
+            ariaModal: true,
+          });
 
-          this.reset()
-          location.reload()
+          this.reset();
+          location.reload();
         })
         .catch((error) => {
-          loadingComponent.close()
+          loadingComponent.close();
           this.$buefy.dialog.alert({
-            title: 'Error',
+            title: "Error",
             message: error.response.data.message,
-            type: 'is-danger',
+            type: "is-danger",
             hasIcon: true,
-            icon: 'alert-circle',
-            iconPack: 'mdi',
-            ariaRole: 'alertdialog',
-            ariaModal: true
-          })
-        })
+            icon: "alert-circle",
+            iconPack: "mdi",
+            ariaRole: "alertdialog",
+            ariaModal: true,
+          });
+        });
     },
-    enviarInforme () {
+    enviarInforme() {
       const loadingComponent = this.$buefy.loading.open({
-        container: this.isFullPage ? null : this.$refs.element.$el
-      })
+        container: this.isFullPage ? null : this.$refs.element.$el,
+      });
       const data = {
-        idServicio: this.alumno.idServicio
-      }
-      const formData = new FormData()
-      console.log(data)
-      formData.append('data', JSON.stringify(data))
-      formData.append('informeGlobal', this.file)
+        idServicio: this.alumno.idServicio,
+      };
+      const formData = new FormData();
+      console.log(data);
+      formData.append("data", JSON.stringify(data));
+      formData.append("informeGlobal", this.file);
 
       axios
         .put(`${process.env.api}/servicio/informe_global`, formData, {
           headers: {
-            'Content-Type': 'multipart/form-data'
-          }
+            "Content-Type": "multipart/form-data",
+          },
         })
         .then((res) => {
-          loadingComponent.close()
+          loadingComponent.close();
           this.$buefy.dialog.alert({
-            title: 'Success',
-            message: 'Se enviaron los datos correctamente',
-            type: 'is-success',
+            title: "Success",
+            message: "Se enviaron los datos correctamente",
+            type: "is-success",
             hasIcon: true,
-            icon: 'checkbox-marked-circle',
-            iconPack: 'mdi',
-            ariaRole: 'alertdialog',
-            ariaModal: true
-          })
+            icon: "checkbox-marked-circle",
+            iconPack: "mdi",
+            ariaRole: "alertdialog",
+            ariaModal: true,
+          });
 
-          this.reset()
-          location.reload()
+          this.reset();
+          location.reload();
         })
         .catch((error) => {
-          loadingComponent.close()
+          loadingComponent.close();
           this.$buefy.dialog.alert({
-            title: 'Error',
+            title: "Error",
             message: error.response.data.message,
-            type: 'is-danger',
+            type: "is-danger",
             hasIcon: true,
-            icon: 'alert-circle',
-            iconPack: 'mdi',
-            ariaRole: 'alertdialog',
-            ariaModal: true
-          })
-        })
+            icon: "alert-circle",
+            iconPack: "mdi",
+            ariaRole: "alertdialog",
+            ariaModal: true,
+          });
+        });
+    },
+    fecha(date) {
+      const fecha = moment(date);
+      return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`;
     },
-    fecha (date) {
-      const fecha = moment(date)
-      return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`
-    }
   },
   computed: {
-    steps () {
-      const steps = [...this.baseSteps]
-      return steps
-    }
+    steps() {
+      const steps = [...this.baseSteps];
+      return steps;
+    },
   },
-  created () {
+  created() {
     axios
       .get(`${process.env.api}/servicio/alumno`, {
         params: {
-          idUsuario: localStorage.getItem('idUsuario')
-        }
+          idUsuario: localStorage.getItem("idUsuario"),
+        },
       })
       .then((resp) => {
-        console.log(resp.data)
-        this.activeStep = resp.data.Status.idStatus - 1
+        console.log(resp.data);
+        this.activeStep = resp.data.Status.idStatus - 1;
 
-        this.programa.programa = resp.data.Programa.programa
-        this.programa.dependencia = resp.data.Programa.dependencia
-        this.programa.institucion = resp.data.Programa.institucion
-        this.programa.clave = resp.data.Programa.clavePrograma
-        this.programa.profesor = resp.data.profesor
-        this.programa.acatlan = resp.data.Programa.acatlan
-        this.programa.programaInterno = resp.data.programaInterno
+        this.programa.programa = resp.data.Programa.programa;
+        this.programa.dependencia = resp.data.Programa.dependencia;
+        this.programa.institucion = resp.data.Programa.institucion;
+        this.programa.clave = resp.data.Programa.clavePrograma;
+        this.programa.profesor = resp.data.profesor;
+        this.programa.acatlan = resp.data.Programa.acatlan;
+        this.programa.programaInterno = resp.data.programaInterno;
 
-        this.alumno.creditos = resp.data.creditos
-        this.alumno.carrera = resp.data.Carrera.carrera
-        this.alumno.idCarrera = resp.data.Carrera.idCarrera
-        this.alumno.correo = resp.data.correo
-        this.alumno.inicio = resp.data.fechaInicio
-        this.alumno.fin = resp.data.fechaFin
-        this.alumno.registro = resp.data.createdAt
-        this.alumno.direccion = resp.data.direccion
-        this.alumno.nacimiento = resp.data.fechaNacimiento
-        this.alumno.telefono = resp.data.telefono
-        this.alumno.idServicio = resp.data.idServicio
-        this.alumno.idCuestionario = resp.data.idCuestionarioAlumno
-        this.alumno.informeGlobal = resp.data.informeGlobal
-        this.alumno.nombre = localStorage.getItem('nombre')
-        this.alumno.cuenta = localStorage.getItem('usuario')
+        this.alumno.creditos = resp.data.creditos;
+        this.alumno.carrera = resp.data.Carrera.carrera;
+        this.alumno.idCarrera = resp.data.Carrera.idCarrera;
+        this.alumno.correo = resp.data.correo;
+        this.alumno.inicio = resp.data.fechaInicio;
+        this.alumno.fin = resp.data.fechaFin;
+        this.alumno.registro = resp.data.createdAt;
+        this.alumno.direccion = resp.data.direccion;
+        this.alumno.nacimiento = resp.data.fechaNacimiento;
+        this.alumno.telefono = resp.data.telefono;
+        this.alumno.idServicio = resp.data.idServicio;
+        this.alumno.idCuestionario = resp.data.idCuestionarioAlumno;
+        this.alumno.informeGlobal = resp.data.informeGlobal;
+        this.alumno.nombre = localStorage.getItem("nombre");
+        this.alumno.cuenta = localStorage.getItem("usuario");
       })
       .catch((error) => {
-        console.log(error.message)
-      })
+        console.log(error.message);
+      });
   },
   watch: {
-    file () {
-      console.log(this.file.size)
+    file() {
+      console.log(this.file.size);
       if (this.file.size >= 20000000) {
         this.$buefy.dialog.alert({
-          title: 'Error',
-          message: 'El tamaño del archivo exede los 20MB',
-          type: 'is-danger',
+          title: "Error",
+          message: "El tamaño del archivo exede los 20MB",
+          type: "is-danger",
           hasIcon: true,
-          icon: 'alert-circle',
-          iconPack: 'mdi',
-          ariaRole: 'alertdialog',
-          ariaModal: true
-        })
-        this.file = []
+          icon: "alert-circle",
+          iconPack: "mdi",
+          ariaRole: "alertdialog",
+          ariaModal: true,
+        });
+        this.file = [];
       }
-    }
-  }
-}
+    },
+  },
+};
 </script>
 
 <style scoped>
diff --git a/components/layouts/Footer.vue b/components/layouts/Footer.vue
index e0ed698..dc6bf8f 100644
--- a/components/layouts/Footer.vue
+++ b/components/layouts/Footer.vue
@@ -1,6 +1,6 @@
 <template>
   <footer class="py-4">
-    <div class="container is-flex is-justify-content-center is-size-7">
+    <div class="container is-flex is-justify-content-center is-size-7 py-4">
       <div class="has-text-white has-text-centered">
         <p class="mb-1">
           Hecho en México, todos los derechos reservados 2020.
diff --git a/components/layouts/Header.vue b/components/layouts/Header.vue
index 52c70ca..d97ffda 100644
--- a/components/layouts/Header.vue
+++ b/components/layouts/Header.vue
@@ -1,15 +1,25 @@
 <template>
   <header>
     <div class="container">
-      <div class="columns is-mobile is-vcentered is-gapless is-justify-content-space-between">
-        <a href="https://www.unam.mx/" target="_blank" class="column is-one-fifth-desktop is-one-third-tablet is-5-mobile my-3 ml-2">
+      <div
+        class="columns is-mobile is-vcentered is-gapless is-justify-content-space-between"
+      >
+        <a
+          href="https://www.unam.mx/"
+          target="_blank"
+          class="column is-one-fifth-desktop is-one-third-tablet is-5-mobile my-3 ml-2"
+        >
           <b-image
             :src="require('@/assets/logo_unam.png')"
             alt="logo_unam"
           ></b-image>
         </a>
 
-        <a href="https://www.acatlan.unam.mx/" target="_blank" class="column is-one-fifth-desktop is-one-third-tablet is-5-mobile my-3 mr-2">
+        <a
+          href="https://www.acatlan.unam.mx/"
+          target="_blank"
+          class="column is-one-fifth-desktop is-one-third-tablet is-5-mobile my-3 mr-2"
+        >
           <b-image
             :src="require('@/assets/logo_acatlan.png')"
             alt="logo_unam"
@@ -21,12 +31,11 @@
 </template>
 
 <script>
-export default { }
+export default {};
 </script>
 
 <style scoped>
 header {
   background-color: #1b3d70;
 }
-
 </style>
diff --git a/components/responsable/botonesCarga.vue b/components/responsable/botonesCarga.vue
index 919d3c9..8a5321f 100644
--- a/components/responsable/botonesCarga.vue
+++ b/components/responsable/botonesCarga.vue
@@ -1,22 +1,18 @@
-<template >
+<template>
   <div>
-      <div class="buttons section pt-0 pl-0">
-        <b-button type="is-info mr-5">
-            Ver vitacoras
-        </b-button>
-        <b-button type="is-info">
-            Ver programas
-        </b-button>
-      </div>
+    <div class="buttons section pt-0 pl-0">
+      <b-button type="is-info mr-5">
+        Ver vitacoras
+      </b-button>
+      <b-button type="is-info">
+        Ver programas
+      </b-button>
+    </div>
   </div>
 </template>
 
 <script>
-export default {
-
-}
+export default {};
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/components/responsable/cartaAceptacion.vue b/components/responsable/cartaAceptacion.vue
index 77cadc3..d1b5cc5 100644
--- a/components/responsable/cartaAceptacion.vue
+++ b/components/responsable/cartaAceptacion.vue
@@ -1,66 +1,79 @@
 <template>
-<div class="container">
-    <h3 class="title is-4 mt-6">Carta de aceptación (en formato .PDF. No se aceptan fotos).</h3>
+  <div class="container">
+    <h3 class="title is-4 mt-6">
+      Carta de aceptación (en formato .PDF. No se aceptan fotos).
+    </h3>
 
     <b-field>
-      <b-upload v-model="file" drag-drop type="is-black" expanded accept="application/pdf">
-          <section class="section">
+      <b-upload
+        v-model="file"
+        drag-drop
+        type="is-black"
+        expanded
+        accept="application/pdf"
+      >
+        <section class="section">
           <div class="content has-text-centered">
-              <p>
+            <p>
               <b-icon icon="upload" size="is-large"></b-icon>
-              </p>
-              <p>{{ file.name || "Arrastra aquí tu archivo o da click para buscar"}}</p>
-              <p>Tamaño máximo para el archivo: 20MB</p>
+            </p>
+            <p>
+              {{
+                file.name || "Arrastra aquí tu archivo o da click para buscar"
+              }}
+            </p>
+            <p>Tamaño máximo para el archivo: 20MB</p>
           </div>
-          </section>
+        </section>
       </b-upload>
     </b-field>
 
     <b-field class="centro">
       <b-button
-        :disabled='file == ""'
+        :disabled="file == ''"
         class="border-info my-5"
         type="is-info"
         tag="router-link"
-        to="/responsable">Enviar</b-button>
+        to="/responsable"
+        >Enviar</b-button
+      >
     </b-field>
-</div>
+  </div>
 </template>
 
 <script>
 export default {
-  data () {
+  data() {
     return {
-      file: ''
-    }
+      file: "",
+    };
   },
   methods: {
-    validarTamaño () {
-      const TamMax = 20000000
-      const archivo = this.file
+    validarTamaño() {
+      const TamMax = 20000000;
+      const archivo = this.file;
       if (archivo.size > TamMax) {
-        this.toast()
-        this.file = ''
+        this.toast();
+        this.file = "";
       }
     },
-    toast () {
+    toast() {
       this.$buefy.toast.open({
-        message: 'El archivo excede el tamaño permitido',
-        type: 'is-danger'
-      })
-    }
+        message: "El archivo excede el tamaño permitido",
+        type: "is-danger",
+      });
+    },
   },
   watch: {
-    file: function (newFile, oldFile) {
-      this.validarTamaño()
-    }
-  }
-}
+    file: function(newFile, oldFile) {
+      this.validarTamaño();
+    },
+  },
+};
 </script>
 
 <style>
-.centro{
+.centro {
   text-align: center;
-
 }
 </style>
diff --git a/components/responsable/cartaTermino.vue b/components/responsable/cartaTermino.vue
index 2f78a4b..5717e88 100644
--- a/components/responsable/cartaTermino.vue
+++ b/components/responsable/cartaTermino.vue
@@ -1,69 +1,80 @@
 <template>
-<div class="container">
-    <h3 class="title is-4 mt-6">Carta de termino (en formato .PDF. No se aceptan fotos).</h3>
+  <div class="container">
+    <h3 class="title is-4 mt-6">
+      Carta de termino (en formato .PDF. No se aceptan fotos).
+    </h3>
 
     <b-field>
-        <b-upload v-model="file" drag-drop type="is-black" expanded accept="application/pdf">
-            <section class="section">
-              <div class="content has-text-centered">
-                <p>
-                <b-icon icon="upload" size="is-large"></b-icon>
-                </p>
-                <p>{{ file.name || "Arrastra aquí tu archivo o da click para buscar"}}</p>
-                <p>Tamaño máximo para el archivo: 20MB</p>
-              </div>
-            </section>
-        </b-upload>
+      <b-upload
+        v-model="file"
+        drag-drop
+        type="is-black"
+        expanded
+        accept="application/pdf"
+      >
+        <section class="section">
+          <div class="content has-text-centered">
+            <p>
+              <b-icon icon="upload" size="is-large"></b-icon>
+            </p>
+            <p>
+              {{
+                file.name || "Arrastra aquí tu archivo o da click para buscar"
+              }}
+            </p>
+            <p>Tamaño máximo para el archivo: 20MB</p>
+          </div>
+        </section>
+      </b-upload>
     </b-field>
 
     <b-field class="centro">
       <b-button
-        :disabled='file == ""'
+        :disabled="file == ''"
         class="border-info my-5 is-medium"
         type="is-info"
         tag="router-link"
-        to="/responsable">
-          Enviar
+        to="/responsable"
+      >
+        Enviar
       </b-button>
-
     </b-field>
-</div>
+  </div>
 </template>
 
 <script>
 export default {
-  data () {
+  data() {
     return {
-      file: ''
-    }
+      file: "",
+    };
   },
   methods: {
-    validarTamaño () {
-      const TamMax = 20000000
-      const archivo = this.file
+    validarTamaño() {
+      const TamMax = 20000000;
+      const archivo = this.file;
       if (archivo.size > TamMax) {
-        this.toast()
-        this.file = ''
+        this.toast();
+        this.file = "";
       }
     },
-    toast () {
+    toast() {
       this.$buefy.toast.open({
-        message: 'El archivo excede el tamaño permitido',
-        type: 'is-danger'
-      })
-    }
+        message: "El archivo excede el tamaño permitido",
+        type: "is-danger",
+      });
+    },
   },
   watch: {
-    file: function (newFile, oldFile) {
-      this.validarTamaño()
-    }
-  }
-}
+    file: function(newFile, oldFile) {
+      this.validarTamaño();
+    },
+  },
+};
 </script>
 
 <style>
-.centro{
+.centro {
   text-align: center;
-
 }
 </style>
diff --git a/components/responsable/cuestionario.vue b/components/responsable/cuestionario.vue
index 33e428d..5f5d2e8 100644
--- a/components/responsable/cuestionario.vue
+++ b/components/responsable/cuestionario.vue
@@ -1,147 +1,210 @@
 <template>
-    <div class="container">
-        <div class="section">
-            <h1 class="title is-3">Estimad(a) responsable de programa de servicio social: </h1>
-            <p>Te solicitamos llenar cuidadosamente los campos solicitados a continuación para poder validar el término del servicio social de nuestro alumno(a)</p>
-        </div>
-
-        <section class="section pt-0">
-            <h3 class="subtitle is-5">Mencione 5 actividades desempeñadas por el alumno: </h3>
-            <b-input class="my-4" placeholder="1.-" v-model="actividades.actividad1" maxlength="800"></b-input>
-            <b-input class="my-4" placeholder="2.-" v-model="actividades.actividad2" maxlength="800"></b-input>
-            <b-input class="my-4" placeholder="3.-" v-model="actividades.actividad3" maxlength="800"></b-input>
-            <b-input class="my-4" placeholder="4.-" v-model="actividades.actividad4" maxlength="800"></b-input>
-            <b-input class="mt-3" placeholder="5.-" v-model="actividades.actividad5" maxlength="800"></b-input>
-        </section>
-
-        <section class="section pt-0">
-            <p>Con el objetivo de retroalimentar académica de nuestros alumnos de la licenciatura le solicitamos que responda a las siguientes <br>
-            preguntas de acuerdo a la siguiente escala: </p>
-
-            <div class="level mt-5">
-                <p class="level-item has-text-centered">4)Exelente</p> <p class="level-item has-text-around">3)Bueno</p> <p class="level-item has-text-around">2)Regular</p> <p class="level-item has-text-around">1)Deficiente</p>
-            </div>
-        </section>
-
-        <section class="section pt-0">
-            <div class="columns">
-                <p class="column is- 9">1. Conocimiento teóricos para las funciones encomendadas</p>
-                <b-field class="column is-2">
-                    <b-select placeholder="Seleccionar" v-model="calificaciones.calificacion1">
-                        <option value=1>1</option>
-                        <option value=2>2</option>
-                        <option value=3>3</option>
-                        <option value=4>4</option>
-                    </b-select>
-                </b-field>
-            </div>
-            <br>
-
-            <div class="columns">
-                <p class="column is- 9">2. Conocimientos técnicos para las funciones encomendadas</p>
-                <b-field class="column is-2">
-                    <b-select placeholder="Seleccionar" calificaciones.calificacion2>
-                        <option value=1>1</option>
-                        <option value=2>2</option>
-                        <option value=3>3</option>
-                        <option value=4>4</option>
-                    </b-select>
-                </b-field>
-            </div>
-            <br>
-
-            <div class="columns">
-                <p class="column is- 9">3. Iniciativa para la implementación de mejoras en la empresa</p>
-                <b-field class="column is-2">
-                    <b-select placeholder="Seleccionar" calificaciones.calificacion3>
-                        <option value=1>1</option>
-                        <option value=2>2</option>
-                        <option value=3>3</option>
-                        <option value=4>4</option>
-                    </b-select>
-                </b-field>
-            </div>
-            <br>
-
-            <div class="columns">
-                <p class="column is- 9">4. Puntualidad en la entrega de los trabajos de las tareas encomendadas</p>
-                <b-field class="column is-2">
-                    <b-select placeholder="Seleccionar" calificaciones.calificacion4>
-                        <option value=1>1</option>
-                        <option value=2>2</option>
-                        <option value=3>3</option>
-                        <option value=4>4</option>
-                    </b-select>
-                </b-field>
-            </div>
-            <br>
-
-            <div class="columns">
-                <p class="column is- 9">5. Desempeño general de sus funciones</p>
-                <b-field class="column is-2">
-                    <b-select placeholder="Seleccionar" calificaciones.calificacion5>
-                        <option value=1>1</option>
-                        <option value=2>2</option>
-                        <option value=3>3</option>
-                        <option value=4>4</option>
-                    </b-select>
-                </b-field>
-            </div>
-
-            <p class="my-5">6. De acuerdo a lo observado ¿cuáles considera que son las cualidades de nuestros alumnos de esta licenciatura?</p>
-            <b-input placeholder="Respuesta" maxlength="800" calificaciones.calificacion6></b-input>
-            <p class="my-5">7. De acuerdo a lo observado ¿cuáles considera que son los aspectos a mejorar en la formación de nuestros alumnos de esta licenciatura?</p>
-            <b-input placeholder="Respuesta" maxlength="800" calificaciones.calificacion7></b-input>
-
-            <b-button
-            class="border-info my-5"
-            type="is-info"
-            tag="router-link"
-            to="/responsable"
-            >Regresar</b-button>
-
-            <b-button
-            class="border-info my-5"
-            type="is-info"
-            tag="router-link"
-            to="/responsable"
-            >Enviar</b-button>
-        </section>
-
+  <div class="container">
+    <div class="section">
+      <h1 class="title is-3">
+        Estimad(a) responsable de programa de servicio social:
+      </h1>
+      <p>
+        Te solicitamos llenar cuidadosamente los campos solicitados a
+        continuación para poder validar el término del servicio social de
+        nuestro alumno(a)
+      </p>
     </div>
+
+    <section class="section pt-0">
+      <h3 class="subtitle is-5">
+        Mencione 5 actividades desempeñadas por el alumno:
+      </h3>
+      <b-input
+        class="my-4"
+        placeholder="1.-"
+        v-model="actividades.actividad1"
+        maxlength="800"
+      ></b-input>
+      <b-input
+        class="my-4"
+        placeholder="2.-"
+        v-model="actividades.actividad2"
+        maxlength="800"
+      ></b-input>
+      <b-input
+        class="my-4"
+        placeholder="3.-"
+        v-model="actividades.actividad3"
+        maxlength="800"
+      ></b-input>
+      <b-input
+        class="my-4"
+        placeholder="4.-"
+        v-model="actividades.actividad4"
+        maxlength="800"
+      ></b-input>
+      <b-input
+        class="mt-3"
+        placeholder="5.-"
+        v-model="actividades.actividad5"
+        maxlength="800"
+      ></b-input>
+    </section>
+
+    <section class="section pt-0">
+      <p>
+        Con el objetivo de retroalimentar académica de nuestros alumnos de la
+        licenciatura le solicitamos que responda a las siguientes <br />
+        preguntas de acuerdo a la siguiente escala:
+      </p>
+
+      <div class="level mt-5">
+        <p class="level-item has-text-centered">4)Exelente</p>
+        <p class="level-item has-text-around">3)Bueno</p>
+        <p class="level-item has-text-around">2)Regular</p>
+        <p class="level-item has-text-around">1)Deficiente</p>
+      </div>
+    </section>
+
+    <section class="section pt-0">
+      <div class="columns">
+        <p class="column is- 9">
+          1. Conocimiento teóricos para las funciones encomendadas
+        </p>
+        <b-field class="column is-2">
+          <b-select
+            placeholder="Seleccionar"
+            v-model="calificaciones.calificacion1"
+          >
+            <option value="1">1</option>
+            <option value="2">2</option>
+            <option value="3">3</option>
+            <option value="4">4</option>
+          </b-select>
+        </b-field>
+      </div>
+      <br />
+
+      <div class="columns">
+        <p class="column is- 9">
+          2. Conocimientos técnicos para las funciones encomendadas
+        </p>
+        <b-field class="column is-2">
+          <b-select placeholder="Seleccionar" calificaciones.calificacion2>
+            <option value="1">1</option>
+            <option value="2">2</option>
+            <option value="3">3</option>
+            <option value="4">4</option>
+          </b-select>
+        </b-field>
+      </div>
+      <br />
+
+      <div class="columns">
+        <p class="column is- 9">
+          3. Iniciativa para la implementación de mejoras en la empresa
+        </p>
+        <b-field class="column is-2">
+          <b-select placeholder="Seleccionar" calificaciones.calificacion3>
+            <option value="1">1</option>
+            <option value="2">2</option>
+            <option value="3">3</option>
+            <option value="4">4</option>
+          </b-select>
+        </b-field>
+      </div>
+      <br />
+
+      <div class="columns">
+        <p class="column is- 9">
+          4. Puntualidad en la entrega de los trabajos de las tareas
+          encomendadas
+        </p>
+        <b-field class="column is-2">
+          <b-select placeholder="Seleccionar" calificaciones.calificacion4>
+            <option value="1">1</option>
+            <option value="2">2</option>
+            <option value="3">3</option>
+            <option value="4">4</option>
+          </b-select>
+        </b-field>
+      </div>
+      <br />
+
+      <div class="columns">
+        <p class="column is- 9">5. Desempeño general de sus funciones</p>
+        <b-field class="column is-2">
+          <b-select placeholder="Seleccionar" calificaciones.calificacion5>
+            <option value="1">1</option>
+            <option value="2">2</option>
+            <option value="3">3</option>
+            <option value="4">4</option>
+          </b-select>
+        </b-field>
+      </div>
+
+      <p class="my-5">
+        6. De acuerdo a lo observado ¿cuáles considera que son las cualidades de
+        nuestros alumnos de esta licenciatura?
+      </p>
+      <b-input
+        placeholder="Respuesta"
+        maxlength="800"
+        calificaciones.calificacion6
+      ></b-input>
+      <p class="my-5">
+        7. De acuerdo a lo observado ¿cuáles considera que son los aspectos a
+        mejorar en la formación de nuestros alumnos de esta licenciatura?
+      </p>
+      <b-input
+        placeholder="Respuesta"
+        maxlength="800"
+        calificaciones.calificacion7
+      ></b-input>
+
+      <b-button
+        class="border-info my-5"
+        type="is-info"
+        tag="router-link"
+        to="/responsable"
+        >Regresar</b-button
+      >
+
+      <b-button
+        class="border-info my-5"
+        type="is-info"
+        tag="router-link"
+        to="/responsable"
+        >Enviar</b-button
+      >
+    </section>
+  </div>
 </template>
 
 <script>
 export default {
-  data () {
+  data() {
     return {
       actividades: {
-        actividad1: '',
-        actividad2: '',
-        actividad3: '',
-        actividad4: '',
-        actividad5: ''
+        actividad1: "",
+        actividad2: "",
+        actividad3: "",
+        actividad4: "",
+        actividad5: "",
       },
       calificaciones: {
-        calificacion1: '',
-        calificacion2: '',
-        calificacion3: '',
-        calificacion4: '',
-        calificacion5: '',
-        calificacion6: '',
-        calificacion7: ''
-
-      }
-    }
+        calificacion1: "",
+        calificacion2: "",
+        calificacion3: "",
+        calificacion4: "",
+        calificacion5: "",
+        calificacion6: "",
+        calificacion7: "",
+      },
+    };
   },
   methods: {
-    imprime () {
-      console.log(this.actividad1)
-    }
-  }
-}
+    imprime() {
+      console.log(this.actividad1);
+    },
+  },
+};
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/components/responsable/ejemplo.vue b/components/responsable/ejemplo.vue
deleted file mode 100644
index 014129f..0000000
--- a/components/responsable/ejemplo.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-  <section>
-    hola
-  </section>
-</template>
-
-<script>
-export default {}
-</script>
diff --git a/components/responsable/inputTable.vue b/components/responsable/inputTable.vue
index 5d10c85..86a2518 100644
--- a/components/responsable/inputTable.vue
+++ b/components/responsable/inputTable.vue
@@ -1,64 +1,61 @@
 <template>
   <div class="container">
     <div class="columns">
+      <div class="column is-3 mb-0">
+        <b-field>
+          <b-input
+            placeholder="No.Cuenta"
+            icon="school"
+            rounded
+            v-model="numeroCuenta"
+            maxlength="9"
+          ></b-input>
+        </b-field>
+      </div>
 
-        <div class="column is-3 mb-0">
-          <b-field >
-            <b-input
-                placeholder="No.Cuenta"
-                icon="school"
-                rounded
-                v-model="numeroCuenta"
-                maxlength="9"
-                ></b-input>
-          </b-field>
-        </div>
-
-        <div class="column is-3 mb-4 pb-4">
-          <b-field>
-            <b-input
+      <div class="column is-3 mb-4 pb-4">
+        <b-field>
+          <b-input
             type="name"
             placeholder="Nombre"
             icon="account"
             rounded
             v-model="nombre"
-            ></b-input>
-          </b-field>
-        </div>
-
-        <div class="column is-3 mb-4 pb-4 " >
-          <b-field>
-            <b-select icon="information" expanded rounded v-model="idStatus">
-              <optgroup>
-                <option value=''>Status</option>
-                <option value=1>Pre-registro</option>
-                <option value=2>Registro</option>
-                <option value=3>Registro Validado</option>
-                <option value=4>Pre-Término</option>
-                <option value=5>Término</option>
-                <option value=6>Liberación</option>
-                <option value=7>Carta Aceptacion Rechazada</option>
-                <option value=8>Carta Termino Rechazada</option>
-                <option value=9>Informe Global Rechazado</option>
-              </optgroup>
-            </b-select>
-          </b-field>
-        </div>
-
-        <div class="buttons section pt-3 pl-5">
-        <b-button type="is-info" @click="obtenerDatos(idStatus)">
-            Buscar
-        </b-button>
+          ></b-input>
+        </b-field>
       </div>
 
+      <div class="column is-3 mb-4 pb-4 ">
+        <b-field>
+          <b-select icon="information" expanded rounded v-model="idStatus">
+            <optgroup>
+              <option value="">Status</option>
+              <option value="1">Pre-registro</option>
+              <option value="2">Registro</option>
+              <option value="3">Registro Validado</option>
+              <option value="4">Pre-Término</option>
+              <option value="5">Término</option>
+              <option value="6">Liberación</option>
+              <option value="7">Carta Aceptacion Rechazada</option>
+              <option value="8">Carta Termino Rechazada</option>
+              <option value="9">Informe Global Rechazado</option>
+            </optgroup>
+          </b-select>
+        </b-field>
+      </div>
+
+      <div class="buttons section pt-3 pl-5">
+        <b-button type="is-info" @click="obtenerDatos(idStatus)">
+          Buscar
+        </b-button>
+      </div>
     </div>
 
     <div class="columns">
       <section class="column is-12">
-          <b-table
+        <b-table
           :data="data"
           :loading="loading"
-
           hoverable
           striped
           paginated
@@ -66,166 +63,246 @@
           :total="total"
           :per-page="perPage"
           @page-change="onPageChange"
+        >
+          <b-table-column field="nombre" label="Nombre" v-slot="props" centered>
+            <span
+              class="cursorR"
+              v-if="props.row.idStatus == 7"
+              @click="cartaAceptacion(props.row.idServicio)"
+              >{{ props.row.nombre }}</span
+            >
+            <span v-else>{{ props.row.nombre }}</span>
+          </b-table-column>
+          <b-table-column
+            field="numeroCuenta"
+            label="Número de Cuenta"
+            v-slot="props"
+            centered
+            width="100"
           >
-              <b-table-column field="nombre" label="Nombre" v-slot="props" centered>
-                  <span class="cursorR" v-if="props.row.idStatus == 7" @click="cartaAceptacion(props.row.idServicio)">{{ props.row.nombre}}</span>
-                  <span v-else>{{ props.row.nombre}}</span>
-              </b-table-column>
-              <b-table-column field="numeroCuenta" label="Número de Cuenta" v-slot="props" centered width="100">
-                  <span class="cursorR" v-if="props.row.idStatus == 7" @click="cartaAceptacion(props.row.idServicio)">{{ props.row.numeroCuenta}}</span>
-                  <span v-else>{{ props.row.numeroCuenta}}</span>
-              </b-table-column>
-              <b-table-column field="carrera" label="Carrera" v-slot="props" centered>
-                  <span class="cursorR" v-if="props.row.idStatus == 7" @click="cartaAceptacion(props.row.idServicio)">{{ props.row.carrera}}</span>
-                  <span v-else>{{ props.row.carrera}}</span>
-              </b-table-column>
-              <b-table-column field="fechaInicio" truncate=10 label="Fecha Inicio" v-slot="props" centered>
-                  <span class="cursorR" v-if="props.row.idStatus == 7" @click="cartaAceptacion(props.row.idServicio)">{{props.row.fechaInicio}}</span>
-                  <span v-else>{{ fecha(props.row.fechaInicio) }}</span>
-              </b-table-column>
-              <b-table-column field="fechaFin" label="Fecha Fin" v-slot="props" centered>
-                  <span class="cursorR" v-if="props.row.idStatus == 7" @click="cartaAceptacion(props.row.idServicio)">{{props.row.fechaFin}}</span>
-                  <span v-else>{{ fecha(props.row.fechaFin) }}</span>
-              </b-table-column>
-              <b-table-column field="status" label="Status" v-slot="props" centered>
-                 <span class="cursorR" v-if="props.row.idStatus == 7" @click="cartaAceptacion(props.row.idServicio)">{{ props.row.status }}</span>
-                 <span v-else class="tag" :class="types(props.row.idStatus)">{{ props.row.status}}</span>
-              </b-table-column>
+            <span
+              class="cursorR"
+              v-if="props.row.idStatus == 7"
+              @click="cartaAceptacion(props.row.idServicio)"
+              >{{ props.row.numeroCuenta }}</span
+            >
+            <span v-else>{{ props.row.numeroCuenta }}</span>
+          </b-table-column>
+          <b-table-column
+            field="carrera"
+            label="Carrera"
+            v-slot="props"
+            centered
+          >
+            <span
+              class="cursorR"
+              v-if="props.row.idStatus == 7"
+              @click="cartaAceptacion(props.row.idServicio)"
+              >{{ props.row.carrera }}</span
+            >
+            <span v-else>{{ props.row.carrera }}</span>
+          </b-table-column>
+          <b-table-column
+            field="fechaInicio"
+            truncate="10"
+            label="Fecha Inicio"
+            v-slot="props"
+            centered
+          >
+            <span
+              class="cursorR"
+              v-if="props.row.idStatus == 7"
+              @click="cartaAceptacion(props.row.idServicio)"
+              >{{ props.row.fechaInicio }}</span
+            >
+            <span v-else>{{ fecha(props.row.fechaInicio) }}</span>
+          </b-table-column>
+          <b-table-column
+            field="fechaFin"
+            label="Fecha Fin"
+            v-slot="props"
+            centered
+          >
+            <span
+              class="cursorR"
+              v-if="props.row.idStatus == 7"
+              @click="cartaAceptacion(props.row.idServicio)"
+              >{{ props.row.fechaFin }}</span
+            >
+            <span v-else>{{ fecha(props.row.fechaFin) }}</span>
+          </b-table-column>
+          <b-table-column field="status" label="Status" v-slot="props" centered>
+            <span
+              class="cursorR"
+              v-if="props.row.idStatus == 7"
+              @click="cartaAceptacion(props.row.idServicio)"
+              >{{ props.row.status }}</span
+            >
+            <span v-else class="tag" :class="types(props.row.idStatus)">{{
+              props.row.status
+            }}</span>
+          </b-table-column>
 
-              <b-table-column field="cartaTermino" label="Carta Término" v-slot="props" centered v-if="idUsuario == 2">
-                  <div v-if="props.row.idStatus >= 4 && props.row.idStatus <= 7 || props.row.idStatus == 9">
-                    <span
-                    v-if="props.row.cartaTermino === 1"
-                    >
-                        <b-icon :icon="iconoCarta(props.row.cartaTermino)"
-                        class="tag is-success"></b-icon>
-                    </span>
+          <b-table-column
+            field="cartaTermino"
+            label="Carta Término"
+            v-slot="props"
+            centered
+            v-if="idUsuario == 2"
+          >
+            <div
+              v-if="
+                (props.row.idStatus >= 4 && props.row.idStatus <= 7) ||
+                  props.row.idStatus == 9
+              "
+            >
+              <span v-if="props.row.cartaTermino === 1">
+                <b-icon
+                  :icon="iconoCarta(props.row.cartaTermino)"
+                  class="tag is-success"
+                ></b-icon>
+              </span>
 
-                    <b-button
-                    v-if="props.row.cartaTermino === null"
-                    size="is-small"
-                    @click="botonCarta(props.row.cartaTermino)"
-                    class="tag is-danger"
-                    :icon="iconoCarta(props.row.cartaTermino)"
-                    >
-                        Carta Término
-                    </b-button>
-                  </div>
-              </b-table-column>
+              <b-button
+                v-if="props.row.cartaTermino === null"
+                size="is-small"
+                @click="botonCarta(props.row.cartaTermino)"
+                class="tag is-danger"
+                :icon="iconoCarta(props.row.cartaTermino)"
+              >
+                Carta Término
+              </b-button>
+            </div>
+          </b-table-column>
 
-              <b-table-column field="cuestionario" label="Cuestionario" v-slot="props" centered v-if="idUsuario == 2">
-                  <div v-if="props.row.idStatus >= 4 && props.row.idStatus <= 7 || props.row.idStatus == 9">
-                    <span
-                    v-if="props.row.cuestionario === 1"
-                    >
-                        <b-icon :icon="iconoCuestionario(props.row.cuestionario)"
-                        class="tag is-success"></b-icon>
-                    </span>
+          <b-table-column
+            field="cuestionario"
+            label="Cuestionario"
+            v-slot="props"
+            centered
+            v-if="idUsuario == 2"
+          >
+            <div
+              v-if="
+                (props.row.idStatus >= 4 && props.row.idStatus <= 7) ||
+                  props.row.idStatus == 9
+              "
+            >
+              <span v-if="props.row.cuestionario === 1">
+                <b-icon
+                  :icon="iconoCuestionario(props.row.cuestionario)"
+                  class="tag is-success"
+                ></b-icon>
+              </span>
 
-                    <b-button
-                    v-if="props.row.cuestionario === null"
-                    size="is-small"
-                    @click="botonCuestionario(props.row.cuestionario)"
-                    class="tag is-danger"
-                    :icon="iconoCuestionario(props.row.cuestionario)">
-                        Cuestionario
-                    </b-button>
-                  </div>
-              </b-table-column>
-
-          </b-table>
+              <b-button
+                v-if="props.row.cuestionario === null"
+                size="is-small"
+                @click="botonCuestionario(props.row.cuestionario)"
+                class="tag is-danger"
+                :icon="iconoCuestionario(props.row.cuestionario)"
+              >
+                Cuestionario
+              </b-button>
+            </div>
+          </b-table-column>
+        </b-table>
       </section>
     </div>
   </div>
 </template>
 
 <script>
-import axios from 'axios'
-import moment from 'moment'
+import axios from "axios";
+import moment from "moment";
 
 export default {
-  data () {
+  data() {
     return {
-      idUsuario: '',
+      idUsuario: "",
       data: [],
-      total: '',
+      total: "",
       loading: true,
       page: 1,
       perPage: 25,
-      numeroCuenta: '',
-      nombre: '',
-      idStatus: ''
-    }
+      numeroCuenta: "",
+      nombre: "",
+      idStatus: "",
+    };
   },
   methods: {
-    onPageChange (page) {
-      this.page = page
-      this.obtenerDatos()
-      console.log(this.page)
+    onPageChange(page) {
+      this.page = page;
+      this.obtenerDatos();
+      console.log(this.page);
     },
-    types (idStatus) {
+    types(idStatus) {
       if (idStatus === 1) {
-        return 'is-dark'
+        return "is-dark";
       } else if (idStatus === 2) {
-        return 'is-info'
+        return "is-info";
       } else if (idStatus === 3) {
-        return 'is-link'
+        return "is-link";
       } else if (idStatus === 4) {
-        return 'is-warning'
+        return "is-warning";
       } else if (idStatus === 5) {
-        return 'is-success'
+        return "is-success";
       } else if (idStatus === 6) {
-        return 'is-link'
+        return "is-link";
       } else if (idStatus === 7) {
-        return 'is-danger'
+        return "is-danger";
       } else if (idStatus === 8) {
-        return 'is-danger'
+        return "is-danger";
       } else if (idStatus === 9) {
-        return 'is-danger'
-      } else if (idStatus === 10) { // admin
-        return 'is-danger'
+        return "is-danger";
+      } else if (idStatus === 10) {
+        // admin
+        return "is-danger";
       }
     },
-    botonCarta (cartaTermino) {
-      this.$router.push('/responsable/carta_termino')
+    botonCarta(cartaTermino) {
+      this.$router.push("/responsable/carta_termino");
       if (cartaTermino === 1) {
-        return 'is-success'
+        return "is-success";
       } else {
-        return 'is-danger'
+        return "is-danger";
       }
     },
-    botonCuestionario (cuestionario) {
-      this.$router.push('/responsable/cuestionario')
+    botonCuestionario(cuestionario) {
+      this.$router.push("/responsable/cuestionario");
       if (cuestionario === 1) {
-        return 'is-success'
+        return "is-success";
       } else {
-        return 'is-danger'
+        return "is-danger";
       }
     },
-    iconoCarta (cartaTermino) {
+    iconoCarta(cartaTermino) {
       if (cartaTermino === 1) {
-        return 'check'
+        return "check";
       } else {
-        return 'close'
+        return "close";
       }
     },
-    iconoCuestionario (cuestionario) {
+    iconoCuestionario(cuestionario) {
       if (cuestionario === 1) {
-        return 'check'
+        return "check";
       } else {
-        return 'close'
+        return "close";
       }
     },
-    fecha (date) {
-      const fecha = moment(date.substr(0, 10))
-      return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`
+    fecha(date) {
+      const fecha = moment(date.substr(0, 10));
+      return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`;
     },
-    obtenerDatos (idStatus) {
-      this.loading = true
-      this.data = []
-      axios.get(`${process.env.api}/servicio/servicios_responsable?idUsuario=${this.idUsuario}&pagina=${this.page}&idStatus=${idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
-        .then(res => {
-          const servicios = res.data.servicios
+    obtenerDatos(idStatus) {
+      this.loading = true;
+      this.data = [];
+      axios
+        .get(
+          `${process.env.api}/servicio/servicios_responsable?idUsuario=${this.idUsuario}&pagina=${this.page}&idStatus=${idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`
+        )
+        .then((res) => {
+          const servicios = res.data.servicios;
 
           if (servicios.length !== 0) {
             for (let i = 0; i < servicios.length; i++) {
@@ -238,57 +315,57 @@ export default {
                 status: servicios[i].Status.status,
                 idStatus: servicios[i].Status.idStatus,
                 cuestionario: servicios[i].idCuestionarioPrograma,
-                cartaTermino: servicios[i].cartaTermino
-              })
+                cartaTermino: servicios[i].cartaTermino,
+              });
             }
           }
-          let currentTotal = servicios.length
-          let contador
+          let currentTotal = servicios.length;
+          let contador;
 
-          for (let i = 0; i < (res.data.registros / 25) + 1; i++) {
-            contador = i
+          for (let i = 0; i < res.data.registros / 25 + 1; i++) {
+            contador = i;
           }
-          currentTotal = this.perPage * contador
-          this.total = currentTotal
-          this.loading = false
+          currentTotal = this.perPage * contador;
+          this.total = currentTotal;
+          this.loading = false;
         })
         .catch((err) => {
-          console.log(err.response.data.message)
-          this.loading = false
-        })
+          console.log(err.response.data.message);
+          this.loading = false;
+        });
     },
-    cartaAceptacion (idServicio) {
-      window.localStorage.setItem('idServicio', idServicio)
-      this.$router.push('/responsable/carta_aceptacion')
+    cartaAceptacion(idServicio) {
+      window.localStorage.setItem("idServicio", idServicio);
+      this.$router.push("/responsable/carta_aceptacion");
+    },
+    insertIdLocal() {
+      this.idUsuario = localStorage.getItem("idUsuario");
     },
-    insertIdLocal () {
-      this.idUsuario = localStorage.getItem('idUsuario')
-    }
   },
-  created () {
-    this.insertIdLocal()
-    this.obtenerDatos(0)
-  }
-}
+  created() {
+    this.insertIdLocal();
+    this.obtenerDatos(0);
+  },
+};
 </script>
 
 <style>
-.input:focus{
-  border:#1b3d70;
+.input:focus {
+  border: #1b3d70;
   box-shadow: 0 0 8px 0 #1b3d70;
 }
-.select select:focus{
+.select select:focus {
   border-color: #1b3d70;
   box-shadow: 0 0 8px 0 #1b3d70;
 }
-.select:not(.is-multiple):not(.is-loading)::after{
+.select:not(.is-multiple):not(.is-loading)::after {
   border-color: #1b3d70;
 }
 .pagination-link.is-current {
   background-color: #1b3d70;
   border-color: #1b3d70;
 }
-.cursorR{
+.cursorR {
   cursor: pointer;
 }
 </style>
diff --git a/layouts/README.md b/layouts/README.md
deleted file mode 100644
index cad1ad5..0000000
--- a/layouts/README.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# LAYOUTS
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-This directory contains your Application Layouts.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts).
diff --git a/layouts/default.vue b/layouts/default.vue
index 7fcb73d..f6441e4 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -8,11 +8,11 @@
 </template>
 
 <script>
-import Header from '../components/layouts/Header'
-import Footer from '../components/layouts/Footer'
-import Logout from '../components/layouts/Logout'
+import Header from "../components/layouts/Header";
+import Footer from "../components/layouts/Footer";
+import Logout from "../components/layouts/Logout";
 
 export default {
-  components: { Header, Footer, Logout }
-}
+  components: { Header, Footer, Logout },
+};
 </script>
diff --git a/layouts/login.vue b/layouts/login.vue
index 59ada2f..2f2127a 100644
--- a/layouts/login.vue
+++ b/layouts/login.vue
@@ -7,10 +7,10 @@
 </template>
 
 <script>
-import Header from '../components/layouts/Header'
-import Footer from '../components/layouts/Footer'
+import Header from "../components/layouts/Header";
+import Footer from "../components/layouts/Footer";
 
 export default {
-  components: { Header, Footer }
-}
+  components: { Header, Footer },
+};
 </script>
diff --git a/middleware/README.md b/middleware/README.md
deleted file mode 100644
index 01595de..0000000
--- a/middleware/README.md
+++ /dev/null
@@ -1,8 +0,0 @@
-# MIDDLEWARE
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-This directory contains your application middleware.
-Middleware let you define custom functions that can be run before rendering either a page or a group of pages.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing#middleware).
diff --git a/pages/README.md b/pages/README.md
deleted file mode 100644
index 1d5d48b..0000000
--- a/pages/README.md
+++ /dev/null
@@ -1,6 +0,0 @@
-# PAGES
-
-This directory contains your Application Views and Routes.
-The framework reads all the `*.vue` files inside this directory and creates the router of your application.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing).
diff --git a/pages/admin/index.vue b/pages/admin/index.vue
index 8417ae0..7127b31 100644
--- a/pages/admin/index.vue
+++ b/pages/admin/index.vue
@@ -2,30 +2,29 @@
   <div class="container">
     <div class="section">
       <div class="buttons section py-0 pl-0">
-
-        <b-button type="is-info"
-          tag="router-link"
-          to='/admin/programa'>
-            Ver programas
+        <b-button type="is-info" tag="router-link" to="/admin/programa">
+          Ver programas
         </b-button>
       </div>
 
       <div class="pb-0">
-        <p class="title is-three-fifths is-offset-one-fifth">Servicios Sociales</p>
+        <p class="title is-three-fifths is-offset-one-fifth">
+          Servicios Sociales
+        </p>
       </div>
       <section class="section">
-        <InputTableA/>
+        <InputTableA />
       </section>
     </div>
   </div>
 </template>
 
 <script>
-import InputTableA from '../../components/admin//servicio/inputTableA'
+import InputTableA from "../../components/admin//servicio/inputTableA";
 
 export default {
   components: {
-    InputTableA
-  }
-}
+    InputTableA,
+  },
+};
 </script>
diff --git a/pages/admin/programa/index.vue b/pages/admin/programa/index.vue
index 81cf115..4e43225 100644
--- a/pages/admin/programa/index.vue
+++ b/pages/admin/programa/index.vue
@@ -7,16 +7,16 @@
 </template>
 
 <script>
-import tablaResponsables from '../../../components/admin/servicio/programa/tablaResponsables'
+import tablaResponsables from "../../../components/admin/servicio/programa/tablaResponsables";
 export default {
   components: {
-    tablaResponsables
+    tablaResponsables,
   },
   methods: {
-    regresar () {
-      localStorage.removeItem('idRegistro')
-      this.$router.push('./')
-    }
-  }
-}
+    regresar() {
+      localStorage.removeItem("idRegistro");
+      this.$router.push("./");
+    },
+  },
+};
 </script>
diff --git a/pages/admin/programa/infoResponsable/edit/index.vue b/pages/admin/programa/infoResponsable/edit/index.vue
index 9630eb8..2d25a6b 100644
--- a/pages/admin/programa/infoResponsable/edit/index.vue
+++ b/pages/admin/programa/infoResponsable/edit/index.vue
@@ -2,35 +2,33 @@
   <div class="container">
     <p class="is-size-2">Editar información del responsable</p>
     <b-field label="Nombre">
-      <b-input
-        type="email"
-        v-model="nuevo.nombre"
-        :placeholder="viejo.nombre">
+      <b-input type="email" v-model="nuevo.nombre" :placeholder="viejo.nombre">
       </b-input>
     </b-field>
     <b-field label="Correo eletrónico">
-      <b-input
-        type="email"
-        v-model="nuevo.correo"
-        :placeholder="viejo.correo">
+      <b-input type="email" v-model="nuevo.correo" :placeholder="viejo.correo">
       </b-input>
     </b-field>
-    <b-loading :is-full-page="true" v-model="isLoading" :can-cancel="true"></b-loading>
+    <b-loading
+      :is-full-page="true"
+      v-model="isLoading"
+      :can-cancel="true"
+    ></b-loading>
   </div>
 </template>
 
 <script>
 export default {
-  data () {
+  data() {
     return {
       viejo: {
-        nombre: 'Marco',
-        correo: 'correo1@gmail.com'
+        nombre: "Marco",
+        correo: "correo1@gmail.com",
       },
       nuevo: {},
-      idServicio: localStorage.getItem('idServicio'),
-      isLoading: false
-    }
-  }
-}
+      idServicio: localStorage.getItem("idServicio"),
+      isLoading: false,
+    };
+  },
+};
 </script>
diff --git a/pages/admin/programa/infoResponsable/index.vue b/pages/admin/programa/infoResponsable/index.vue
index 08cfc7a..1ed368c 100644
--- a/pages/admin/programa/infoResponsable/index.vue
+++ b/pages/admin/programa/infoResponsable/index.vue
@@ -4,78 +4,98 @@
       Regresar
     </b-button>
     <p class="is-size-2 mb-4">Información del responsable</p>
-    <p class="is-size-4 mb-4">Nombre: {{responsable.nombre}}</p>
-    <p class="is-size-4 mb-4">Correo: {{responsable.correo}}</p>
-    <p class="is-size-4">Programa: </p>
-    <b-select
-      v-model="selected"
-      placeholder="Elija un programa">
-        <option
-          v-for="programa in programas"
-          v-bind:key="programa.id"
-          :value="programa">
-          {{ programa.programa }}
-        </option>
+    <p class="is-size-4 mb-4">Nombre: {{ responsable.nombre }}</p>
+    <p class="is-size-4 mb-4">Correo: {{ responsable.correo }}</p>
+    <p class="is-size-4">Programa:</p>
+    <b-select v-model="selected" placeholder="Elija un programa">
+      <option
+        v-for="programa in programas"
+        v-bind:key="programa.id"
+        :value="programa"
+      >
+        {{ programa.programa }}
+      </option>
     </b-select>
-    <p class="is-size-4 mb-4">Institución: {{selected.institucion}}</p>
-    <p class="is-size-4 mb-4">Dependencia:  {{selected.dependencia}}</p>
-    <p class="is-size-4 mb-4">Clave:  {{selected.clave}}</p>
+    <p class="is-size-4 mb-4">Institución: {{ selected.institucion }}</p>
+    <p class="is-size-4 mb-4">Dependencia: {{ selected.dependencia }}</p>
+    <p class="is-size-4 mb-4">Clave: {{ selected.clave }}</p>
     <b-button class="boton is-info my-5" @click="$router.push('./')">
       Regresar
     </b-button>
-    <b-button class="boton is-info my-5" @click="$router.push('./infoResponsable/editar')">
+    <b-button
+      class="boton is-info my-5"
+      @click="$router.push('./infoResponsable/editar')"
+    >
       Editar información
     </b-button>
   </div>
 </template>
 
 <script>
-import axios from 'axios'
+import axios from "axios";
 export default {
-  data () {
+  data() {
     return {
-      idResponsable: localStorage.getItem('idResponsable'),
+      idResponsable: localStorage.getItem("idResponsable"),
       responsable: {
-        nombre: 'Marco',
-        correo: 'marco@gmail.com'
+        nombre: "Marco",
+        correo: "marco@gmail.com",
       },
       programas: [
-        { id: 1, programa: 'programa 1', institucion: 'institucion falsa 1', dependencia: 'dependencia falsa 1', clave: 101 },
-        { id: 2, programa: 'programa 2', institucion: 'institucion falsa 2', dependencia: 'dependencia falsa 2', clave: 102 },
-        { id: 3, programa: 'programa 3', institucion: 'institucion falsa 3', dependencia: 'dependencia falsa 3', clave: 103 }
+        {
+          id: 1,
+          programa: "programa 1",
+          institucion: "institucion falsa 1",
+          dependencia: "dependencia falsa 1",
+          clave: 101,
+        },
+        {
+          id: 2,
+          programa: "programa 2",
+          institucion: "institucion falsa 2",
+          dependencia: "dependencia falsa 2",
+          clave: 102,
+        },
+        {
+          id: 3,
+          programa: "programa 3",
+          institucion: "institucion falsa 3",
+          dependencia: "dependencia falsa 3",
+          clave: 103,
+        },
       ],
-      selected: {}
-    }
+      selected: {},
+    };
   },
   methods: {
-    obtenerDatos () {
+    obtenerDatos() {
       return axios
         .get(
           // aun no hay back
-          `${process.env.api}/servicio/admin?idResponsable=${this.idResponsable}`//,
+          `${process.env.api}/servicio/admin?idResponsable=${this.idResponsable}` //,
           // this.token
         )
-        .then(res => {
-          this.responsable = res.data
-          this.programas = res.data.programas
-        })
-        .catch(err => {
-          this.error()
-          console.log(err.response)
+        .then((res) => {
+          this.responsable = res.data;
+          this.programas = res.data.programas;
         })
+        .catch((err) => {
+          this.error();
+          console.log(err.response);
+        });
     },
-    error () {
+    error() {
       this.$buefy.dialog.alert({
-        title: 'Error',
-        message: 'Ha ocurrido un <b>error</b>, inténtalo de nuevo más tarde',
-        type: 'is-danger',
+        title: "Error",
+        message: "Ha ocurrido un <b>error</b>, inténtalo de nuevo más tarde",
+        type: "is-danger",
         hasIcon: true,
-        icon: 'times-circle',
-        iconPack: 'fa',
-        ariaRole: 'alertdialog',
-        ariaModal: true
-      })
-    }
-  }
-}
+        icon: "times-circle",
+        iconPack: "fa",
+        ariaRole: "alertdialog",
+        ariaModal: true,
+      });
+    },
+  },
+};
 </script>
diff --git a/pages/admin/servicio/index.vue b/pages/admin/servicio/index.vue
index e815ece..604dc9e 100644
--- a/pages/admin/servicio/index.vue
+++ b/pages/admin/servicio/index.vue
@@ -5,11 +5,11 @@
 </template>
 
 <script>
-import vistaServicio from '../../../components/admin/servicio/vistaServicio.vue'
+import vistaServicio from "../../../components/admin/servicio/vistaServicio.vue";
 
 export default {
   components: {
-    vistaServicio
-  }
-}
+    vistaServicio,
+  },
+};
 </script>
diff --git a/pages/admin/servicio/modificar/index.vue b/pages/admin/servicio/modificar/index.vue
index 3ff7208..463dd52 100644
--- a/pages/admin/servicio/modificar/index.vue
+++ b/pages/admin/servicio/modificar/index.vue
@@ -5,10 +5,10 @@
 </template>
 
 <script>
-import Form from '../../../../components/admin/servicio/modificar/form'
+import Form from "../../../../components/admin/servicio/modificar/form";
 export default {
   components: {
-    Form
-  }
-}
+    Form,
+  },
+};
 </script>
diff --git a/pages/alumno/cuestionario/index.vue b/pages/alumno/cuestionario/index.vue
index c4a7228..c9fddcb 100644
--- a/pages/alumno/cuestionario/index.vue
+++ b/pages/alumno/cuestionario/index.vue
@@ -1,123 +1,136 @@
 <template>
   <section class="container my-5 px-3 ">
     <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>
+      <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>
 
     <div class="A apartado" v-if="current == 1">
-        <p class="is-size-3">DATOS GENERALES</p>
-        <div class="field is-flex is-flex-direction-column SINO" >
-          <p>Sexo</p>
-          <b-radio v-model="answers.sexo"
-              native-value="F"
-              type="is-info">
-              F
-          </b-radio>
-          <b-radio v-model="answers.sexo"
-              native-value="M"
-              type="is-info">
-              M
-          </b-radio>
-        </div>
-        <b-field label="Edad">
-            <b-input placeholder="Edad"
-              v-model="answers.edad"
-              type="number"
-              min="0"
-              max="100">
-            </b-input>
+      <p class="is-size-3">DATOS GENERALES</p>
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>Sexo</p>
+        <b-radio v-model="answers.sexo" native-value="F" type="is-info">
+          F
+        </b-radio>
+        <b-radio v-model="answers.sexo" native-value="M" type="is-info">
+          M
+        </b-radio>
+      </div>
+      <b-field label="Edad">
+        <b-input
+          placeholder="Edad"
+          v-model="answers.edad"
+          type="number"
+          min="0"
+          max="100"
+        >
+        </b-input>
+      </b-field>
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>¿Cuentas con algún servicio médico?</p>
+        <b-radio
+          v-model="answers.servicioMedico"
+          native-value="IMSS"
+          type="is-info"
+        >
+          IMSS
+        </b-radio>
+        <b-radio
+          v-model="answers.servicioMedico"
+          native-value="ISSSTE"
+          type="is-info"
+        >
+          ISSSTE
+        </b-radio>
+        <b-radio
+          v-model="answers.servicioMedico"
+          native-value="Ninguno"
+          type="is-info"
+        >
+          Ninguno
+        </b-radio>
+        <b-field>
+          <b-input
+            placeholder="Otro (especificar)"
+            v-model="answers.servicioMedico"
+          ></b-input>
         </b-field>
-        <div class="field is-flex is-flex-direction-column SINO" >
-          <p>¿Cuentas con algún servicio médico?</p>
-          <b-radio v-model="answers.servicioMedico"
-              native-value="IMSS"
-              type="is-info">
-              IMSS
-          </b-radio>
-          <b-radio v-model="answers.servicioMedico"
-              native-value="ISSSTE"
-              type="is-info">
-              ISSSTE
-          </b-radio>
-          <b-radio v-model="answers.servicioMedico"
-              native-value="Ninguno"
-              type="is-info">
-              Ninguno
-          </b-radio>
-          <b-field>
-            <b-input placeholder="Otro (especificar)" v-model="answers.servicioMedico"></b-input>
-          </b-field>
-        </div>
+      </div>
     </div>
 
     <div class="B apartado" v-if="current == 2">
       <p class="is-size-3">INFORMACIÓN GENERAL SOBRE EL SERVICIO SOCIAL</p>
-      <div class="field is-flex is-flex-direction-column SINO" >
-  <p>¿Conoces el reglamento de servicio social vigente de la UNAM?</p>
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>¿Conoces el reglamento de servicio social vigente de la UNAM?</p>
 
-          <b-radio v-model="answers.p1"
-              native-value="true"
-              type="is-info">
-              Si
-          </b-radio>
+        <b-radio v-model="answers.p1" native-value="true" type="is-info">
+          Si
+        </b-radio>
 
-          <b-radio v-model="answers.p1"
-              native-value="false"
-              type="is-info">
-              No
-          </b-radio>
+        <b-radio v-model="answers.p1" native-value="false" type="is-info">
+          No
+        </b-radio>
       </div>
-      <div class="field is-flex is-flex-direction-column SINO" >
-          <p>¿Conoces la normatividad vigente del servicio social de tu escuela o facultad?</p>
-          <b-radio v-model="answers.p2"
-              native-value="true"
-              type="is-info">
-              Si
-          </b-radio>
-          <b-radio v-model="answers.p2"
-              native-value="false"
-              type="is-info">
-              No
-          </b-radio>
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>
+          ¿Conoces la normatividad vigente del servicio social de tu escuela o
+          facultad?
+        </p>
+        <b-radio v-model="answers.p2" native-value="true" type="is-info">
+          Si
+        </b-radio>
+        <b-radio v-model="answers.p2" native-value="false" type="is-info">
+          No
+        </b-radio>
       </div>
       <div class="field">
-  <p>Señala los trs principales criterios que utilizaste para seleccionar el programa de servicio social:</p>
-          <div v-for="b3 in b3Options" :key="b3" class="SINO">
-          <b-checkbox :value=b3
-          v-model="answers.p3"
-          type="is-info">
-              {{b3}}
+        <p>
+          Señala los trs principales criterios que utilizaste para seleccionar
+          el programa de servicio social:
+        </p>
+        <div v-for="b3 in b3Options" :key="b3" class="SINO">
+          <b-checkbox :value="b3" v-model="answers.p3" type="is-info">
+            {{ b3 }}
           </b-checkbox>
-          </div>
-          <b-field>
-          <b-input placeholder="Otro (especificar)" v-model="answers.p3"></b-input>
-      </b-field>
+        </div>
+        <b-field>
+          <b-input
+            placeholder="Otro (especificar)"
+            v-model="answers.p3"
+          ></b-input>
+        </b-field>
       </div>
     </div>
 
     <div class="C apartado" v-if="current == 3">
-      <p class="is-size-4">INFORMACIÓN SOBRE LAS CONDICIONES PARA LA PRESENTACIÓN DEL SERVICIO SOCIAL EN LA INSTITUCIÓN RECEPTORA </p>
-      <div class="field is-flex is-flex-direction-column SINO" >
-    <p>Al inicio de servicio social recibiste información sobre la normatividad de la institución:</p>
+      <p class="is-size-4">
+        INFORMACIÓN SOBRE LAS CONDICIONES PARA LA PRESENTACIÓN DEL SERVICIO
+        SOCIAL EN LA INSTITUCIÓN RECEPTORA
+      </p>
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>
+          Al inicio de servicio social recibiste información sobre la
+          normatividad de la institución:
+        </p>
 
-              <b-radio v-model="answers.p4"
-                  native-value="true"
-                  type="is-info">
-                  Si
-              </b-radio>
+        <b-radio v-model="answers.p4" native-value="true" type="is-info">
+          Si
+        </b-radio>
 
-              <b-radio v-model="answers.p4"
-                  native-value="false"
-                  type="is-info">
-                  No
-              </b-radio>
+        <b-radio v-model="answers.p4" native-value="false" type="is-info">
+          No
+        </b-radio>
       </div>
 
       <div class="manyInputs">
-        <p>Durante el servicio social, recibiste por parte de los responsables:</p>
+        <p>
+          Durante el servicio social, recibiste por parte de los responsables:
+        </p>
         <table class="table is-fullwidth">
           <thead>
             <tr>
@@ -127,20 +140,22 @@
             </tr>
           </thead>
           <tbody>
-            <tr v-for="(c5 , index ) in c5Options" :key="c5">
-              <td>{{c5}}</td>
+            <tr v-for="(c5, index) in c5Options" :key="c5">
+              <td>{{ c5 }}</td>
               <td>
                 <b-radio
                   v-model="answers.p5[index]"
                   native-value="true"
-                  type="is-info">
+                  type="is-info"
+                >
                 </b-radio>
               </td>
               <td>
                 <b-radio
                   v-model="answers.p5[index]"
                   native-value="false"
-                  type="is-info">
+                  type="is-info"
+                >
                 </b-radio>
               </td>
             </tr>
@@ -148,163 +163,158 @@
         </table>
       </div>
 
-      <div class="field is-flex is-flex-direction-column SINO" >
-  <p>¿las actividades que desarrollaste se realizaron con base en un proyecti de trabajo de la institucion?</p>
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>
+          ¿las actividades que desarrollaste se realizaron con base en un
+          proyecti de trabajo de la institucion?
+        </p>
 
-          <b-radio v-model="answers.p6"
-              native-value="true"
-              type="is-info">
-              Si
-          </b-radio>
+        <b-radio v-model="answers.p6" native-value="true" type="is-info">
+          Si
+        </b-radio>
 
-          <b-radio v-model="answers.p6"
-              native-value="false"
-              type="is-info">
-              No
-          </b-radio>
+        <b-radio v-model="answers.p6" native-value="false" type="is-info">
+          No
+        </b-radio>
       </div>
 
-      <div class="field is-flex is-flex-direction-column SINO" >
-        <p>¿Contaste con un espacio físico adeacuado para realizar tus actividades?</p>
-        <b-radio v-model="answers.p7"
-            native-value="true"
-            type="is-info">
-            Si
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>
+          ¿Contaste con un espacio físico adeacuado para realizar tus
+          actividades?
+        </p>
+        <b-radio v-model="answers.p7" native-value="true" type="is-info">
+          Si
         </b-radio>
-        <b-radio v-model="answers.p7"
-            native-value="false"
-            type="is-info">
-            No
+        <b-radio v-model="answers.p7" native-value="false" type="is-info">
+          No
         </b-radio>
       </div>
 
       <div class="manyInputs">
-      <p>Durante el servicio social, recibiste por parte de los responsables:</p>
-      <table class="table is-fullwidth">
-    <thead>
-      <tr>
-        <th></th>
-        <th>Si</th>
-        <th>No</th>
-      </tr>
-    </thead>
+        <p>
+          Durante el servicio social, recibiste por parte de los responsables:
+        </p>
+        <table class="table is-fullwidth">
+          <thead>
+            <tr>
+              <th></th>
+              <th>Si</th>
+              <th>No</th>
+            </tr>
+          </thead>
 
-    <tbody>
-      <tr  v-for="(c8, index) in c8Options" :key="c8">
-        <td>{{c8}}</td>
-        <td>
-          <b-radio v-model="answers.p8[index]"
+          <tbody>
+            <tr v-for="(c8, index) in c8Options" :key="c8">
+              <td>{{ c8 }}</td>
+              <td>
+                <b-radio
+                  v-model="answers.p8[index]"
                   native-value="true"
-                  type="is-info">
-
-              </b-radio>
-        </td>
-        <td>
-            <b-radio v-model="answers.p8[index]"
+                  type="is-info"
+                >
+                </b-radio>
+              </td>
+              <td>
+                <b-radio
+                  v-model="answers.p8[index]"
                   native-value="false"
-                  type="is-info">
-
-              </b-radio>
-        </td>
-      </tr>
-    </tbody>
-      </table>
+                  type="is-info"
+                >
+                </b-radio>
+              </td>
+            </tr>
+          </tbody>
+        </table>
       </div>
 
-      <div class="field is-flex is-flex-direction-column SINO" >
-  <p>¿Consideras que el entorno donde se ubica la institución es seguro?</p>
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>
+          ¿Consideras que el entorno donde se ubica la institución es seguro?
+        </p>
 
-          <b-radio v-model="answers.p9"
-              native-value="true"
-              type="is-info">
-              Si
-          </b-radio>
+        <b-radio v-model="answers.p9" native-value="true" type="is-info">
+          Si
+        </b-radio>
 
-          <b-radio v-model="answers.p9"
-              native-value="false"
-              type="is-info">
-              No
-          </b-radio>
+        <b-radio v-model="answers.p9" native-value="false" type="is-info">
+          No
+        </b-radio>
       </div>
 
-      <div class="field is-flex is-flex-direction-column SINO" >
-  <p>¿La institución te proporcionó el material/equipo necesario para el desempeño de tus actividades?</p>
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>
+          ¿La institución te proporcionó el material/equipo necesario para el
+          desempeño de tus actividades?
+        </p>
 
-          <b-radio v-model="answers.p10"
-              native-value="true"
-              type="is-info">
-              Si
-          </b-radio>
+        <b-radio v-model="answers.p10" native-value="true" type="is-info">
+          Si
+        </b-radio>
 
-          <b-radio v-model="answers.p10"
-              native-value="false"
-              type="is-info">
-              No
-          </b-radio>
+        <b-radio v-model="answers.p10" native-value="false" type="is-info">
+          No
+        </b-radio>
       </div>
 
-      <div class="field is-flex is-flex-direction-column SINO" >
-  <p>¿El trato que recibiste durante la realización de tu servicio social fue profesional?</p>
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>
+          ¿El trato que recibiste durante la realización de tu servicio social
+          fue profesional?
+        </p>
 
-          <b-radio v-model="answers.p11"
-              native-value="true"
-              type="is-info">
-              Si
-          </b-radio>
+        <b-radio v-model="answers.p11" native-value="true" type="is-info">
+          Si
+        </b-radio>
 
-          <b-radio v-model="answers.p11"
-              native-value="false"
-              type="is-info">
-              No
-          </b-radio>
+        <b-radio v-model="answers.p11" native-value="false" type="is-info">
+          No
+        </b-radio>
       </div>
 
-      <div class="field is-flex is-flex-direction-column SINO" >
-  <p>¿Contaste con un espacio físico adeacuado para realizar tus actividades?</p>
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>
+          ¿Contaste con un espacio físico adeacuado para realizar tus
+          actividades?
+        </p>
 
-          <b-radio v-model="answers.p12"
-              native-value="true"
-              type="is-info">
-              Si
-          </b-radio>
+        <b-radio v-model="answers.p12" native-value="true" type="is-info">
+          Si
+        </b-radio>
 
-          <b-radio v-model="answers.p12"
-              native-value="false"
-              type="is-info">
-              No
-          </b-radio>
+        <b-radio v-model="answers.p12" native-value="false" type="is-info">
+          No
+        </b-radio>
       </div>
 
-      <div class="field is-flex is-flex-direction-column SINO" >
-  <p>¿La institucion te entregó a tiempo la documentación requerida por tu facultad o escuela (carta de inicio, informes, carta de termino)?</p>
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>
+          ¿La institucion te entregó a tiempo la documentación requerida por tu
+          facultad o escuela (carta de inicio, informes, carta de termino)?
+        </p>
 
-          <b-radio v-model="answers.p13"
-              native-value="true"
-              type="is-info">
-              Si
-          </b-radio>
+        <b-radio v-model="answers.p13" native-value="true" type="is-info">
+          Si
+        </b-radio>
 
-          <b-radio v-model="answers.p13"
-              native-value="false"
-              type="is-info">
-              No
-          </b-radio>
+        <b-radio v-model="answers.p13" native-value="false" type="is-info">
+          No
+        </b-radio>
       </div>
 
-      <div class="field is-flex is-flex-direction-column SINO" >
-  <p>¿La institució te dió todas las facilidades para realizar tramites académicos-administrativos ante tu facultad o escuela?</p>
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>
+          ¿La institució te dió todas las facilidades para realizar tramites
+          académicos-administrativos ante tu facultad o escuela?
+        </p>
 
-          <b-radio v-model="answers.p14"
-              native-value="true"
-              type="is-info">
-              Si
-          </b-radio>
+        <b-radio v-model="answers.p14" native-value="true" type="is-info">
+          Si
+        </b-radio>
 
-          <b-radio v-model="answers.p14"
-              native-value="false"
-              type="is-info">
-              No
-          </b-radio>
+        <b-radio v-model="answers.p14" native-value="false" type="is-info">
+          No
+        </b-radio>
       </div>
     </div>
 
@@ -313,552 +323,560 @@
       <div class="manyInputs">
         <p>De acuerdo con el programa registrado:</p>
         <table class="table is-fullwidth">
-      <thead>
-        <tr>
-          <th></th>
-          <th>Si</th>
-          <th>No</th>
-        </tr>
-      </thead>
-
-      <tbody>
-        <tr v-for="(d14, index) in d14Options" :key="d14">
-          <td>{{d14}}</td>
-          <td>
-            <b-radio v-model="answers.p14[index]"
-                    native-value="true"
-                    type="is-info">
+          <thead>
+            <tr>
+              <th></th>
+              <th>Si</th>
+              <th>No</th>
+            </tr>
+          </thead>
 
+          <tbody>
+            <tr v-for="(d14, index) in d14Options" :key="d14">
+              <td>{{ d14 }}</td>
+              <td>
+                <b-radio
+                  v-model="answers.p14[index]"
+                  native-value="true"
+                  type="is-info"
+                >
                 </b-radio>
-          </td>
-          <td>
-              <b-radio v-model="answers.p14[index]"
-                    native-value="false"
-                    type="is-info">
-
+              </td>
+              <td>
+                <b-radio
+                  v-model="answers.p14[index]"
+                  native-value="false"
+                  type="is-info"
+                >
                 </b-radio>
-          </td>
-        </tr>
-      </tbody>
+              </td>
+            </tr>
+          </tbody>
         </table>
       </div>
 
       <div class="manyInputs">
         <p>Sobre tu perfil profesional</p>
         <table class="table is-fullwidth">
-      <thead>
-        <tr>
-          <th></th>
-          <th>Si</th>
-          <th>No</th>
-        </tr>
-      </thead>
-
-      <tbody>
-        <tr v-for="(d15,index) in d15Options" :key="d15">
-          <td>{{d15}}</td>
-          <td>
-            <b-radio v-model="answers.p15[index]"
-                    native-value="true"
-                    type="is-info">
+          <thead>
+            <tr>
+              <th></th>
+              <th>Si</th>
+              <th>No</th>
+            </tr>
+          </thead>
 
+          <tbody>
+            <tr v-for="(d15, index) in d15Options" :key="d15">
+              <td>{{ d15 }}</td>
+              <td>
+                <b-radio
+                  v-model="answers.p15[index]"
+                  native-value="true"
+                  type="is-info"
+                >
                 </b-radio>
-          </td>
-          <td>
-              <b-radio v-model="answers.p15[index]"
-                    native-value="false"
-                    type="is-info">
-
+              </td>
+              <td>
+                <b-radio
+                  v-model="answers.p15[index]"
+                  native-value="false"
+                  type="is-info"
+                >
                 </b-radio>
-          </td>
-        </tr>
-      </tbody>
+              </td>
+            </tr>
+          </tbody>
         </table>
       </div>
 
-      <div class="field is-flex is-flex-direction-column SINO" >
-        <p>De acuerdo al desarrollo del programa en el que participaste en cual de las siguientes áreas lo enmarcas (Elige solo una)</p>
-        <b-radio v-model="answers.p16"
-            v-for="d16 in d16Options"
-            :key="d16"
-            native-value="true"
-            type="is-info">
-            {{d16}}
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>
+          De acuerdo al desarrollo del programa en el que participaste en cual
+          de las siguientes áreas lo enmarcas (Elige solo una)
+        </p>
+        <b-radio
+          v-model="answers.p16"
+          v-for="d16 in d16Options"
+          :key="d16"
+          native-value="true"
+          type="is-info"
+        >
+          {{ d16 }}
         </b-radio>
       </div>
 
       <div class="manyInputs">
-      <p>¿Quien asesoró y supervisó las actividades que realizaste y con que frecuencia?(Señala con una X la respuesta mas adecuada en el recuadro correspondiente)</p>
-      <table class="table is-fullwidth">
-    <tbody>
-      <tr v-for="(d17,index) in d17Options" :key="d17">
-        <td>{{d17}}</td>
+        <p>
+          ¿Quien asesoró y supervisó las actividades que realizaste y con que
+          frecuencia?(Señala con una X la respuesta mas adecuada en el recuadro
+          correspondiente)
+        </p>
+        <table class="table is-fullwidth">
+          <tbody>
+            <tr v-for="(d17, index) in d17Options" :key="d17">
+              <td>{{ d17 }}</td>
 
-      <td>
-        <b-field >
-              <b-select placeholder="Frecuencia" v-model="answers.p17[index]">
-                  <option
+              <td>
+                <b-field>
+                  <b-select
+                    placeholder="Frecuencia"
+                    v-model="answers.p17[index]"
+                  >
+                    <option
                       v-for="frec in frecuencia"
                       :value="frec"
-                      :key="frec">
+                      :key="frec"
+                    >
                       {{ frec }}
-                  </option>
-              </b-select>
-          </b-field>
-      </td>
-      </tr>
-    </tbody>
-      </table>
+                    </option>
+                  </b-select>
+                </b-field>
+              </td>
+            </tr>
+          </tbody>
+        </table>
       </div>
     </div>
 
     <div class="E apartado" v-if="current == 5">
       <p class="is-size-3">APOYOS</p>
 
-      <div class="field is-flex is-flex-direction-column SINO" >
-    <p>¿El programa en el que participaste ofrece apoyos académicos?</p>
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>¿El programa en el que participaste ofrece apoyos académicos?</p>
 
-              <b-radio v-model="answers.p18"
-                  native-value="true"
-                  type="is-info">
-                  Si
-              </b-radio>
+        <b-radio v-model="answers.p18" native-value="true" type="is-info">
+          Si
+        </b-radio>
 
-              <b-radio v-model="answers.p18"
-                  native-value="false"
-                  type="is-info">
-                  No
-              </b-radio>
+        <b-radio v-model="answers.p18" native-value="false" type="is-info">
+          No
+        </b-radio>
       </div>
 
-      <div class="field is-flex is-flex-direction-column SINO" >
-  <p>¿El programa en el que participaste ofrece seguro de vida?</p>
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>¿El programa en el que participaste ofrece seguro de vida?</p>
 
-          <b-radio v-model="answers.p19"
-              native-value="true"
-              type="is-info">
-              Si
-          </b-radio>
+        <b-radio v-model="answers.p19" native-value="true" type="is-info">
+          Si
+        </b-radio>
 
-          <b-radio v-model="answers.p19"
-              native-value="false"
-              type="is-info">
-              No
-          </b-radio>
+        <b-radio v-model="answers.p19" native-value="false" type="is-info">
+          No
+        </b-radio>
       </div>
 
-      <div class="field is-flex is-flex-direction-column SINO" >
-  <p>¿El programa en el que participaste ofrece apoyo económico?</p>
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>¿El programa en el que participaste ofrece apoyo económico?</p>
 
-          <b-radio v-model="answers.p20"
-              native-value="true"
-              type="is-info">
-              Si
-          </b-radio>
+        <b-radio v-model="answers.p20" native-value="true" type="is-info">
+          Si
+        </b-radio>
 
-          <b-radio v-model="answers.p20"
-              native-value="false"
-              type="is-info">
-              No
-          </b-radio>
+        <b-radio v-model="answers.p20" native-value="false" type="is-info">
+          No
+        </b-radio>
       </div>
 
       <div class="manyInputs">
-  <p>Los apoyos económicos señalados en el programa:</p>
-  <table class="table is-fullwidth">
-  <thead>
-  <tr>
-    <th></th>
-    <th>Si</th>
-    <th>No</th>
-  </tr>
-  </thead>
+        <p>Los apoyos económicos señalados en el programa:</p>
+        <table class="table is-fullwidth">
+          <thead>
+            <tr>
+              <th></th>
+              <th>Si</th>
+              <th>No</th>
+            </tr>
+          </thead>
 
-  <tbody>
-  <tr v-for="(e21,index) in e21Options" :key="e21">
-    <td>{{e21}}</td>
-    <td>
-        <b-radio v-model="answers.p21[index]"
-              native-value="true"
-              type="is-info">
-
-          </b-radio>
-    </td>
-    <td>
-        <b-radio v-model="answers.p21[index]"
-              native-value="false"
-              type="is-info">
-
-          </b-radio>
-    </td>
-  </tr>
-  </tbody>
-  </table>
+          <tbody>
+            <tr v-for="(e21, index) in e21Options" :key="e21">
+              <td>{{ e21 }}</td>
+              <td>
+                <b-radio
+                  v-model="answers.p21[index]"
+                  native-value="true"
+                  type="is-info"
+                >
+                </b-radio>
+              </td>
+              <td>
+                <b-radio
+                  v-model="answers.p21[index]"
+                  native-value="false"
+                  type="is-info"
+                >
+                </b-radio>
+              </td>
+            </tr>
+          </tbody>
+        </table>
       </div>
     </div>
 
-  <div class="F apartado" v-if="current == 6">
-    <p class="is-size-3">EXPERIENCIA</p>
+    <div class="F apartado" v-if="current == 6">
+      <p class="is-size-3">EXPERIENCIA</p>
 
-    <div class="manyInputs">
-    <p>Califica del 1 al 10 (en donde 1 es el de menor valor y 10 el de mayor valor) cada uno de los siguientes aspectos</p>
-    <table class="table is-fullwidth">
-   <tbody>
-    <tr v-for="(f22,index) in f22Options" :key="f22">
-      <td>{{f22}}</td>
+      <div class="manyInputs">
+        <p>
+          Califica del 1 al 10 (en donde 1 es el de menor valor y 10 el de mayor
+          valor) cada uno de los siguientes aspectos
+        </p>
+        <table class="table is-fullwidth">
+          <tbody>
+            <tr v-for="(f22, index) in f22Options" :key="f22">
+              <td>{{ f22 }}</td>
 
-     <td>
-       <b-field >
-            <b-select placeholder="Seleccionar" v-model="answers.p22[index]">
-                <option v-for="i in 10" :key="i" :value="i">{{i}}</option>
-            </b-select>
-        </b-field>
-     </td>
-    </tr>
-   </tbody>
-    </table>
-    </div>
+              <td>
+                <b-field>
+                  <b-select
+                    placeholder="Seleccionar"
+                    v-model="answers.p22[index]"
+                  >
+                    <option v-for="i in 10" :key="i" :value="i">{{ i }}</option>
+                  </b-select>
+                </b-field>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
 
-    <div class="manyInputs">
-       <p>Consideras que el servicio social es:</p>
-    <p>Califica del 1 al 10 (en donde 1 es el de menor valor y 10 el de mayor valor) cada uno de los siguientes aspectos</p>
-    <table class="table is-fullwidth">
-   <tbody>
-    <tr v-for="(f23,index) in f23Options" :key="f23">
-      <td>{{f23}}</td>
+      <div class="manyInputs">
+        <p>Consideras que el servicio social es:</p>
+        <p>
+          Califica del 1 al 10 (en donde 1 es el de menor valor y 10 el de mayor
+          valor) cada uno de los siguientes aspectos
+        </p>
+        <table class="table is-fullwidth">
+          <tbody>
+            <tr v-for="(f23, index) in f23Options" :key="f23">
+              <td>{{ f23 }}</td>
 
-     <td>
-       <b-field >
-            <b-select placeholder="Seleccionar" v-model="answers.p23[index]">
-                <option v-for="i in 10" :key="i" :value="i">{{i}}</option>
-            </b-select>
-        </b-field>
-     </td>
-    </tr>
-   </tbody>
-    </table>
-    </div>
+              <td>
+                <b-field>
+                  <b-select
+                    placeholder="Seleccionar"
+                    v-model="answers.p23[index]"
+                  >
+                    <option v-for="i in 10" :key="i" :value="i">{{ i }}</option>
+                  </b-select>
+                </b-field>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
 
-     <div class="manyInputs">
-       <p>Consideras que el servicio social es:</p>
-    <p>Califica del 1 al 10 (en donde 1 es el de menor valor y 10 el de mayor valor) cada uno de los siguientes aspectos</p>
-    <table class="table is-fullwidth">
-   <tbody>
-    <tr v-for="(f24,index) in f24Options" :key="f24">
-      <td>{{f24}}</td>
+      <div class="manyInputs">
+        <p>Consideras que el servicio social es:</p>
+        <p>
+          Califica del 1 al 10 (en donde 1 es el de menor valor y 10 el de mayor
+          valor) cada uno de los siguientes aspectos
+        </p>
+        <table class="table is-fullwidth">
+          <tbody>
+            <tr v-for="(f24, index) in f24Options" :key="f24">
+              <td>{{ f24 }}</td>
 
-     <td>
-       <b-field >
-            <b-select placeholder="Seleccionar" v-model="answers.p24[index]">
-                <option v-for="i in 10" :key="i" :value="i">{{i}}</option>
-            </b-select>
-        </b-field>
-     </td>
-    </tr>
-   </tbody>
-    </table>
-    </div>
+              <td>
+                <b-field>
+                  <b-select
+                    placeholder="Seleccionar"
+                    v-model="answers.p24[index]"
+                  >
+                    <option v-for="i in 10" :key="i" :value="i">{{ i }}</option>
+                  </b-select>
+                </b-field>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
 
-    <div class="field is-flex is-flex-direction-column SINO" >
-<p>¿Retomarías tu experiencia de servicio social para desarrollar tu tesis? (solo si aplica tu caso)</p>
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>
+          ¿Retomarías tu experiencia de servicio social para desarrollar tu
+          tesis? (solo si aplica tu caso)
+        </p>
 
-        <b-radio v-model="answers.p25"
-            native-value="true"
-            type="is-info">
-            Si
+        <b-radio v-model="answers.p25" native-value="true" type="is-info">
+          Si
         </b-radio>
 
-        <b-radio v-model="answers.p25"
-            native-value="false"
-            type="is-info">
-            No
+        <b-radio v-model="answers.p25" native-value="false" type="is-info">
+          No
         </b-radio>
-    </div>
+      </div>
 
-    <div class="field is-flex is-flex-direction-column SINO" >
-<p>¿Recomiendas el programa en el que participaste?</p>
+      <div class="field is-flex is-flex-direction-column SINO">
+        <p>¿Recomiendas el programa en el que participaste?</p>
 
-        <b-radio v-model="answers.p26"
-            native-value="true"
-            type="is-info">
-            Si
+        <b-radio v-model="answers.p26" native-value="true" type="is-info">
+          Si
         </b-radio>
 
-        <b-radio v-model="answers.p26"
-            native-value="false"
-            type="is-info">
-            No
+        <b-radio v-model="answers.p26" native-value="false" type="is-info">
+          No
         </b-radio>
         <b-field label="¿Por qué?">
-        <b-input placeholder="Opinion" v-model="answers.p27"></b-input>
-    </b-field>
-    </div>
-
-    <div class="manyInputs">
-       <p>Con respecto a tu servicio:</p>
-    <table class="table is-fullwidth">
-   <tbody>
-
-   <tr>
-     <td>
-       <p>La información que te proporcionaron sobre los requisitos y trámites para el servicio social en tu escuela o facultad fue:</p>
-     </td>
-     <td>
-          <b-field >
-            <b-select placeholder="Seleccionar" v-model="answers.p28">
-                <option v-for="adj in adjetivos" :key="adj" :value="adj">{{adj}}</option>
-            </b-select>
+          <b-input placeholder="Opinion" v-model="answers.p27"></b-input>
         </b-field>
-       </td>
-   </tr>
+      </div>
 
-   </tbody>
-    </table>
-    </div>
+      <div class="manyInputs">
+        <p>Con respecto a tu servicio:</p>
+        <table class="table is-fullwidth">
+          <tbody>
+            <tr>
+              <td>
+                <p>
+                  La información que te proporcionaron sobre los requisitos y
+                  trámites para el servicio social en tu escuela o facultad fue:
+                </p>
+              </td>
+              <td>
+                <b-field>
+                  <b-select placeholder="Seleccionar" v-model="answers.p28">
+                    <option v-for="adj in adjetivos" :key="adj" :value="adj">{{
+                      adj
+                    }}</option>
+                  </b-select>
+                </b-field>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
 
-    <div class="manyInputs">
-       <p>Con respecto a la plataforma SIASS web:</p>
-    <table class="table is-fullwidth">
-   <tbody>
+      <div class="manyInputs">
+        <p>Con respecto a la plataforma SIASS web:</p>
+        <table class="table is-fullwidth">
+          <tbody>
+            <tr>
+              <td>
+                <p>
+                  La información que te proporcionaron sobre los programas fue:
+                </p>
+              </td>
+              <td>
+                <b-field>
+                  <b-select placeholder="Seleccionar" v-model="answers.p29">
+                    <option v-for="adj in adjetivos" :key="adj" :value="adj">{{
+                      adj
+                    }}</option>
+                  </b-select>
+                </b-field>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
 
-   <tr>
-     <td>
-       <p>La información que te proporcionaron sobre los programas fue:</p>
-     </td>
-     <td>
-          <b-field >
-            <b-select placeholder="Seleccionar" v-model="answers.p29">
-                <option v-for="adj in adjetivos" :key="adj" :value="adj">{{adj}}</option>
-            </b-select>
-        </b-field>
-       </td>
-   </tr>
+      <b-field
+        label="¿Tienes algún comentario u observación respecto al diseño de este documento?"
+      >
+        <b-input placeholder="Respuesta" v-model="answers.p30"></b-input>
+      </b-field>
 
-   </tbody>
-    </table>
-    </div>
-
-    <b-field label="¿Tienes algún comentario u observación respecto al diseño de este documento?">
-            <b-input placeholder="Respuesta" v-model="answers.p30"></b-input>
-    </b-field>
-
-    <div class="my-6 mb-6">
-        <b-field >
-            <button
+      <div class="my-6 mb-6">
+        <b-field>
+          <button
             :disabled="true"
             class="button is-success is-medium"
             @click="enviarRegistro()"
-            >
-                Enviar
-            </button>
-          </b-field>
+          >
+            Enviar
+          </button>
+        </b-field>
+      </div>
     </div>
 
-  </div>
+    <b-pagination
+      class="pag"
+      :total="total"
+      v-model="current"
+      :range-before="rangeBefore"
+      :current="current"
+      :range-after="rangeAfter"
+      :order="order"
+      :size="size"
+      :simple="isSimple"
+      :rounded="isRounded"
+      :per-page="perPage"
+      :icon-prev="prevIcon"
+      :icon-next="nextIcon"
+      aria-next-label="Next page"
+      aria-previous-label="Previous page"
+      aria-page-label="Page"
+      aria-current-label="Current page"
+    >
+    </b-pagination>
 
-  <b-pagination
-  class="pag"
-            :total="total"
-            v-model="current"
-            :range-before="rangeBefore"
-            :current="current"
-            :range-after="rangeAfter"
-            :order="order"
-            :size="size"
-            :simple="isSimple"
-            :rounded="isRounded"
-            :per-page="perPage"
-            :icon-prev="prevIcon"
-            :icon-next="nextIcon"
-            aria-next-label="Next page"
-            aria-previous-label="Previous page"
-            aria-page-label="Page"
-            aria-current-label="Current page">
-  </b-pagination>
-
-      <!--   <pre>{{$data}}</pre> -->
+    <!--   <pre>{{$data}}</pre> -->
   </section>
 </template>
 
 <script>
 export default {
-  data () {
+  data() {
     return {
       total: 6,
       current: 1,
       perPage: 1,
       rangeBefore: 6,
       rangeAfter: 6,
-      order: 'is-centered',
-      size: '',
+      order: "is-centered",
+      size: "",
       isSimple: false,
       isRounded: false,
-      prevIcon: 'chevron-left',
-      nextIcon: 'chevron-right',
+      prevIcon: "chevron-left",
+      nextIcon: "chevron-right",
 
-      sexo: '',
+      sexo: "",
       answers: {
-        sexo: '',
-        edad: '',
-        servicioMedico: '',
-        p1: '',
-        p2: '',
-        p3: '',
-        p4: '',
+        sexo: "",
+        edad: "",
+        servicioMedico: "",
+        p1: "",
+        p2: "",
+        p3: "",
+        p4: "",
         p5: {
-          pp0: '',
-          pp1: '',
-          pp2: '',
-          pp3: '',
-          pp4: ''
+          pp0: "",
+          pp1: "",
+          pp2: "",
+          pp3: "",
+          pp4: "",
         },
-        p6: '',
-        p7: '',
-        p8: '',
-        p9: '',
-        p10: '',
-        p11: '',
-        p12: '',
-        p13: '',
-        p14: '',
-        p15: '',
-        p16: '',
-        p17: '',
-        p18: '',
-        p19: '',
-        p20: '',
-        p21: '',
-        p22: '',
-        p23: '',
-        p24: '',
-        p25: '',
-        p26: '',
-        p27: '',
-        p28: '',
-        p29: '',
-        p30: ''
+        p6: "",
+        p7: "",
+        p8: "",
+        p9: "",
+        p10: "",
+        p11: "",
+        p12: "",
+        p13: "",
+        p14: "",
+        p15: "",
+        p16: "",
+        p17: "",
+        p18: "",
+        p19: "",
+        p20: "",
+        p21: "",
+        p22: "",
+        p23: "",
+        p24: "",
+        p25: "",
+        p26: "",
+        p27: "",
+        p28: "",
+        p29: "",
+        p30: "",
       },
       b3Options: [
-        'Actividades descritas en el programa',
-        'Apoyo económico',
-        'Asesoría académica',
-        'Dependencia de la UNAM',
-        'Flexibilidad en horarios',
-        'Institución del sector público',
-        'Institucíon del sector social',
-        'Invitación de profesores',
-        'Modalidad de titulación por servicio social',
-        'Objetivos del programa',
-        'Oportunidad de desarrollo de tesis',
-        'Prestigio de la institución',
-        'Recomendación de compañeros'
-      ],
-      c5Options: [
-        'ASESORIA',
-        'ACOMPAÑAMIENTO',
-        'SUPERVISION',
-        'SEGUIMIENTO'
-      ],
-      c8Options: [
-        'HIGIENE',
-        'SEGURIDAD',
-        'PROTECCIÓN CIVIL'
+        "Actividades descritas en el programa",
+        "Apoyo económico",
+        "Asesoría académica",
+        "Dependencia de la UNAM",
+        "Flexibilidad en horarios",
+        "Institución del sector público",
+        "Institucíon del sector social",
+        "Invitación de profesores",
+        "Modalidad de titulación por servicio social",
+        "Objetivos del programa",
+        "Oportunidad de desarrollo de tesis",
+        "Prestigio de la institución",
+        "Recomendación de compañeros",
       ],
+      c5Options: ["ASESORIA", "ACOMPAÑAMIENTO", "SUPERVISION", "SEGUIMIENTO"],
+      c8Options: ["HIGIENE", "SEGURIDAD", "PROTECCIÓN CIVIL"],
       d14Options: [
-        'Se cumplieron los objetivos señalados',
-        'Se cumplieron las actividades decritas',
-        'Las actividades del programa son congruentes con el objetivo',
-        'Las actividades del programa retribuyen a la sociedad'
+        "Se cumplieron los objetivos señalados",
+        "Se cumplieron las actividades decritas",
+        "Las actividades del programa son congruentes con el objetivo",
+        "Las actividades del programa retribuyen a la sociedad",
       ],
       d15Options: [
-        'Aplicaste conocimientos',
-        'Desarrollaste habilidades',
-        'Enriqueciste tus conocimientos',
-        'Fortaleciste tus habilidades'
+        "Aplicaste conocimientos",
+        "Desarrollaste habilidades",
+        "Enriqueciste tus conocimientos",
+        "Fortaleciste tus habilidades",
       ],
       d16Options: [
-        'Apoyo administrativo',
-        'Arte, cultura y recreación',
-        'Ciencia, tecnología e innovación',
-        'Derechos humanos, seguridad social y jurídica',
-        'Desarrollo social',
-        'Educación',
-        'Equipamiento e infraestructura urbana y rural',
-        'Medio ambiente y desarrollo sustentable',
-        'Medio de comunicación',
-        'Modernización y automatización de la gestión administrativa',
-        'Salud',
-        'Seguridad alimentaria',
-        'Seguridad energética',
-        'Investigación'
+        "Apoyo administrativo",
+        "Arte, cultura y recreación",
+        "Ciencia, tecnología e innovación",
+        "Derechos humanos, seguridad social y jurídica",
+        "Desarrollo social",
+        "Educación",
+        "Equipamiento e infraestructura urbana y rural",
+        "Medio ambiente y desarrollo sustentable",
+        "Medio de comunicación",
+        "Modernización y automatización de la gestión administrativa",
+        "Salud",
+        "Seguridad alimentaria",
+        "Seguridad energética",
+        "Investigación",
       ],
       d17Options: [
-        '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",
       ],
       frecuencia: [
-        'Diario',
-        'Semana',
-        'Quincena',
-        'Mes',
-        'Bimestre',
-        'Trimestre',
-        'Semestre',
-        'No recibí asesoría'
-
+        "Diario",
+        "Semana",
+        "Quincena",
+        "Mes",
+        "Bimestre",
+        "Trimestre",
+        "Semestre",
+        "No recibí asesoría",
       ],
       e21Options: [
-        'Te fueron otorgados en tiempo y forma',
-        'Fueron condicionados',
-                `Hubo procedimientos transparentes
+        "Te fueron otorgados en tiempo y forma",
+        "Fueron condicionados",
+        `Hubo procedimientos transparentes
 en la asignación y entrega`,
-                'Se te proporcionó sólo una parte',
-                'No se te proporcionó el apoyo'
+        "Se te proporcionó sólo una parte",
+        "No se te proporcionó el apoyo",
       ],
       f22Options: [
-        'Alguien diferente a los dos anteriores',
-        'Contribuiste en el logro de los objetivos indicados en el programa',
-        'Adquiriste nuevos conocimientos',
-        'Fortaleciste habilidades',
-        'Obtuviste herramientas para tu inserción en el medio laboral',
-        'Fortaleciste tu formación profesional',
-        'Enriqueciste tu formación personal',
-        'Tu participación en el programa de servicio tuvo impacto social'
+        "Alguien diferente a los dos anteriores",
+        "Contribuiste en el logro de los objetivos indicados en el programa",
+        "Adquiriste nuevos conocimientos",
+        "Fortaleciste habilidades",
+        "Obtuviste herramientas para tu inserción en el medio laboral",
+        "Fortaleciste tu formación profesional",
+        "Enriqueciste tu formación personal",
+        "Tu participación en el programa de servicio tuvo impacto social",
       ],
       f23Options: [
-        'Un medio para retribuir a la sociedad',
-        'La actividad que permite fortalecer habilidades y destrezas',
-        'El complemento a la formación profesional'
+        "Un medio para retribuir a la sociedad",
+        "La actividad que permite fortalecer habilidades y destrezas",
+        "El complemento a la formación profesional",
       ],
       f24Options: [
-        'Impacto social',
-        'Formación profesional',
-        'Formación personal'
+        "Impacto social",
+        "Formación profesional",
+        "Formación personal",
       ],
-      adjetivos: [
-        'muy mala',
-        'mala',
-        'regular',
-        'buena',
-        'excelente'
-      ]
-
-    }
-  }
-
-}
+      adjetivos: ["muy mala", "mala", "regular", "buena", "excelente"],
+    };
+  },
+};
 </script>
 <style scoped>
-.SINO *{
-  margin: .5rem 0 !important;
-
+.SINO * {
+  margin: 0.5rem 0 !important;
 }
-.apartado, .pag{
-   margin: 5rem 0;
+.apartado,
+.pag {
+  margin: 5rem 0;
 }
-.manyInputs{
+.manyInputs {
   margin: 1.5rem 0;
 }
-
 </style>
diff --git a/pages/alumno/index.vue b/pages/alumno/index.vue
index bc6507d..b40cf47 100644
--- a/pages/alumno/index.vue
+++ b/pages/alumno/index.vue
@@ -5,8 +5,8 @@
 </template>
 
 <script>
-import DataAlumno from '../../components/alumno/DataAlumno'
+import DataAlumno from "../../components/alumno/DataAlumno";
 export default {
-  components: { DataAlumno }
-}
+  components: { DataAlumno },
+};
 </script>
diff --git a/pages/index.vue b/pages/index.vue
index b925212..4decf5d 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,138 +1,144 @@
 <template>
   <section class="container p-2 log">
-    <div class="fix  columns is-mobile">
-   <div class="container column is-12-mobile is-6-desktop is-6-tablet  cont">
-    <b-field
-      label="Usuario"
-      message="This email is invalid"
-      :type="usuarioValido()">
-        <b-input v-model="usuario"></b-input>
-    </b-field>
+    <div class="fix columns is-mobile">
+      <div class="container column is-12-mobile is-6-desktop is-6-tablet cont">
+        <h1 class="has-text-centered is-size-1">IRIS</h1>
+        <b-field
+          label="Usuario"
+          message="This email is invalid"
+          :type="usuarioValido()"
+        >
+          <b-input v-model="usuario"></b-input>
+        </b-field>
 
-    <b-field
-      label="Contraseña">
-        <!-- message="This email is invalid"
+        <b-field label="Contraseña">
+          <!-- message="This email is invalid"
       type="is-danger" -->
-        <b-input
-          v-model="password"
-          type="password"
-          password-reveal></b-input>
-    </b-field>
+          <b-input v-model="password" type="password" password-reveal></b-input>
+        </b-field>
 
-    <b-field class="center">
-    <button :disabled='usuario == "" || password=="" && error== true'
-    class="button is-success is-medium"
-    @click="enviar()">
-        Iniciar sesion
-    </button>
-    </b-field>
-    </div>
+        <b-field class="center">
+          <button
+            :disabled="usuario == '' || (password == '' && error == true)"
+            class="button is-success is-medium"
+            @click="enviar()"
+          >
+            Iniciar sesion
+          </button>
+        </b-field>
+      </div>
     </div>
   </section>
 </template>
 
 <script>
-import validator from 'validator'
-import axios from 'axios'
+import validator from "validator";
+import axios from "axios";
 
 export default {
-  data () {
+  data() {
     return {
-      usuario: '',
-      password: '',
+      usuario: "",
+      password: "",
       error: false,
-      isFullPage: true
-    }
+      isFullPage: true,
+    };
   },
   methods: {
-    usuarioValido () {
+    usuarioValido() {
       if (!this.usuario) {
-        console.log('esta vacio')
+        console.log("esta vacio");
         // return ''
-        this.error = true
+        this.error = true;
       }
       if (validator.isNumeric(this.usuario, { no_symbols: true })) {
         if (this.usuario.length === 10) {
-          console.log('es numero de cuenta')
+          console.log("es numero de cuenta");
         }
-        return ''
+        return "";
       } else if (validator.isEmail(this.usuario)) {
-        console.log('es correo')
-        return ''
+        console.log("es correo");
+        return "";
       } else if (validator.isAlpha(this.usuario)) {
-        console.log('es texto')
-        return ''
+        console.log("es texto");
+        return "";
       }
       // return 'is-danger'
-      this.error = true
+      this.error = true;
     },
 
-    enviar () {
+    enviar() {
       const loadingComponent = this.$buefy.loading.open({
-        container: this.isFullPage ? null : this.$refs.element.$el
-      })
+        container: this.isFullPage ? null : this.$refs.element.$el,
+      });
 
       const data = {
-        usuario: (this.usuario).trim(),
-        password: this.password
-      }
-      axios.post(`${process.env.api}/usuario/login`, data)
-        .then(resp => {
-          loadingComponent.close()
+        usuario: this.usuario.trim(),
+        password: this.password,
+      };
+      axios
+        .post(`${process.env.api}/usuario/login`, data)
+        .then((resp) => {
+          loadingComponent.close();
 
-          window.localStorage.setItem('idUsuario', resp.data.Usuario.idUsuario)
-          window.localStorage.setItem('token', resp.data.token)
-          window.localStorage.setItem('nombre', resp.data.Usuario.nombre)
-          window.localStorage.setItem('idTipoUsuario', resp.data.Usuario.TipoUsuario.idTipoUsuario)
-          window.localStorage.setItem('tipoUsuario', resp.data.Usuario.TipoUsuario.tipoUsuario)
-          window.localStorage.setItem('usuario', resp.data.Usuario.usuario)
-
-          this.$router.push(`/${resp.data.Usuario.TipoUsuario.tipoUsuario}`)
+          window.localStorage.setItem("idUsuario", resp.data.Usuario.idUsuario);
+          window.localStorage.setItem("token", resp.data.token);
+          window.localStorage.setItem("nombre", resp.data.Usuario.nombre);
+          window.localStorage.setItem(
+            "idTipoUsuario",
+            resp.data.Usuario.TipoUsuario.idTipoUsuario
+          );
+          window.localStorage.setItem(
+            "tipoUsuario",
+            resp.data.Usuario.TipoUsuario.tipoUsuario
+          );
+          window.localStorage.setItem("usuario", resp.data.Usuario.usuario);
+          this.$router.push(`/${resp.data.Usuario.TipoUsuario.tipoUsuario}`);
         })
-        .catch(error => {
-          loadingComponent.close()
+        .catch((error) => {
+          loadingComponent.close();
           this.$buefy.dialog.alert({
-            title: 'Error',
+            title: "Error",
             message: error.response.data.message,
-            type: 'is-danger',
+            type: "is-danger",
             hasIcon: true,
-            icon: 'alert-circle',
-            iconPack: 'mdi',
-            ariaRole: 'alertdialog',
-            ariaModal: true
-          })
-        })
-    }
+            icon: "alert-circle",
+            iconPack: "mdi",
+            ariaRole: "alertdialog",
+            ariaModal: true,
+          });
+        });
+    },
   },
   watch: {
-    usuario () {
-      this.error = false
-    }
+    usuario() {
+      this.error = false;
+    },
   },
-  layout: 'login'
-}
+  layout: "login",
+};
 </script>
 <style scoped>
-footer[data-v-cf943d08]{
+footer[data-v-cf943d08] {
   display: none !important;
 }
-.fix{
-  height: 90vh;
+.fix {
+  height: 85vh;
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.cont{
+.cont {
   height: auto;
   padding: 0 1rem;
 }
-.cont *{
+.cont * {
   margin: 1rem 0;
 }
-.center{
+.center {
   text-align: center;
 }
-.columns{
+.columns {
   margin: 0;
 }
 </style>
diff --git a/pages/responsable/cartaTermino/index.vue b/pages/responsable/cartaTermino/index.vue
index aeca078..101c319 100644
--- a/pages/responsable/cartaTermino/index.vue
+++ b/pages/responsable/cartaTermino/index.vue
@@ -5,10 +5,10 @@
 </template>
 
 <script>
-import Cuestionario from '../../../components/responsable/cartaTermino'
+import Cuestionario from "../../../components/responsable/cartaTermino";
 export default {
   components: {
-    Cuestionario
-  }
-}
+    Cuestionario,
+  },
+};
 </script>
diff --git a/pages/responsable/carta_aceptacion/index.vue b/pages/responsable/carta_aceptacion/index.vue
index 5d0fbc9..5423e3e 100644
--- a/pages/responsable/carta_aceptacion/index.vue
+++ b/pages/responsable/carta_aceptacion/index.vue
@@ -5,10 +5,10 @@
 </template>
 
 <script>
-import CartaAceptacion from '../../../components/responsable/cartaAceptacion'
+import CartaAceptacion from "../../../components/responsable/cartaAceptacion";
 export default {
   components: {
-    CartaAceptacion
-  }
-}
+    CartaAceptacion,
+  },
+};
 </script>
diff --git a/pages/responsable/carta_termino/index.vue b/pages/responsable/carta_termino/index.vue
index 71ea51c..87b2a24 100644
--- a/pages/responsable/carta_termino/index.vue
+++ b/pages/responsable/carta_termino/index.vue
@@ -5,10 +5,10 @@
 </template>
 
 <script>
-import cartaTermino from '../../../components/responsable/cartaTermino'
+import cartaTermino from "../../../components/responsable/cartaTermino";
 export default {
   components: {
-    cartaTermino
-  }
-}
+    cartaTermino,
+  },
+};
 </script>
diff --git a/pages/responsable/cuestionario/index.vue b/pages/responsable/cuestionario/index.vue
index 2081068..b50e915 100644
--- a/pages/responsable/cuestionario/index.vue
+++ b/pages/responsable/cuestionario/index.vue
@@ -5,10 +5,10 @@
 </template>
 
 <script>
-import Cuestionario from '../../../components/responsable/cuestionario'
+import Cuestionario from "../../../components/responsable/cuestionario";
 export default {
   components: {
-    Cuestionario
-  }
-}
+    Cuestionario,
+  },
+};
 </script>
diff --git a/pages/responsable/index.vue b/pages/responsable/index.vue
index 6404857..b6e3dcd 100644
--- a/pages/responsable/index.vue
+++ b/pages/responsable/index.vue
@@ -20,25 +20,22 @@
     <section class="section">
       <InputTable />
     </section>
-
   </div>
 </template>
 
 <script>
-import InputTable from '../../components/responsable/inputTable'
+import InputTable from "../../components/responsable/inputTable";
 
 export default {
   components: {
-    InputTable
+    InputTable,
   },
   methods: {
-    agregarAlumno () {
-      this.$router.push('/responsable/nuevo')
-    }
-  }
-}
+    agregarAlumno() {
+      this.$router.push("/responsable/nuevo");
+    },
+  },
+};
 </script>
 
-<style>
-
-</style>
+<style></style>
diff --git a/pages/responsable/modificar/index.vue b/pages/responsable/modificar/index.vue
index 014129f..9fdacb3 100644
--- a/pages/responsable/modificar/index.vue
+++ b/pages/responsable/modificar/index.vue
@@ -5,5 +5,5 @@
 </template>
 
 <script>
-export default {}
+export default {};
 </script>
diff --git a/pages/responsable/nuevo/index.vue b/pages/responsable/nuevo/index.vue
index 0100048..1358058 100644
--- a/pages/responsable/nuevo/index.vue
+++ b/pages/responsable/nuevo/index.vue
@@ -2,36 +2,40 @@
   <div class="container">
     <div class="columns is-mobile">
       <div class="column ">
-        <b-button tag="router-link"
-                  to="/responsable"
-                  type="is-info is-light "
-                  icon-left="arrow-left-box"
-                  class="border-info my-5"
-                  >
-                  regresar
+        <b-button
+          tag="router-link"
+          to="/responsable"
+          type="is-info is-light "
+          icon-left="arrow-left-box"
+          class="border-info my-5"
+        >
+          regresar
         </b-button>
 
         <section class="mensaje has-text-justified is-size-6 ">
-          <p class="block is-size-5">Estimado(a) responsable de programa de servicio social:</p>
+          <p class="block is-size-5">
+            Estimado(a) responsable de programa de servicio social:
+          </p>
 
           <p class="block ">
-            Te solicitamos llenar cuidadosamente los campos solicitados a continuación
-            para iniciar el trámite de registro de servicio social de nuestro
-            alumno(a), quien a su vez completará posteriormente el proceso en este
-            mismo sistema con otros datos.
+            Te solicitamos llenar cuidadosamente los campos solicitados a
+            continuación para iniciar el trámite de registro de servicio social
+            de nuestro alumno(a), quien a su vez completará posteriormente el
+            proceso en este mismo sistema con otros datos.
           </p>
           <p class="block ">
-            Es muy importante escribir correctamente el correo del alumno para que el
-            sistema pueda enviarle la notificación correspondiente de que ya puede
-            ingresar a completar su registro. También debes tomar en cuenta que la
-            fecha de inicio NO se podrá modificar, sólo la fecha de término en caso de
-            que el alumno no cumpla las 480 horas en el periodo mínimo de 6 meses. Al
-            siguiente día de la fecha de término programada, se activará la opción de
-            cargar la carta de término y llenar el cuestionario de desempeño del
-            alumno. En caso de que exista algún error en los datos o cartas emitidas
-            se les notificará en este panel en cuanto el Departamento de Servicio
-            Social y Bolsa de Trabajo revise su solicitud, para que realicen la
-            corrección correspondiente.
+            Es muy importante escribir correctamente el correo del alumno para
+            que el sistema pueda enviarle la notificación correspondiente de que
+            ya puede ingresar a completar su registro. También debes tomar en
+            cuenta que la fecha de inicio NO se podrá modificar, sólo la fecha
+            de término en caso de que el alumno no cumpla las 480 horas en el
+            periodo mínimo de 6 meses. Al siguiente día de la fecha de término
+            programada, se activará la opción de cargar la carta de término y
+            llenar el cuestionario de desempeño del alumno. En caso de que
+            exista algún error en los datos o cartas emitidas se les notificará
+            en este panel en cuanto el Departamento de Servicio Social y Bolsa
+            de Trabajo revise su solicitud, para que realicen la corrección
+            correspondiente.
           </p>
         </section>
 
@@ -40,22 +44,28 @@
             Añadir Servicio Social
           </h1>
 
-          <div class="columns is-variable is-1-mobile is-0-tablet is-3-desktop is-8-widescreen is-2-fullhd pl-0">
+          <div
+            class="columns is-variable is-1-mobile is-0-tablet is-3-desktop is-8-widescreen is-2-fullhd pl-0"
+          >
             <div class="column  pl-0">
               <form>
                 <b-field class="column p-0 my-5 is-full">
-                        <input
-                        class="input column "
-                        v-model="noCuenta"
-                        message="Solo numeros"
-                        required="required"
-                        maxlength="9" type="number"
-                        placeholder="Cuenta"
-                        min="0" />
+                  <input
+                    class="input column "
+                    v-model="noCuenta"
+                    message="Solo numeros"
+                    required="required"
+                    maxlength="9"
+                    type="number"
+                    placeholder="Cuenta"
+                    min="0"
+                  />
 
-                        <p class="control">
-                          <b-button class="button is-info" @click=" buscarAlumno()">Buscar</b-button>
-                        </p>
+                  <p class="control">
+                    <b-button class="button is-info" @click="buscarAlumno()"
+                      >Buscar</b-button
+                    >
+                  </p>
                 </b-field>
 
                 <b-field label="Nombre">
@@ -67,18 +77,25 @@
                 </b-field>
 
                 <b-field label="Créditos">
-                  <div class="input">{{ alumno.creditos[1]}}{{ alumno.creditos[2]}}<span v-if="alumno.creditos">%</span></div>
+                  <div class="input">
+                    {{ alumno.creditos[1] }}{{ alumno.creditos[2]
+                    }}<span v-if="alumno.creditos">%</span>
+                  </div>
                 </b-field>
 
                 <b-field label="Seleccione programa">
-                    <b-select placeholder="programa"  expanded v-model="programaSelectedID">
-                      <option
+                  <b-select
+                    placeholder="programa"
+                    expanded
+                    v-model="programaSelectedID"
+                  >
+                    <option
                       v-for="programa in programas"
                       v-bind:key="programa.idPrograma"
                       :value="programa.idPrograma"
-                      >{{ programa.programa }}</option>
-
-                    </b-select>
+                      >{{ programa.programa }}</option
+                    >
+                  </b-select>
                 </b-field>
 
                 <b-field label="Institución">
@@ -95,11 +112,17 @@
 
                 <div v-if="programaSelected.acatlan == true">
                   <b-field label="Programa interno">
-                    <b-input v-model="programaSelected.programaInterno" placeholder="Programa interno"></b-input>
+                    <b-input
+                      v-model="programaSelected.programaInterno"
+                      placeholder="Programa interno"
+                    ></b-input>
                   </b-field>
 
                   <b-field label="Profesor">
-                    <b-input v-model="programaSelected.profesor" placeholder="Profesor"></b-input>
+                    <b-input
+                      v-model="programaSelected.profesor"
+                      placeholder="Profesor"
+                    ></b-input>
                   </b-field>
                 </div>
 
@@ -108,7 +131,8 @@
                     placeholder="Inicio"
                     icon="calendar-today"
                     v-model="alumno.inicio"
-                    :min-date="minDate">
+                    :min-date="minDate"
+                  >
                   </b-datepicker>
                 </b-field>
 
@@ -117,50 +141,75 @@
                     placeholder="Fin"
                     v-model="alumno.fin"
                     :min-date="minDate2"
-                    icon="calendar-today">
+                    icon="calendar-today"
+                  >
                   </b-datepicker>
                 </b-field>
 
                 <b-field label="Correo">
-              <b-input placeholder="Email" type="email" v-model="alumno.correo"></b-input>
+                  <b-input
+                    placeholder="Email"
+                    type="email"
+                    v-model="alumno.correo"
+                  ></b-input>
                 </b-field>
 
-                <h3 class="title is-4 mt-6">Carta de aceptación (en formato .PDF. No se aceptan fotos).</h3>
+                <h3 class="title is-4 mt-6">
+                  Carta de aceptación (en formato .PDF. No se aceptan fotos).
+                </h3>
 
                 <b-field>
-                    <b-upload v-model="file" drag-drop type="is-black" expanded accept="application/pdf">
-                      <section class="section">
-                        <div class="content has-text-centered">
-                          <p>
-                            <b-icon icon="upload" size="is-large"></b-icon>
-                          </p>
-                          <p>{{ file.name || "Arrastra aquí tu archivo o da click para buscar"}}</p>
-                          <p>Tamaño máximo 20MB</p>
-                        </div>
-                      </section>
-                    </b-upload>
+                  <b-upload
+                    v-model="file"
+                    drag-drop
+                    type="is-black"
+                    expanded
+                    accept="application/pdf"
+                  >
+                    <section class="section">
+                      <div class="content has-text-centered">
+                        <p>
+                          <b-icon icon="upload" size="is-large"></b-icon>
+                        </p>
+                        <p>
+                          {{
+                            file.name ||
+                              "Arrastra aquí tu archivo o da click para buscar"
+                          }}
+                        </p>
+                        <p>Tamaño máximo 20MB</p>
+                      </div>
+                    </section>
+                  </b-upload>
                 </b-field>
-
               </form>
 
               <div class="my-6">
-                <b-button tag="router-link"
-                    to="/responsable"
-                    type="is-info is-light "
-                    icon-left="arrow-left-box"
-                    class="border-info"
-                    style="float: left;"
-                    size="is-medium"
-                    >
-                    regresar
+                <b-button
+                  tag="router-link"
+                  to="/responsable"
+                  type="is-info is-light "
+                  icon-left="arrow-left-box"
+                  class="border-info"
+                  style="float: left;"
+                  size="is-medium"
+                >
+                  regresar
                 </b-button>
 
-                <b-field class="derecha" >
-                  <button :disabled='file == "" || noCuenta == "" || alumno.correo == "" ||  alumno.inicio == "" || alumno.fin == "" '
-                  class="button enviar is-success is-medium"
-                  @click="Enviar()"
-                 >
-                      Enviar
+                <b-field class="derecha">
+                  <button
+                    :disabled="
+                      file == '' ||
+                        noCuenta == '' ||
+                        alumno.correo == '' ||
+                        alumno.inicio == '' ||
+                        alumno.fin == ''
+                    "
+                    class="button enviar is-success is-medium"
+                    @click="Enviar()"
+                  >
+                    Enviar
                   </button>
                 </b-field>
               </div>
@@ -173,132 +222,132 @@
 </template>
 
 <script>
-
-import 'buefy/dist/buefy.css'
-import validator from 'validator'
-import axios from 'axios'
-import moment from 'moment'
+import "buefy/dist/buefy.css";
+import validator from "validator";
+import axios from "axios";
+import moment from "moment";
 
 export default {
-  data () {
+  data() {
     return {
       isFullPage: true,
-      noCuenta: '',
-      sizeOk: '',
+      noCuenta: "",
+      sizeOk: "",
       searched: false,
-      minDate: new Date('2020-01-01'),
-      programaSelectedID: '',
+      minDate: new Date("2020-01-01"),
+      programaSelectedID: "",
       file: [],
       programas: [],
       programaSelected: {
         idPrograma: null,
-        institucion: '',
-        dependencia: '',
-        programa: '',
-        clavePrograma: '',
-        acatlan: '',
-        activo: '',
-        idUsuario: '',
-        programaInterno: '',
-        profesor: ''
+        institucion: "",
+        dependencia: "",
+        programa: "",
+        clavePrograma: "",
+        acatlan: "",
+        activo: "",
+        idUsuario: "",
+        programaInterno: "",
+        profesor: "",
       },
       alumno: {
-        cuenta: '',
-        nombre: '',
-        carrera: '',
-        creditos: '',
-        idAlumno: '',
-        idCarrera: '',
+        cuenta: "",
+        nombre: "",
+        carrera: "",
+        creditos: "",
+        idAlumno: "",
+        idCarrera: "",
         inicio: [],
         fin: [],
-        correo: ''
-      }
-
-    }
+        correo: "",
+      },
+    };
   },
-  methods:
-  {
-    reset () {
-      this.programaSelected.idPrograma = ''
-      this.programaSelected.institucion = ''
-      this.programaSelected.dependencia = ''
-      this.programaSelected.programa = ''
-      this.programaSelected.clavePrograma = ''
-      this.programaSelected.acatlan = ''
-      this.programaSelected.activo = ''
-      this.programaSelected.idUsuario = ''
-      this.programaSelected.programaInterno = ''
-      this.programaSelected.profesor = ''
+  methods: {
+    reset() {
+      this.programaSelected.idPrograma = "";
+      this.programaSelected.institucion = "";
+      this.programaSelected.dependencia = "";
+      this.programaSelected.programa = "";
+      this.programaSelected.clavePrograma = "";
+      this.programaSelected.acatlan = "";
+      this.programaSelected.activo = "";
+      this.programaSelected.idUsuario = "";
+      this.programaSelected.programaInterno = "";
+      this.programaSelected.profesor = "";
 
-      this.alumno.cuenta = ''
-      this.alumno.nombre = ''
-      this.alumno.creditos = ''
-      this.alumno.carrera = ''
-      this.alumno.idAlumno = ''
-      this.alumno.idCarrera = ''
-      this.alumno.correo = ''
-      this.alumno.inicio = []
-      this.alumno.fin = []
+      this.alumno.cuenta = "";
+      this.alumno.nombre = "";
+      this.alumno.creditos = "";
+      this.alumno.carrera = "";
+      this.alumno.idAlumno = "";
+      this.alumno.idCarrera = "";
+      this.alumno.correo = "";
+      this.alumno.inicio = [];
+      this.alumno.fin = [];
 
-      this.noCuenta = ''
-      this.file = []
+      this.noCuenta = "";
+      this.file = [];
     },
-    esNumero (numero) {
-      const ultimaLetra = numero.length - 1
+    esNumero(numero) {
+      const ultimaLetra = numero.length - 1;
 
-      if (numero && !validator.isNumeric(numero[ultimaLetra])) { return numero.substr(0, ultimaLetra) }
-      return numero
+      if (numero && !validator.isNumeric(numero[ultimaLetra])) {
+        return numero.substr(0, ultimaLetra);
+      }
+      return numero;
     },
-    maxLength (str, max) {
-      if (str.length > max) return str.substr(0, max)
-      return str
+    maxLength(str, max) {
+      if (str.length > max) return str.substr(0, max);
+      return str;
     },
-    correoValidado () {
+    correoValidado() {
       if (validator.isEmail(this.alumno.correo)) {
-        console.log('es correo')
-        return ''
+        console.log("es correo");
+        return "";
       }
     },
-    buscarAlumno () {
+    buscarAlumno() {
       const loadingComponent = this.$buefy.loading.open({
-        container: this.isFullPage ? null : this.$refs.element.$el
-      })
-      axios.get(`${process.env.api}/usuario/escolares`, {
-        params: {
-          numeroCuenta: this.noCuenta
-        }
-      })
-        .then(resp => {
-          loadingComponent.close()
-
-          console.log(resp.data)
-          this.alumno.cuenta = this.noCuenta
-          this.alumno.nombre = resp.data.nombre
-          this.alumno.carrera = resp.data.carrera
-          this.alumno.creditos = resp.data.creditos
-          this.alumno.idCarrera = resp.data.idCarrera
-          this.alumno.idAlumno = resp.data.idUsuario
-
-          this.searched = true
+        container: this.isFullPage ? null : this.$refs.element.$el,
+      });
+      axios
+        .get(`${process.env.api}/usuario/escolares`, {
+          params: {
+            numeroCuenta: this.noCuenta,
+          },
         })
-        .catch(error => {
-          loadingComponent.close()
+        .then((resp) => {
+          loadingComponent.close();
+
+          console.log(resp.data);
+          this.alumno.cuenta = this.noCuenta;
+          this.alumno.nombre = resp.data.nombre;
+          this.alumno.carrera = resp.data.carrera;
+          this.alumno.creditos = resp.data.creditos;
+          this.alumno.idCarrera = resp.data.idCarrera;
+          this.alumno.idAlumno = resp.data.idUsuario;
+
+          this.searched = true;
+        })
+        .catch((error) => {
+          loadingComponent.close();
           this.$buefy.dialog.alert({
-            title: 'Error',
+            title: "Error",
             message: error.response.data.message,
-            type: 'is-danger',
+            type: "is-danger",
             hasIcon: true,
-            icon: 'alert-circle',
-            iconPack: 'mdi',
-            ariaRole: 'alertdialog',
-            ariaModal: true
-          })
-        })
+            icon: "alert-circle",
+            iconPack: "mdi",
+            ariaRole: "alertdialog",
+            ariaModal: true,
+          });
+        });
     },
-    Enviar () {
+    Enviar() {
       const loadingComponent = this.$buefy.loading.open({
-        container: this.isFullPage ? null : this.$refs.element.$el
-      })
+        container: this.isFullPage ? null : this.$refs.element.$el,
+      });
       const data = {
         idUsuario: this.alumno.idAlumno,
         idPrograma: this.programaSelected.idPrograma,
@@ -307,149 +356,148 @@ export default {
         creditos: this.alumno.creditos,
         correo: this.alumno.correo,
         fechaInicio: moment(this.alumno.inicio),
-        fechaFin: moment(this.alumno.fin)
+        fechaFin: moment(this.alumno.fin),
+      };
+      const formData = new FormData();
+      console.log(data);
+      formData.append("alumno", JSON.stringify(data));
+      formData.append("cartaAceptacion", this.file);
 
-      }
-      const formData = new FormData()
-      console.log(data)
-      formData.append('alumno', JSON.stringify(data))
-      formData.append('cartaAceptacion', this.file)
-
-      axios.post(`${process.env.api}/servicio/nuevo`, formData, {
-        headers: {
-          'Content-Type': 'multipart/form-data'
-        }
-      })
-        .then(res => {
-          loadingComponent.close()
-          this.$buefy.dialog.alert({
-            title: 'Success',
-            message: 'Se enviaron los datos correctamente',
-            type: 'is-success',
-            hasIcon: true,
-            icon: 'checkbox-marked-circle',
-            iconPack: 'mdi',
-            ariaRole: 'alertdialog',
-            ariaModal: true
-          })
-
-          this.reset()
+      axios
+        .post(`${process.env.api}/servicio/nuevo`, formData, {
+          headers: {
+            "Content-Type": "multipart/form-data",
+          },
         })
-        .catch(error => {
-          loadingComponent.close()
+        .then((res) => {
+          loadingComponent.close();
           this.$buefy.dialog.alert({
-            title: 'Error',
+            title: "Success",
+            message: "Se enviaron los datos correctamente",
+            type: "is-success",
+            hasIcon: true,
+            icon: "checkbox-marked-circle",
+            iconPack: "mdi",
+            ariaRole: "alertdialog",
+            ariaModal: true,
+          });
+
+          this.reset();
+        })
+        .catch((error) => {
+          loadingComponent.close();
+          this.$buefy.dialog.alert({
+            title: "Error",
             message: error.response.data.message,
-            type: 'is-danger',
+            type: "is-danger",
             hasIcon: true,
-            icon: 'alert-circle',
-            iconPack: 'mdi',
-            ariaRole: 'alertdialog',
-            ariaModal: true
-          })
-        })
-    }
+            icon: "alert-circle",
+            iconPack: "mdi",
+            ariaRole: "alertdialog",
+            ariaModal: true,
+          });
+        });
+    },
   },
   watch: {
-    noCuenta () {
+    noCuenta() {
       if (this.searched === false) {
-        this.noCuenta = Number(this.noCuenta) < 0 ? '' : this.noCuenta
-        this.noCuenta = this.esNumero(this.noCuenta)
-        this.noCuenta = this.maxLength(this.noCuenta, 9)
+        this.noCuenta = Number(this.noCuenta) < 0 ? "" : this.noCuenta;
+        this.noCuenta = this.esNumero(this.noCuenta);
+        this.noCuenta = this.maxLength(this.noCuenta, 9);
       } else {
-        this.noCuenta = ''
-        this.searched = false
-        this.reset()
+        this.noCuenta = "";
+        this.searched = false;
+        this.reset();
       }
     },
-    programaSelectedID () {
+    programaSelectedID() {
       if (this.programaSelectedID) {
         for (let i = 0; i < this.programas.length; i++) {
           if (this.programas[i].idPrograma === this.programaSelectedID) {
-            this.programaSelected.idPrograma = this.programas[i].idPrograma
-            this.programaSelected.programa = this.programas[i].programa
-            this.programaSelected.institucion = this.programas[i].institucion
-            this.programaSelected.dependencia = this.programas[i].dependencia
-            this.programaSelected.clavePrograma = this.programas[i].clavePrograma
-            this.programaSelected.acatlan = this.programas[i].acatlan
-            this.programaSelected.activo = this.programas[i].activo
+            this.programaSelected.idPrograma = this.programas[i].idPrograma;
+            this.programaSelected.programa = this.programas[i].programa;
+            this.programaSelected.institucion = this.programas[i].institucion;
+            this.programaSelected.dependencia = this.programas[i].dependencia;
+            this.programaSelected.clavePrograma = this.programas[
+              i
+            ].clavePrograma;
+            this.programaSelected.acatlan = this.programas[i].acatlan;
+            this.programaSelected.activo = this.programas[i].activo;
           }
         }
       }
     },
-    file () {
-      console.log(this.file.size)
+    file() {
+      console.log(this.file.size);
       if (this.file.size >= 20000000) {
         this.$buefy.dialog.alert({
-          title: 'Error',
-          message: 'El tamaño del archivo exede los 20MB',
-          type: 'is-danger',
+          title: "Error",
+          message: "El tamaño del archivo exede los 20MB",
+          type: "is-danger",
           hasIcon: true,
-          icon: 'alert-circle',
-          iconPack: 'mdi',
-          ariaRole: 'alertdialog',
-          ariaModal: true
-        })
-        this.file = []
+          icon: "alert-circle",
+          iconPack: "mdi",
+          ariaRole: "alertdialog",
+          ariaModal: true,
+        });
+        this.file = [];
       }
     },
-    'alumno.inicio' () {
-      this.alumno.fin = []
-    }
-
+    "alumno.inicio"() {
+      this.alumno.fin = [];
+    },
   },
-  mounted () {
-    console.log(localStorage.getItem('idUsuario'))
-    axios.get(`${process.env.api}/programa`, {
-      params: {
-        idUsuario: localStorage.getItem('idUsuario')
-      }
-    })
-      .then(resp => {
-        console.log(resp.data)
-        this.programas = resp.data
-        console.log(this.programas)
+  mounted() {
+    console.log(localStorage.getItem("idUsuario"));
+    axios
+      .get(`${process.env.api}/programa`, {
+        params: {
+          idUsuario: localStorage.getItem("idUsuario"),
+        },
       })
-      .catch(error => {
-        console.log(error.response.data.message)
+      .then((resp) => {
+        console.log(resp.data);
+        this.programas = resp.data;
+        console.log(this.programas);
       })
+      .catch((error) => {
+        console.log(error.response.data.message);
+      });
   },
   computed: {
-    minDate2 () {
-      const min = new Date(this.alumno.inicio)
-      return new Date(min.getFullYear(), min.getMonth() + 6, min.getDate())
-    }
-  }
-}
+    minDate2() {
+      const min = new Date(this.alumno.inicio);
+      return new Date(min.getFullYear(), min.getMonth() + 6, min.getDate());
+    },
+  },
+};
 </script>
 
 <style scoped>
-.titleAnadir,pre{
+.titleAnadir,
+pre {
   margin: 4rem 0 0rem 0;
 }
-.derecha{
+.derecha {
   text-align: center;
-
 }
-.file-cta{
+.file-cta {
   background-color: #167df0 !important;
 }
 .disabled {
   cursor: help !important;
   pointer-events: all !important;
 }
-.columns{
+.columns {
   margin: 0;
 }
-.border-info{
-  border: 1px solid #167df0 ;
+.border-info {
+  border: 1px solid #167df0;
 }
 @media (min-width: 600px) {
-  .derecha{
-      padding-right: 120px;
-
+  .derecha {
+    padding-right: 120px;
   }
-
 }
-
 </style>
diff --git a/plugins/README.md b/plugins/README.md
deleted file mode 100644
index ca1f9d8..0000000
--- a/plugins/README.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# PLUGINS
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-This directory contains Javascript plugins that you want to run before mounting the root Vue.js application.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/plugins).
diff --git a/static/README.md b/static/README.md
deleted file mode 100644
index cf00435..0000000
--- a/static/README.md
+++ /dev/null
@@ -1,11 +0,0 @@
-# STATIC
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-This directory contains your static files.
-Each file inside this directory is mapped to `/`.
-Thus you'd want to delete this README.md before deploying to production.
-
-Example: `/static/robots.txt` is mapped as `/robots.txt`.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#static).
diff --git a/store/README.md b/store/README.md
deleted file mode 100644
index 1972d27..0000000
--- a/store/README.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# STORE
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-This directory contains your Vuex Store files.
-Vuex Store option is implemented in the Nuxt.js framework.
-
-Creating a file in this directory automatically activates the option in the framework.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/vuex-store).