added new style and fixed ask 1

src/components/Equipo_Computo/Pregunta7.tsx

@@ -21,7 +21,7 @@ export default function Pregunta7() {
       </div>
 
       <div className="pregunta-cuadro">
-        7. Calcule porcentualmente (%) la antiguedad que tienen los equipos
+        Antiguedad que tienen los equipos
         periféricos del área universitaria.
       </div>
 

src/components/Equipo_Computo/pregunta7.css

@@ -8,6 +8,7 @@
   padding: 15px;
   font-size: 16px;
   margin-bottom: 25px;
+  border-radius: 4px;
 }
  
 

src/components/Perifericos/Pregunta1EP.tsx

@@ -1,6 +1,6 @@
 "use client";
 import React, { useState, useEffect } from "react";
-import "./pregunta1EP.module.scss";
+import style from "./pregunta1EP.module.scss";
 
 interface EquiposImpresion {
   inyeccionTinta: string;
@@ -48,15 +48,15 @@ export default function Pregunta1EP() {
   return (
     <div className="container">
       <div className="contenedor-censo">
-        Censo de equipos periféricos - Equipo de digitalización
+        Censo de equipos periféricos - Equipo de Impresion
       </div>
 
       <div className="pregunta-cuadro">
-        1. Desglose el número de equipos de impresión con que cuenta el área
+        Desglose el número de equipos de impresión con que cuenta el área
         universitaria.
       </div>
 
-      <div className="grid">
+      <div className={style.grid}>
         {/* Columna 1 */}
         <div className="item">
           <label htmlFor="inyeccionTinta">Inyección de tinta</label>

src/components/Perifericos/Pregunta2EP.tsx

@@ -41,12 +41,9 @@ export default function Pregunta2EP() {
 
   return (
     <div className={styles.container_P2}>
-      <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.
+        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}>

src/components/Perifericos/Pregunta4EP.tsx

@@ -43,7 +43,7 @@ export default function Pregunta4EP() {
       </div>
 
       <div className="pregunta-cuadro">
-        4. Desglose el número de equipos de digitalización con que cuenta el
+        Desglose el número de equipos de digitalización con que cuenta el
         área universitaria.
       </div>
 

src/components/Perifericos/Pregunta5EP.tsx

@@ -41,12 +41,9 @@ export default function Pregunta5EP() {
     };
   return (
     <div className="container">
-      <div className="contenedor-censo">
-        Censo de equipos periféricos - Equipo de digitalización
-      </div>
 
       <div className="pregunta-cuadro">
-        5. Indique el número de equipos de digitalización de acuerdo con la
+        Indique el número de equipos de digitalización de acuerdo con la
         población universitaria al que se destina su uso primordialmente.
       </div>
 

src/components/Perifericos/pregunta1EP.module.scss

@@ -122,6 +122,18 @@
   }
 }
 
+.grid {
+  background-color: #fff;
+  border-radius: 10px;
+  grid-template-columns: repeat(3, 1fr);
+  align-items: end;
+  gap: 20px;
+  padding: 20px;
+  display: grid;
+  overflow-x: auto;
+  box-shadow: 0 4px 10px #0000001a;
+}
+
 @media (max-width: 700px) {
   .scanView_P1 .tabs_P1 {
     width: 160px;
@@ -132,4 +144,4 @@
     padding: 10px 12px;
     text-align: left;
   }
-}
+}