diff --git a/components/admin/servicio/inputTableA.vue b/components/admin/servicio/inputTableA.vue
index d67ec8f..69d3147 100644
--- a/components/admin/servicio/inputTableA.vue
+++ b/components/admin/servicio/inputTableA.vue
@@ -46,19 +46,13 @@
         </div>
 
         <div class="buttons section pt-3 pl-5">
-        <b-button type="is-info" @click="obtenerDatos()">
+        <b-button type="is-info" @click="obtenerDatos(idStatus)">
             Buscar
         </b-button>
       </div>
 
     </div>
 
-    <div class="buttons section pt-0 pl-0">
-        <b-button type="is-info">
-            Ver programas
-        </b-button>
-    </div>
-
     <div class="columns">
       <section class="column is-12">
           <b-table
@@ -177,11 +171,11 @@ export default {
       const fecha = moment(date.substr(0, 10))
       return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`
     },
-    obtenerDatos () {
+    obtenerDatos (idStatus) {
       this.loading = true
       this.data = []
 
-      axios.get(`${process.env.api}/servicio/servicios_admin?pagina=${this.page}&idStatus=${this.idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
+      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
 
@@ -218,14 +212,13 @@ export default {
       window.localStorage.setItem('idServicio', idServicio)
       this.$router.push('/admin/servicio')
     },
-    admRes () {
+    insertIdLocal () {
       this.idUsuario = localStorage.getItem('idUsuario')
-      console.log(this.idUsuario)
     }
   },
   created () {
-    this.admRes()
-    this.obtenerDatos()
+    this.insertIdLocal()
+    this.obtenerDatos(0)
   }
 }
 </script>
diff --git a/components/alumno/DataAlumno.vue b/components/alumno/DataAlumno.vue
index 926a2eb..9f00049 100644
--- a/components/alumno/DataAlumno.vue
+++ b/components/alumno/DataAlumno.vue
@@ -2,42 +2,73 @@
   <section>
     <div class="container px-3">
       <div class="progressBar my-6">
-            <b-steps type="is-success" size="is-large" :has-navigation="false" v-model="activeStep" >
-              <b-step-item :clickable="false" label="Pre Registro" icon="account-plus"></b-step-item>
-              <b-step-item :clickable="false" label="Registro" icon="account-clock"></b-step-item>
-              <b-step-item :clickable="false" label="Registro Validado" icon="account"></b-step-item>
-              <b-step-item :clickable="false" label="Pre Termino" icon="account-details"></b-step-item>
-              <b-step-item :clickable="false" label="Termino" icon="account-clock"></b-step-item>
-              <b-step-item :clickable="false" label="Liberacion" icon="account-check"></b-step-item>
-            </b-steps>
+        <b-steps
+          type="is-success"
+          size="is-large"
+          :has-navigation="false"
+          v-model="activeStep"
+        >
+          <b-step-item
+            :clickable="false"
+            label="Pre Registro"
+            icon="account-plus"
+          ></b-step-item>
+          <b-step-item
+            :clickable="false"
+            label="Registro"
+            icon="account-clock"
+          ></b-step-item>
+          <b-step-item
+            :clickable="false"
+            label="Registro Validado"
+            icon="account"
+          ></b-step-item>
+          <b-step-item
+            :clickable="false"
+            label="Pre Termino"
+            icon="account-details"
+          ></b-step-item>
+          <b-step-item
+            :clickable="false"
+            label="Termino"
+            icon="account-clock"
+          ></b-step-item>
+          <b-step-item
+            :clickable="false"
+            label="Liberacion"
+            icon="account-check"
+          ></b-step-item>
+        </b-steps>
       </div>
 
-    <div class="mensajeDiv" v-for="mensaje in mensajes" :key="mensaje.status" >
-       <div v-if="mensaje.mensaje !='' && mensaje.status == activeStep">
-        <p class="mensaje has-text-justified">
-          <span class="block is-size-5">Estimado alumno(a): </span><br><br>
-          {{mensaje.mensaje}}
-        </p>
+      <div class="mensajeDiv" v-for="mensaje in mensajes" :key="mensaje.status">
+        <div v-if="mensaje.mensaje != '' && mensaje.status == activeStep">
+          <p class="mensaje has-text-justified">
+            <span class="block is-size-5">Estimado alumno(a): </span
+            ><br /><br />
+            {{ mensaje.mensaje }}
+          </p>
         </div>
-    </div>
+      </div>
 
-      <div  class="info" >
-          <div class="info-programa">
+      <div class="info">
+        <div class="info-programa">
           <h3 class="title is-3">Información del programa</h3>
-          <p><strong> Programa: </strong> {{ programa.programa }} </p>
+          <p><strong> Programa: </strong> {{ programa.programa }}</p>
           <p><strong> Institución: </strong> {{ programa.institucion }}</p>
           <p><strong> Dependencia: </strong> {{ programa.dependencia }}</p>
           <p><strong> Clave del programa: </strong> {{ programa.clave }}</p>
           <div v-if="programa.acatlan == true">
-          <p><strong> Programa Interno: </strong> {{ programa.programaInterno }}</p>
-          <p><strong> Profesor: </strong> {{ programa.profesor }}</p>
-
+            <p>
+              <strong> Programa Interno: </strong>
+              {{ programa.programaInterno }}
+            </p>
+            <p><strong> Profesor: </strong> {{ programa.profesor }}</p>
           </div>
-
-          </div>
-          <div class="info-alumno mt-6">
+        </div>
+        <div class="info-alumno mt-6">
           <h3 class="title is-3">Información del alumno</h3>
-          <p><strong> Nombre: </strong> {{ alumno.nombre }} </p>
+          <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> Correo: </strong> {{ alumno.correo }}</p>
@@ -45,112 +76,126 @@
           <div class="mt-4 info-extra" v-if="activeStep >= 2">
             <p><strong> Direccion: </strong> {{ alumno.direccion }}</p>
             <p><strong> Telefono: </strong> {{ alumno.telefono }}</p>
-            <p><strong> Fecha de nacimiento: </strong> {{ alumno.nacimiento }}</p>
+            <p>
+              <strong> Fecha de nacimiento: </strong> {{ alumno.nacimiento }}
+            </p>
           </div>
-          </div>
-
+        </div>
       </div>
 
-      <div class="registro" v-if="activeStep==1">
+      <div class="registro" v-if="activeStep == 1">
         <h3 class="title is-3 my-5">Formulario Pre-registro</h3>
-        <form >
+        <form>
           <b-field label="Fecha de nacimiento">
-                    <b-datepicker
-                      placeholder="Fecha de nacimiento"
-                      icon="calendar-today"
-                      v-model="nacimiento"
-                      >
-                    </b-datepicker>
+            <b-datepicker
+              placeholder="Fecha de nacimiento"
+              icon="calendar-today"
+              v-model="nacimiento"
+            >
+            </b-datepicker>
           </b-field>
 
           <b-field label="Telefono">
-              <b-input placeholder="Telefono" maxlength="10" v-model="telefono" type="tel" >
-              </b-input>
+            <b-input
+              placeholder="Telefono"
+              maxlength="10"
+              v-model="telefono"
+              type="tel"
+            >
+            </b-input>
           </b-field>
 
           <b-field label="Direccion">
-            <b-input maxlength="200 " placeholder="Direccion" type="textarea" v-model="direccion"></b-input>
+            <b-input
+              maxlength="200 "
+              placeholder="Direccion"
+              type="textarea"
+              v-model="direccion"
+            ></b-input>
           </b-field>
-
         </form>
         <div class="my-4 mb-6">
-        <b-field >
+          <b-field>
             <button
-            :disabled="nacimiento=='' || telefono=='' || direccion==''"
-            class="button is-success is-medium"
-            @click="enviarRegistro()"
+              :disabled="nacimiento == '' || telefono == '' || direccion == ''"
+              class="button is-success is-medium"
+              @click="enviarRegistro()"
             >
-                Enviar
+              Enviar
             </button>
           </b-field>
         </div>
       </div>
 
-      <div class="registro-validado"  v-if="activeStep==2">
-      </div>
+      <div class="registro-validado" v-if="activeStep == 2"></div>
 
-      <div class="pre-termino" v-if="activeStep==3 || activeStep==9">
-        <h3 class="title is-4 mt-6">Cuestionario de evaluación del programa de servicio social</h3>
-        <div class=" my-6" v-if="alumno.idCuestionario == null">
-          <b-button tag="router-link"
+      <div class="pre-termino" v-if="activeStep == 3 || activeStep == 9">
+        <h3 class="title is-4 mt-6">
+          Cuestionario de evaluación del programa de servicio social
+        </h3>
+        <div class="my-6" v-if="alumno.idCuestionario == null">
+          <b-button
+            tag="router-link"
             to="/alumno/cuestionario"
             type="is-info is-light "
             icon-left="book-open"
             class="border-info"
             size="is-medium"
-            >
-              cuestionario
+          >
+            cuestionario
           </b-button>
         </div>
-        <div class="is-flex " v-else>
-        <p class="block is-size-5">Cuestionario contestado </p>
-        <b-icon
-            icon="check-bold"
-            size="is-small"
-            type="is-success">
-        </b-icon>
+        <div class="is-flex" v-else>
+          <p class="block is-size-5">Cuestionario contestado</p>
+          <b-icon icon="check-bold" size="is-small" type="is-success"> </b-icon>
         </div>
 
-        <h3 class="title is-4 mt-6">Informe global de actividades (en formato .PDF. No se aceptan fotos).</h3>
+        <h3 class="title is-4 mt-6">
+          Informe global de actividades (en formato .PDF. No se aceptan fotos).
+        </h3>
         <div v-if="alumno.informeGlobal == null">
           <b-field type="black">
-            <b-upload v-model="file" type="black" drag-drop expanded accept="application/pdf">
+            <b-upload
+              v-model="file"
+              type="black"
+              drag-drop
+              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>
+                    {{
+                      file.name ||
+                      "Arrastra aquí tu archivo o da click para buscar"
+                    }}
+                  </p>
                 </div>
               </section>
             </b-upload>
-
           </b-field>
           <b-field class="derecha">
-                  <button :disabled='file == ""'
-                  class="button is-success is-medium mb-4"
-                  @click="enviarInforme()"
-                  >
-                      Enviar
-                  </button>
+            <button
+              :disabled="file == ''"
+              class="button is-success is-medium mb-4"
+              @click="enviarInforme()"
+            >
+              Enviar
+            </button>
           </b-field>
         </div>
-        <div class="is-flex " v-else>
-          <p class="block is-size-5">Informe contestado </p>
-          <b-icon
-              icon="check-bold"
-              size="is-small"
-              type="is-success">
-          </b-icon>
+        <div class="is-flex" v-else>
+          <p class="block is-size-5">Informe contestado</p>
+          <b-icon icon="check-bold" size="is-small" type="is-success"> </b-icon>
         </div>
       </div>
 
-      <div class="termino" v-if="activeStep==4">
-      </div>
-
-      <div class="Liberacion" v-if="activeStep==5">
-      </div>
+      <div class="termino" v-if="activeStep == 4"></div>
 
+      <div class="Liberacion" v-if="activeStep == 5"></div>
     </div>
   </section>
 </template>
@@ -185,7 +230,6 @@ export default {
         idServicio: '',
         inicio: [],
         fin: []
-
       },
       programa: {
         programa: '',
@@ -199,10 +243,22 @@ export default {
       mensajes: [
         { 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' },
+        {
+          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'
+        },
         { status: 3, mensaje: '' },
-        { status: 4, mensaje: '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' },
+        {
+          status: 4,
+          mensaje:
+            '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'
+        },
         { status: 6, mensaje: '' },
         { status: 7, mensaje: '' },
         { status: 8, mensaje: '' },
@@ -211,7 +267,6 @@ export default {
     }
   },
   methods: {
-
     enviarRegistro () {
       const loadingComponent = this.$buefy.loading.open({
         container: this.isFullPage ? null : this.$refs.element.$el
@@ -224,8 +279,9 @@ export default {
         fechaNacimiento: moment(this.nacimiento)
       }
 
-      axios.put(`${process.env.api}/servicio/registro_validado`, data)
-        .then(res => {
+      axios
+        .put(`${process.env.api}/servicio/registro_validado`, data)
+        .then((res) => {
           loadingComponent.close()
           this.$buefy.dialog.alert({
             title: 'Success',
@@ -240,7 +296,7 @@ export default {
 
           this.reset()
         })
-        .catch(error => {
+        .catch((error) => {
           loadingComponent.close()
           this.$buefy.dialog.alert({
             title: 'Error',
@@ -260,19 +316,19 @@ export default {
       })
       const data = {
         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'
-        }
-      })
-        .then(res => {
+      axios
+        .put(`${process.env.api}/servicio/informe_global`, formData, {
+          headers: {
+            'Content-Type': 'multipart/form-data'
+          }
+        })
+        .then((res) => {
           loadingComponent.close()
           this.$buefy.dialog.alert({
             title: 'Success',
@@ -287,7 +343,7 @@ export default {
 
           this.reset()
         })
-        .catch(error => {
+        .catch((error) => {
           loadingComponent.close()
           this.$buefy.dialog.alert({
             title: 'Error',
@@ -303,19 +359,19 @@ export default {
     }
   },
   computed: {
- 
     steps () {
       const steps = [...this.baseSteps]
       return steps
     }
   },
   created () {
-    axios.get(`${process.env.api}/servicio/alumno`, {
-      params: {
-        idUsuario: localStorage.getItem('idUsuario')
-      }
-    })
-      .then(resp => {
+    axios
+      .get(`${process.env.api}/servicio/alumno`, {
+        params: {
+          idUsuario: localStorage.getItem('idUsuario')
+        }
+      })
+      .then((resp) => {
         console.log(resp.data)
         this.activeStep = resp.data.Status.idStatus - 1
 
@@ -341,30 +397,27 @@ export default {
         this.alumno.nombre = localStorage.getItem('nombre')
         this.alumno.cuenta = localStorage.getItem('usuario')
       })
-      .catch(error => {
+      .catch((error) => {
         console.log(error.message)
       })
   }
-
 }
 </script>
 
 <style scoped>
-.border-info{
-  border: 1px solid #167df0 ;
+.border-info {
+  border: 1px solid #167df0;
 }
-.info-alumno p{
-  margin-bottom: .8rem;
-
+.info-alumno p {
+  margin-bottom: 0.8rem;
 }
-.info-programa p{
-  margin-bottom: .8rem;
-
+.info-programa p {
+  margin-bottom: 0.8rem;
 }
-.mensaje{
+.mensaje {
   margin: 3.5rem 0;
 }
-.else{
+.else {
   display: flex;
   align-content: center !important;
 }
diff --git a/components/alumno/ejemplo.vue b/components/alumno/ejemplo.vue
deleted file mode 100644
index be22198..0000000
--- a/components/alumno/ejemplo.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-  <section class="container">
-    <p>hola</p>
-  </section>
-</template>
-
-<script>
-export default {}
-</script>
diff --git a/components/layouts/Logout.vue b/components/layouts/Logout.vue
index 6ccfeaf..88dff85 100644
--- a/components/layouts/Logout.vue
+++ b/components/layouts/Logout.vue
@@ -1,27 +1,42 @@
 <template>
   <section>
-    <nav class="container is-flex is-justify-content-flex-end">
-      <b-button type="is-danger" @click="cerrarSesion()">Cerrar Sesión</b-button>
+    <nav
+      class="container is-flex is-justify-content-space-between has-text-white is-align-items-center"
+    >
+      <p>{{ usuario }}</p>
+      <b-button type="is-danger is-small my-1 rojo" @click="cerrarSesion()"
+        >Cerrar Sesión</b-button
+      >
     </nav>
   </section>
 </template>
 
 <script>
 export default {
+  data() {
+    return { usuario: "" };
+  },
+  created() {
+    this.usuario = localStorage.getItem("usuario");
+  },
   methods: {
-    cerrarSesion () {
+    cerrarSesion() {
       // localStorage.removeItem('user')
       // localStorage.removeItem('token')
       // localStorage.removeItem('')
 
-      this.$router.push('/')
-    }
-  }
-}
+      this.$router.push("/");
+    },
+  },
+};
 </script>
 
 <style scoped>
 section {
   background-color: #bb8800;
 }
+
+.rojo {
+  background-color: #dc3545;
+}
 </style>
diff --git a/components/responsable/cartaTermino.vue b/components/responsable/cartaTermino.vue
new file mode 100644
index 0000000..b638a90
--- /dev/null
+++ b/components/responsable/cartaTermino.vue
@@ -0,0 +1,38 @@
+<template>
+<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">
+            <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>
+            </div>
+            </section>
+        </b-upload>
+    </b-field>
+
+    <b-button
+            class="border-info my-5"
+            type="is-info"
+            tag="router-link"
+            to="/responsable">Enviar</b-button>
+</div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      file: ''
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>
diff --git a/components/responsable/cuestionario.vue b/components/responsable/cuestionario.vue
new file mode 100644
index 0000000..a78cbe1
--- /dev/null
+++ b/components/responsable/cuestionario.vue
@@ -0,0 +1,135 @@
+<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="actividad1" maxlength="800"></b-input>
+            <b-input class="my-4" placeholder="2.-" v-model="actividad2" maxlength="800"></b-input>
+            <b-input class="my-4" placeholder="3.-" v-model="actividad3" maxlength="800"></b-input>
+            <b-input class="my-4" placeholder="4.-" v-model="actividad4" maxlength="800"></b-input>
+            <b-input class="mt-3" placeholder="5.-" v-model="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">
+                        <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">
+                        <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">
+                        <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">
+                        <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">
+                        <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="150"></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="150"></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 () {
+    return {
+      actividad1: '',
+      actividad2: '',
+      actividad3: '',
+      actividad4: '',
+      actividad5: ''
+    }
+  },
+  methods: {
+    imprime () {
+      console.log(this.actividad1)
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>
diff --git a/components/responsable/inputTable.vue b/components/responsable/inputTable.vue
index 10451c1..19c9a7a 100644
--- a/components/responsable/inputTable.vue
+++ b/components/responsable/inputTable.vue
@@ -45,7 +45,7 @@
         </div>
 
         <div class="buttons section pt-3 pl-5">
-        <b-button type="is-info" @click="obtenerDatos()">
+        <b-button type="is-info" @click="obtenerDatos(idStatus)">
             Buscar
         </b-button>
       </div>
@@ -67,26 +67,33 @@
           @page-change="onPageChange"
           >
               <b-table-column field="nombre" label="Nombre" v-slot="props" centered>
-                  <span>{{ props.row.nombre}}</span>
+                  <span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(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 >{{ props.row.numeroCuenta}}</span>
+                  <span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(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 >{{ props.row.carrera}}</span>
+                  <span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(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 >{{ fecha(props.row.fechaInicio) }}</span>
+                  <span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ fecha(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 >{{ fecha(props.row.fechaFin) }}</span>
+                  <span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ fecha(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="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaFin) }}</span>
                  <span 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">
+                  <span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)"> ----- </span>
+                  <div v-if="props.row.idStatus >= 4 && props.row.idStatus <= 7 || props.row.idStatus == 9">
                     <span
                     v-if="props.row.cartaTermino === 1"
                     >
@@ -105,7 +112,8 @@
               </b-table-column>
 
               <b-table-column field="cuestionario" label="Cuestionario" v-slot="props" centered v-if="idUsuario == 2">
-                  <div v-if="props.row.status === 'Pre-Termino'">
+                  <span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)"> ----- </span>
+                  <div v-if="props.row.idStatus >= 4 && props.row.idStatus <= 7 || props.row.idStatus == 9">
                     <span
                     v-if="props.row.cuestionario === 1"
                     >
@@ -177,6 +185,7 @@ export default {
       }
     },
     botonCarta (cartaTermino) {
+      this.$router.push('/responsable/cartaTermino')
       if (cartaTermino === 1) {
         return 'is-success'
       } else {
@@ -184,6 +193,7 @@ export default {
       }
     },
     botonCuestionario (cuestionario) {
+      this.$router.push('/responsable/cuestionario')
       if (cuestionario === 1) {
         return 'is-success'
       } else {
@@ -208,11 +218,10 @@ export default {
       const fecha = moment(date.substr(0, 10))
       return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`
     },
-    obtenerDatos () {
+    obtenerDatos (idStatus) {
       this.loading = true
       this.data = []
-
-      axios.get(`${process.env.api}/servicio/servicios_responsable?idUsuario=${this.idUsuario}&pagina=${this.page}&idStatus=${this.idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
+      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
 
@@ -246,14 +255,17 @@ export default {
           this.loading = false
         })
     },
-    admRes () {
+    Servicio (idServicio) {
+      window.localStorage.setItem('idServicio', idServicio)
+      this.$router.push('/responsable/cartaTermino')
+    },
+    insertIdLocal () {
       this.idUsuario = localStorage.getItem('idUsuario')
-      console.log(this.idUsuario)
     }
   },
   created () {
-    this.admRes()
-    this.obtenerDatos()
+    this.insertIdLocal()
+    this.obtenerDatos(0)
   }
 }
 </script>
@@ -274,4 +286,7 @@ export default {
   background-color: #1b3d70;
   border-color: #1b3d70;
 }
+.cursor{
+  cursor: pointer;
+}
 </style>
diff --git a/nuxt.config.js b/nuxt.config.js
index e876ab5..30d8d1f 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -4,28 +4,24 @@ export default {
   ssr: false,
 
   // Target (https://go.nuxtjs.dev/config-target)
-  target: 'static',
+  target: "static",
 
   // Global page headers (https://go.nuxtjs.dev/config-head)
   head: {
-    title: 'servicio_social_front',
+    title: "servicio_social_front",
     meta: [
-      { charset: 'utf-8' },
-      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-      { hid: 'description', name: 'description', content: '' }
+      { charset: "utf-8" },
+      { name: "viewport", content: "width=device-width, initial-scale=1" },
+      { hid: "description", name: "description", content: "" },
     ],
-    link: [
-      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
-    ]
+    link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }],
   },
 
   // Global CSS (https://go.nuxtjs.dev/config-css)
-  css: [
-  ],
+  css: [],
 
   // Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
-  plugins: [
-  ],
+  plugins: [],
 
   // Auto import components (https://go.nuxtjs.dev/config-components)
   components: true,
@@ -39,21 +35,20 @@ export default {
   // Modules (https://go.nuxtjs.dev/config-modules)
   modules: [
     // https://go.nuxtjs.dev/buefy
-    'nuxt-buefy',
+    "nuxt-buefy",
     // https://go.nuxtjs.dev/axios
-    '@nuxtjs/axios'
+    "@nuxtjs/axios",
   ],
 
   // Axios module configuration (https://go.nuxtjs.dev/config-axios)
   axios: {},
 
   // Build Configuration (https://go.nuxtjs.dev/config-build)
-  build: {
-  },
+  build: {},
   env: {
-    //api: 'http://localhost:3000'
-    api: 'https://b82ccc416703.ngrok.io'
-    //api: 'https//venus.acatlan.unam.mx/pruebas_pcpuma'
-  }
-
-}
+    // api: 'http://localhost:3000'
+    api: "tramites.ss@acatlan.unam.mx",
+    // api: 'https://b82ccc416703.ngrok.io'
+    // api: 'https//venus.acatlan.unam.mx/pruebas_pcpuma'
+  },
+};
diff --git a/pages/admin/index.vue b/pages/admin/index.vue
index 59750ba..cfbcd92 100644
--- a/pages/admin/index.vue
+++ b/pages/admin/index.vue
@@ -1,6 +1,13 @@
 <template>
   <div class="container">
     <div class="section">
+      <div class="buttons section py-0 pl-0">
+
+        <b-button type="is-info">
+            Ver programas
+        </b-button>
+      </div>
+
       <div class="pb-0">
         <p class="title is-three-fifths is-offset-one-fifth">Servicios Sociales</p>
       </div>
diff --git a/pages/responsable/cartaTermino/index.vue b/pages/responsable/cartaTermino/index.vue
new file mode 100644
index 0000000..aeca078
--- /dev/null
+++ b/pages/responsable/cartaTermino/index.vue
@@ -0,0 +1,14 @@
+<template>
+  <section>
+    <Cuestionario />
+  </section>
+</template>
+
+<script>
+import Cuestionario from '../../../components/responsable/cartaTermino'
+export default {
+  components: {
+    Cuestionario
+  }
+}
+</script>
diff --git a/pages/responsable/cuestionario/index.vue b/pages/responsable/cuestionario/index.vue
index 014129f..2081068 100644
--- a/pages/responsable/cuestionario/index.vue
+++ b/pages/responsable/cuestionario/index.vue
@@ -1,9 +1,14 @@
 <template>
   <section>
-    hola
+    <cuestionario />
   </section>
 </template>
 
 <script>
-export default {}
+import Cuestionario from '../../../components/responsable/cuestionario'
+export default {
+  components: {
+    Cuestionario
+  }
+}
 </script>