fixed styles

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>

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;

src/app/styles/layout/pregunta4EP.scss

@@ -1,4 +1,5 @@
 .container {
+  width: 100%;
   border-radius: 6px;
 }
 

src/app/styles/layout/reporte.scss

@@ -86,6 +86,8 @@
    ============================ */
 
 .data-table_reporte {
+  display: flex;
+  justify-content: center;
   padding: 20px;
   background-color: #f5f5f7;
 

src/components/Perifericos/pregunta5EP.scss

@@ -1,6 +1,6 @@
 
 .container {
-  max-width: 1000px;
+  width: 100%;
 }
 
 .header {