_

app/Components/Equipos/tableequipos.tsx

@@ -57,7 +57,7 @@ export default function TableEquipos() {
         scrollbarColor: "#2563eb white",
       }}
     >
-      <table style={{ width: "100%", borderCollapse: "collapse" }}>
+      <table style={{ width: "100%" }}>
         <thead>
           <tr>
             <th>Ubicación</th>

app/Components/Global/table.module.css

@@ -7,3 +7,40 @@
   scroll-behavior: smooth;
   transition: all 0.3s ease;
 }
+
+.WINDOWS::before {
+  content: "";
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background-image: url("/windows.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  margin-right: 6px;
+  vertical-align: middle;
+}
+
+.MACINTOSH::before {
+  content: "";
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background-image: url("/apple.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  margin-right: 6px;
+  vertical-align: middle;
+  left: 0;
+}
+
+.PROFESORES::before {
+  content: "";
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background-image: url("/teacher.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  margin-right: 6px;
+  vertical-align: middle;
+}

app/Components/Global/table.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import React from "react";
 import styles from "./table.module.css";
 
 interface TableProps {
@@ -24,7 +23,7 @@ export default function Table({ headers, data }: TableProps) {
             data.map((row, rowIndex) => (
               <tr key={rowIndex}>
                 {headers.map((header, colIndex) => (
-                  <td key={colIndex}>{row[header]}</td>
+                  <td key={colIndex} className={styles[row[header]]}>{row[header]}</td>
                 ))}
               </tr>
             ))

app/globals.css

@@ -47,6 +47,7 @@ footer p {
   color: white;
   max-width: 900px;
   z-index: 2;
+  font-size: 1.4rem;
 }
 
 .mainContainer {
@@ -63,6 +64,7 @@ footer p {
     opacity: 0;
     transform: translateY(20px);
   }
+
   100% {
     opacity: 1;
     transform: translateY(0);
@@ -212,17 +214,17 @@ input[type="checkbox"] {
   transition: opacity 0.2s ease;
 }
 
-.radio-card input:checked + .radio-ui::after {
+.radio-card input:checked+.radio-ui::after {
   opacity: 1;
 }
 
-.radio-card input:checked ~ .radio-text {
+.radio-card input:checked~.radio-text {
   color: #002b7f;
   font-weight: 600;
 }
 
 .radio-card input:checked {
-  + .radio-ui {
+  +.radio-ui {
     border-color: #002b7f;
   }
 }
@@ -546,6 +548,7 @@ table td:last-child {
   justify-content: center;
   align-items: center;
 }
+
 .centerGrido {
   display: grid;
   grid-template-columns: auto 200px;
@@ -590,7 +593,8 @@ table td:last-child {
 .checkbox-grid input[type="checkbox"] {
   margin: 0;
   padding: 0;
-  transform: scale(1); /* mantiene el tamaño */
+  transform: scale(1);
+  /* mantiene el tamaño */
 }
 
 @media (max-width: 1330px) {
@@ -700,4 +704,4 @@ table td:last-child {
     max-width: 250px;
     overflow-wrap: break-word;
   }
-}
+}

middleware.ts

@@ -18,7 +18,8 @@ export function middleware(request: NextRequest) {
 }
 
 export const config = {
-  matcher: [    
+  matcher: [   
+    "/", 
     "/Reportes",
     "/Monitor",
     "/QuitarSancion",