diff --git a/components/responsable/cartaTermino.vue b/components/responsable/cartaTermino.vue
new file mode 100644
index 0000000..891bf5e
--- /dev/null
+++ b/components/responsable/cartaTermino.vue
@@ -0,0 +1,32 @@
+<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>
+</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..27a79fc
--- /dev/null
+++ b/components/responsable/cuestionario.vue
@@ -0,0 +1,128 @@
+<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"
+            icon-left="arrow-left-box">Regresar</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..0f89b5f 100644
--- a/components/responsable/inputTable.vue
+++ b/components/responsable/inputTable.vue
@@ -67,21 +67,27 @@
           @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 == 9" @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 == 9" @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 == 9" @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 == 9" @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 == 9" @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 == 9" @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>
 
@@ -177,6 +183,7 @@ export default {
       }
     },
     botonCarta (cartaTermino) {
+      this.$router.push('/responsable/cartaTermino')
       if (cartaTermino === 1) {
         return 'is-success'
       } else {
@@ -184,6 +191,7 @@ export default {
       }
     },
     botonCuestionario (cuestionario) {
+      this.$router.push('/responsable/cuestionario')
       if (cuestionario === 1) {
         return 'is-success'
       } else {
@@ -246,6 +254,10 @@ export default {
           this.loading = false
         })
     },
+    Servicio (idServicio) {
+      window.localStorage.setItem('idServicio', idServicio)
+      this.$router.push('/responsable/cartaTermino')
+    },
     admRes () {
       this.idUsuario = localStorage.getItem('idUsuario')
       console.log(this.idUsuario)
@@ -274,4 +286,7 @@ export default {
   background-color: #1b3d70;
   border-color: #1b3d70;
 }
+.cursor{
+  cursor: pointer;
+}
 </style>
diff --git a/pages/responsable/cartaTermino/index.vue b/pages/responsable/cartaTermino/index.vue
new file mode 100644
index 0000000..1f2433a
--- /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>