fixed perifericos

src/components/BarNavigationAdmin.tsx

@@ -33,15 +33,20 @@ function BarNavigation() {
             <span>Crear Cuenta</span>
           </Link>
         </li>
-        <li className="subMenu" onClick={toggleMenu}>
+        {/* <li className="subMenu" onClick={toggleMenu}>
           <Link href="/cambiarPass" className="links">
             <span>Cambiar Contraseña</span>
           </Link>
-        </li>
+        </li> */}
         <li className="subMenu" onClick={toggleMenu}>
           <Link href="/reporte" className="links">
             <span>Reporte</span>
           </Link>
+        </li>
+                <li className="subMenu" onClick={toggleMenu}>
+          <Link href="/perifericos" className="links">
+            <span>Perifericos</span>
+          </Link>
         </li>
         <li className="subMenu">
           <button className="logout-button" onClick={cerrarSesion}>

src/components/Equipo_Computo/pregunta7.css

@@ -1,7 +1,6 @@
 .contenedor-pregunta {
   padding: 20px;
   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-  background-color: #f9fafc;
 }
 
 .contenedor-censo{
@@ -14,7 +13,7 @@
  
 
 .pregunta-cuadro {
-  background-color: #f5f5f5;
+  background-color: #fff;
   border-left: 6px solid #001f3f;
   padding: 15px;
   border-radius: 8px;
@@ -79,7 +78,7 @@
 /* Input  */
 .input-contenedor input {
   width: 40%;
-  padding: 6px 25px 6px 6px;
+  padding: 6px 6px 6px 6px;
   border: 2px solid #002855; 
   border-radius: 6px;
   font-size: 14px;

src/components/Equipo_Computo/pregunta9.css

@@ -1,11 +1,9 @@
 .contenedor-pregunta {
   padding: 20px;
-  background-color: #f9fafc;
 }
 
 
 .pregunta-cuadro {
-  background-color: #f5f5f5;
   border-left: 6px solid #001f3f;
   padding: 15px;
   border-radius: 8px;
@@ -70,7 +68,7 @@
 /* Input  */
 .input-contenedor input {
   width: 40%;
-  padding: 6px 25px 6px 6px;
+  padding: 6px 6px 6px 6px;
   border: 2px solid #002855; 
   border-radius: 6px;
   font-size: 14px;

src/components/Perifericos/Pregunta1EP.tsx

@@ -47,7 +47,11 @@ export default function Pregunta1EP() {
 
   return (
     <div className="container">
-      <div className="header">
+      <div className="contenedor-censo">
+        Censo de equipos periféricos - Equipo de digitalización
+      </div>
+
+      <div className="pregunta-cuadro">
         1. Desglose el número de equipos de impresión con que cuenta el área
         universitaria.
       </div>

src/components/Perifericos/Pregunta2EP.tsx

@@ -41,9 +41,12 @@ export default function Pregunta2EP() {
 
   return (
     <div className={styles.container_P2}>
-      <div className={styles.header_P2}>
-        <span className={styles.required_P2}>*</span>
-        <small>(Requerido en el caso de contar con Equipo de impresión)</small>
+      <div className="contenedor-censo">
+        Censo de equipos periféricos - Equipo de digitalización
+      </div>
+
+      <div className="pregunta-cuadro">
+        2. Indique el número de equipos de impresión de acuerdo con la población universitaria al que se destina su uso primordialmente.
       </div>
 
       <div className={styles.row_P2}>
@@ -60,7 +63,7 @@ export default function Pregunta2EP() {
 
         <div className={styles.item_P2}>
           <label htmlFor="profesores">
-            Profesores <span className={styles.helpIcon_P2}>?</span>
+            Profesores
           </label>
           <input
             type="text"
@@ -84,7 +87,7 @@ export default function Pregunta2EP() {
 
         <div className={styles.item_P2}>
           <label htmlFor="investigadores">
-            Investigadores <span className={styles.helpIcon_P2}>?</span>
+            Investigadores
           </label>
           <input
             type="text"
@@ -97,7 +100,7 @@ export default function Pregunta2EP() {
 
         <div className={styles.item_P2}>
           <label htmlFor="administrativos">
-            Administrativos <span className={styles.helpIcon_P2}>?</span>
+            Administrativos 
           </label>
           <input
             type="text"

src/components/Perifericos/Pregunta4EP.tsx

@@ -38,10 +38,15 @@ export default function Pregunta4EP() {
 
   return (
     <div className="container">
-      <div className="header-bar">
+      <div className="contenedor-censo">
         Censo de equipos periféricos - Equipo de digitalización
       </div>
 
+      <div className="pregunta-cuadro">
+        4. Desglose el número de equipos de digitalización con que cuenta el
+        área universitaria.
+      </div>
+
       <div className="grid">
         <div className="item">
           <label htmlFor="digitalizadorCamaPlana">

src/components/Perifericos/pregunta2EP.module.scss

@@ -1,11 +1,6 @@
 .container_P2 {
-  max-width: 1000px;
-  margin: 2% 10% 20% 10%;
-  background: white;
+  max-width: 1200px;
   padding: 20px;
-  border: 1px solid #ddd;
-  border-radius: 6px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
 
   label {
     display: block;
@@ -48,13 +43,19 @@
 .row_P2 {
   display: flex;
   gap: 10px;
-  align-items: flex-start;
+  align-items: end;
   flex-wrap: wrap;
+  background-color: #fff;
+  border-radius: 10px;
+  padding: 20px;
+  overflow-x: auto;
+  box-shadow: 0 4px 10px #0000001a;
 }
 
 .item_P2 {
   flex: 1;
   min-width: 140px;
+  width: 100%;
 }
 
 /* Responsivo */

src/components/header.tsx

@@ -10,7 +10,7 @@ function Header() {
   const pathname = usePathname();
 
   const publicNav = ["/escaner", "/agregarEquipo", "/editar"];
-  const privateNav = ["/reporte", "/crearCuenta", "/cambiarPass"];
+  const privateNav = ["/reporte", "/crearCuenta", "/cambiarPass","/perifericos"];
 
   return (
     <header className={header.header}>