added new style and fixed ask 1

src/app/(Administrador)/perifericos/page.tsx

@@ -10,17 +10,13 @@ import "../../styles/layout/reporte.scss";
 
 type PreguntaKey =
   | "pregunta1"
-  | "pregunta2"
   | "pregunta4"
-  | "pregunta5"
   | "pregunta7";
 
 const LABELS: Record<PreguntaKey, string> = {
-  pregunta1: "Pregunta 1",
-  pregunta2: "Pregunta 2",
-  pregunta4: "Pregunta 4",
-  pregunta5: "Pregunta 5",
-  pregunta7: "Pregunta 7",
+  pregunta1: "Impresion",
+  pregunta4: "Digitalizacion",
+  pregunta7: "Antiguedad",
 };
 
 export default function Page() {
@@ -29,13 +25,19 @@ export default function Page() {
   const renderPregunta = () => {
     switch (activeTab) {
       case "pregunta1":
-        return <Pregunta1EP />;
-      case "pregunta2":
-        return <Pregunta2EP />;
+        return (
+          <>
+            <Pregunta1EP />
+            <Pregunta2EP />
+          </>
+        )
       case "pregunta4":
-        return <Pregunta4EP />;
-      case "pregunta5":
-        return <Pregunta5EP />;
+        return (
+          <>
+            <Pregunta4EP />
+            <Pregunta5EP />
+          </>
+        )
       case "pregunta7":
         return <Pregunta7 />;
       default:

src/app/(Administrador)/pregunta1_1/pregunta1.1.css

@@ -15,7 +15,7 @@
 
 .pregunta-cuadro {
   background-color: #f5f5f5;
-  border-left: 6px solid #001f3f;
+  border-left: 10px solid #001f3f;
   padding: 15px;
   border-radius: 8px;
   font-size: 16px;

src/app/(Administrador)/pregunta7/pregunta7.css

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

src/app/(Administrador)/pregunta7_1/pregunta7.css

@@ -5,11 +5,12 @@
 .contenedor-censo{
 background-color: #001f3f;
 color: white;
+border-radius: 4px;
 }
  
 
 .pregunta-cuadro {
-  border-left: 6px solid #001f3f;
+  border-left: 10px solid #001f3f;
   padding: 15px;
   border-radius: 8px;
   font-size: 16px;

src/app/styles/layout/reporte.scss

@@ -87,6 +87,8 @@
 
 .data-table_reporte {
   display: flex;
+  flex-direction: column;
+  gap: 10px;
   justify-content: center;
   padding: 20px;
   background-color: #f5f5f7;

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;
   }
-}
+}