disabled input

src/components/Equipo_Computo/Pregunta7.tsx

@@ -8,11 +8,7 @@ export default function Pregunta7() {
     { nombre: "Digitalización", valores: ["", "", "", ""] },
   ]);
 
-  const [garantia, setGarantia] = useState({
-    escritorio: "",
-    portatil: "",
-    altoRendimiento: "",
-  });
+
 
   // Función para actualizar datos de Pregunta 7
   const handleChange = (filaIndex: number, colIndex: number, value: string) => {
@@ -35,8 +31,7 @@ export default function Pregunta7() {
 
       <div className="pregunta-cuadro">
         7. Calcule porcentualmente (%) la antiguedad que tienen los equipos
-        periféricos del área universitaria. * (Requerido en el caso de contar
-        con Equipo de impresión o digitalización.)
+        periféricos del área universitaria.
       </div>
 
       <div className="tabla-contenedor">
@@ -63,9 +58,7 @@ export default function Pregunta7() {
                         <input
                           type="number"
                           value={valor}
-                          onChange={(e) =>
-                            handleChange(filaIndex, colIndex, e.target.value)
-                          }
+                          disabled             
                         />
                         <span className="porcentaje">%</span>
                       </div>

src/components/Equipo_Computo/Pregunta9.tsx

@@ -3,14 +3,12 @@ import React, { useState } from "react";
 import "./pregunta9.css";
 
 export default function Pregunta9() {
-  
   const [datos, setDatos] = useState([
     { nombre: "Computadoras de Escritorio", valores: ["", "", "", ""] },
     { nombre: "Computadoras Portátiles", valores: ["", "", "", ""] },
     { nombre: "Alto Rendimiento", valores: ["", "", "", ""] },
   ]);
 
-
   const [garantia, setGarantia] = useState({
     escritorio: "",
     portatil: "",
@@ -30,7 +28,16 @@ export default function Pregunta9() {
 
   return (
     <div className="contenedor-pregunta">
+      <div className="pregunta-cuadro" style={{ marginTop: "30px" }}> 
+        Indique cuantos servidores son utilizados en ambientes productivos y si en ellos se almacenan datos personales.
+      </div>
+
       {/* Pregunta 9 */}
+      <div className="pregunta-cuadro" style={{ marginTop: "30px" }}>
+        Calcule porcentualmente (%) la antiguedad que tienen los equipos de
+        cómputo del área universitaria.
+      </div>
+
       <div className="tabla-contenedor">
         <table className="tabla">
           <thead>
@@ -79,7 +86,7 @@ export default function Pregunta9() {
 
       {/* Pregunta 10 */}
       <div className="pregunta-cuadro" style={{ marginTop: "30px" }}>
-        10. ¿Cuántos equipos de cómputo tienen garantía de proveedor?. *
+        ¿Cuántos equipos de cómputo tienen garantía de proveedor?.
       </div>
 
       <div className="tabla-contenedor">
@@ -121,7 +128,10 @@ export default function Pregunta9() {
                     type="number"
                     value={garantia.altoRendimiento}
                     onChange={(e) =>
-                      setGarantia({ ...garantia, altoRendimiento: e.target.value })
+                      setGarantia({
+                        ...garantia,
+                        altoRendimiento: e.target.value,
+                      })
                     }
                   />
                 </div>

src/components/Perifericos/Pregunta4EP.tsx

@@ -1,6 +1,6 @@
 "use client";
 import React, { useState, useEffect } from "react";
-import "../../app/styles/layout/pregunta4EP.scss";
+import "@/app/styles/layout/pregunta4EP.scss";
 
 interface EquiposDigitalizacion {
   digitalizadorCamaPlana: string;