From 9bea8c97356a10351caa9f89143f27f3e6ce1615 Mon Sep 17 00:00:00 2001
From: jls846 <jlussanchez123@gmail.com>
Date: Thu, 27 Nov 2025 18:16:06 -0600
Subject: [PATCH 1/2] pregunta2 ordenamiento de equipos

---
 src/components/Equipo_Computo/Pregunta2.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Equipo_Computo/Pregunta2.tsx b/src/components/Equipo_Computo/Pregunta2.tsx
index e4ed372..49804b4 100644
--- a/src/components/Equipo_Computo/Pregunta2.tsx
+++ b/src/components/Equipo_Computo/Pregunta2.tsx
@@ -31,13 +31,16 @@ interface RawOsEntry {
   sistema_operativo: string;
   total: string;
 }
-// ✔ Función profesional para transformar tu JSON a OsEntry[]
+// Función profesional para transformar tu JSON a OsEntry[]
 function transformPlatform(raw: RawOsEntry[]): OsEntry[] {
   const rows: OsEntry[] = raw.map((item) => ({
     os: item.sistema_operativo,
     count: Number(item.total), // Convierte string a número
   }));
 
+  rows.sort((a, b) =>
+    b.os.localeCompare(a.os, undefined, { numeric: true, sensitivity: "base" })
+  );
   const total = rows.reduce((acc, r) => acc + r.count, 0);
 
   rows.push({

From 778c63908c14d9abaa55d110d7baabba410a3642 Mon Sep 17 00:00:00 2001
From: jls846 <jlussanchez123@gmail.com>
Date: Thu, 27 Nov 2025 18:58:01 -0600
Subject: [PATCH 2/2] modificaciones ewuipi computo

---
 src/app/styles/layout/pregunta7.scss          | 15 ++++++++++
 src/app/styles/layout/reporte.scss            | 16 ++++++++++-
 .../Equipo_Computo/pregunta3.module.scss      | 28 +++++++++++++++++++
 src/components/Perifericos/Pregunta7EP.tsx    |  2 ++
 src/components/Perifericos/Pregunta8.tsx      |  2 ++
 5 files changed, 62 insertions(+), 1 deletion(-)

diff --git a/src/app/styles/layout/pregunta7.scss b/src/app/styles/layout/pregunta7.scss
index 63c695c..d4ac134 100644
--- a/src/app/styles/layout/pregunta7.scss
+++ b/src/app/styles/layout/pregunta7.scss
@@ -1,3 +1,18 @@
+.contenedor-censo{
+  color: #fff;
+  background-color: #003e79;
+  border-radius: 4px;
+  margin-bottom: 15px;
+  padding: 15px;
+  font-size: 16px;
+}
+.pregunta-cuadro {
+    background-color: #fff;
+    border-left: 6px solid #003e79;
+    border-radius: 8px;
+    padding: 15px;
+    font-size: 16px;
+}
 .container {
   max-width: 100%;
 }
diff --git a/src/app/styles/layout/reporte.scss b/src/app/styles/layout/reporte.scss
index c0efb70..153e5d6 100644
--- a/src/app/styles/layout/reporte.scss
+++ b/src/app/styles/layout/reporte.scss
@@ -185,4 +185,18 @@
     font-size: 13px;
     border-radius: 10px 10px 0 0;
   }
-}
\ No newline at end of file
+}
+@media (max-width: 992px) {
+  .scanView_reporte {
+    padding: 16px;
+
+    .tab_reporte {
+      font-size: 14px;
+      padding: 12px 18px;
+    }
+
+    .data-row_reporte {
+      padding: 14px 18px;
+    }
+  }
+}
diff --git a/src/components/Equipo_Computo/pregunta3.module.scss b/src/components/Equipo_Computo/pregunta3.module.scss
index b5c3440..6f7d3cf 100644
--- a/src/components/Equipo_Computo/pregunta3.module.scss
+++ b/src/components/Equipo_Computo/pregunta3.module.scss
@@ -211,4 +211,32 @@
     border-left: none;
     border-bottom: 3px solid #0056b3;
   }
+}
+@media (max-width: 1024px) {
+  .scanView_P3 .mainContent_P3 {
+    flex-direction: column;
+  }
+
+  .scanView_P3 .tabs_P3 {
+    width: 100%;
+    flex-direction: row;
+    border-right: none;
+    border-bottom: 1px solid #ddd;
+    overflow-x: auto;
+  }
+
+  .scanView_P3 .tab_P3 {
+    white-space: nowrap;
+    border-left: none;
+    border-bottom: 3px solid transparent;
+  }
+
+  .scanView_P3 .active_P3 {
+    border-left: none;
+    border-bottom: 3px solid #0056b3;
+  }
+
+  .table_P3 {
+    min-width: 650px;
+  }
 }
\ No newline at end of file
diff --git a/src/components/Perifericos/Pregunta7EP.tsx b/src/components/Perifericos/Pregunta7EP.tsx
index 5424cec..db8d6ec 100644
--- a/src/components/Perifericos/Pregunta7EP.tsx
+++ b/src/components/Perifericos/Pregunta7EP.tsx
@@ -80,6 +80,8 @@ export default function Pregunta7EP() {
   
   return (
     <div className="container">
+      
+      <div className="contenedor-censo">Censo de equipos de cómputo - Laboratorio</div>
       <div className="pregunta-cuadro">Numero de laboratorios.</div>
 
       <div className="controls">
diff --git a/src/components/Perifericos/Pregunta8.tsx b/src/components/Perifericos/Pregunta8.tsx
index 2c5d370..eb8cfd7 100644
--- a/src/components/Perifericos/Pregunta8.tsx
+++ b/src/components/Perifericos/Pregunta8.tsx
@@ -80,6 +80,8 @@ export default function Pregunta8() {
 
   return (
     <div className="container">
+      
+      <div className="contenedor-censo">Censo de equipos de cómputo - Proyectos</div>
       <div className="pregunta-cuadro">Numero de proyectos.</div>
       <div className="controls">
         <div className="show-records">