diff --git a/src/app/administrador/layout.tsx b/src/app/administrador/layout.tsx
index fed233d..f9418c8 100644
--- a/src/app/administrador/layout.tsx
+++ b/src/app/administrador/layout.tsx
@@ -3,6 +3,7 @@ import Footer from "@/components/layout/footer";
 import Header from "@/components/layout/header";
 import Logout from "@/components/layout/logout";
 import React from "react";
+import "@/sass/bootstrap.scss"
 
 console.log("Header", Header);
 console.log("Footer", Footer);
diff --git a/src/app/administrador/page.tsx b/src/app/administrador/page.tsx
index a0989f2..42b4990 100644
--- a/src/app/administrador/page.tsx
+++ b/src/app/administrador/page.tsx
@@ -26,7 +26,7 @@ export default function Administrador() {
                 <Link href="/administrador/registros" className="me-3">
                     <button>Ver registros</button>
                 </Link>
-                <Link href="/administrador/casos_especiales">
+                <Link href="/administrador/casos_especiales" className="me-3">
                     <button>Ver casos Especiales</button>
                 </Link>
             </div>
diff --git a/src/app/administrador/responsables/page.tsx b/src/app/administrador/responsables/page.tsx
index 6bc25e6..a1bc092 100644
--- a/src/app/administrador/responsables/page.tsx
+++ b/src/app/administrador/responsables/page.tsx
@@ -12,9 +12,9 @@ export default function Responsables() {
     }
 
     return(
-        <section>
+        <section className="container px-2 pb-5">
             <BotonRegresar />
-            <CargaMasiva datos={datos} />
+            <CargaMasiva datos={datos}/>
             <TablaResponsables />
         </section>
     );
diff --git a/src/components/administrador/carga-masiva.tsx b/src/components/administrador/carga-masiva.tsx
index ed28a27..5ad8ac2 100644
--- a/src/components/administrador/carga-masiva.tsx
+++ b/src/components/administrador/carga-masiva.tsx
@@ -56,7 +56,7 @@ export default function CargaMasiva({datos}: {datos: CargaMasivaProps}) {
 
     return (
         <div className="ph-5">
-            <h3 className="title"> Carga Masiva</h3>
+            <h2 className="card-title fw-bold"> Carga Masiva</h2>
             
             <Form.Group className="mb-3">
                 <Form.Label>Archivo CSV</Form.Label>
@@ -83,17 +83,17 @@ export default function CargaMasiva({datos}: {datos: CargaMasivaProps}) {
 
             <div className="d-flex gap-2">
                 <Button
-                    variant="info"
                     disabled={!csv}
                     onClick={enviarCargaMasiva}>
                         Enviar archivo
                     </Button>
 
                     <Button
-                    variant="link"
                     href={link}
                     target="_blank"
-                    rel="noopener noreferrer">
+                    rel="noopener noreferrer"
+                    className="bg-morado border-morado"
+                    >
                         Descargar plantilla
                     </Button>
             </div>
diff --git a/src/components/administrador/tabla-responsables.tsx b/src/components/administrador/tabla-responsables.tsx
index 8044539..1d2f8dd 100644
--- a/src/components/administrador/tabla-responsables.tsx
+++ b/src/components/administrador/tabla-responsables.tsx
@@ -54,18 +54,18 @@ export default function TablaResponsables() {
     };
 
     return (
-        <main>
-        <h3>Tabla de responsables</h3>
+        <main className="pb-5 pt-5">
+        <h2 className="card-title fw-bold">Tabla de responsables</h2>
 
         <section className="container-fluid mb-3">
-            <Row className="g-2">
+            <Row className="g-2 mt-3">
             <Col>
                 <div className="d-flex align-items-center border rounded px-2">
                     <FaEnvelope className="me-2" />
                     <input
                         type="email"
                         placeholder="Correo"
-                        className="form-control border-0"
+                        className="form-control border-0 rounded-4"
                         value={correo}
                         onChange={(e) => setCorreo(e.target.value)}
                     />
@@ -77,14 +77,14 @@ export default function TablaResponsables() {
                 <input
                     type="text"
                     placeholder="Nombre"
-                    className="form-control border-0"
+                    className="form-control border-0 rounded-4"
                     value={nombre}
                     onChange={(e) => setNombre(e.target.value)}
                 />
                 </div>
             </Col>
             <Col>
-                <Button className="w-100" type="button" onClick={handleBuscar}>
+                <Button className="w-100 rounded-4" type="button" onClick={handleBuscar}>
                 Buscar
                 </Button>
             </Col>
diff --git a/src/components/administrador/tabla-servicio-social.tsx b/src/components/administrador/tabla-servicio-social.tsx
index 8a98aa5..f2c9416 100644
--- a/src/components/administrador/tabla-servicio-social.tsx
+++ b/src/components/administrador/tabla-servicio-social.tsx
@@ -108,7 +108,7 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
                                 <FormGroup>
                                     <FormLabel>Número de Cuenta</FormLabel>
                                     <InputGroup>
-                                        <InputGroup.Text>
+                                        <InputGroup.Text className="rounded-4">
                                             <FaSchool />
                                         </InputGroup.Text>
                                         <FormControl
@@ -118,6 +118,7 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
                                             value={search.numeroCuenta}
                                             onChange={(e) => setSearch(prev => ({ ...prev, numeroCuenta: e.target.value }))}
                                             onKeyDown={(e) => { if (e.key === 'Enter') obtenerServicios(1); }}
+                                            className="rounded-4"
                                         />
                                     </InputGroup>
                                 </FormGroup>
@@ -127,7 +128,7 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
                                 <FormGroup>
                                     <FormLabel>Nombre</FormLabel>
                                     <InputGroup>
-                                        <InputGroup.Text>
+                                        <InputGroup.Text className="rounded-4">
                                             <FaUser />
                                         </InputGroup.Text>
                                         <FormControl
@@ -136,6 +137,7 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
                                             value={search.nombre}
                                             onChange={(e) => setSearch(prev => ({ ...prev, nombre: e.target.value }))}
                                             onKeyDown={(e) => { if (e.key === 'Enter') obtenerServicios(1); }}
+                                            className="rounded-4"
                                         />
                                     </InputGroup>
                                 </FormGroup>
@@ -145,12 +147,13 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
                                 <FormGroup>
                                     <FormLabel>Status</FormLabel>
                                     <InputGroup>
-                                        <InputGroup.Text>
+                                        <InputGroup.Text className="rounded-4">
                                             <FaInfoCircle />
                                         </InputGroup.Text>
                                         <FormSelect
                                             value={search.idStatus}
                                             onChange={(e) => setSearch(prev => ({ ...prev, idStatus: e.target.value }))}
+                                            className="rounded-4"
                                         >
                                             <option value="">Status</option>
                                             {status.map((s) => (
@@ -162,7 +165,7 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
                             </Col>
 
                             <Col md={3} className="d-flex align-items-end">
-                                <Button type="submit" className="w-100" disabled={isLoading}>
+                                <Button type="submit" className="w-100 rounded-5" disabled={isLoading}>
                                     {isLoading ? 'Buscando...' : 'Buscar'}
                                 </Button>
                             </Col>
@@ -181,7 +184,7 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
                 onRowAction={(row, path) => {
                     try {
                         // Falta corregir este parte de codigo para poder subirlo
-                        if ((row as any)?.idServicio) localStorage.setItem('idServicio', String((row as any).idServicio));
+                        //if ((row as any)?.idServicio) localStorage.setItem('idServicio', String((row as any).idServicio));
                         router.push(`/responsable/${path}`);
                     } catch (e) {
                         console.error('Error al manejar acción de fila', e);
diff --git a/src/components/boton-regresar.tsx b/src/components/boton-regresar.tsx
index d5c834a..3e34708 100644
--- a/src/components/boton-regresar.tsx
+++ b/src/components/boton-regresar.tsx
@@ -14,7 +14,7 @@ const BotonRegresar: React.FC = () => {
 
     return (
         <div className="pb-5 pt-3">
-            <button onClick={handleGoBack}>Regresar</button>
+            <button onClick={handleGoBack} className="btn-outline-primary">Regresar</button>
         </div>
     )
 }
diff --git a/src/sass/bootstrap.scss b/src/sass/bootstrap.scss
index 8e2ce26..e52d9b9 100644
--- a/src/sass/bootstrap.scss
+++ b/src/sass/bootstrap.scss
@@ -2,6 +2,7 @@
 
 $azul: #003d79;
 $dorado: #bd8c01;
+$morado: #714dd2;
 
 $red-guapa: #9e1d15;
 $blue-guapa: #3d6cb4;
@@ -23,6 +24,7 @@ $font-family-sans-serif: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI'
 $custom-colors: (
     'azul': $azul,
     'dorado': $dorado,
+    'morado': $morado,
     'red-guapa': $red-guapa,
     'blue-guapa': $blue-guapa,
     'yellow-guapa': $yellow-guapa,