From 84c6fe60d7f4fb4480bd3ff21cfd5257cdd9a01a Mon Sep 17 00:00:00 2001
From: IO <320154041@pcpuma.acatlan.unam.mx>
Date: Wed, 19 Nov 2025 15:37:31 -0600
Subject: [PATCH] fixed styles

---
 src/app/(Administrador)/perifericos/page.tsx | 13 +------------
 src/app/styles/layout/pregunta1EP.scss       |  2 +-
 src/app/styles/layout/pregunta4EP.scss       |  1 +
 src/app/styles/layout/reporte.scss           |  2 ++
 src/components/Perifericos/pregunta5EP.scss  |  2 +-
 5 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/src/app/(Administrador)/perifericos/page.tsx b/src/app/(Administrador)/perifericos/page.tsx
index 144e0d3..e6d9a13 100644
--- a/src/app/(Administrador)/perifericos/page.tsx
+++ b/src/app/(Administrador)/perifericos/page.tsx
@@ -23,15 +23,6 @@ const LABELS: Record<PreguntaKey, string> = {
   pregunta7: "Pregunta 7",
 };
 
-// Mapeo de fondo por pregunta (puedes personalizarlo)
-const TAB_BACKGROUNDS: Record<PreguntaKey, string> = {
-  pregunta1: "bg-gray",
-  pregunta2: "bg-gray",
-  pregunta4: "bg-gray",
-  pregunta5: "bg-gray",
-  pregunta7: "bg-gray",
-};
-
 export default function Page() {
   const [activeTab, setActiveTab] = useState<PreguntaKey>("pregunta1");
 
@@ -56,8 +47,6 @@ export default function Page() {
     }
   };
 
-  const currentBgClass = TAB_BACKGROUNDS[activeTab] || "bg-gray";
-
   return (
     <div className="scanView_reporte">
       <div className="container_reporte">
@@ -75,7 +64,7 @@ export default function Page() {
               </button>
             ))}
           </div>
-          <div className={`data-table_reporte ${currentBgClass}`}>
+          <div className={`data-table_reporte`}>
             {renderPregunta()}
           </div>
         </div>
diff --git a/src/app/styles/layout/pregunta1EP.scss b/src/app/styles/layout/pregunta1EP.scss
index 988471f..b9e39f4 100644
--- a/src/app/styles/layout/pregunta1EP.scss
+++ b/src/app/styles/layout/pregunta1EP.scss
@@ -1,7 +1,7 @@
 
 
 .container {
-  max-width: 1000px;
+  width: 100%;
   margin: 2% auto 10% auto;
   background: white;
   padding: 20px;
diff --git a/src/app/styles/layout/pregunta4EP.scss b/src/app/styles/layout/pregunta4EP.scss
index 354c3e8..715ef69 100644
--- a/src/app/styles/layout/pregunta4EP.scss
+++ b/src/app/styles/layout/pregunta4EP.scss
@@ -1,4 +1,5 @@
 .container {
+  width: 100%;
   border-radius: 6px;
 }
 
diff --git a/src/app/styles/layout/reporte.scss b/src/app/styles/layout/reporte.scss
index 737c0d3..511c537 100644
--- a/src/app/styles/layout/reporte.scss
+++ b/src/app/styles/layout/reporte.scss
@@ -86,6 +86,8 @@
    ============================ */
 
 .data-table_reporte {
+  display: flex;
+  justify-content: center;
   padding: 20px;
   background-color: #f5f5f7;
 
diff --git a/src/components/Perifericos/pregunta5EP.scss b/src/components/Perifericos/pregunta5EP.scss
index 154d964..0f7af6f 100644
--- a/src/components/Perifericos/pregunta5EP.scss
+++ b/src/components/Perifericos/pregunta5EP.scss
@@ -1,6 +1,6 @@
 
 .container {
-  max-width: 1000px;
+  width: 100%;
 }
 
 .header {