Merge branch 'Carlos' of https://repositorio.acatlan.unam.mx/IO/front-Censo into Lino

2025-11-19 17:29:43 -06:00
parent 9679ebb6fb 27844bba41
commit 9b313aa4f9
4 changed files with 81 additions and 5 deletions
@@ -0,0 +1,25 @@
+"use client";
+
+import React from "react";
+
+import "./pregunta_4.css";
+
+export default function Pregunta4() {
+  return (
+    <main className="pregunta-page">
+      <header className="brand"></header>
+
+      <section className="card">
+        <h2>Generales</h2>
+
+        <label className="question-label">
+          ¿Cuántos servidores son ocupados en producción?
+        </label>
+
+        <input type="number" defaultValue={34} className="single-input" />
+
+        <p className="hint">Servidor y Uso</p>
+      </section>
+    </main>
+  );
+}
@@ -0,0 +1,52 @@
+.pregunta-page {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: #f7f8f9;
+  padding: 40px 20px;
+  font-family: Arial, sans-serif;
+}
+
+.brand img {
+  width: 320px;
+  margin-bottom: 20px;
+}
+
+.card {
+  width: 700px;
+  max-width: 95%;
+  background: white;
+  border-radius: 12px;
+  padding: 32px;
+  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.08);
+  text-align: left;
+}
+
+.card h2 {
+  text-align: center;
+  margin-bottom: 20px;
+  font-weight: 600;
+}
+
+.question-label {
+  font-size: 15px;
+  margin-bottom: 8px;
+  display: block;
+  color: #333;
+}
+
+.single-input {
+  width: 110px;
+  padding: 10px 12px;
+  font-size: 18px;
+  border-radius: 6px;
+  border: 1px solid #ccc;
+  text-align: center;
+  margin-bottom: 12px;
+}
+
+.hint {
+  font-size: 13px;
+  color: #777;
+}