diff --git a/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/items/_datosGenerales.php b/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/items/_datosGenerales.php
index 3da39f38..a9b0a911 100755
--- a/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/items/_datosGenerales.php
+++ b/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/items/_datosGenerales.php
@@ -66,8 +66,8 @@
     <div id="divExcluirRotativa"
         class="col-sm-5 mb-3 d-flex flex-column align-items-center <?= (auth()->user()->inGroup('cliente-admin') || auth()->user()->inGroup('cliente-editor')) ? " d-none" : "" ?>">
         <div class="form-check form-switch mb-2">
-            <input <?= (auth()->user()->inGroup('cliente-admin') || auth()->user()->inGroup('cliente-editor')) ? " hidden" : "" ?> class=" calcular-solapas calcular-presupuesto form-check-input" type="checkbox" id="excluirRotativa"
-                name="excluir_rotativa" value="1">
+            <input <?= (auth()->user()->inGroup('cliente-admin') || auth()->user()->inGroup('cliente-editor')) ? " hidden" : "" ?> class=" calcular-solapas calcular-presupuesto form-check-input" type="checkbox"
+                id="excluirRotativa" name="excluir_rotativa" value="1">
             <label <?= (auth()->user()->inGroup('cliente-admin') || auth()->user()->inGroup('cliente-editor')) ? " hidden" : "" ?> class="form-check-label" for="excluirRotativa">Excluir rotativa</label>
         </div>
     </div>
@@ -78,32 +78,36 @@
             <label for="tirada" class="form-label">
                 <?= lang('Presupuestos.tirada') ?> 1*
             </label>
-            <input type="number" class="calcular-presupuesto calcular-solapas form-control text-center num-input tirada-presupuesto" id="tirada"
-                name="tirada" step="1" value="50">
+            <input type="number"
+                class="calcular-presupuesto calcular-solapas form-control text-center num-input tirada-presupuesto"
+                id="tirada" name="tirada" step="1" value="50">
         </div>
 
         <div class="col-sm-2 d-flex flex-column align-items-center mx-1  div-num-input">
             <label for="tirada2" class="form-label">
                 <?= lang('Presupuestos.tirada') ?> 2
             </label>
-            <input type="number" class="calcular-presupuesto calcular-solapas form-control text-center num-input tirada-presupuesto" id="tirada2"
-                name="tirada2" step="1" value="">
+            <input type="number"
+                class="calcular-presupuesto calcular-solapas form-control text-center num-input tirada-presupuesto"
+                id="tirada2" name="tirada2" step="1" value="">
         </div>
 
         <div class="col-sm-2 d-flex flex-column align-items-center mx-1 div-num-input">
             <label for="tirada3" class="form-label">
                 <?= lang('Presupuestos.tirada') ?> 3
             </label>
-            <input type="number" class="calcular-presupuesto calcular-solapas form-control text-center num-input tirada-presupuesto" id="tirada3"
-                name="tirada3" step="1" value="">
+            <input type="number"
+                class="calcular-presupuesto calcular-solapas form-control text-center num-input tirada-presupuesto"
+                id="tirada3" name="tirada3" step="1" value="">
         </div>
 
         <div class="col-sm-2 d-flex flex-column align-items-center mx-1 div-num-input">
             <label for="tirada4" class="form-label">
                 <?= lang('Presupuestos.tirada') ?> 4
             </label>
-            <input type="number" class="calcular-presupuesto calcular-solapas form-control text-center num-input tirada-presupuesto" id="tirada4"
-                name="tirada4" step="1" value="">
+            <input type="number"
+                class="calcular-presupuesto calcular-solapas form-control text-center num-input tirada-presupuesto"
+                id="tirada4" name="tirada4" step="1" value="">
         </div>
     </div> <!--//.row -->
 
@@ -113,8 +117,8 @@
             <label id="label_papelFormatoId" for="papelFormatoId" class="form-label">
                 Formato Libro*
             </label>
-            <select id="papelFormatoId" name="papel_formato_id" class="form-control select2bs2 calcular-presupuesto calcular-solapas"
-                style="width: 100%;">
+            <select id="papelFormatoId" name="papel_formato_id"
+                class="form-control select2bs2 calcular-presupuesto calcular-solapas" style="width: 100%;">
             </select>
         </div>
 
@@ -123,21 +127,23 @@
             <div class="col-sm-3 mb-1 mx-1 div-num-input">
                 <label class="form-label" for="papelFormatoAncho">Ancho Libro*</label>
                 <input type="number" id="papelFormatoAncho" name="papel_formato_ancho" step="1"
-                    class="form-control formato_libro calcular-presupuesto calcular-solapas num-input" min="110" value="110">
+                    class="form-control formato_libro calcular-presupuesto calcular-solapas num-input" min="110"
+                    value="110">
             </div>
 
             <div class="col-sm-3 mb-1 mx-1 div-num-input">
                 <label class="form-label" for="papelFormatoAlto">Alto Libro*</label>
                 <input type="number" id="papelFormatoAlto" name="papel_formato_alto" step="1"
-                    class="form-control formato_libro calcular-presupuesto  calcular-solapas num-input" min="170" value="170">
+                    class="form-control formato_libro calcular-presupuesto  calcular-solapas num-input" min="170"
+                    value="170">
             </div>
 
         </div>
 
         <div class="row col-sm-4 mb-3 d-flex flex-column align-items-center">
             <div class="form-check form-switch mb-2">
-                <input class="calcular-presupuesto calcular-solapas form-check-input" type="checkbox" id="papelFormatoPersonalizado"
-                    name="papel_formato_personalizado" value="1">
+                <input class="calcular-presupuesto calcular-solapas form-check-input" type="checkbox"
+                    id="papelFormatoPersonalizado" name="papel_formato_personalizado" value="1">
                 <label class="form-check-label"
                     for="papelFormatoPersonalizado"><?= lang('Presupuestos.papelFormatoPersonalizado') ?></label>
             </div>
@@ -146,15 +152,15 @@
     </div>
 
 
-    <div class="row col-sm-9 mb-5 justify-content-center">
+    <div class="row col-sm-9 mb-3 justify-content-center">
 
         <div class="row justify-content-center">
             <div class="col-sm-3">
                 <label for="paginasColor" class="form-label">
                     <?= lang('Presupuestos.paginasColor') ?>
                 </label>
-                <input type="number" class="form-control calcular-presupuesto calcular-solapas input-paginas num-input" id="paginasColor"
-                    name="paginasColor" step="1" value="0">
+                <input type="number" class="form-control calcular-presupuesto calcular-solapas input-paginas num-input"
+                    id="paginasColor" name="paginasColor" step="1" value="0">
 
                 <div class="form-text">
                     Siempre deben ser pares
@@ -166,8 +172,8 @@
                 <label for="paginasNegro" class="form-label">
                     <?= lang('Presupuestos.paginasNegro') ?>
                 </label>
-                <input type="number" class="form-control calcular-presupuesto calcular-solapas input-paginas num-input" id="paginasNegro"
-                    name="paginasNegro" step="1" value="32">
+                <input type="number" class="form-control calcular-presupuesto calcular-solapas input-paginas num-input"
+                    id="paginasNegro" name="paginasNegro" step="1" value="32">
 
                 <div class="form-text">
                     Siempre deben ser pares
@@ -179,8 +185,7 @@
                 <label for="paginas" class="form-label">
                     <?= lang('Presupuestos.totalPaginas') ?>
                 </label>
-                <input disabled class="form-control calcular-lomo" id="paginas" name="paginas" step="1"
-                    value="32">
+                <input disabled class="form-control calcular-lomo" id="paginas" name="paginas" step="1" value="32">
             </div>
         </div>
 
@@ -230,46 +235,55 @@
         </div>
     </div>
 
-
-
-    <div id="divTipoLibro" name="div_tipo_libro" class="row col-sm-10 mb-3 justify-content-center">
-
-        <div id="fresado" class="tipo-libro calcular-solapas calcular-presupuesto imagen-selector image-container">
-            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/fresado.png") ?>"
-                alt="Fresado">
-            <div class="form-text text-center">
-                Fresado (a partir de 32 páginas)
+    <div id="divTipoLibro" class="container mb-3">
+        <!-- Fila 1: 3 elementos -->
+        <div class="row justify-content-center">
+            <div id="fresado"
+                class="col-12 col-md-4 d-flex flex-column align-items-center mb-4 tipo-libro imagen-selector image-container">
+                <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/fresado.png") ?>"
+                    alt="Fresado">
+                <div class="form-text text-center">Fresado (a partir de 32 páginas)</div>
+            </div>
+            <div id="cosido"
+                class="col-12 col-md-4 d-flex flex-column align-items-center mb-4 tipo-libro imagen-selector image-container">
+                <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/cosido.png") ?>"
+                    alt="Cosido">
+                <div class="form-text text-center">Cosido (a partir de 32 páginas)</div>
+            </div>
+            <div id="grapado"
+                class="col-12 col-md-4 d-flex flex-column align-items-center mb-4 tipo-libro imagen-selector image-container">
+                <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/grapado.png") ?>"
+                    alt="Grapado">
+                <div class="form-text text-center">Grapado (entre 12 y 40 páginas)</div>
             </div>
         </div>
-        <div id="grapado" class="tipo-libro calcular-solapas calcular-presupuesto imagen-selector image-container">
-            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/grapado.png") ?>"
-                alt="Grapado">
-            <div class="form-text text-center">
-                Grapado (entre 12 y 40 páginas)
+
+        <!-- Fila 2: 2 elementos centrados -->
+        <div class="row justify-content-center">
+            <div id="espiral"
+                class="col-12 col-md-4 d-flex flex-column align-items-center mb-4 tipo-libro imagen-selector image-container">
+                <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/espiral.png") ?>"
+                    alt="Espiral">
+                <div class="form-text text-center">Espiral</div>
             </div>
-        </div>
-        <div id="espiral" class="tipo-libro calcular-solapas calcular-presupuesto imagen-selector image-container">
-            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/espiral.png") ?>"
-                alt="Espiral">
-            <div class="form-text text-center">
-                Espiral
-            </div>
-        </div>
-        <div id="cosido" class="tipo-libro calcular-solapas calcular-presupuesto imagen-selector image-container">
-            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/cosido.png") ?>"
-                alt="Cosido">
-            <div class="form-text text-center">
-                Cosido (a partir de 32 páginas)
+            
+            <div id="wireo"
+                class="col-12 col-md-4 d-flex flex-column align-items-center mb-4 tipo-libro imagen-selector image-container">
+                <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/wire-o.png") ?>"
+                    alt="Wire-O">
+                <div class="form-text text-center">Wire-O</div>
             </div>
         </div>
     </div>
 
+
+
     <div class="col-sm-8 mb-3 d-flex flex-column align-items-center">
         <h3 class="mb-1 fw-bold"> Servicios extra </h3>
     </div>
 
     <div class="row col-sm-8 mb-3 d-flex flex-column align-items-left">
-        <div class="row align-items-center" >
+        <div class="row align-items-center">
             <div class="col-sm-3 form-check form-switch mb-2 d-flex align-items-center gap-2">
                 <input class="calcular-presupuesto form-check-input" type="checkbox" id="retractilado"
                     name="retractilado" value="1">
diff --git a/httpdocs/assets/img/presupuestoCliente/wire-o.png b/httpdocs/assets/img/presupuestoCliente/wire-o.png
index 563035e7..98c44586 100644
Binary files a/httpdocs/assets/img/presupuestoCliente/wire-o.png and b/httpdocs/assets/img/presupuestoCliente/wire-o.png differ
diff --git a/httpdocs/assets/js/safekat/pages/presupuestoCliente/datosGenerales.js b/httpdocs/assets/js/safekat/pages/presupuestoCliente/datosGenerales.js
index 42d69c6c..13f3a962 100644
--- a/httpdocs/assets/js/safekat/pages/presupuestoCliente/datosGenerales.js
+++ b/httpdocs/assets/js/safekat/pages/presupuestoCliente/datosGenerales.js
@@ -34,6 +34,7 @@ class DatosGenerales {
         this.cosido = $(this.domItem.find("#cosido")[0]);
         this.grapado = $(this.domItem.find("#grapado")[0]);
         this.espiral = $(this.domItem.find("#espiral")[0]);
+        this.wireo = $(this.domItem.find("#wireo")[0]);
 
         this.tiposLibro = this.domItem.find(".tipo-libro");
 
@@ -587,7 +588,7 @@ class DatosGenerales {
         // Accede al ID del elemento que disparó el evento
         const element = $(event.target);
 
-        let containers = element.closest('.tipo-libro').parent().find('.tipo-libro');
+        let containers = $('#divTipoLibro').find('.tipo-libro');
         for (let container of containers) {
             if (container != element.closest('.tipo-libro')[0]) {
                 $(container).removeClass('selected');
@@ -614,7 +615,7 @@ class DatosGenerales {
             this.divPaginasCuaderillo.addClass('d-none');
         }
 
-        if (this.grapado.hasClass('selected') || this.espiral.hasClass('selected')) {
+        if (this.grapado.hasClass('selected') || this.espiral.hasClass('selected') || this.wireo.hasClass('selected')) {
             $('#addSobrecubierta').prop('checked', false).trigger('change');
             $(".sobrecubierta-items").addClass('d-none');