mensaje

src/app/(Administrador)/pregunta9/page.tsx

@@ -3,14 +3,14 @@ import React, { useState } from "react";
 import "./pregunta9.css";
 
 export default function Pregunta9() {
-  // Estado para Pregunta 9
+  
   const [datos, setDatos] = useState([
     { nombre: "Computadoras de Escritorio", valores: ["", "", "", ""] },
     { nombre: "Computadoras Portátiles", valores: ["", "", "", ""] },
     { nombre: "Alto Rendimiento", valores: ["", "", "", ""] },
   ]);
 
-  // Estado para Pregunta 10
+
   const [garantia, setGarantia] = useState({
     escritorio: "",
     portatil: "",

src/app/(Administrador)/pregunta9/pregunta9.css

@@ -14,7 +14,7 @@
   margin-bottom: 25px;
 }
 
-/* Tarjeta */
+
 .tabla-contenedor {
   background: white;
   padding: 20px;
@@ -34,6 +34,7 @@
 .tabla td {
   border: 1px solid #ddd;
   padding: 12px;
+  
 }
 
 .tabla th {
@@ -57,7 +58,7 @@
   color: white;
 }
 
-/* Contenedor input (para ambas preguntas) */
+/* Contenedor input  */
 .input-contenedor {
   position: relative;
   display: flex;
@@ -66,21 +67,21 @@
   height: 100%;
 }
 
-/* Input editable */
+/* Input  */
 .input-contenedor input {
   width: 70%;
-  padding: 6px 25px 6px 6px; /* espacio derecho para % si se usa */
-  border: 2px solid #002855; /* borde azul marino */
+  padding: 6px 25px 6px 6px;
+  border: 2px solid #002855; 
   border-radius: 6px;
   font-size: 14px;
   color: #333;
-  text-align: center; /* centra el número */
+  text-align: center; 
   outline: none;
   background-color: rgb(232, 226, 226);
   box-sizing: border-box;
 }
 
-/* Centrado vertical del número dentro del input */
+
 .input-contenedor input::-webkit-inner-spin-button,
 .input-contenedor input::-webkit-outer-spin-button {
   -webkit-appearance: none;
@@ -99,16 +100,16 @@
   opacity: 1;
 }
 
-/* Símbolo % dentro del input (solo para Pregunta 9) */
+ 
 .input-contenedor .porcentaje {
   position: absolute;
-  right: 8px; /* alineado al borde del input */
+  right: 8px; 
   color: #555;
   font-weight: bold;
   pointer-events: none;
   font-size: 14px;
   top: 50%;
-  transform: translateY(-50%); /* centra verticalmente el % */
+  transform: translateY(-50%);
 }
 
 /* Celda del total */
@@ -124,8 +125,8 @@
   color: #a80000;
 }
 
-/* Estilo adicional para inputs sin % (Pregunta 10) */
+ 
 .input-sin-porcentaje input {
   width: 70%;
-  padding: 6px 6px 6px 6px; /* ya no necesita espacio para % */
+  padding: 6px 6px 6px 6px;
 }