problema muestra genericos que no

httpdocs/themes/vuexy/css/presupuestoCliente.css

@@ -17,14 +17,17 @@
 
 /* Pseudo-elemento que muestra el tick */
 .image-container.selected::after {
-    content: '✔'; /* Símbolo de tick */
+    content: '✔';
+    /* Símbolo de tick */
     position: absolute;
     top: calc(50% + 5px);
-    left: calc(100%/2 + 65px); /* Mueve 75px a la derecha fuera del contenedor */
+    left: calc(100%/2 + 65px);
+    /* Mueve 75px a la derecha fuera del contenedor */
     font-size: 50px;
     font-weight: bold;
     color: green;
-    background-color: rgba(255, 255, 255, 0); /* Fondo transparente */
+    background-color: rgba(255, 255, 255, 0);
+    /* Fondo transparente */
     border-radius: 100%;
     padding: 5px;
 }
@@ -474,14 +477,72 @@
     }
 }
 
-.texto-resumen-lateral{
+.texto-resumen-lateral {
     font-size: 0.9em;
 }
 
-.num-input{
+.num-input {
     min-width: 100px;
 }
 
-.div-num-input{
+.div-num-input {
     min-width: 105px;
-}
+}
+
+
+.custom-selector{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    margin-bottom: 20px;
+    position: relative;
+    max-width: 300px;
+}
+
+/* Asegurar el tamaño uniforme del contenedor */
+.custom-selector {
+    display: flex !important;
+    flex-direction: column !important;
+    justify-content: center !important;
+    align-items: center;
+    text-align: center;
+    margin-bottom: 5px;
+    position: relative;
+    width: 250px; /* Fija el ancho */
+    height: 80px; /* Fija el alto */
+    padding: 0.5em;
+    box-sizing: border-box; /* Incluir padding en el tamaño total */
+    border: 3px solid transparent; /* Evitar deformaciones por borde */
+}
+
+/* Ocultar los radio buttons */
+.custom-selector input[type="radio"] {
+    display: none;
+}
+
+/* Estilo para el label */
+.custom-selector label {
+    position: relative;
+    color: black;
+    font-family: "Poppins", sans-serif;
+    cursor: pointer;
+    display: grid;
+    align-items: center;
+    width: 100%; /* Llenar todo el contenedor */
+    height: 100%; /* Llenar todo el contenedor */
+    flex: 1; /* Tomar el espacio disponible */
+    gap: 0.8em;
+    border: 1px solid #dbdade;
+    padding: 0.5em 1em;
+    border-radius: 0.5em;
+    text-align: center; /* Texto alineado a la izquierda */
+}
+
+
+/* Cambiar el estilo del label cuando está seleccionado */
+.custom-selector input[type="radio"]:checked + label {
+    background-color: #7367f0;
+    color: #ffffff;
+}