modified margin and color

src/components/Equipo_Computo/MapaCalor.tsx

@@ -95,7 +95,7 @@ function HeatLayer() {
 
     Object.entries(edificios).forEach(([nombre, coords]: any) => {
       L.polygon((coords), {
-        color: "#77ee9f",
+        color: "#77ee9f00",
         weight: 2,
         fillOpacity: 0.25
       })
@@ -129,7 +129,7 @@ export default function MapaCalor() {
     <div style={{
       width: "100%",
       height: "650px",
-      marginTop: "40px",
+      marginTop: "10px",
       borderRadius: "12px",
       overflow: "hidden",
       boxShadow: "0 6px 25px rgba(0,0,0,0.3)"

src/components/Equipo_Computo/Pregunta1.tsx

@@ -25,7 +25,6 @@ const CATEGORIA_MAP: Record<string, { tabla: number }> = {
   "ESCRITORIO PC": { tabla: 0 },
   "ESCRITORIO MAC OS": { tabla: 0 },
   "ESCRITORIO MAC OS ": { tabla: 0 },
-
   "ESCRITORIO LINUX": { tabla: 0 },
 
   "PORTÁTILES WINDOWS": { tabla: 2 },
@@ -59,6 +58,8 @@ function normalizarSO(soRaw: string): string {
   if (so.includes("LINUX")) return "Linux";
   if (so.includes("MAC")) return "Mac OS";
   if (so.includes("CHROME")) return "Chrome OS";
+  if (so.includes("ANDROID")) return "Android";
+
   if (so.includes("IOS") || so.includes("IPAD")) return "iPad OS";
 
   if (so.includes("SERVER") || so.includes("UNIX")) return "Servidor";