From 42efd5aba440728ce7383cc58d110e94e55fab08 Mon Sep 17 00:00:00 2001
From: IO <320154041@pcpuma.acatlan.unam.mx>
Date: Wed, 19 Nov 2025 18:00:12 -0600
Subject: [PATCH] merge carlos

---
 src/app/(Administrador)/equipoComputo/page.tsx |  1 -
 src/components/Equipo_Computo/Pregunta9.tsx    |  4 ++++
 src/components/Equipo_Computo/Pregunta_4.tsx   |  2 --
 src/components/Equipo_Computo/pregunta_4.css   | 11 +++--------
 4 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/app/(Administrador)/equipoComputo/page.tsx b/src/app/(Administrador)/equipoComputo/page.tsx
index 4b36420..15a99e6 100644
--- a/src/app/(Administrador)/equipoComputo/page.tsx
+++ b/src/app/(Administrador)/equipoComputo/page.tsx
@@ -81,7 +81,6 @@ export default function Page() {
             {renderPregunta()}
           </div>
         </div>
-        <Pregunta_4 />
       </div>
     </div>
   );
diff --git a/src/components/Equipo_Computo/Pregunta9.tsx b/src/components/Equipo_Computo/Pregunta9.tsx
index f08ec42..3577854 100644
--- a/src/components/Equipo_Computo/Pregunta9.tsx
+++ b/src/components/Equipo_Computo/Pregunta9.tsx
@@ -1,6 +1,7 @@
 "use client";
 import React, { useState } from "react";
 import "./pregunta9.css";
+import Pregunta4 from "./Pregunta_4";
 
 export default function Pregunta9() {
   const [datos, setDatos] = useState([
@@ -28,9 +29,12 @@ export default function Pregunta9() {
 
   return (
     <div className="contenedor-pregunta">
+
       <div className="pregunta-cuadro" style={{ marginTop: "30px" }}> 
         Indique cuantos servidores son utilizados en ambientes productivos y si en ellos se almacenan datos personales.
       </div>
+      
+      <Pregunta4/>
 
       {/* Pregunta 9 */}
       <div className="pregunta-cuadro" style={{ marginTop: "30px" }}>
diff --git a/src/components/Equipo_Computo/Pregunta_4.tsx b/src/components/Equipo_Computo/Pregunta_4.tsx
index 46c96be..83c0f81 100644
--- a/src/components/Equipo_Computo/Pregunta_4.tsx
+++ b/src/components/Equipo_Computo/Pregunta_4.tsx
@@ -10,7 +10,6 @@ export default function Pregunta4() {
       <header className="brand"></header>
 
       <section className="card">
-        <h2>Generales</h2>
 
         <label className="question-label">
           ¿Cuántos servidores son ocupados en producción?
@@ -18,7 +17,6 @@ export default function Pregunta4() {
 
         <input type="number" defaultValue={34} className="single-input" />
 
-        <p className="hint">Servidor y Uso</p>
       </section>
     </main>
   );
diff --git a/src/components/Equipo_Computo/pregunta_4.css b/src/components/Equipo_Computo/pregunta_4.css
index d580274..9e87c2a 100644
--- a/src/components/Equipo_Computo/pregunta_4.css
+++ b/src/components/Equipo_Computo/pregunta_4.css
@@ -1,11 +1,9 @@
 .pregunta-page {
-  min-height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   background: #f7f8f9;
-  padding: 40px 20px;
-  font-family: Arial, sans-serif;
+  width: 100%;
 }
 
 .brand img {
@@ -14,11 +12,10 @@
 }
 
 .card {
-  width: 700px;
-  max-width: 95%;
+  width: 100%;
   background: white;
   border-radius: 12px;
-  padding: 32px;
+  padding: 2rem;
   box-shadow: 0 6px 22px rgba(0, 0, 0, 0.08);
   text-align: left;
 }
@@ -30,7 +27,6 @@
 }
 
 .question-label {
-  font-size: 15px;
   margin-bottom: 8px;
   display: block;
   color: #333;
@@ -43,7 +39,6 @@
   border-radius: 6px;
   border: 1px solid #ccc;
   text-align: center;
-  margin-bottom: 12px;
 }
 
 .hint {