fixed perifericos

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 */