diff --git a/components/admin/Archivo.vue b/components/admin/Archivo.vue
index cb875b9..c703280 100644
--- a/components/admin/Archivo.vue
+++ b/components/admin/Archivo.vue
@@ -134,3 +134,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>
diff --git a/components/admin/CargaMasiva.vue b/components/admin/CargaMasiva.vue
index 5a23349..87d9106 100644
--- a/components/admin/CargaMasiva.vue
+++ b/components/admin/CargaMasiva.vue
@@ -93,3 +93,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>
diff --git a/components/admin/EditarResponsable.vue b/components/admin/EditarResponsable.vue
index a447410..917c9dd 100644
--- a/components/admin/EditarResponsable.vue
+++ b/components/admin/EditarResponsable.vue
@@ -149,3 +149,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>
diff --git a/components/admin/InformacionServicio.vue b/components/admin/InformacionServicio.vue
index cc35e93..f2c7791 100644
--- a/components/admin/InformacionServicio.vue
+++ b/components/admin/InformacionServicio.vue
@@ -111,3 +111,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>
diff --git a/components/admin/TablaCasosEspecialesAdmin.vue b/components/admin/TablaCasosEspecialesAdmin.vue
index 633dbfa..05060f4 100644
--- a/components/admin/TablaCasosEspecialesAdmin.vue
+++ b/components/admin/TablaCasosEspecialesAdmin.vue
@@ -148,4 +148,4 @@ export default {
 }
 </script>
 
-<style></style>
+<style scoped></style>
diff --git a/components/admin/TablaResponsables.vue b/components/admin/TablaResponsables.vue
index 91a5b82..5834715 100644
--- a/components/admin/TablaResponsables.vue
+++ b/components/admin/TablaResponsables.vue
@@ -147,27 +147,4 @@ export default {
 }
 </script>
 
-<style>
-.input:focus {
-  border: #1b3d70;
-  box-shadow: 0 0 8px 0 #1b3d70;
-}
-
-.select select:focus {
-  border-color: #1b3d70;
-  box-shadow: 0 0 8px 0 #1b3d70;
-}
-
-.select:not(.is-multiple):not(.is-loading)::after {
-  border-color: #1b3d70;
-}
-
-.pagination-link.is-current {
-  background-color: #1b3d70;
-  border-color: #1b3d70;
-}
-
-.pointer {
-  cursor: pointer;
-}
-</style>
+<style scoped></style>
diff --git a/components/admin/TablaServiciosSocialesAdmin.vue b/components/admin/TablaServiciosSociales.vue
similarity index 99%
rename from components/admin/TablaServiciosSocialesAdmin.vue
rename to components/admin/TablaServiciosSociales.vue
index 5bf3741..cb591c7 100644
--- a/components/admin/TablaServiciosSocialesAdmin.vue
+++ b/components/admin/TablaServiciosSociales.vue
@@ -141,4 +141,4 @@ export default {
 }
 </script>
 
-<style></style>
+<style scoped></style>
diff --git a/components/admin/TituloStatus.vue b/components/admin/TituloStatus.vue
index df75bf0..f120f09 100644
--- a/components/admin/TituloStatus.vue
+++ b/components/admin/TituloStatus.vue
@@ -21,3 +21,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>
diff --git a/components/alumno/cuestionario/A.vue b/components/alumno/cuestionario/A.vue
index 16f4cf7..f6c1e5f 100644
--- a/components/alumno/cuestionario/A.vue
+++ b/components/alumno/cuestionario/A.vue
@@ -79,3 +79,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>
diff --git a/components/alumno/cuestionario/B.vue b/components/alumno/cuestionario/B.vue
index f519c56..b585cbd 100644
--- a/components/alumno/cuestionario/B.vue
+++ b/components/alumno/cuestionario/B.vue
@@ -96,3 +96,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>
diff --git a/components/alumno/cuestionario/C.vue b/components/alumno/cuestionario/C.vue
index 1ce9a05..5b4e214 100644
--- a/components/alumno/cuestionario/C.vue
+++ b/components/alumno/cuestionario/C.vue
@@ -251,3 +251,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>
diff --git a/components/alumno/cuestionario/D.vue b/components/alumno/cuestionario/D.vue
index 633d534..c1ba8c7 100644
--- a/components/alumno/cuestionario/D.vue
+++ b/components/alumno/cuestionario/D.vue
@@ -191,3 +191,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>
diff --git a/components/alumno/cuestionario/E.vue b/components/alumno/cuestionario/E.vue
index 44025c6..162454a 100644
--- a/components/alumno/cuestionario/E.vue
+++ b/components/alumno/cuestionario/E.vue
@@ -111,3 +111,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>
diff --git a/components/alumno/cuestionario/F.vue b/components/alumno/cuestionario/F.vue
index d209643..bfe499c 100644
--- a/components/alumno/cuestionario/F.vue
+++ b/components/alumno/cuestionario/F.vue
@@ -252,3 +252,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>
diff --git a/components/alumno/cuestionario/navCues.vue b/components/alumno/cuestionario/navCues.vue
index d229967..354ac1e 100644
--- a/components/alumno/cuestionario/navCues.vue
+++ b/components/alumno/cuestionario/navCues.vue
@@ -186,3 +186,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>
diff --git a/components/alumno/info.vue b/components/alumno/info.vue
index 91123a6..3a98254 100644
--- a/components/alumno/info.vue
+++ b/components/alumno/info.vue
@@ -71,3 +71,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>
diff --git a/components/alumno/mensajes.vue b/components/alumno/mensajes.vue
index d305a1e..f19eaca 100644
--- a/components/alumno/mensajes.vue
+++ b/components/alumno/mensajes.vue
@@ -57,3 +57,5 @@ export default {
   props: ['status'],
 }
 </script>
+
+<style scoped></style>
diff --git a/components/alumno/pre-registro-validado.vue b/components/alumno/pre-registro-validado.vue
index ccc29a3..e7f8542 100644
--- a/components/alumno/pre-registro-validado.vue
+++ b/components/alumno/pre-registro-validado.vue
@@ -44,7 +44,7 @@
         </button>
       </b-field>
     </div>
-    
+
     <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading">
     </b-loading>
   </div>
@@ -152,3 +152,5 @@ export default {
   },
 }
 </script>
+
+<style scoped></style>
diff --git a/components/casoEspecial/tablaServicios.vue b/components/casoEspecial/tablaServicios.vue
index 3f6aae8..5a54ad4 100644
--- a/components/casoEspecial/tablaServicios.vue
+++ b/components/casoEspecial/tablaServicios.vue
@@ -229,23 +229,4 @@ export default {
 }
 </script>
 
-<style>
-.input:focus {
-  border: #1b3d70;
-  box-shadow: 0 0 8px 0 #1b3d70;
-}
-
-.select select:focus {
-  border-color: #1b3d70;
-  box-shadow: 0 0 8px 0 #1b3d70;
-}
-
-.select:not(.is-multiple):not(.is-loading)::after {
-  border-color: #1b3d70;
-}
-
-.pagination-link.is-current {
-  background-color: #1b3d70;
-  border-color: #1b3d70;
-}
-</style>
+<style scoped></style>
diff --git a/components/layouts/Header.vue b/components/layouts/Header.vue
index fb90c33..012ec81 100644
--- a/components/layouts/Header.vue
+++ b/components/layouts/Header.vue
@@ -1,5 +1,5 @@
 <template>
-  <header>
+  <header class="header-page">
     <div class="container py-3">
       <div
         class="columns is-gapless is-vcentered is-justify-content-space-between is-mobile"
@@ -34,8 +34,31 @@
 export default {}
 </script>
 
-<style scoped>
-header {
+<style>
+.header-page {
   background-color: #1d3d6f;
 }
+
+.input:focus {
+  border: #1b3d70;
+  box-shadow: 0 0 8px 0 #1b3d70;
+}
+
+.select select:focus {
+  border-color: #1b3d70;
+  box-shadow: 0 0 8px 0 #1b3d70;
+}
+
+.select:not(.is-multiple):not(.is-loading)::after {
+  border-color: #1b3d70;
+}
+
+.pagination-link.is-current {
+  background-color: #1b3d70;
+  border-color: #1b3d70;
+}
+
+.pointer {
+  cursor: pointer;
+}
 </style>
diff --git a/components/responsable/inputTable.vue b/components/responsable/TablaServiciosSociales.vue
similarity index 95%
rename from components/responsable/inputTable.vue
rename to components/responsable/TablaServiciosSociales.vue
index cdc6d7e..8ea96c0 100644
--- a/components/responsable/inputTable.vue
+++ b/components/responsable/TablaServiciosSociales.vue
@@ -298,23 +298,4 @@ export default {
 }
 </script>
 
-<style>
-.input:focus {
-  border: #1b3d70;
-  box-shadow: 0 0 8px 0 #1b3d70;
-}
-
-.select select:focus {
-  border-color: #1b3d70;
-  box-shadow: 0 0 8px 0 #1b3d70;
-}
-
-.select:not(.is-multiple):not(.is-loading)::after {
-  border-color: #1b3d70;
-}
-
-.pagination-link.is-current {
-  background-color: #1b3d70;
-  border-color: #1b3d70;
-}
-</style>
+<style scoped></style>
diff --git a/components/responsable/nuevoTexto.vue b/components/responsable/nuevoTexto.vue
index f4f22c7..9581f82 100644
--- a/components/responsable/nuevoTexto.vue
+++ b/components/responsable/nuevoTexto.vue
@@ -25,3 +25,5 @@
     </p>
   </section>
 </template>
+
+<style scoped></style>
diff --git a/pages/admin/index.vue b/pages/admin/index.vue
index 38ea9a0..8c2a120 100644
--- a/pages/admin/index.vue
+++ b/pages/admin/index.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script>
-import TablaServiciosSocialesAdmin from '@/components/admin/TablaServiciosSocialesAdmin'
+import TablaServiciosSocialesAdmin from '@/components/admin/TablaServiciosSociales'
 
 export default {
   components: {
diff --git a/pages/responsable/index.vue b/pages/responsable/index.vue
index e87d9e9..928fe90 100644
--- a/pages/responsable/index.vue
+++ b/pages/responsable/index.vue
@@ -1,10 +1,14 @@
 <template>
-  <section class="container">
+  <section class="container px-2 pb-6">
     <div class="section pb-0">
+      <p>Estimado(a) responsable del programa de servicio social:</p>
+
       <p>
-        Estimado(a) responsable del programa de servicio social: <br />
         Para registrar a un alumno de servicio social pulsa el botón
-        <strong> Agregar Alumno </strong> y sigue las instrucciones. <br />
+        <strong> Agregar Alumno </strong> y sigue las instrucciones.
+      </p>
+
+      <p>
         Para visualizar los datos completos de un alumno ya registrado o subir
         su carta de término, pulsa su nombre y se desplegará la ficha técnica
         con toda la información.
@@ -12,13 +16,13 @@
     </div>
 
     <div class="section pb-0">
-      <b-button type="is-info" @click="$router.push('/responsable/nuevo')">
+      <b-button type="is-info" tag="router-link" to="/responsable/nuevo">
         Agregar alumno
       </b-button>
     </div>
 
-    <InputTable
-      :admin="admin"
+    <TablaServiciosSociales
+      :responsable="responsable"
       :imprimirMensaje="imprimirMensaje"
       :imprimirWarning="imprimirWarning"
       :imprimirError="imprimirError"
@@ -27,22 +31,15 @@
 </template>
 
 <script>
-import InputTable from '@/components/responsable/inputTable'
+import TablaServiciosSociales from '@/components/responsable/TablaServiciosSociales'
 
 export default {
   components: {
-    InputTable,
-  },
-  beforeCreate() {
-    const idTipoUsuario = Number(localStorage.getItem('idTipoUsuario'))
-
-    if (idTipoUsuario === 1) this.$router.push('/admin')
-    if (idTipoUsuario === 3) this.$router.push('/alumno')
-    if (idTipoUsuario === 4) this.$router.push('/casoEspecial')
+    TablaServiciosSociales,
   },
   data() {
     return {
-      admin: {},
+      responsable: {},
     }
   },
   methods: {
@@ -101,10 +98,12 @@ export default {
       })
     },
     getLocalhostInfo() {
-      this.admin.idUsuario = Number(localStorage.getItem('idUsuario'))
-      this.admin.idTipoUsuario = Number(localStorage.getItem('idTipoUsuario'))
-      this.admin.tipoUsuario = localStorage.getItem('tipoUsuario')
-      this.admin.token = {
+      this.responsable.idUsuario = Number(localStorage.getItem('idUsuario'))
+      this.responsable.idTipoUsuario = Number(
+        localStorage.getItem('idTipoUsuario')
+      )
+      this.responsable.tipoUsuario = localStorage.getItem('tipoUsuario')
+      this.responsable.token = {
         headers: {
           token: localStorage.getItem('token'),
         },
@@ -113,9 +112,9 @@ export default {
   },
   created() {
     this.getLocalhostInfo()
-    if (this.admin.idTipoUsuario === 1) this.$router.push('/admin')
-    if (this.admin.idTipoUsuario === 3) this.$router.push('/alumno')
-    if (this.admin.idTipoUsuario === 4) this.$router.push('/casoEspecial')
+    if (this.responsable.idTipoUsuario === 1) this.$router.push('/responsable')
+    if (this.responsable.idTipoUsuario === 3) this.$router.push('/alumno')
+    if (this.responsable.idTipoUsuario === 4) this.$router.push('/casoEspecial')
   },
 }
 </script>