diff --git a/uniEmpleos/load-test.js b/uniEmpleos/load-test.js
new file mode 100644
index 00000000..afe3073e
--- /dev/null
+++ b/uniEmpleos/load-test.js
@@ -0,0 +1,64 @@
+import http from "k6/http"
+import { sleep, check } from "k6"
+
+export const options = {
+  scenarios: {
+    low_load: {
+      executor: "constant-vus",
+      vus: 100,
+      duration: "1m", // por ejemplo, 1 minuto
+      gracefulStop: "30s",
+    },
+    medium_load: {
+      executor: "constant-vus",
+      vus: 200,
+      duration: "1m", // por ejemplo, 1 minuto
+      startTime: "2m", // inicia después de que el primer escenario ha terminado
+      gracefulStop: "30s",
+    },
+    high_load: {
+      executor: "constant-vus",
+      vus: 400,
+      duration: "1m", // por ejemplo, 1 minuto
+      startTime: "3m", // inicia después de que el segundo escenario ha terminado
+      gracefulStop: "30s",
+    },
+  },
+}
+
+function login() {
+  const res = http.get("https://sage-palmier-936be2.netlify.app/login")
+  check(res, { "status was 200": (r) => r.status === 200 })
+}
+
+function signup() {
+  const res = http.get("https://sage-palmier-936be2.netlify.app/signup")
+  check(res, { "status was 200": (r) => r.status === 200 })
+}
+
+function homepage() {
+  const res = http.get("https://sage-palmier-936be2.netlify.app/")
+  check(res, { "status was 200": (r) => r.status === 200 })
+}
+
+export default function () {
+  // Genera un número aleatorio entre 1 y 3
+  const randomPage = Math.floor(Math.random() * 3) + 1
+
+  switch (randomPage) {
+    case 1:
+      login()
+      break
+    case 2:
+      signup()
+      break
+    case 3:
+      homepage()
+      break
+    default:
+      homepage()
+      break
+  }
+
+  sleep(1)
+}
diff --git a/uniEmpleos/src/components/InfoStudent/InfoStudent.module.css b/uniEmpleos/src/components/InfoStudent/InfoStudent.module.css
index 544638f1..a47c6408 100644
--- a/uniEmpleos/src/components/InfoStudent/InfoStudent.module.css
+++ b/uniEmpleos/src/components/InfoStudent/InfoStudent.module.css
@@ -46,8 +46,6 @@
 
 .pfpContainer {
   width: calc(25% - 20px);
-  max-width: 80px;
-  max-height: 80px;
   display: flex;
   align-items: center;
 }
@@ -55,8 +53,8 @@
 .pfp {
   border-radius: 10%;
   background-color: transparent;
-  width: 100%;
-  height: 100%;
+  width: 80px;
+  height: 80px;
   object-fit: cover;
   object-position: center;
 }
diff --git a/uniEmpleos/src/components/Loader/Loader.jsx b/uniEmpleos/src/components/Loader/Loader.jsx
index d8cd61d3..e81e40b4 100644
--- a/uniEmpleos/src/components/Loader/Loader.jsx
+++ b/uniEmpleos/src/components/Loader/Loader.jsx
@@ -21,15 +21,10 @@ const Loader = ({ size }) => {
   ]
 
   return (
-    <div
-      className={style.loader}
-      style={{ width: `${size}px`, height: `${size}px` }}
-    >
-      <span className={style.loader__bar} style={customStyle[0]}></span>
-      <span className={style.loader__bar} style={customStyle[1]}></span>
-      <span className={style.loader__bar} style={customStyle[2]}></span>
-      <span className={style.loader__bar} style={customStyle[3]}></span>
-      <span className={style.loader__bar} style={customStyle[4]}></span>
+    <div className={style.threebody}>
+      <div className={style.threebody__dot} />
+      <div className={style.threebody__dot} />
+      <div className={style.threebody__dot} />
     </div>
   )
 }
diff --git a/uniEmpleos/src/components/Loader/Loader.module.css b/uniEmpleos/src/components/Loader/Loader.module.css
index 3b7c6697..41bb12a1 100644
--- a/uniEmpleos/src/components/Loader/Loader.module.css
+++ b/uniEmpleos/src/components/Loader/Loader.module.css
@@ -1,35 +1,103 @@
-.loader {
-  display: inline-flex;
-  align-items: center;
-  column-gap: 5px;
-  margin: 50px;
-}
 
-.loader__bar {
+.threebody {
+  --uib-size: 50px;
+  --uib-speed: 0.8s;
+  --uib-color: #5D3FD3;
+  position: relative;
   display: inline-block;
-  width: 15%;
-  height: 30%;
-  background-color: #000;
-  opacity: .5;
-  border-radius: 10px;
-  animation: scale-up 1000ms
-  var(--d) linear infinite;
-}
-
-.loader__bar:nth-child(even) {
-  height: 70%;
-}
-
-.loader__bar:nth-child(3) {
+  height: var(--uib-size);
+  width: var(--uib-size);
+  animation: spin78236 calc(var(--uib-speed) * 2.5) infinite linear;
+ }
+ 
+ .threebody__dot {
+  position: absolute;
   height: 100%;
-}
-
-@keyframes scale-up {
-  25% {
-    opacity: 1;
-    scale: 1 1.5;
+  width: 30%;
+ }
+ 
+ .threebody__dot:after {
+  content: '';
+  position: absolute;
+  height: 0%;
+  width: 100%;
+  padding-bottom: 100%;
+  background-color: var(--uib-color);
+  border-radius: 50%;
+ }
+ 
+ .threebody__dot:nth-child(1) {
+  bottom: 5%;
+  left: 0;
+  transform: rotate(60deg);
+  transform-origin: 50% 85%;
+ }
+ 
+ .threebody__dot:nth-child(1)::after {
+  bottom: 0;
+  left: 0;
+  animation: wobble1 var(--uib-speed) infinite ease-in-out;
+  animation-delay: calc(var(--uib-speed) * -0.3);
+ }
+ 
+ .threebody__dot:nth-child(2) {
+  bottom: 5%;
+  right: 0;
+  transform: rotate(-60deg);
+  transform-origin: 50% 85%;
+ }
+ 
+ .threebody__dot:nth-child(2)::after {
+  bottom: 0;
+  left: 0;
+  animation: wobble1 var(--uib-speed) infinite
+     calc(var(--uib-speed) * -0.15) ease-in-out;
+ }
+ 
+ .threebody__dot:nth-child(3) {
+  bottom: -5%;
+  left: 0;
+  transform: translateX(116.666%);
+ }
+ 
+ .threebody__dot:nth-child(3)::after {
+  top: 0;
+  left: 0;
+  animation: wobble2 var(--uib-speed) infinite ease-in-out;
+ }
+ 
+ @keyframes spin78236 {
+  0% {
+   transform: rotate(0deg);
+  }
+ 
+  100% {
+   transform: rotate(360deg);
+  }
+ }
+ 
+ @keyframes wobble1 {
+  0%,
+   100% {
+   transform: translateY(0%) scale(1);
+   opacity: 1;
+  }
+ 
+  50% {
+   transform: translateY(-66%) scale(0.65);
+   opacity: 0.8;
+  }
+ }
+ 
+ @keyframes wobble2 {
+  0%,
+   100% {
+   transform: translateY(0%) scale(1);
+   opacity: 1;
   }
+ 
   50% {
-    scale: 1;
+   transform: translateY(66%) scale(0.65);
+   opacity: 0.8;
   }
-}
\ No newline at end of file
+ }
\ No newline at end of file
diff --git a/uniEmpleos/src/components/PublicProfile/PublicProfileAdmin.jsx b/uniEmpleos/src/components/PublicProfile/PublicProfileAdmin.jsx
index 408dbfbe..f779eafa 100644
--- a/uniEmpleos/src/components/PublicProfile/PublicProfileAdmin.jsx
+++ b/uniEmpleos/src/components/PublicProfile/PublicProfileAdmin.jsx
@@ -1,8 +1,9 @@
 import React from "react"
-import style from "./PublicProfileAdmin.module.css"
 import { BiUser } from "react-icons/bi"
 import { HiOutlineMailOpen } from "react-icons/hi"
+import style from "./PublicProfileAdmin.module.css"
 import Button from "../Button/Button"
+
 const PublicProfileAdmin = ({
   name,
   lastName,
@@ -33,11 +34,11 @@ const PublicProfileAdmin = ({
         <div className={style.suspendedContainer}>
           <Button
             label={suspended ? "Activar" : "Suspender"}
-            backgroundColor={suspended ? "#00FF00" : "#FF0000"}
+            backgroundColor={suspended ? "#00FF00" : "#707070"}
             textColor="#FFFFFF"
             onClick={funcSuspended}
           />
-          <Button 
+          <Button
             label="Eliminar"
             backgroundColor="#FF0000"
             textColor="#FFFFFF"
diff --git a/uniEmpleos/src/components/PublicProfile/PublicProfileAdmin.module.css b/uniEmpleos/src/components/PublicProfile/PublicProfileAdmin.module.css
index 2b6f30fe..2ebeeb16 100644
--- a/uniEmpleos/src/components/PublicProfile/PublicProfileAdmin.module.css
+++ b/uniEmpleos/src/components/PublicProfile/PublicProfileAdmin.module.css
@@ -6,15 +6,15 @@
   width: calc(100% - 40px);
   height: calc(100% - 40px);
   color: #000;
-  gap: 10%;
+  gap: 20px;
   padding: 20px;
 }
 
 .pfpContainer {
   display: flex;
   align-items: center;
-  justify-content: end;
-  height: 80%;
+  justify-content: center;
+  height: 500px;
   width: 50%;
 }
 
@@ -66,6 +66,7 @@
 
   .mainContainer {
     flex-direction: column;
+    padding-top: 20%;
   }
 
   .pfpContainer {
diff --git a/uniEmpleos/src/index.css b/uniEmpleos/src/index.css
index 0f98fc6b..52beec7c 100644
--- a/uniEmpleos/src/index.css
+++ b/uniEmpleos/src/index.css
@@ -58,29 +58,15 @@ button {
   transition: border-color 0.25s;
 }
 button:hover {
-  border-color: #646cff;
+  filter: brightness(1.1);
 }
 
 .css-tj5bde-Svg {
   display: none !important;
 }
 
-
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}
-
 main {
   width: 100%;
   height: 100%;
 }
+ 
\ No newline at end of file
diff --git a/uniEmpleos/src/pages/PublicProfileAdminEnterprise/PublicProfileAdminEnterprise.jsx b/uniEmpleos/src/pages/PublicProfileAdminEnterprise/PublicProfileAdminEnterprise.jsx
index 16641771..ba2c3a18 100644
--- a/uniEmpleos/src/pages/PublicProfileAdminEnterprise/PublicProfileAdminEnterprise.jsx
+++ b/uniEmpleos/src/pages/PublicProfileAdminEnterprise/PublicProfileAdminEnterprise.jsx
@@ -1,9 +1,9 @@
 import React, { useEffect, useState } from "react"
+import { BiArrowBack } from "react-icons/bi"
 import style from "./PublicProfileAdminEnterprise.module.css"
 import useApi from "../../Hooks/useApi"
 import InfoTab from "../../components/InfoTab/InfoTab"
 import Popup from "../../components/Popup/Popup"
-import { BiArrowBack } from "react-icons/bi"
 import { navigate } from "../../store"
 import Loader from "../../components/Loader/Loader"
 import PublicProfileAdmin from "../../components/PublicProfile/PublicProfileAdmin"
@@ -141,42 +141,42 @@ const PublicProfileAdminEnterprise = ({ id }) => {
         onClick={() => navigate("/profileadmin")}
       />
       <div className={style.infoProfileContainer}>
-        {loadingInfoEnterprise && enterpriseInfo ? (
+        {loadingInfoEnterprise && enterpriseInfo && loadingOffers ? (
           <Loader size={100} />
         ) : (
-          <PublicProfileAdmin
-            name={enterpriseInfo.nombre}
-            mail={enterpriseInfo.correo}
-            pfp={
-              enterpriseInfo.foto === ""
-                ? "/images/pfp.svg"
-                : `${API_URL}/api/uploads/${enterpriseInfo.foto}`
-            }
-            suspended={enterpriseInfo.suspendido}
-            funcSuspended={handleSuspended}
-            funcDelete={handleDelete}
-          />
-        )}
-      </div>
-      <h1 className={style.title}>Ofertas de la empresa</h1>
-      <div className={style.offersContainer}>
-        {loadingOffers ? (
-          <Loader size={100} />
-        ) : offers ? (
-          offers.map((offer) => (
-            <InfoTab
-              key={[offer.id_empresa, offer.id_oferta]}
-              title={offer.puesto}
-              salary={`Q.${offer.salario}.00`}
-              company={enterpriseInfo.nombre}
-              labelbutton="Ver más"
-              onClick={() => {
-                handleShowMore(offer.id_oferta)
-              }}
+          <div className={style.infoEnterpriseContainer}>
+            <PublicProfileAdmin
+              name={enterpriseInfo.nombre}
+              mail={enterpriseInfo.correo}
+              pfp={
+                enterpriseInfo.foto === ""
+                  ? "/images/pfp.svg"
+                  : `${API_URL}/api/uploads/${enterpriseInfo.foto}`
+              }
+              suspended={enterpriseInfo.suspendido}
+              funcSuspended={handleSuspended}
+              funcDelete={handleDelete}
             />
-          ))
-        ) : (
-          <h1 style={{ color: "#000" }}>No hay ofertas</h1>
+            <h1 className={style.title}>Ofertas de la empresa</h1>
+            <div className={style.offersContainer}>
+              {offers ? (
+                offers.map((offer) => (
+                  <InfoTab
+                    key={[offer.id_empresa, offer.id_oferta]}
+                    title={offer.puesto}
+                    salary={`Q.${offer.salario}.00`}
+                    company={enterpriseInfo.nombre}
+                    labelbutton="Ver más"
+                    onClick={() => {
+                      handleShowMore(offer.id_oferta)
+                    }}
+                  />
+                ))
+              ) : (
+                <h1 style={{ color: "#000" }}>No hay ofertas</h1>
+              )}
+            </div>
+          </div>
         )}
       </div>
     </div>
diff --git a/uniEmpleos/src/pages/PublicProfileAdminEnterprise/PublicProfileAdminEnterprise.module.css b/uniEmpleos/src/pages/PublicProfileAdminEnterprise/PublicProfileAdminEnterprise.module.css
index 1c5a6a93..a1bf7ddd 100644
--- a/uniEmpleos/src/pages/PublicProfileAdminEnterprise/PublicProfileAdminEnterprise.module.css
+++ b/uniEmpleos/src/pages/PublicProfileAdminEnterprise/PublicProfileAdminEnterprise.module.css
@@ -5,7 +5,10 @@
 
 .infoProfileContainer {
   width: 100%;
-  height: 40%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .postulationContainer {
@@ -25,8 +28,24 @@
   gap: 20px;
 }
 
+.infoEnterpriseContainer {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  align-items: center;
+  justify-content: center;
+  padding-top: 10%;
+}
+
 .title {
   color: #333;
   text-align: center;
   margin: 0 0 60px 0;
+}
+
+@media screen and (max-width: 768px) {
+  .title{
+    margin: 10%;
+  }
 }
\ No newline at end of file
diff --git a/uniEmpleos/src/pages/PublicProfileAdminStudent/PublicProfileAdminStudent.jsx b/uniEmpleos/src/pages/PublicProfileAdminStudent/PublicProfileAdminStudent.jsx
index 30c1a1a9..e02aa3a8 100644
--- a/uniEmpleos/src/pages/PublicProfileAdminStudent/PublicProfileAdminStudent.jsx
+++ b/uniEmpleos/src/pages/PublicProfileAdminStudent/PublicProfileAdminStudent.jsx
@@ -1,11 +1,11 @@
 import React, { useState, useEffect } from "react"
+import { BiArrowBack } from "react-icons/bi"
 import style from "./PublicProfileAdminStudent.module.css"
 import PublicProfileAdmin from "../../components/PublicProfile/PublicProfileAdmin"
 import InfoTab from "../../components/InfoTab/InfoTab"
 import useApi from "../../Hooks/useApi"
 import Popup from "../../components/Popup/Popup"
 import { navigate } from "../../store"
-import { BiArrowBack } from "react-icons/bi"
 import Loader from "../../components/Loader/Loader"
 import API_URL from "../../api"
 
@@ -139,46 +139,46 @@ const PublicProfileAdminStudent = ({ id }) => {
         onClick={() => navigate("/profileadminstudent")}
       />
       <div className={style.infoProfileContainer}>
-        {loadingInfoStudent && studentInfo ? (
-          <Loader size={100} />
+        {loadingInfoStudent && studentInfo && loadingPostulations ? (
+          <Loader size={200} />
         ) : (
-          <PublicProfileAdmin
-            name={studentInfo.nombre}
-            lastName={studentInfo.apellido}
-            mail={studentInfo.correo}
-            pfp={
-              studentInfo.foto === ""
-                ? "/images/pfp.svg"
-                : `${API_URL}/api/uploads/${studentInfo.foto}`
-            }
-            suspended={studentInfo.suspendido}
-            funcSuspended={handleSuspended}
-            funcDelete={handleDelete}
-          />
-        )}
-      </div>
-      <h1 className={style.title}>Postulaciones del estudiante</h1>
-      <div className={style.postulationsContainer}>
-        {loadingPostulations ? (
-          <Loader size={100} />
-        ) : postulations.length ? (
-          postulations.map((postulation) => (
-            <InfoTab
-              key={[postulation.id_oferta, postulation.id_postulacion]}
-              title={postulation.id_oferta}
-              company={postulation.id_postulacion}
-              salary={postulation.estado}
-              labelbutton="Ver más"
-              onClick={() => {
-                handleShowMore(
-                  postulation.id_oferta,
-                  postulation.id_postulacion
-                )
-              }}
+          <div className={style.infoStudentContainer}>
+            <PublicProfileAdmin
+              name={studentInfo.nombre}
+              lastName={studentInfo.apellido}
+              mail={studentInfo.correo}
+              pfp={
+                studentInfo.foto === ""
+                  ? "/images/pfp.svg"
+                  : `${API_URL}/api/uploads/${studentInfo.foto}`
+              }
+              suspended={studentInfo.suspendido}
+              funcSuspended={handleSuspended}
+              funcDelete={handleDelete}
             />
-          ))
-        ) : (
-          <h1 style={{ color: "#000" }}>No hay postulaciones</h1>
+            <h1 className={style.title}>Postulaciones del estudiante</h1>
+            <div className={style.postulationsContainer}>
+              {postulations.length ? (
+                postulations.map((postulation) => (
+                  <InfoTab
+                    key={[postulation.id_oferta, postulation.id_postulacion]}
+                    title={postulation.id_oferta}
+                    company={postulation.id_postulacion}
+                    salary={postulation.estado}
+                    labelbutton="Ver más"
+                    onClick={() => {
+                      handleShowMore(
+                        postulation.id_oferta,
+                        postulation.id_postulacion
+                      )
+                    }}
+                  />
+                ))
+              ) : (
+                <h1 style={{ color: "#000" }}>No hay postulaciones</h1>
+              )}
+            </div>
+          </div>
         )}
       </div>
     </div>
diff --git a/uniEmpleos/src/pages/PublicProfileAdminStudent/PublicProfileAdminStudent.module.css b/uniEmpleos/src/pages/PublicProfileAdminStudent/PublicProfileAdminStudent.module.css
index efc4b5e2..90395cf9 100644
--- a/uniEmpleos/src/pages/PublicProfileAdminStudent/PublicProfileAdminStudent.module.css
+++ b/uniEmpleos/src/pages/PublicProfileAdminStudent/PublicProfileAdminStudent.module.css
@@ -1,11 +1,15 @@
 .mainContainer {
   width: 100%;
   height: 100%;
+  margin: 0;
 }
 
 .infoProfileContainer {
   width: 100%;
-  height: 40%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .postulationContainer {
@@ -29,4 +33,14 @@
   color: #333;
   text-align: center;
   margin: 0 0 60px 0;
+}
+
+.infoStudentContainer{
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  align-items: center;
+  justify-content: center;
+  padding-top: 10%;
 }
\ No newline at end of file