diff --git a/src/app/(Administrador)/pregunta1/page1.css b/src/app/(Administrador)/pregunta1/page1.css
new file mode 100644
index 0000000..ab1bf2d
--- /dev/null
+++ b/src/app/(Administrador)/pregunta1/page1.css
@@ -0,0 +1,94 @@
+/* === ESTILOS GENERALES === */
+.pregunta-page {
+  min-height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: linear-gradient(to bottom, #ebf4ff, #ffffff);
+  font-family: "Inter", sans-serif;
+}
+
+/* === CONTENEDOR === */
+.pregunta-container {
+  background: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 20px;
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
+  width: 90%;
+  max-width: 900px;
+  padding: 3rem;
+}
+
+/* === TÍTULO === */
+.pregunta-titulo {
+  font-size: 2rem;
+  font-weight: 700;
+  text-align: center;
+  color: #1e40af;
+  margin-bottom: 2rem;
+}
+
+/* === TEXTO === */
+.pregunta-texto {
+  font-weight: 600;
+  color: #374151;
+  margin-bottom: 1.5rem;
+}
+
+/* === GRID DE INPUTS === */
+.pregunta-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 1.5rem;
+}
+
+.pregunta-grid label {
+  display: block;
+  font-size: 0.9rem;
+  color: #4b5563;
+  margin-bottom: 0.4rem;
+}
+
+.pregunta-grid input {
+  width: 100%;
+  padding: 0.6rem 0.8rem;
+  border: 1px solid #d1d5db;
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+  background-color: #f9fafb;
+  transition: all 0.2s ease;
+}
+
+.pregunta-grid input:focus {
+  border-color: #2563eb;
+  outline: none;
+  background-color: #ffffff;
+  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.3);
+}
+
+/* === BOTONES === */
+.boton-contenedor {
+  display: flex;
+  justify-content: center;
+  margin-top: 2.5rem;
+}
+
+.boton {
+  display: inline-block;
+  padding: 0.8rem 1.6rem;
+  border-radius: 10px;
+  font-weight: 500;
+  text-decoration: none;
+  transition: all 0.2s ease;
+  box-shadow: 0 3px 8px rgba(37, 99, 235, 0.25);
+}
+
+.boton.siguiente {
+  background-color: #2563eb;
+  color: white;
+}
+
+.boton.siguiente:hover {
+  background-color: #1e3a8a;
+  transform: scale(1.05);
+}
diff --git a/src/app/(Administrador)/pregunta2/page.tsx b/src/app/(Administrador)/pregunta2/page.tsx
index b2443a7..197c114 100644
--- a/src/app/(Administrador)/pregunta2/page.tsx
+++ b/src/app/(Administrador)/pregunta2/page.tsx
@@ -1,7 +1,7 @@
-'use client';
+"use client";
 
-import { useState, useEffect } from 'react';
-import './pregunta2.scss';
+import { useState, useEffect } from "react";
+import "./pregunta2.scss";
 
 // Tipos
 type OsEntry = {
@@ -16,51 +16,60 @@ type PlatformData = {
 
 // === DATOS TEMPORALES (mock) ===
 const MOCK_DATA: PlatformData = {
-  'pc-desktop': [
-    { os: 'Windows 11', count: '408' },
-    { os: 'Windows 10', count: '1171' },
-    { os: 'Windows 7/8', count: '177' },
-    { os: 'Windows XP/Vista', count: '43' },
-    { os: 'Linux', count: '45' },
-    { os: 'Total', count: '1844', isTotal: true },
+  "pc-desktop": [
+    { os: "Windows 11", count: "408" },
+    { os: "Windows 10", count: "1171" },
+    { os: "Windows 7/8", count: "177" },
+    { os: "Windows XP/Vista", count: "43" },
+    { os: "Linux", count: "45" },
+    { os: "Total", count: "1844", isTotal: true },
   ],
-  'apple-desktop': [
-    { os: 'Mac OS X(13 - Ventura, 14 - Sonoma)', count: '205' },
-    { os: 'Mac OS X(Mojave,Catalina,11 - Big Sur, 12 - Monterrey)', count: '180' },
-    { os: 'Mac OS X(Yosemite,El Capitan,Sierra,High Sierra)', count: '95' },
-    { os: 'Mac OS X(Snow Leopard,Mountain Lion,Mavericks)', count: '6' },
-    { os: 'Total', count: '480', isTotal: true },
+  "apple-desktop": [
+    { os: "Mac OS X(13 - Ventura, 14 - Sonoma)", count: "205" },
+    {
+      os: "Mac OS X(Mojave,Catalina,11 - Big Sur, 12 - Monterrey)",
+      count: "180",
+    },
+    { os: "Mac OS X(Yosemite,El Capitan,Sierra,High Sierra)", count: "95" },
+    { os: "Mac OS X(Snow Leopard,Mountain Lion,Mavericks)", count: "6" },
+    { os: "Total", count: "480", isTotal: true },
   ],
-  'pc-laptop': [
-    { os: 'Windows 11', count: '40' },
-    { os: 'Windows 10', count: '171' },
-    { os: 'Windows 7/8', count: '17' },
-    { os: 'Windows XP/Vista', count: '3' },
-    { os: 'Linux', count: '5' },
-    { os: 'Total', count: '144', isTotal: true },
+  "pc-laptop": [
+    { os: "Windows 11", count: "40" },
+    { os: "Windows 10", count: "171" },
+    { os: "Windows 7/8", count: "17" },
+    { os: "Windows XP/Vista", count: "3" },
+    { os: "Linux", count: "5" },
+    { os: "Total", count: "144", isTotal: true },
   ],
-  'apple-laptop': [
-    { os: 'Mac OS X(13 - Ventura, 14 - Sonoma)', count: '39' },
-    { os: 'Mac OS X(Mojave,Catalina,11 - Big Sur, 12 - Monterrey)', count: '23' },
-    { os: 'Mac OS X(Yosemite,El Capitan,Sierra,High Sierra)', count: '0' },
-    { os: 'Mac OS X(Snow Leopard,Mountain Lion,Mavericks)', count: '9' },
-    { os: 'Total', count: '71', isTotal: true },
+  "apple-laptop": [
+    { os: "Mac OS X(13 - Ventura, 14 - Sonoma)", count: "39" },
+    {
+      os: "Mac OS X(Mojave,Catalina,11 - Big Sur, 12 - Monterrey)",
+      count: "23",
+    },
+    { os: "Mac OS X(Yosemite,El Capitan,Sierra,High Sierra)", count: "0" },
+    { os: "Mac OS X(Snow Leopard,Mountain Lion,Mavericks)", count: "9" },
+    { os: "Total", count: "71", isTotal: true },
   ],
-  'servers': [
-    { os: 'Linux (CentOs,Fedora,Ubuntu,Red Hat Enterprise,entre otros)', count: '21' },
-    { os: 'Unix (AIX,MAC OS Server,Solaris,entre otros)', count: '2' },
-    { os: 'Windows Server 2022/2023', count: '6' },
-    { os: 'Windows Server 2016/2019', count: '3' },
-    { os: 'Windows Server 2008/2012', count: '3' },
-    { os: 'Windows Server 2000/2003', count: '2' },
-    { os: 'Total', count: '37', isTotal: true },
+  servers: [
+    {
+      os: "Linux (CentOs,Fedora,Ubuntu,Red Hat Enterprise,entre otros)",
+      count: "21",
+    },
+    { os: "Unix (AIX,MAC OS Server,Solaris,entre otros)", count: "2" },
+    { os: "Windows Server 2022/2023", count: "6" },
+    { os: "Windows Server 2016/2019", count: "3" },
+    { os: "Windows Server 2008/2012", count: "3" },
+    { os: "Windows Server 2000/2003", count: "2" },
+    { os: "Total", count: "37", isTotal: true },
   ],
 };
 
-const API_ENDPOINT = '/api/platform-stats'; // ← ¡Reemplaza esto cuando sepas la URL real!
+const API_ENDPOINT = "/api/platform-stats"; // ← ¡Reemplaza esto cuando sepas la URL real!
 
 const Page = () => {
-  const [activeTab, setActiveTab] = useState<string>('pc-desktop');
+  const [activeTab, setActiveTab] = useState<string>("pc-desktop");
   const [data, setData] = useState<PlatformData>(MOCK_DATA);
   const [loading, setLoading] = useState<boolean>(true);
   const [error, setError] = useState<string | null>(null);
@@ -80,8 +89,10 @@ const Page = () => {
         setData(MOCK_DATA);
         setLoading(false);
       } catch (err) {
-        console.error('Error al cargar datos:', err);
-        setError('No se pudieron cargar las estadísticas. Usando datos temporales.');
+        console.error("Error al cargar datos:", err);
+        setError(
+          "No se pudieron cargar las estadísticas. Usando datos temporales."
+        );
         setData(MOCK_DATA); // fallback en caso de error
         setLoading(false);
       }
@@ -111,15 +122,15 @@ const Page = () => {
           <div className="main-content">
             <div className="tabs">
               {Object.entries({
-                'pc-desktop': 'Computadoras de escritorio Plataforma PC',
-                'apple-desktop': 'Computadoras de escritorio Plataforma Apple',
-                'pc-laptop': 'Computadoras portátiles Plataforma PC',
-                'apple-laptop': 'Computadoras portátiles Plataforma Apple',
-                'servers': 'Servidores de alto rendimiento',
+                "pc-desktop": "Computadoras de escritorio Plataforma PC",
+                "apple-desktop": "Computadoras de escritorio Plataforma Apple",
+                "pc-laptop": "Computadoras portátiles Plataforma PC",
+                "apple-laptop": "Computadoras portátiles Plataforma Apple",
+                servers: "Servidores de alto rendimiento",
               }).map(([key, label]) => (
                 <div
                   key={key}
-                  className={`tab ${activeTab === key ? 'active' : ''}`}
+                  className={`tab ${activeTab === key ? "active" : ""}`}
                   onClick={() => setActiveTab(key)}
                 >
                   {label}
@@ -132,7 +143,7 @@ const Page = () => {
                 {currentData.map((item, index) => (
                   <div
                     key={index}
-                    className={`data-row ${item.isTotal ? 'total-row' : ''}`}
+                    className={`data-row ${item.isTotal ? "total-row" : ""}`}
                   >
                     <div className="os-name">{item.os}</div>
                     <div className="count-box">{item.count}</div>
diff --git a/src/app/(Administrador)/pregunta2/page2.css b/src/app/(Administrador)/pregunta2/page2.css
new file mode 100644
index 0000000..ec987db
--- /dev/null
+++ b/src/app/(Administrador)/pregunta2/page2.css
@@ -0,0 +1,96 @@
+.pregunta-page {
+  min-height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: linear-gradient(to bottom, #eef2ff, #ffffff);
+  font-family: "Inter", sans-serif;
+}
+
+.pregunta-container {
+  background: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 20px;
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
+  width: 90%;
+  max-width: 900px;
+  padding: 3rem;
+}
+
+.pregunta-titulo {
+  font-size: 2rem;
+  font-weight: 700;
+  text-align: center;
+  color: #4338ca;
+  margin-bottom: 2rem;
+}
+
+.pregunta-texto {
+  font-weight: 500;
+  color: #374151;
+  margin-bottom: 1.5rem;
+  text-align: justify;
+}
+
+.pregunta-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 1.5rem;
+}
+
+.pregunta-grid label {
+  display: block;
+  color: #4b5563;
+  margin-bottom: 0.4rem;
+}
+
+.pregunta-grid input {
+  width: 100%;
+  padding: 0.6rem 0.8rem;
+  border: 1px solid #d1d5db;
+  border-radius: 8px;
+  background-color: #f9fafb;
+  transition: all 0.2s ease;
+}
+
+.pregunta-grid input:focus {
+  border-color: #6366f1;
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.3);
+}
+
+.boton-grupo {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 2.5rem;
+}
+
+.boton {
+  display: inline-block;
+  padding: 0.8rem 1.6rem;
+  border-radius: 10px;
+  font-weight: 500;
+  text-decoration: none;
+  transition: all 0.2s ease;
+  box-shadow: 0 3px 8px rgba(99, 102, 241, 0.25);
+}
+
+.boton.anterior {
+  background-color: #6b7280;
+  color: white;
+}
+
+.boton.anterior:hover {
+  background-color: #374151;
+  transform: scale(1.05);
+}
+
+.boton.siguiente {
+  background-color: #4f46e5;
+  color: white;
+}
+
+.boton.siguiente:hover {
+  background-color: #312e81;
+  transform: scale(1.05);
+}
diff --git a/src/app/(Administrador)/pregunta3.1/page.tsx b/src/app/(Administrador)/pregunta3.1/page.tsx
new file mode 100644
index 0000000..0d9342b
--- /dev/null
+++ b/src/app/(Administrador)/pregunta3.1/page.tsx
@@ -0,0 +1,252 @@
+"use client";
+
+import React from "react";
+import Link from "next/link";
+import "./page3.1.css";
+
+export default function Pregunta3() {
+  const data = [
+    {
+      tipo: "Core Ultra (i3, i5, i7) Serie 2",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "Core Ultra (i3, i5, i7) Serie 1",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "i9 o equivalentes (13a generación en adelante)",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "i7 o equivalentes (13a generación en adelante)",
+      alumnos: "15",
+      profesores: "16",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "52",
+      total: "97",
+    },
+    {
+      tipo: "i7 o equivalentes (12a generación en adelante)",
+      alumnos: "29",
+      profesores: "16",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "52",
+      total: "97",
+    },
+    {
+      tipo: "i5 o equivalentes (13a generación en adelante)",
+      alumnos: "107",
+      profesores: "3",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "8",
+      total: "118",
+    },
+    {
+      tipo: "i5 o equivalentes (12a generación en adelante)",
+      alumnos: "250",
+      profesores: "59",
+      tecnicos: "3",
+      investigadores: "",
+      administrativos: "904",
+      total: "1216",
+    },
+    {
+      tipo: "i3 o equivalentes (13a generación en adelante)",
+      alumnos: "3",
+      profesores: "1",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "12",
+      total: "16",
+    },
+    {
+      tipo: "i3 o equivalentes (12a generación en adelante)",
+      alumnos: "36",
+      profesores: "19",
+      tecnicos: "2",
+      investigadores: "",
+      administrativos: "78",
+      total: "137",
+    },
+    {
+      tipo: "i3 o equivalentes (11a generación en adelante)",
+      alumnos: "264",
+      profesores: "66",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "410",
+      total: "740",
+    },
+    {
+      tipo: "Pentium Gold",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "1",
+      total: "1",
+    },
+    {
+      tipo: "Pentium Serie J, G",
+      alumnos: "2",
+      profesores: "3",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "3",
+      total: "8",
+    },
+    {
+      tipo: "Celeron Dual Core, Pentium Dual Core o anteriores",
+      alumnos: "25",
+      profesores: "40",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "56",
+      total: "121",
+    },
+  ];
+
+  const total = {
+    alumnos: "774",
+    profesores: "227",
+    tecnicos: "5",
+    investigadores: "0",
+    administrativos: "838",
+    total: "1844",
+  };
+
+  return (
+    <main className="pregunta-page pregunta3">
+      <div className="pregunta-container">
+        <h1 className="pregunta-titulo">PREGUNTA 3 (1/5)</h1>
+
+        <section className="pregunta-seccion">
+          <p className="pregunta-texto">
+            3. Desglose la cantidad de población beneficiada por plataforma y
+            tipo de procesador: *
+          </p>
+          <p className="pregunta-subtexto">
+            Presione cada pestaña para ingresar la información.
+          </p>
+
+          {/* Pestañas simuladas */}
+          <div className="tab-container">
+            <div className="tab active">
+              Computadoras de escritorio Plataforma PC
+            </div>
+            <div className="tab inactive">
+              Computadoras de escritorio Plataforma Apple
+            </div>
+            <div className="tab inactive">
+              Computadoras portátiles Plataforma PC
+            </div>
+            <div className="tab inactive">
+              Computadoras portátiles Plataforma Apple
+            </div>
+            <div className="tab inactive">Alto rendimiento Servidores</div>
+          </div>
+
+          {/* Tabla principal */}
+          <div className="tabla-pc-container">
+            <table className="tabla-pc">
+              <thead>
+                <tr>
+                  <th rowSpan={2} className="header-procesador">
+                    Plataforma PC <br /> Tipo de procesador
+                  </th>
+                  <th colSpan={5} className="header-poblacion">
+                    Población Beneficiada
+                  </th>
+                  <th rowSpan={2} className="header-total">
+                    Total
+                  </th>
+                </tr>
+                <tr>
+                  <th className="sub-header">Alumnos</th>
+                  <th className="sub-header">Profesores</th>
+                  <th className="sub-header">Técnicos Académicos</th>
+                  <th className="sub-header">Investigadores</th>
+                  <th className="sub-header">Administrativos</th>
+                </tr>
+              </thead>
+              <tbody>
+                {data.map((item, index) => (
+                  <tr key={index}>
+                    <td className="tipo-procesador">{item.tipo}</td>
+                    <td>
+                      <input type="text" value={item.alumnos} readOnly />
+                    </td>
+                    <td>
+                      <input type="text" value={item.profesores} readOnly />
+                    </td>
+                    <td>
+                      <input type="text" value={item.tecnicos} readOnly />
+                    </td>
+                    <td>
+                      <input type="text" value={item.investigadores} readOnly />
+                    </td>
+                    <td>
+                      <input
+                        type="text"
+                        value={item.administrativos}
+                        readOnly
+                      />
+                    </td>
+                    <td className="total-celda">{item.total}</td>
+                  </tr>
+                ))}
+                <tr className="fila-total">
+                  <td className="tipo-procesador">Total</td>
+                  <td>
+                    <input type="text" value={total.alumnos} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.profesores} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.tecnicos} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.investigadores} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.administrativos} readOnly />
+                  </td>
+                  <td className="total-celda final-total">{total.total}</td>
+                </tr>
+              </tbody>
+            </table>
+            <button className="boton-consultar">
+              Consultar las equivalencias de procesadores
+            </button>
+          </div>
+        </section>
+
+        <div className="boton-contenedor">
+          <Link href="/pregunta3-2" className="boton siguiente">
+            Pregunta 3 (2/5) →
+          </Link>
+        </div>
+      </div>
+    </main>
+  );
+}
diff --git a/src/app/(Administrador)/pregunta3.1/page3.1.css b/src/app/(Administrador)/pregunta3.1/page3.1.css
new file mode 100644
index 0000000..6850464
--- /dev/null
+++ b/src/app/(Administrador)/pregunta3.1/page3.1.css
@@ -0,0 +1,170 @@
+/* === ESTILOS PREGUNTA 3 (1/5) === */
+
+.pregunta-titulo {
+  text-align: center;
+  color: #1e3a8a;
+  margin-bottom: 1.2rem;
+  font-size: 1.5rem;
+  font-weight: 700;
+}
+
+.pregunta-texto {
+  font-size: 1rem;
+  font-weight: 500;
+  margin-bottom: 0.5rem;
+}
+
+.pregunta-subtexto {
+  font-size: 0.9rem;
+  color: #6b7280;
+  margin-bottom: 1rem;
+}
+
+/* === PESTAÑAS === */
+.tab-container {
+  display: flex;
+  overflow-x: auto;
+  border-bottom: 2px solid #e5e7eb;
+  margin-bottom: 1.5rem;
+}
+
+.tab {
+  padding: 0.8rem 1.2rem;
+  cursor: pointer;
+  white-space: nowrap;
+  font-weight: 500;
+  border-radius: 8px 8px 0 0;
+  transition: all 0.2s ease;
+  margin-right: 0.25rem;
+}
+
+.tab.active {
+  color: #1e40af;
+  border-bottom: 3px solid #1e40af;
+  background-color: #f3f4f6;
+}
+
+.tab.inactive {
+  color: #6b7280;
+  background-color: #ffffff;
+}
+
+.tab.inactive:hover {
+  color: #1e40af;
+  background-color: #f9fafb;
+}
+
+/* === TABLA === */
+.tabla-pc-container {
+  overflow-x: auto;
+  margin-bottom: 2rem;
+  position: relative;
+}
+
+.tabla-pc {
+  width: 100%;
+  border-collapse: collapse;
+  min-width: 950px;
+  font-size: 0.85rem;
+}
+
+.tabla-pc th {
+  padding: 0.7rem 0.5rem;
+  text-align: center;
+  color: white;
+  font-weight: 600;
+  border: 1px solid #d1d5db;
+}
+
+.tabla-pc .header-procesador,
+.tabla-pc .header-total {
+  background-color: #3b82f6;
+}
+
+.tabla-pc .header-poblacion {
+  background-color: #9333ea;
+}
+
+.tabla-pc .sub-header {
+  background-color: #a855f7;
+  color: white;
+}
+
+.tabla-pc td {
+  border: 1px solid #e5e7eb;
+  text-align: center;
+  vertical-align: middle;
+}
+
+.tabla-pc .tipo-procesador {
+  text-align: left;
+  font-weight: 500;
+  padding: 0.6rem 0.5rem;
+  background-color: #f9fafb;
+  color: #374151;
+}
+
+.tabla-pc input[type="text"] {
+  width: 100%;
+  padding: 0.45rem 0.3rem;
+  border: none;
+  background-color: #f3f4f6;
+  text-align: center;
+  box-sizing: border-box;
+  color: #374151;
+}
+
+.tabla-pc .total-celda {
+  background-color: #e0f2fe;
+  font-weight: 600;
+  color: #1e3a8a;
+}
+
+.tabla-pc .fila-total td {
+  background-color: #bfdbfe;
+  font-weight: 700;
+}
+
+.tabla-pc .fila-total .total-celda {
+  background-color: #93c5fd;
+}
+
+/* === BOTONES === */
+.boton-consultar {
+  position: absolute;
+  bottom: -3.5rem;
+  right: 0;
+  background-color: #10b981;
+  color: white;
+  padding: 0.6rem 1.2rem;
+  border: none;
+  border-radius: 8px;
+  font-size: 0.9rem;
+  cursor: pointer;
+  box-shadow: 0 2px 5px rgba(16, 185, 129, 0.3);
+  transition: background-color 0.2s;
+}
+
+.boton-consultar:hover {
+  background-color: #059669;
+}
+
+.boton-contenedor {
+  margin-top: 5rem;
+  text-align: right;
+}
+
+.boton.siguiente {
+  background-color: #2563eb;
+  color: white;
+  padding: 0.7rem 1.4rem;
+  border-radius: 8px;
+  text-decoration: none;
+  font-weight: 500;
+  box-shadow: 0 2px 5px rgba(37, 99, 235, 0.3);
+  transition: background-color 0.2s;
+}
+
+.boton.siguiente:hover {
+  background-color: #1e40af;
+}
diff --git a/src/app/(Administrador)/pregunta3.2/page.tsx b/src/app/(Administrador)/pregunta3.2/page.tsx
new file mode 100644
index 0000000..f464093
--- /dev/null
+++ b/src/app/(Administrador)/pregunta3.2/page.tsx
@@ -0,0 +1,270 @@
+"use client";
+
+import React from "react";
+import Link from "next/link";
+import "./page3.2.css";
+
+export default function Pregunta3_2() {
+  const data = [
+    {
+      tipo: "Core Ultra (i3, i5, i7) Serie 2",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "Core Ultra (i3, i5, i7) Serie 1",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "Familia M4",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "2",
+      total: "2",
+    },
+    {
+      tipo: "Familia M3",
+      alumnos: "",
+      profesores: "1",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "1",
+      total: "2",
+    },
+    {
+      tipo: "Familia M2",
+      alumnos: "",
+      profesores: "2",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "2",
+    },
+    {
+      tipo: "Familia M1",
+      alumnos: "51",
+      profesores: "1",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "52",
+    },
+    {
+      tipo: "i9 o equivalentes (13a generación en adelante)",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "i7 o equivalentes (13a generación en adelante)",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "i7 o equivalentes (12a generación en adelante)",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "1",
+      total: "1",
+    },
+    {
+      tipo: "i5 o equivalentes (13a generación en adelante)",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "1",
+      total: "1",
+    },
+    {
+      tipo: "i5 o equivalentes (12a generación en adelante)",
+      alumnos: "11",
+      profesores: "1",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "12",
+    },
+    {
+      tipo: "i3 o equivalentes (13a generación en adelante)",
+      alumnos: "175",
+      profesores: "5",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "26",
+      total: "206",
+    },
+    {
+      tipo: "i3 o equivalentes (12a generación en adelante)",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "1",
+      total: "1",
+    },
+    {
+      tipo: "i3 o equivalentes (11a generación en adelante)",
+      alumnos: "",
+      profesores: "2",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "2",
+    },
+    {
+      tipo: "Core2 Mac, Quad Core o anteriores",
+      alumnos: "12",
+      profesores: "3",
+      tecnicos: "3",
+      investigadores: "",
+      administrativos: "3",
+      total: "21",
+    },
+  ];
+
+  const total = {
+    alumnos: "249",
+    profesores: "14",
+    tecnicos: "3",
+    investigadores: "0",
+    administrativos: "37",
+    total: "303",
+  };
+
+  return (
+    <main className="pregunta-page pregunta3">
+      <div className="pregunta-container">
+        <h1 className="pregunta-titulo">PREGUNTA 3 (2/5)</h1>
+
+        <section className="pregunta-seccion">
+          <p className="pregunta-texto">
+            3. Desglose la cantidad de población beneficiada por plataforma y
+            tipo de procesador: *
+          </p>
+          <p className="pregunta-subtexto">
+            Presione cada pestaña para ingresar la información.
+          </p>
+
+          {/* === PESTAÑAS === */}
+          <div className="tab-container">
+            <div className="tab inactive">
+              Computadoras de escritorio Plataforma PC
+            </div>
+            <div className="tab active">
+              Computadoras de escritorio Plataforma Apple
+            </div>
+            <div className="tab inactive">
+              Computadoras portátiles Plataforma PC
+            </div>
+            <div className="tab inactive">
+              Computadoras portátiles Plataforma Apple
+            </div>
+            <div className="tab inactive">Alto rendimiento Servidores</div>
+          </div>
+
+          {/* === TABLA === */}
+          <div className="tabla-apple-container">
+            <table className="tabla-apple">
+              <thead>
+                <tr>
+                  <th rowSpan={2} className="header-procesador">
+                    Plataforma Apple <br /> Tipo de procesador
+                  </th>
+                  <th colSpan={5} className="header-poblacion">
+                    Población Beneficiada
+                  </th>
+                  <th rowSpan={2} className="header-total">
+                    Total
+                  </th>
+                </tr>
+                <tr>
+                  <th className="sub-header">Alumnos</th>
+                  <th className="sub-header">Profesores</th>
+                  <th className="sub-header">Técnicos Académicos</th>
+                  <th className="sub-header">Investigadores</th>
+                  <th className="sub-header">Administrativos</th>
+                </tr>
+              </thead>
+              <tbody>
+                {data.map((item, index) => (
+                  <tr key={index}>
+                    <td className="tipo-procesador">{item.tipo}</td>
+                    <td>
+                      <input type="text" value={item.alumnos} readOnly />
+                    </td>
+                    <td>
+                      <input type="text" value={item.profesores} readOnly />
+                    </td>
+                    <td>
+                      <input type="text" value={item.tecnicos} readOnly />
+                    </td>
+                    <td>
+                      <input type="text" value={item.investigadores} readOnly />
+                    </td>
+                    <td>
+                      <input
+                        type="text"
+                        value={item.administrativos}
+                        readOnly
+                      />
+                    </td>
+                    <td className="total-celda">{item.total}</td>
+                  </tr>
+                ))}
+                <tr className="fila-total">
+                  <td className="tipo-procesador">Total</td>
+                  <td>
+                    <input type="text" value={total.alumnos} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.profesores} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.tecnicos} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.investigadores} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.administrativos} readOnly />
+                  </td>
+                  <td className="total-celda final-total">{total.total}</td>
+                </tr>
+              </tbody>
+            </table>
+            <button className="boton-consultar">
+              Consultar las equivalencias de procesadores
+            </button>
+          </div>
+        </section>
+
+        <div className="boton-contenedor">
+          <Link href="/pregunta3-3" className="boton siguiente">
+            Pregunta 3 (3/5) →
+          </Link>
+        </div>
+      </div>
+    </main>
+  );
+}
diff --git a/src/app/(Administrador)/pregunta3.2/page3.2.css b/src/app/(Administrador)/pregunta3.2/page3.2.css
new file mode 100644
index 0000000..20173f9
--- /dev/null
+++ b/src/app/(Administrador)/pregunta3.2/page3.2.css
@@ -0,0 +1,170 @@
+/* === ESTILOS PREGUNTA 3 (2/5) - Plataforma Apple === */
+
+.pregunta-titulo {
+  text-align: center;
+  color: #7e22ce;
+  margin-bottom: 1.2rem;
+  font-size: 1.5rem;
+  font-weight: 700;
+}
+
+.pregunta-texto {
+  font-size: 1rem;
+  font-weight: 500;
+  margin-bottom: 0.5rem;
+}
+
+.pregunta-subtexto {
+  font-size: 0.9rem;
+  color: #6b7280;
+  margin-bottom: 1rem;
+}
+
+/* === PESTAÑAS === */
+.tab-container {
+  display: flex;
+  overflow-x: auto;
+  border-bottom: 2px solid #e5e7eb;
+  margin-bottom: 1.5rem;
+}
+
+.tab {
+  padding: 0.8rem 1.2rem;
+  cursor: pointer;
+  white-space: nowrap;
+  font-weight: 500;
+  border-radius: 8px 8px 0 0;
+  transition: all 0.2s ease;
+  margin-right: 0.25rem;
+}
+
+.tab.active {
+  color: #7e22ce;
+  border-bottom: 3px solid #7e22ce;
+  background-color: #f3f4f6;
+}
+
+.tab.inactive {
+  color: #6b7280;
+  background-color: #ffffff;
+}
+
+.tab.inactive:hover {
+  color: #7e22ce;
+  background-color: #f9fafb;
+}
+
+/* === TABLA === */
+.tabla-apple-container {
+  overflow-x: auto;
+  margin-bottom: 2rem;
+  position: relative;
+}
+
+.tabla-apple {
+  width: 100%;
+  border-collapse: collapse;
+  min-width: 950px;
+  font-size: 0.85rem;
+}
+
+.tabla-apple th {
+  padding: 0.7rem 0.5rem;
+  text-align: center;
+  color: white;
+  font-weight: 600;
+  border: 1px solid #d1d5db;
+}
+
+.tabla-apple .header-procesador,
+.tabla-apple .header-total {
+  background-color: #9333ea;
+}
+
+.tabla-apple .header-poblacion {
+  background-color: #7e22ce;
+}
+
+.tabla-apple .sub-header {
+  background-color: #a855f7;
+  color: white;
+}
+
+.tabla-apple td {
+  border: 1px solid #e5e7eb;
+  text-align: center;
+  vertical-align: middle;
+}
+
+.tabla-apple .tipo-procesador {
+  text-align: left;
+  font-weight: 500;
+  padding: 0.6rem 0.5rem;
+  background-color: #faf5ff;
+  color: #4b5563;
+}
+
+.tabla-apple input[type="text"] {
+  width: 100%;
+  padding: 0.45rem 0.3rem;
+  border: none;
+  background-color: #f3f4f6;
+  text-align: center;
+  box-sizing: border-box;
+  color: #374151;
+}
+
+.tabla-apple .total-celda {
+  background-color: #f3e8ff;
+  font-weight: 600;
+  color: #7e22ce;
+}
+
+.tabla-apple .fila-total td {
+  background-color: #e9d5ff;
+  font-weight: 700;
+}
+
+.tabla-apple .fila-total .total-celda {
+  background-color: #d8b4fe;
+}
+
+/* === BOTONES === */
+.boton-consultar {
+  position: absolute;
+  bottom: -3.5rem;
+  right: 0;
+  background-color: #10b981;
+  color: white;
+  padding: 0.6rem 1.2rem;
+  border: none;
+  border-radius: 8px;
+  font-size: 0.9rem;
+  cursor: pointer;
+  box-shadow: 0 2px 5px rgba(16, 185, 129, 0.3);
+  transition: background-color 0.2s;
+}
+
+.boton-consultar:hover {
+  background-color: #059669;
+}
+
+.boton-contenedor {
+  margin-top: 5rem;
+  text-align: right;
+}
+
+.boton.siguiente {
+  background-color: #9333ea;
+  color: white;
+  padding: 0.7rem 1.4rem;
+  border-radius: 8px;
+  text-decoration: none;
+  font-weight: 500;
+  box-shadow: 0 2px 5px rgba(147, 51, 234, 0.3);
+  transition: background-color 0.2s;
+}
+
+.boton.siguiente:hover {
+  background-color: #7e22ce;
+}
diff --git a/src/app/(Administrador)/pregunta3.3/page.tsx b/src/app/(Administrador)/pregunta3.3/page.tsx
new file mode 100644
index 0000000..68c43c4
--- /dev/null
+++ b/src/app/(Administrador)/pregunta3.3/page.tsx
@@ -0,0 +1,271 @@
+"use client";
+
+import React from "react";
+import Link from "next/link";
+import "./page3.3.css";
+
+export default function Pregunta3_3() {
+  const data = [
+    {
+      tipo: "Core Ultra (i3, i5, i7) Serie 2",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "Core Ultra (i3, i5, i7) Serie 1",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "i9 o equivalentes (13a generación en adelante)",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "i7 o equivalentes (12a generación en adelante)",
+      alumnos: "16",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "27",
+      total: "43",
+    },
+    {
+      tipo: "i7 o equivalentes (11a generación)",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "1",
+      total: "1",
+    },
+    {
+      tipo: "i5 o equivalentes (13a generación en adelante)",
+      alumnos: "",
+      profesores: "1",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "1",
+      total: "2",
+    },
+    {
+      tipo: "i5 o equivalentes (12a generación en adelante)",
+      alumnos: "146",
+      profesores: "34",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "42",
+      total: "222",
+    },
+    {
+      tipo: "i5 o equivalentes (11a generación en adelante)",
+      alumnos: "",
+      profesores: "2",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "15",
+      total: "19",
+    },
+    {
+      tipo: "i3 o equivalentes (13a generación en adelante)",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "12",
+      total: "12",
+    },
+    {
+      tipo: "i3 o equivalentes (12a generación en adelante)",
+      alumnos: "",
+      profesores: "8",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "23",
+      total: "31",
+    },
+    {
+      tipo: "i3 o equivalentes (11a generación en adelante)",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "Pentium Dual Core o anteriores",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "Celeron (equivalente 2018 hasta la fecha)",
+      alumnos: "299",
+      profesores: "8",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "4",
+      total: "311",
+    },
+    {
+      tipo: "Celeron anteriores",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "Core2 Duo, Quad Core, Pentium Dual Core o anteriores",
+      alumnos: "4",
+      profesores: "4",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "3",
+      total: "11",
+    },
+  ];
+
+  const total = {
+    alumnos: "445",
+    profesores: "132",
+    tecnicos: "0",
+    investigadores: "0",
+    administrativos: "139",
+    total: "716",
+  };
+
+  return (
+    <main className="pregunta-page pregunta3">
+      <div className="pregunta-container">
+        <h1 className="pregunta-titulo">PREGUNTA 3 (3/5)</h1>
+
+        <section className="pregunta-seccion">
+          <p className="pregunta-texto">
+            3. Desglose la cantidad de población beneficiada por plataforma y
+            tipo de procesador: *
+          </p>
+          <p className="pregunta-subtexto">
+            Presione cada pestaña para ingresar la información.
+          </p>
+
+          {/* === PESTAÑAS === */}
+          <div className="tab-container">
+            <div className="tab inactive">
+              Computadoras de escritorio Plataforma PC
+            </div>
+            <div className="tab inactive">
+              Computadoras de escritorio Plataforma Apple
+            </div>
+            <div className="tab active">
+              Computadoras portátiles Plataforma PC
+            </div>
+            <div className="tab inactive">
+              Computadoras portátiles Plataforma Apple
+            </div>
+            <div className="tab inactive">Alto rendimiento Servidores</div>
+          </div>
+
+          {/* === TABLA === */}
+          <div className="tabla-pc-container">
+            <table className="tabla-pc">
+              <thead>
+                <tr>
+                  <th rowSpan={2} className="header-procesador">
+                    Plataforma PC <br /> Tipo de procesador
+                  </th>
+                  <th colSpan={5} className="header-poblacion">
+                    Población Beneficiada
+                  </th>
+                  <th rowSpan={2} className="header-total">
+                    Total
+                  </th>
+                </tr>
+                <tr>
+                  <th className="sub-header">Alumnos</th>
+                  <th className="sub-header">Profesores</th>
+                  <th className="sub-header">Técnicos Académicos</th>
+                  <th className="sub-header">Investigadores</th>
+                  <th className="sub-header">Administrativos</th>
+                </tr>
+              </thead>
+
+              <tbody>
+                {data.map((item, index) => (
+                  <tr key={index}>
+                    <td className="tipo-procesador">{item.tipo}</td>
+                    <td>
+                      <input type="text" value={item.alumnos} readOnly />
+                    </td>
+                    <td>
+                      <input type="text" value={item.profesores} readOnly />
+                    </td>
+                    <td>
+                      <input type="text" value={item.tecnicos} readOnly />
+                    </td>
+                    <td>
+                      <input type="text" value={item.investigadores} readOnly />
+                    </td>
+                    <td>
+                      <input
+                        type="text"
+                        value={item.administrativos}
+                        readOnly
+                      />
+                    </td>
+                    <td className="total-celda">{item.total}</td>
+                  </tr>
+                ))}
+                <tr className="fila-total">
+                  <td className="tipo-procesador">Total</td>
+                  <td>
+                    <input type="text" value={total.alumnos} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.profesores} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.tecnicos} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.investigadores} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.administrativos} readOnly />
+                  </td>
+                  <td className="total-celda final-total">{total.total}</td>
+                </tr>
+              </tbody>
+            </table>
+            <button className="boton-consultar">
+              Consultar las equivalencias de procesadores
+            </button>
+          </div>
+        </section>
+
+        <div className="boton-contenedor">
+          <Link href="/pregunta3-4" className="boton siguiente">
+            Pregunta 3 (4/5) →
+          </Link>
+        </div>
+      </div>
+    </main>
+  );
+}
diff --git a/src/app/(Administrador)/pregunta3.3/page3.3.css b/src/app/(Administrador)/pregunta3.3/page3.3.css
new file mode 100644
index 0000000..663c736
--- /dev/null
+++ b/src/app/(Administrador)/pregunta3.3/page3.3.css
@@ -0,0 +1,170 @@
+/* === ESTILOS PREGUNTA 3 (3/5) - Portátiles Plataforma PC === */
+
+.pregunta-titulo {
+  text-align: center;
+  color: #dc2626;
+  margin-bottom: 1.2rem;
+  font-size: 1.5rem;
+  font-weight: 700;
+}
+
+.pregunta-texto {
+  font-size: 1rem;
+  font-weight: 500;
+  margin-bottom: 0.5rem;
+}
+
+.pregunta-subtexto {
+  font-size: 0.9rem;
+  color: #6b7280;
+  margin-bottom: 1rem;
+}
+
+/* === PESTAÑAS === */
+.tab-container {
+  display: flex;
+  overflow-x: auto;
+  border-bottom: 2px solid #e5e7eb;
+  margin-bottom: 1.5rem;
+}
+
+.tab {
+  padding: 0.8rem 1.2rem;
+  cursor: pointer;
+  white-space: nowrap;
+  font-weight: 500;
+  border-radius: 8px 8px 0 0;
+  transition: all 0.2s ease;
+  margin-right: 0.25rem;
+}
+
+.tab.active {
+  color: #dc2626;
+  border-bottom: 3px solid #dc2626;
+  background-color: #fef2f2;
+}
+
+.tab.inactive {
+  color: #6b7280;
+  background-color: #ffffff;
+}
+
+.tab.inactive:hover {
+  color: #dc2626;
+  background-color: #f9fafb;
+}
+
+/* === TABLA === */
+.tabla-pc-container {
+  overflow-x: auto;
+  margin-bottom: 2rem;
+  position: relative;
+}
+
+.tabla-pc {
+  width: 100%;
+  border-collapse: collapse;
+  min-width: 950px;
+  font-size: 0.85rem;
+}
+
+.tabla-pc th {
+  padding: 0.7rem 0.5rem;
+  text-align: center;
+  color: white;
+  font-weight: 600;
+  border: 1px solid #d1d5db;
+}
+
+.tabla-pc .header-procesador,
+.tabla-pc .header-total {
+  background-color: #b91c1c;
+}
+
+.tabla-pc .header-poblacion {
+  background-color: #dc2626;
+}
+
+.tabla-pc .sub-header {
+  background-color: #ef4444;
+  color: white;
+}
+
+.tabla-pc td {
+  border: 1px solid #e5e7eb;
+  text-align: center;
+  vertical-align: middle;
+}
+
+.tabla-pc .tipo-procesador {
+  text-align: left;
+  font-weight: 500;
+  padding: 0.6rem 0.5rem;
+  background-color: #fef2f2;
+  color: #4b5563;
+}
+
+.tabla-pc input[type="text"] {
+  width: 100%;
+  padding: 0.45rem 0.3rem;
+  border: none;
+  background-color: #f3f4f6;
+  text-align: center;
+  box-sizing: border-box;
+  color: #374151;
+}
+
+.tabla-pc .total-celda {
+  background-color: #fee2e2;
+  font-weight: 600;
+  color: #b91c1c;
+}
+
+.tabla-pc .fila-total td {
+  background-color: #fecaca;
+  font-weight: 700;
+}
+
+.tabla-pc .fila-total .total-celda {
+  background-color: #fca5a5;
+}
+
+/* === BOTONES === */
+.boton-consultar {
+  position: absolute;
+  bottom: -3.5rem;
+  right: 0;
+  background-color: #10b981;
+  color: white;
+  padding: 0.6rem 1.2rem;
+  border: none;
+  border-radius: 8px;
+  font-size: 0.9rem;
+  cursor: pointer;
+  box-shadow: 0 2px 5px rgba(16, 185, 129, 0.3);
+  transition: background-color 0.2s;
+}
+
+.boton-consultar:hover {
+  background-color: #059669;
+}
+
+.boton-contenedor {
+  margin-top: 5rem;
+  text-align: right;
+}
+
+.boton.siguiente {
+  background-color: #b91c1c;
+  color: white;
+  padding: 0.7rem 1.4rem;
+  border-radius: 8px;
+  text-decoration: none;
+  font-weight: 500;
+  box-shadow: 0 2px 5px rgba(220, 38, 38, 0.3);
+  transition: background-color 0.2s;
+}
+
+.boton.siguiente:hover {
+  background-color: #dc2626;
+}
diff --git a/src/app/(Administrador)/pregunta3.4/page.tsx b/src/app/(Administrador)/pregunta3.4/page.tsx
new file mode 100644
index 0000000..74b41ea
--- /dev/null
+++ b/src/app/(Administrador)/pregunta3.4/page.tsx
@@ -0,0 +1,262 @@
+"use client";
+
+import React from "react";
+import Link from "next/link";
+import "./page3.4.css";
+
+export default function Pregunta3_4() {
+  const data = [
+    {
+      tipo: "Core Ultra (i3, i5, i7) Serie 2",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "Core Ultra (i3, i5, i7) Serie 1",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "Familia M4",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "Familia M3",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "Familia M2",
+      alumnos: "35",
+      profesores: "3",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "38",
+    },
+    {
+      tipo: "Familia M1",
+      alumnos: "",
+      profesores: "5",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "1",
+      total: "6",
+    },
+    {
+      tipo: "i9 o equivalentes (13a generación en adelante)",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "i7 o equivalentes (13a generación en adelante)",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "i7 o equivalentes (12a generación en adelante)",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "i7 o equivalentes (11a generación en adelante)",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "i5 o equivalentes (13a generación en adelante)",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "i5 o equivalentes (12a generación en adelante)",
+      alumnos: "",
+      profesores: "14",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "14",
+    },
+    {
+      tipo: "i5 o equivalentes (11a generación en adelante)",
+      alumnos: "",
+      profesores: "9",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "4",
+      total: "13",
+    },
+    {
+      tipo: "Core2 Mac, Quad Core o anteriores",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+  ];
+
+  const total = {
+    alumnos: "35",
+    profesores: "31",
+    tecnicos: "0",
+    investigadores: "0",
+    administrativos: "5",
+    total: "71",
+  };
+
+  return (
+    <main className="pregunta-page pregunta3">
+      <div className="pregunta-container">
+        <h1 className="pregunta-titulo">PREGUNTA 3 (4/5)</h1>
+
+        <section className="pregunta-seccion">
+          <p className="pregunta-texto">
+            3. Desglose la cantidad de población beneficiada por plataforma y
+            tipo de procesador: *
+          </p>
+          <p className="pregunta-subtexto">
+            Presione cada pestaña para ingresar la información.
+          </p>
+
+          {/* === PESTAÑAS === */}
+          <div className="tab-container">
+            <div className="tab inactive">
+              Computadoras de escritorio Plataforma PC
+            </div>
+            <div className="tab inactive">
+              Computadoras de escritorio Plataforma Apple
+            </div>
+            <div className="tab inactive">
+              Computadoras portátiles Plataforma PC
+            </div>
+            <div className="tab active">
+              Computadoras portátiles Plataforma Apple
+            </div>
+            <div className="tab inactive">Alto rendimiento Servidores</div>
+          </div>
+
+          {/* === TABLA === */}
+          <div className="tabla-apple-container">
+            <table className="tabla-apple">
+              <thead>
+                <tr>
+                  <th rowSpan={2} className="header-procesador">
+                    Plataforma Apple <br /> Tipo de procesador
+                  </th>
+                  <th colSpan={5} className="header-poblacion">
+                    Población Beneficiada
+                  </th>
+                  <th rowSpan={2} className="header-total">
+                    Total
+                  </th>
+                </tr>
+                <tr>
+                  <th className="sub-header">Alumnos</th>
+                  <th className="sub-header">Profesores</th>
+                  <th className="sub-header">Técnicos Académicos</th>
+                  <th className="sub-header">Investigadores</th>
+                  <th className="sub-header">Administrativos</th>
+                </tr>
+              </thead>
+
+              <tbody>
+                {data.map((item, index) => (
+                  <tr key={index}>
+                    <td className="tipo-procesador">{item.tipo}</td>
+                    <td>
+                      <input type="text" value={item.alumnos} readOnly />
+                    </td>
+                    <td>
+                      <input type="text" value={item.profesores} readOnly />
+                    </td>
+                    <td>
+                      <input type="text" value={item.tecnicos} readOnly />
+                    </td>
+                    <td>
+                      <input type="text" value={item.investigadores} readOnly />
+                    </td>
+                    <td>
+                      <input
+                        type="text"
+                        value={item.administrativos}
+                        readOnly
+                      />
+                    </td>
+                    <td className="total-celda">{item.total}</td>
+                  </tr>
+                ))}
+                <tr className="fila-total">
+                  <td className="tipo-procesador">Total</td>
+                  <td>
+                    <input type="text" value={total.alumnos} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.profesores} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.tecnicos} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.investigadores} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.administrativos} readOnly />
+                  </td>
+                  <td className="total-celda final-total">{total.total}</td>
+                </tr>
+              </tbody>
+            </table>
+            <button className="boton-consultar">
+              Consultar las equivalencias de procesadores
+            </button>
+          </div>
+        </section>
+
+        <div className="boton-contenedor">
+          <Link href="/pregunta3-5" className="boton siguiente">
+            Pregunta 3 (5/5) →
+          </Link>
+        </div>
+      </div>
+    </main>
+  );
+}
diff --git a/src/app/(Administrador)/pregunta3.4/page3.4.css b/src/app/(Administrador)/pregunta3.4/page3.4.css
new file mode 100644
index 0000000..bcf163a
--- /dev/null
+++ b/src/app/(Administrador)/pregunta3.4/page3.4.css
@@ -0,0 +1,170 @@
+/* === ESTILOS PREGUNTA 3 (4/5) - Portátiles Plataforma Apple === */
+
+.pregunta-titulo {
+  text-align: center;
+  color: #a855f7;
+  margin-bottom: 1.2rem;
+  font-size: 1.5rem;
+  font-weight: 700;
+}
+
+.pregunta-texto {
+  font-size: 1rem;
+  font-weight: 500;
+  margin-bottom: 0.5rem;
+}
+
+.pregunta-subtexto {
+  font-size: 0.9rem;
+  color: #6b7280;
+  margin-bottom: 1rem;
+}
+
+/* === PESTAÑAS === */
+.tab-container {
+  display: flex;
+  overflow-x: auto;
+  border-bottom: 2px solid #e5e7eb;
+  margin-bottom: 1.5rem;
+}
+
+.tab {
+  padding: 0.8rem 1.2rem;
+  cursor: pointer;
+  white-space: nowrap;
+  font-weight: 500;
+  border-radius: 8px 8px 0 0;
+  transition: all 0.2s ease;
+  margin-right: 0.25rem;
+}
+
+.tab.active {
+  color: #9333ea;
+  border-bottom: 3px solid #9333ea;
+  background-color: #f3f4f6;
+}
+
+.tab.inactive {
+  color: #6b7280;
+  background-color: #ffffff;
+}
+
+.tab.inactive:hover {
+  color: #9333ea;
+  background-color: #f9fafb;
+}
+
+/* === TABLA === */
+.tabla-apple-container {
+  overflow-x: auto;
+  margin-bottom: 2rem;
+  position: relative;
+}
+
+.tabla-apple {
+  width: 100%;
+  border-collapse: collapse;
+  min-width: 950px;
+  font-size: 0.85rem;
+}
+
+.tabla-apple th {
+  padding: 0.7rem 0.5rem;
+  text-align: center;
+  color: white;
+  font-weight: 600;
+  border: 1px solid #d1d5db;
+}
+
+.tabla-apple .header-procesador,
+.tabla-apple .header-total {
+  background-color: #9333ea;
+}
+
+.tabla-apple .header-poblacion {
+  background-color: #7e22ce;
+}
+
+.tabla-apple .sub-header {
+  background-color: #a855f7;
+  color: white;
+}
+
+.tabla-apple td {
+  border: 1px solid #e5e7eb;
+  text-align: center;
+  vertical-align: middle;
+}
+
+.tabla-apple .tipo-procesador {
+  text-align: left;
+  font-weight: 500;
+  padding: 0.6rem 0.5rem;
+  background-color: #faf5ff;
+  color: #4b5563;
+}
+
+.tabla-apple input[type="text"] {
+  width: 100%;
+  padding: 0.45rem 0.3rem;
+  border: none;
+  background-color: #f3f4f6;
+  text-align: center;
+  box-sizing: border-box;
+  color: #374151;
+}
+
+.tabla-apple .total-celda {
+  background-color: #f3e8ff;
+  font-weight: 600;
+  color: #7e22ce;
+}
+
+.tabla-apple .fila-total td {
+  background-color: #e9d5ff;
+  font-weight: 700;
+}
+
+.tabla-apple .fila-total .total-celda {
+  background-color: #d8b4fe;
+}
+
+/* === BOTONES === */
+.boton-consultar {
+  position: absolute;
+  bottom: -3.5rem;
+  right: 0;
+  background-color: #10b981;
+  color: white;
+  padding: 0.6rem 1.2rem;
+  border: none;
+  border-radius: 8px;
+  font-size: 0.9rem;
+  cursor: pointer;
+  box-shadow: 0 2px 5px rgba(16, 185, 129, 0.3);
+  transition: background-color 0.2s;
+}
+
+.boton-consultar:hover {
+  background-color: #059669;
+}
+
+.boton-contenedor {
+  margin-top: 5rem;
+  text-align: right;
+}
+
+.boton.siguiente {
+  background-color: #9333ea;
+  color: white;
+  padding: 0.7rem 1.4rem;
+  border-radius: 8px;
+  text-decoration: none;
+  font-weight: 500;
+  box-shadow: 0 2px 5px rgba(147, 51, 234, 0.3);
+  transition: background-color 0.2s;
+}
+
+.boton.siguiente:hover {
+  background-color: #7e22ce;
+}
diff --git a/src/app/(Administrador)/pregunta3.5/page.tsx b/src/app/(Administrador)/pregunta3.5/page.tsx
new file mode 100644
index 0000000..a82a285
--- /dev/null
+++ b/src/app/(Administrador)/pregunta3.5/page.tsx
@@ -0,0 +1,209 @@
+"use client";
+
+import React from "react";
+import Link from "next/link";
+import "./page3.5.css";
+
+export default function Pregunta3_5() {
+  const data = [
+    {
+      tipo: "Xeon 6",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "Xeon Bronce, Plata, Oro 3a generación",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "Xeon Bronce, Plata, Oro 4a generación",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "Xeon Bronce, Plata, Oro 5a generación",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+    {
+      tipo: "Xeon Bronce, Plata, Oro 6a generación",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "1",
+      total: "1",
+    },
+    {
+      tipo: "Xeon E3, E5, E7",
+      alumnos: "19",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "16",
+      administrativos: "",
+      total: "35",
+    },
+    {
+      tipo: "Xeon Phi",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "1",
+      total: "1",
+    },
+    {
+      tipo: "Xeon o anteriores",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "",
+      administrativos: "",
+      total: "0",
+    },
+  ];
+
+  const total = {
+    alumnos: "19",
+    profesores: "0",
+    tecnicos: "0",
+    investigadores: "16",
+    administrativos: "2",
+    total: "37",
+  };
+
+  return (
+    <main className="pregunta-page pregunta3">
+      <div className="pregunta-container">
+        <h1 className="pregunta-titulo">PREGUNTA 3 (5/5)</h1>
+
+        <section className="pregunta-seccion">
+          <p className="pregunta-texto">
+            3. Desglose la cantidad de población beneficiada por plataforma y
+            tipo de procesador: *
+          </p>
+          <p className="pregunta-subtexto">
+            Presione cada pestaña para ingresar la información.
+          </p>
+
+          {/* === PESTAÑAS === */}
+          <div className="tab-container">
+            <div className="tab inactive">
+              Computadoras de escritorio Plataforma PC
+            </div>
+            <div className="tab inactive">
+              Computadoras de escritorio Plataforma Apple
+            </div>
+            <div className="tab inactive">
+              Computadoras portátiles Plataforma PC
+            </div>
+            <div className="tab inactive">
+              Computadoras portátiles Plataforma Apple
+            </div>
+            <div className="tab active">Alto rendimiento Servidores</div>
+          </div>
+
+          {/* === TABLA === */}
+          <div className="tabla-servidores-container">
+            <table className="tabla-servidores">
+              <thead>
+                <tr>
+                  <th rowSpan={2} className="header-procesador">
+                    Servidores <br /> Tipo de procesador
+                  </th>
+                  <th colSpan={5} className="header-poblacion">
+                    Población Beneficiada
+                  </th>
+                  <th rowSpan={2} className="header-total">
+                    Total
+                  </th>
+                </tr>
+                <tr>
+                  <th className="sub-header">Alumnos</th>
+                  <th className="sub-header">Profesores</th>
+                  <th className="sub-header">Técnicos Académicos</th>
+                  <th className="sub-header">Investigadores</th>
+                  <th className="sub-header">Administrativos</th>
+                </tr>
+              </thead>
+
+              <tbody>
+                {data.map((item, index) => (
+                  <tr key={index}>
+                    <td className="tipo-procesador">{item.tipo}</td>
+                    <td>
+                      <input type="text" value={item.alumnos} readOnly />
+                    </td>
+                    <td>
+                      <input type="text" value={item.profesores} readOnly />
+                    </td>
+                    <td>
+                      <input type="text" value={item.tecnicos} readOnly />
+                    </td>
+                    <td>
+                      <input type="text" value={item.investigadores} readOnly />
+                    </td>
+                    <td>
+                      <input
+                        type="text"
+                        value={item.administrativos}
+                        readOnly
+                      />
+                    </td>
+                    <td className="total-celda">{item.total}</td>
+                  </tr>
+                ))}
+                <tr className="fila-total">
+                  <td className="tipo-procesador">Total</td>
+                  <td>
+                    <input type="text" value={total.alumnos} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.profesores} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.tecnicos} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.investigadores} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.administrativos} readOnly />
+                  </td>
+                  <td className="total-celda final-total">{total.total}</td>
+                </tr>
+              </tbody>
+            </table>
+
+            <button className="boton-consultar">
+              Consultar las equivalencias de procesadores
+            </button>
+          </div>
+        </section>
+
+        <div className="boton-contenedor">
+          <Link href="/" className="boton volver">
+            ← Volver al inicio
+          </Link>
+        </div>
+      </div>
+    </main>
+  );
+}
diff --git a/src/app/(Administrador)/pregunta3.5/page3.5.css b/src/app/(Administrador)/pregunta3.5/page3.5.css
new file mode 100644
index 0000000..8ba8eea
--- /dev/null
+++ b/src/app/(Administrador)/pregunta3.5/page3.5.css
@@ -0,0 +1,170 @@
+/* === ESTILOS PREGUNTA 3 (5/5) - Alto Rendimiento Servidores === */
+
+.pregunta-titulo {
+  text-align: center;
+  color: #2563eb;
+  margin-bottom: 1.2rem;
+  font-size: 1.5rem;
+  font-weight: 700;
+}
+
+.pregunta-texto {
+  font-size: 1rem;
+  font-weight: 500;
+  margin-bottom: 0.5rem;
+}
+
+.pregunta-subtexto {
+  font-size: 0.9rem;
+  color: #6b7280;
+  margin-bottom: 1rem;
+}
+
+/* === PESTAÑAS === */
+.tab-container {
+  display: flex;
+  overflow-x: auto;
+  border-bottom: 2px solid #e5e7eb;
+  margin-bottom: 1.5rem;
+}
+
+.tab {
+  padding: 0.8rem 1.2rem;
+  cursor: pointer;
+  white-space: nowrap;
+  font-weight: 500;
+  border-radius: 8px 8px 0 0;
+  transition: all 0.2s ease;
+  margin-right: 0.25rem;
+}
+
+.tab.active {
+  color: #2563eb;
+  border-bottom: 3px solid #2563eb;
+  background-color: #f3f4f6;
+}
+
+.tab.inactive {
+  color: #6b7280;
+  background-color: #ffffff;
+}
+
+.tab.inactive:hover {
+  color: #2563eb;
+  background-color: #f9fafb;
+}
+
+/* === TABLA === */
+.tabla-servidores-container {
+  overflow-x: auto;
+  margin-bottom: 2rem;
+  position: relative;
+}
+
+.tabla-servidores {
+  width: 100%;
+  border-collapse: collapse;
+  min-width: 950px;
+  font-size: 0.85rem;
+}
+
+.tabla-servidores th {
+  padding: 0.7rem 0.5rem;
+  text-align: center;
+  color: white;
+  font-weight: 600;
+  border: 1px solid #d1d5db;
+}
+
+.tabla-servidores .header-procesador,
+.tabla-servidores .header-total {
+  background-color: #2563eb;
+}
+
+.tabla-servidores .header-poblacion {
+  background-color: #1e40af;
+}
+
+.tabla-servidores .sub-header {
+  background-color: #3b82f6;
+  color: white;
+}
+
+.tabla-servidores td {
+  border: 1px solid #e5e7eb;
+  text-align: center;
+  vertical-align: middle;
+}
+
+.tabla-servidores .tipo-procesador {
+  text-align: left;
+  font-weight: 500;
+  padding: 0.6rem 0.5rem;
+  background-color: #eff6ff;
+  color: #374151;
+}
+
+.tabla-servidores input[type="text"] {
+  width: 100%;
+  padding: 0.45rem 0.3rem;
+  border: none;
+  background-color: #f3f4f6;
+  text-align: center;
+  box-sizing: border-box;
+  color: #374151;
+}
+
+.tabla-servidores .total-celda {
+  background-color: #dbeafe;
+  font-weight: 600;
+  color: #1d4ed8;
+}
+
+.tabla-servidores .fila-total td {
+  background-color: #bfdbfe;
+  font-weight: 700;
+}
+
+.tabla-servidores .fila-total .total-celda {
+  background-color: #93c5fd;
+}
+
+/* === BOTONES === */
+.boton-consultar {
+  position: absolute;
+  bottom: -3.5rem;
+  right: 0;
+  background-color: #10b981;
+  color: white;
+  padding: 0.6rem 1.2rem;
+  border: none;
+  border-radius: 8px;
+  font-size: 0.9rem;
+  cursor: pointer;
+  box-shadow: 0 2px 5px rgba(16, 185, 129, 0.3);
+  transition: background-color 0.2s;
+}
+
+.boton-consultar:hover {
+  background-color: #059669;
+}
+
+.boton-contenedor {
+  margin-top: 5rem;
+  text-align: right;
+}
+
+.boton.volver {
+  background-color: #2563eb;
+  color: white;
+  padding: 0.7rem 1.4rem;
+  border-radius: 8px;
+  text-decoration: none;
+  font-weight: 500;
+  box-shadow: 0 2px 5px rgba(37, 99, 235, 0.3);
+  transition: background-color 0.2s;
+}
+
+.boton.volver:hover {
+  background-color: #1d4ed8;
+}
diff --git a/src/app/(Administrador)/pregunta3/page.tsx b/src/app/(Administrador)/pregunta3/page.tsx
new file mode 100644
index 0000000..c0abc0a
--- /dev/null
+++ b/src/app/(Administrador)/pregunta3/page.tsx
@@ -0,0 +1,213 @@
+"use client";
+
+import React from "react";
+import Link from "next/link";
+import "./page3.css"; // Asegúrate de que los estilos están en este archivo
+
+export default function Pregunta3() {
+  // Datos de ejemplo basados en las imágenes (especialmente la de la tabla final)
+  const data = [
+    {
+      tipo: "Xeon 6",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "0",
+      administrativos: "0",
+      total: "0",
+    },
+    {
+      tipo: "Xeon Bronce, Plata, Oro 5a generación",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "0",
+      administrativos: "1",
+      total: "1",
+    },
+    {
+      tipo: "Xeon Bronce, Plata, Oro 4a generación",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "0",
+      administrativos: "6",
+      total: "6",
+    },
+    {
+      tipo: "Xeon Bronce, Plata, Oro 3a generación",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "0",
+      administrativos: "1",
+      total: "1",
+    },
+    {
+      tipo: "Xeon Bronce, Plata, Oro 2a generación",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "0",
+      administrativos: "0",
+      total: "0",
+    },
+    {
+      tipo: "Xeon Bronce, Plata, Oro 1a generación",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "0",
+      administrativos: "0",
+      total: "0",
+    },
+    {
+      tipo: "Xeon E3, E5, E7",
+      alumnos: "19",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "0",
+      administrativos: "16",
+      total: "35",
+    },
+    {
+      tipo: "Xeon Phi",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "0",
+      administrativos: "0",
+      total: "0",
+    },
+    {
+      tipo: "Xeon's anteriores",
+      alumnos: "",
+      profesores: "",
+      tecnicos: "",
+      investigadores: "0",
+      administrativos: "1",
+      total: "1",
+    },
+  ];
+
+  const total = {
+    alumnos: "19",
+    profesores: "0",
+    tecnicos: "0",
+    investigadores: "0",
+    administrativos: "24", // Suma de los valores de ejemplo
+    total: "43", // Suma de los totales de ejemplo
+  };
+
+  return (
+    <main className="pregunta-page pregunta3">
+      <div className="pregunta-container">
+        <h1 className="pregunta-titulo">PREGUNTA 3 (5/5)</h1>
+
+        <section className="pregunta-seccion">
+          <p className="pregunta-texto">
+            3. Desglose la cantidad de población beneficiada por plataforma y
+            tipo de procesador: *
+          </p>
+          <p className="pregunta-subtexto">
+            Presione cada pestaña para ingresar la información.
+          </p>
+
+          {/* === Pestañas de Plataforma (Simulación) === */}
+          <div className="tab-container">
+            {/* Solo se muestra la pestaña 'Alto rendimiento Servidores' activa */}
+            <div className="tab active">Alto rendimiento Servidores</div>
+            <div className="tab inactive">
+              Computadoras portátiles Plataforma Apple
+            </div>
+            {/* ... otras pestañas que no son visibles en la imagen de la tabla ... */}
+          </div>
+
+          {/* === Contenido de la Tabla === */}
+          <div className="tabla-servidores-container">
+            <table className="tabla-servidores">
+              <thead>
+                <tr>
+                  <th rowSpan={2} className="header-servidores">
+                    Servidores
+                    <br />
+                    Tipo de procesador
+                  </th>
+                  <th colSpan={5} className="header-poblacion">
+                    Población Beneficiada
+                  </th>
+                  <th rowSpan={2} className="header-total">
+                    Total
+                  </th>
+                </tr>
+                <tr>
+                  <th className="sub-header">Alumnos</th>
+                  <th className="sub-header">Profesores</th>
+                  <th className="sub-header">Técnicos Académicos</th>
+                  <th className="sub-header">Investigadores</th>
+                  <th className="sub-header">Administrativos</th>
+                </tr>
+              </thead>
+              <tbody>
+                {data.map((item, index) => (
+                  <tr key={index}>
+                    <td className="tipo-procesador">{item.tipo}</td>
+                    <td>
+                      <input type="text" value={item.alumnos} readOnly />
+                    </td>
+                    <td>
+                      <input type="text" value={item.profesores} readOnly />
+                    </td>
+                    <td>
+                      <input type="text" value={item.tecnicos} readOnly />
+                    </td>
+                    <td>
+                      <input type="text" value={item.investigadores} readOnly />
+                    </td>
+                    <td>
+                      <input
+                        type="text"
+                        value={item.administrativos}
+                        readOnly
+                      />
+                    </td>
+                    <td className="total-celda">{item.total}</td>
+                  </tr>
+                ))}
+                <tr className="fila-total">
+                  <td className="tipo-procesador">Total</td>
+                  <td>
+                    <input type="text" value={total.alumnos} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.profesores} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.tecnicos} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.investigadores} readOnly />
+                  </td>
+                  <td>
+                    <input type="text" value={total.administrativos} readOnly />
+                  </td>
+                  <td className="total-celda final-total">{total.total}</td>
+                </tr>
+              </tbody>
+            </table>
+            <button className="boton-consultar">
+              Consultar el equivalente del procesador
+            </button>
+          </div>
+        </section>
+
+        <div className="boton-contenedor">
+          {/* Se asume que este sería el botón de navegación final o de guardar */}
+          <Link href="/siguiente-seccion" className="boton siguiente">
+            Pregunta 4 →
+          </Link>
+        </div>
+      </div>
+    </main>
+  );
+}
diff --git a/src/app/(Administrador)/pregunta3/page3.css b/src/app/(Administrador)/pregunta3/page3.css
new file mode 100644
index 0000000..5e3e716
--- /dev/null
+++ b/src/app/(Administrador)/pregunta3/page3.css
@@ -0,0 +1,150 @@
+/* --- Estilos específicos para la Pregunta 3 (Tabla y Pestañas) --- */
+
+.pregunta-subtexto {
+  font-size: 0.9rem;
+  color: #6b7280;
+  margin-bottom: 1rem;
+}
+
+/* === PESTAÑAS === */
+.tab-container {
+  display: flex;
+  flex-wrap: nowrap; /* Para que las pestañas se mantengan en una fila */
+  overflow-x: auto; /* Permite scroll horizontal si hay muchas pestañas */
+  margin-bottom: 1.5rem;
+  border-bottom: 2px solid #e5e7eb;
+}
+
+.tab {
+  padding: 0.8rem 1.2rem;
+  cursor: pointer;
+  white-space: nowrap; /* Previene el salto de línea en el texto de la pestaña */
+  font-weight: 500;
+  border-radius: 8px 8px 0 0;
+  transition: all 0.2s ease;
+  margin-right: 0.25rem;
+}
+
+.tab.active {
+  color: #1e40af;
+  border-bottom: 3px solid #1e40af;
+  background-color: #f3f4f6;
+}
+
+.tab.inactive {
+  color: #6b7280;
+  background-color: #ffffff;
+}
+
+.tab.inactive:hover {
+  color: #1e40af;
+  background-color: #f9fafb;
+}
+
+/* === TABLA DE SERVIDORES === */
+.tabla-servidores-container {
+  overflow-x: auto; /* Permite scroll horizontal en la tabla */
+  margin-bottom: 2rem;
+  position: relative; /* Para posicionar el botón */
+}
+
+.tabla-servidores {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.85rem;
+  min-width: 900px; /* Asegura un ancho mínimo para que se vea bien */
+}
+
+/* Encabezados */
+.tabla-servidores th {
+  padding: 0.7rem 0.5rem;
+  text-align: center;
+  color: white;
+  font-weight: 600;
+  border: 1px solid #d1d5db;
+}
+
+.tabla-servidores thead .header-servidores,
+.tabla-servidores thead .header-total {
+  background-color: #3b82f6; /* Azul base para servidores/total */
+}
+
+.tabla-servidores thead .header-poblacion {
+  background-color: #ef4444; /* Rojo/Rosa para población (ajustar color si es necesario) */
+}
+
+.tabla-servidores thead .sub-header {
+  background-color: #f87171; /* Tono más claro para sub-encabezados de población */
+  color: white;
+}
+
+/* Celdas del cuerpo */
+.tabla-servidores td {
+  padding: 0; /* Quitamos padding de la celda para controlarlo en el input */
+  border: 1px solid #e5e7eb;
+  text-align: center;
+  vertical-align: middle;
+}
+
+.tabla-servidores .tipo-procesador {
+  padding: 0.7rem 0.5rem;
+  text-align: left;
+  font-weight: 500;
+  color: #374151;
+  background-color: #f9fafb;
+}
+
+.tabla-servidores input[type="text"] {
+  width: 100%;
+  padding: 0.5rem 0.3rem;
+  border: none;
+  text-align: center;
+  background-color: transparent;
+  box-sizing: border-box; /* Asegura que el padding no cambie el ancho */
+}
+
+.tabla-servidores input[type="text"]:read-only {
+  background-color: #f3f4f6;
+  color: #4b5563;
+}
+
+.tabla-servidores .total-celda {
+  background-color: #e0f2fe; /* Azul muy claro para las celdas de total */
+  font-weight: 600;
+  color: #1e40af;
+  padding: 0.5rem;
+}
+
+.tabla-servidores .fila-total td {
+  background-color: #bfdbfe; /* Azul más intenso para la fila total */
+  font-weight: 700;
+}
+
+.tabla-servidores .fila-total .total-celda {
+  background-color: #93c5fd;
+}
+
+/* Botón Consultar */
+.boton-consultar {
+  position: absolute;
+  bottom: -3.5rem; /* Debajo de la tabla */
+  right: 0;
+  background-color: #10b981; /* Verde */
+  color: white;
+  padding: 0.6rem 1.2rem;
+  border: none;
+  border-radius: 8px;
+  font-size: 0.9rem;
+  cursor: pointer;
+  box-shadow: 0 2px 5px rgba(16, 185, 129, 0.3);
+  transition: background-color 0.2s;
+}
+
+.boton-consultar:hover {
+  background-color: #059669;
+}
+
+/* Ajuste para el contenedor de botones si ya existe */
+.boton-contenedor {
+  margin-top: 5rem; /* Asegura espacio debajo del botón 'Consultar' */
+}