Merge branch 'Sarabia' of https://github.com/jls846/front-censo into Lino

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

src/app/styles/layout/reporte.scss

@@ -185,4 +185,18 @@
     font-size: 13px;
     border-radius: 10px 10px 0 0;
   }
-}
+}
+@media (max-width: 992px) {
+  .scanView_reporte {
+    padding: 16px;
+
+    .tab_reporte {
+      font-size: 14px;
+      padding: 12px 18px;
+    }
+
+    .data-row_reporte {
+      padding: 14px 18px;
+    }
+  }
+}

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({

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

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">

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">