added new fond and fixed chrome error

src/components/Equipo_Computo/Pregunta1.tsx

@@ -28,8 +28,8 @@ const CATEGORIA_MAP: Record<string, { tabla: number }> = {
   "ESCRITORIO LINUX": { tabla: 0 },
 
   "PORTÁTILES WINDOWS": { tabla: 2 },
+  "PORTÁTILES CHROMEBOOK": { tabla: 2 },
   "PORTÁTILES MAC OS": { tabla: 2 },
-  "PORTÁTILES LINUX": { tabla: 2 },
 
   "TABLETA IPAD OS": { tabla: 1 },
   "TABLETA ANDROID": { tabla: 1 },
@@ -47,7 +47,7 @@ const TITULOS_TABLAS = [
 const SISTEMAS_POR_TABLA: Record<number, readonly string[]> = {
   0: ["Windows", "Linux", "Mac OS"],
   1: ["Android", "iPad OS"],
-  2: ["Windows", "Linux", "Mac OS"],
+  2: ["Windows", "Chrome OS", "Mac OS"],
   3: ["Servidor"],
 };
 
@@ -57,7 +57,7 @@ function normalizarSO(soRaw: string): string {
   if (so.includes("WINDOWS")) return "Windows";
   if (so.includes("LINUX")) return "Linux";
   if (so.includes("MAC")) return "Mac OS";
-  if (so.includes("CHROME")) return "Chrome OS";
+  if (so.includes("CHROME OS")) return "Chrome OS";
   if (so.includes("ANDROID")) return "Android";
 
   if (so.includes("IOS") || so.includes("IPAD")) return "iPad OS";
@@ -176,9 +176,8 @@ export default function Pregunta1() {
                   {valores.map((valor, colIndex) => (
                     <td key={colIndex}>
                       <div
-                        className={`${style["input-contenedor"]} ${
-                          loading ? "skeleton" : ""
-                        }`}
+                        className={`${style["input-contenedor"]} ${loading ? "skeleton" : ""
+                          }`}
                       >
                         {!loading ? (
                           <input type="number" value={valor} readOnly />
@@ -202,9 +201,8 @@ export default function Pregunta1() {
               {totalesColumnas.map((t, i) => (
                 <td key={i}>
                   <div
-                    className={`${style["input-contenedor"]} ${
-                      loading ? "skeleton" : ""
-                    }`}
+                    className={`${style["input-contenedor"]} ${loading ? "skeleton" : ""
+                      }`}
                   >
                     {!loading && t}
                   </div>

src/components/Ranking.tsx

@@ -42,7 +42,7 @@ export default function Ranking() {
   }, [year, api_url]);
 
   return (
-    <section>
+    <section style={{width:'100%'}}>
       <div className="year-selector">
         <div>
           <label>Año:</label>