some fixes

src/App.css

 .lodingSpinner{
   place-self: center;
 }
+
+
+.text_underline:hover {
+  cursor: pointer;
+  text-decoration: underline;
+  text-decoration-color: blue;
+}
+
+/* CSS */
+.text_underline {
+  transition: color 0.3s ease; /* Transición suave del color durante 0.3 segundos */
+  animation: fadeIn 1s ease; /* Aplicar la animación de fade-in */
+}
+
+

src/Components/Home/Candidato.jsx

 }
 
 export function Preview() {
+  console.log('preview')
   return (
     <Box sx={{ width: '100%' }}>
       <Skeleton height={big_as} animation="wave" />

src/Components/Password/Steps/TypePwd.jsx

         </div>
 
         <div className="typepwdlist">
-          <FormLabel className="demo-radio-buttons-group-label">Selecciona los privilegios</FormLabel>
+          <FormLabel className="demo-radio-buttons-group-label">
+            Selecciona los privilegios
+          </FormLabel>
           {
             recursos &&
             Object.keys(recursos).map((k) =>

src/Components/Puestos/GridMode.jsx

 import { Grow } from '@mui/material';
 import { Col } from 'react-bootstrap'
 import { PuestoCard } from './Card';
+import {SinPuestos} from './SinPuestos'
 
 export function GridMode(props) {
 
-  let { data, index, showing, toggle } = props;
+  let { data, index, showing, toggle, new_puesto } = props;
+  
+  console.log(data)
 
   return (
     <React.Fragment>
                 </Col>
               </Grow>
             )
-          }) : <div></div>
+          }) : <SinPuestos toggle={new_puesto}/>
       }
     </React.Fragment>
   )

src/Components/Puestos/ListMode.jsx

 import ShowI from '@mui/icons-material/Grading';
 import EditI from '@mui/icons-material/Edit';
 import Deletei from '@mui/icons-material/Delete';
+import {SinPuestos} from './SinPuestos'
 
 export function ListMode(props) {
 
                       </tr>
                     </Zoom>
                   )
-                }) : undefined
+                }) : <SinPuestos toggle={props.new_puesto}/>
             }
           </tbody>
           <tfoot>

src/Components/Puestos/SinPuestos.jsx

+
+export function SinPuestos({ toggle}) {
+  return (
+    <div style={{ paddingTop: 25  }}>
+      <h1>Aun no tienes puestos creados</h1>
+      <h1>Crea tu primer puesto haciendo click <i onClick={() => toggle()} className="text_underline">aquí</i> </h1>
+    </div>
+  )
+}

src/Css/all.css

 .body-table th {
     font-size: 14px;
     /* color: #fff; */
-    font-weight: 300!important;
-    border-top: none!important;
+    font-weight: bold;
     border-left: none!important;
     border-right: none!important;
     border-bottom: 1px solid #2e3f5b!important;
+    border-top: 1px solid #2e3f5b!important;
     /* color: rgba(225,235,245,.8); */
 }
 .body-table tr {

src/Pages/Puestos.jsx

                   {isLoading && <Loading />}
                   { !error ?
                     <GridMode
+                      new_puesto={() => setManual(true) }
                       toggle={toggle}
                       showing={alignment}
                       data={filter ? Divide(filter) : Divide(result ? result.data  : [])}
                   {isLoading && <Loading />}
                   { !error ?
                     <ListMode
+                      new_puesto={() => setManual(true) }
                       toggle={toggle}
                       showing={alignment}
                       data={filter ? Divide(filter) : Divide(result ? result.data : [])}

test/src/test/java/com/psicoweb/test/AppTest.java

     WebElement telefono_dos = driver.findElement(By.xpath("//*[@id=\"mui-13\"]"));
 
     nit.sendKeys("121212");
-    cui.sendKeys("7373982749832");
+    cui.sendKeys("1111111111111111111111111111");
     direccion.sendKeys(faker.address().streetName());
     nacimiento.sendKeys("10/12/1995");
     telefono_dos.sendKeys("42405339");