mensaje

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

@@ -0,0 +1,16 @@
+import "./preguntas.css";
+
+export default function Preguntas() {
+    
+  return (
+    
+    <div>
+      <h1 className="titulo">Pregunta 2</h1>
+      {/* Recuadro pregunta*/}
+      <div className="pregunta-cuadro">
+        2. Desglose el número de equipos de cómputo que cuentan con los siguientes sistemas operativos.
+      </div>
+    </div>
+
+  );
+}

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

@@ -0,0 +1,20 @@
+.titulo{
+    align-content: left;
+    color: rgb(16, 16, 123);
+    margin-top: 40px; 
+    margin-left: 40px; 
+    font-size: 30px; /*tamaño del texto*/
+}
+
+.pregunta-cuadro{
+    border: 2px solid rgb(16, 16, 123);  /* Borde del cuadro */
+    border-radius: 10px;                  /* Bordes redondeados */
+    padding: 20px;                        /* Espacio dentro del cuadro */
+    background-color: rgb(230, 230, 250); /* Color de fondo */
+    font-size: 18px;                       /* Tamaño del texto */
+    width: 80%;                            /* Ancho del cuadro */
+    margin-left: 40px;                      /* Centrar horizontalmente */
+    box-shadow: 2px 2px 10px rgba(0,0,0,0.2); /* Sombra opcional */
+    font-size: 15px; /*tamaño del texto*/
+
+}

src/app/reporte/page.tsx

@@ -12,7 +12,6 @@ const [report,setReport]=useState();
     setReport(res.data);
   }
 
-  
   return (
     <div className="reporte-layout">
       {/* Panel izquierdo: título, buscador y tabla */}