diff --git a/ci4/app/Config/Routes.php b/ci4/app/Config/Routes.php
index f1ffb00e..44581391 100644
--- a/ci4/app/Config/Routes.php
+++ b/ci4/app/Config/Routes.php
@@ -216,6 +216,7 @@ $routes->group('papelesgenericos', ['namespace' => 'App\Controllers\Configuracio
     $routes->post('allmenuitems', 'Papelesgenericos::allItemsSelect', ['as' => 'select2ItemsOfPapelesGenericos']);
     $routes->post('menuitems', 'Papelesgenericos::menuItems', ['as' => 'menuItemsOfPapelesGenericos']);
     $routes->get('getpapelcliente', 'Papelesgenericos::getPapelCliente', ['as' => 'getPapelCliente']);
+    $routes->get('selectpapelespecial', 'Papelesgenericos::selectPapelEspecial', ['as' => 'selectPapelEspecial']);
 });
 $routes->resource('papelesgenericos', ['namespace' => 'App\Controllers\Configuracion', 'controller' => 'Papelesgenericos', 'except' => 'show,new,create,update']);
 
diff --git a/ci4/app/Controllers/Clientes/Clientedirecciones.php b/ci4/app/Controllers/Clientes/Clientedirecciones.php
index 872eeeca..2979bd10 100755
--- a/ci4/app/Controllers/Clientes/Clientedirecciones.php
+++ b/ci4/app/Controllers/Clientes/Clientedirecciones.php
@@ -234,6 +234,10 @@ class Clientedirecciones extends \App\Controllers\BaseResourceController
         try {
             $model = model('App\Models\Presupuestos\PresupuestoDireccionesModel');
             $resourceData = $model->getDireccion($id);
+            if(count($resourceData) > 0){
+                $resourceData[0]->direccionId = $id;
+            }
+            
             $response = (object)[
                 'error' => false,
                 'data' => $resourceData
diff --git a/ci4/app/Controllers/Configuracion/Papelesgenericos.php b/ci4/app/Controllers/Configuracion/Papelesgenericos.php
index 4df4e462..dfcef7ac 100755
--- a/ci4/app/Controllers/Configuracion/Papelesgenericos.php
+++ b/ci4/app/Controllers/Configuracion/Papelesgenericos.php
@@ -318,11 +318,6 @@ class Papelesgenericos extends \App\Controllers\BaseResourceController
     }
 
 
-
-    /******************************************
-     * 
-     * AUQIIIIII
-     */
     public function selectPapelEspecial()
     {
         
@@ -330,21 +325,16 @@ class Papelesgenericos extends \App\Controllers\BaseResourceController
             
             $tipo = goSanitize($this->request->getGet('tipo'))[0];
             $cubierta = goSanitize($this->request->getGet('cubierta'))[0] ?? 0;
-            $items = $this->model->getPapelCliente($tipo, $cubierta, null, true);
-            
-            $query = $this->model->builder()->select(
-                [
-                    "id",
-                    "nombre as name"
-                ]
-            )->where("deleted_at", null);
-            if ($this->request->getGet("q")) {
-                $query->groupStart()
-                    ->orLike("clientes.nombre", $this->request->getGet("q"))
-                    ->groupEnd();
-            }
 
-            return $this->response->setJSON($query->get()->getResultObject());
+            $items = $this->model->getPapelCliente($tipo, $cubierta, null, true);
+            $items = array_map(function ($item) {
+                return [
+                    'id' => $item->id,
+                    'name' => $item->nombre
+                ];
+            }, $items);
+            return $this->response->setJSON($items);
+
         } else {
             return $this->failUnauthorized('Invalid request', 403);
         }
diff --git a/ci4/app/Controllers/Presupuestos/Presupuestocliente.php b/ci4/app/Controllers/Presupuestos/Presupuestocliente.php
index 58310480..5012bda2 100755
--- a/ci4/app/Controllers/Presupuestos/Presupuestocliente.php
+++ b/ci4/app/Controllers/Presupuestos/Presupuestocliente.php
@@ -303,12 +303,12 @@ class Presupuestocliente extends \App\Controllers\BaseResourceController
                 $lomoRedondo = $cubierta['lomoRedondo'] ?? 0;
 
                 if ($papelInteriorDiferente) {
-                    $papel['negro'] = $modelPapelGenerico->getIdFromCode($interior['papelInterior']['negro']);
-                    $papel['color'] = $modelPapelGenerico->getIdFromCode($interior['papelInterior']['color']);
+                    $papel['negro'] = $modelPapelGenerico->where('id', $interior['papelInterior']['negro'])->first()->toArray();
+                    $papel['color'] = $modelPapelGenerico->where('id', $interior['papelInterior']['color'])->first()->toArray();
                     $gramaje['negro'] = intval($interior['gramajeInterior']['negro']);
                     $gramaje['color'] = intval($interior['gramajeInterior']['color']);
                 } else {
-                    $papel = $modelPapelGenerico->getIdFromCode($interior['papelInterior']);
+                    $papel = $modelPapelGenerico->where('id', $interior['papelInterior'])->first()->toArray();
                     $gramaje = intval($interior['gramajeInterior']);
                 }
                 // Interior
@@ -464,7 +464,7 @@ class Presupuestocliente extends \App\Controllers\BaseResourceController
 
                 return $this->respond($return_data);
             } catch (Exception $e) {
-                return $this->failServerError($e->getMessage());
+                return $this->failServerError($e->getMessage() . '  -  ' . $e->getFile() . '  -  ' . $e->getLine());
             }
         } else {
             return $this->failUnauthorized('Invalid request', 403);
@@ -673,12 +673,12 @@ class Presupuestocliente extends \App\Controllers\BaseResourceController
             $tipo_impresion_id = $this->getTipoImpresion($tipo, $cubierta['tipoCubierta']);
 
             if ($papelInteriorDiferente) {
-                $papel['negro'] = $modelPapelGenerico->getIdFromCode($interior['papelInterior']['negro']);
-                $papel['color'] = $modelPapelGenerico->getIdFromCode($interior['papelInterior']['color']);
+                $papel['negro'] = $modelPapelGenerico->where('id', $interior['papelInterior']['negro'])->first()->toArray();
+                $papel['color'] = $modelPapelGenerico->where('id', $interior['papelInterior']['color'])->first()->toArray();
                 $gramaje['negro'] = intval($interior['gramajeInterior']['negro']);
                 $gramaje['color'] = intval($interior['gramajeInterior']['color']);
             } else {
-                $papel = $modelPapelGenerico->getIdFromCode($interior['papelInterior']);
+                $papel = $modelPapelGenerico->where('id', $interior['papelInterior'])->first()->toArray();
                 $gramaje = intval($interior['gramajeInterior']);
             }
             // Interior
@@ -1288,7 +1288,7 @@ class Presupuestocliente extends \App\Controllers\BaseResourceController
         $coste = 0;
         $margen = 0;
 
-        if ($data > 0) {
+        if (count($data) > 0) {
             $peso_envio = round(floatval($peso * $unidades / 1000.0)); // peso libro * unidades y se pasa a kilogramos
             $tarifas_envio = $modelTarifaEnvio->getTarifaEnvio($data[0]->pais_id, $data[0]->cp, $peso_envio, $entregaPieCalle ? 'palets' : 'cajas');
             for ($i = 0; $i < count($tarifas_envio); $i++) {
@@ -2300,13 +2300,16 @@ class Presupuestocliente extends \App\Controllers\BaseResourceController
                 if ($linea->tipo == 'lp_bn' || $linea->tipo == 'lp_bnhq' || $linea->tipo == 'lp_rot_bn') {
                     $return_data['interior']['negro']['tipo'] = $linea->tipo == 'lp_bn' || $linea->tipo == 'lp_rot_bn' ? 'negroEstandar' : 'negroPremium';
                     $return_data['interior']['negro']['papel'] = $modelPapelGenerico->getCodeFromId($linea->papel_id);
+                    $return_data['interior']['negro']['papel']['id'] = $linea->papel_id;
                     $return_data['interior']['negro']['gramaje'] = $linea->gramaje;
                 } else if ($linea->tipo == 'lp_color' || $linea->tipo == 'lp_colorhq' || $linea->tipo == 'lp_rot_color') {
                     $return_data['interior']['color']['tipo'] = $linea->tipo == 'lp_color' || $linea->tipo == 'lp_rot_color' ? 'colorEstandar' : 'colorPremium';
                     $return_data['interior']['color']['papel'] = $modelPapelGenerico->getCodeFromId($linea->papel_id);
+                    $return_data['interior']['color']['papel']['id'] = $linea->papel_id;
                     $return_data['interior']['color']['gramaje'] = $linea->gramaje;
                 } else if ($linea->tipo == 'lp_cubierta') {
                     $return_data['cubierta']['papel'] = $modelPapelGenerico->getCodeFromId($linea->papel_id);
+                    $return_data['cubierta']['papel']['id'] = $linea->papel_id;
                     $return_data['cubierta']['gramaje'] = $linea->gramaje;
                     $return_data['cubierta']['paginas'] = $linea->paginas;
                 } else if ($linea->tipo == 'lp_sobrecubierta') {
diff --git a/ci4/app/Models/Configuracion/PapelGenericoModel.php b/ci4/app/Models/Configuracion/PapelGenericoModel.php
index a1362d15..5f1ba92f 100755
--- a/ci4/app/Models/Configuracion/PapelGenericoModel.php
+++ b/ci4/app/Models/Configuracion/PapelGenericoModel.php
@@ -324,52 +324,51 @@ class PapelGenericoModel extends \App\Models\BaseModel
 
         if ($selected_papel_id != null) {
             $builder = $this->db
-            ->table($this->table . " t1")
-            ->select(
-                "t2.gramaje as gramaje",
-                // for debug, t2.nombre AS nombre_papel_impresion, t4.nombre AS maquina_nombre, t5.uso AS tarifa_uso, t5.tipo AS tarifa_tipo"
-            )
-            ->join("lg_papel_impresion t2", "t2.papel_generico_id = t1.id", "inner")
-            ->join("lg_maquina_papel_impresion t3", "t3.papel_impresion_id = t2.id", "inner")
-            ->join("lg_maquinas t4", "t3.maquina_id = t4.id", "inner")
-            ->join("lg_maquinas_tarifas_impresion t5", "t5.maquina_id = t4.id", "inner")
+                ->table($this->table . " t1")
+                ->select(
+                    "t2.gramaje as gramaje",
+                    // for debug, t2.nombre AS nombre_papel_impresion, t4.nombre AS maquina_nombre, t5.uso AS tarifa_uso, t5.tipo AS tarifa_tipo"
+                )
+                ->join("lg_papel_impresion t2", "t2.papel_generico_id = t1.id", "inner")
+                ->join("lg_maquina_papel_impresion t3", "t3.papel_impresion_id = t2.id", "inner")
+                ->join("lg_maquinas t4", "t3.maquina_id = t4.id", "inner")
+                ->join("lg_maquinas_tarifas_impresion t5", "t5.maquina_id = t4.id", "inner")
 
-            ->where("t1.id", $selected_papel_id)
-            ->where("t1.is_deleted", 0)
-            ->where("t1.show_in_client", 1)
-            ->where("t2.is_deleted", 0)
-            ->where("t2.isActivo", 1)
-            ->where("t2.use_in_client", 1)
-            ->where("t3.active", 1)
-            ->where("t4.is_deleted", 0)
-            ->where("t4.tipo", "impresion")
-            ->where("t5.is_deleted", 0)
-            ->where("t5.tipo", $tipo)
-            ->distinct('t2.gramaje');
-        }
-        else{
+                ->where("t1.id", $selected_papel_id)
+                ->where("t1.is_deleted", 0)
+                ->where("t1.show_in_client", 1)
+                ->where("t2.is_deleted", 0)
+                ->where("t2.isActivo", 1)
+                ->where("t2.use_in_client", 1)
+                ->where("t3.active", 1)
+                ->where("t4.is_deleted", 0)
+                ->where("t4.tipo", "impresion")
+                ->where("t5.is_deleted", 0)
+                ->where("t5.tipo", $tipo)
+                ->distinct('t2.gramaje');
+        } else {
             $builder = $this->db
-            ->table($this->table . " t1")
-            ->select(
-                "t1.id as id, t1.nombre AS nombre",
-                // for debug, t2.nombre AS nombre_papel_impresion, t4.nombre AS maquina_nombre, t5.uso AS tarifa_uso, t5.tipo AS tarifa_tipo"
-            )
-            ->join("lg_papel_impresion t2", "t2.papel_generico_id = t1.id", "inner")
-            ->join("lg_maquina_papel_impresion t3", "t3.papel_impresion_id = t2.id", "inner")
-            ->join("lg_maquinas t4", "t3.maquina_id = t4.id", "inner")
-            ->join("lg_maquinas_tarifas_impresion t5", "t5.maquina_id = t4.id", "inner")
+                ->table($this->table . " t1")
+                ->select(
+                    "t1.id as id, t1.nombre AS nombre",
+                    // for debug, t2.nombre AS nombre_papel_impresion, t4.nombre AS maquina_nombre, t5.uso AS tarifa_uso, t5.tipo AS tarifa_tipo"
+                )
+                ->join("lg_papel_impresion t2", "t2.papel_generico_id = t1.id", "inner")
+                ->join("lg_maquina_papel_impresion t3", "t3.papel_impresion_id = t2.id", "inner")
+                ->join("lg_maquinas t4", "t3.maquina_id = t4.id", "inner")
+                ->join("lg_maquinas_tarifas_impresion t5", "t5.maquina_id = t4.id", "inner")
 
-            ->where("t1.is_deleted", 0)
-            ->where("t1.show_in_client", 1)
-            ->where("t2.is_deleted", 0)
-            ->where("t2.isActivo", 1)
-            ->where("t2.use_in_client", 1)
-            ->where("t3.active", 1)
-            ->where("t4.is_deleted", 0)
-            ->where("t4.tipo", "impresion")
-            ->where("t5.is_deleted", 0)
-            ->where("t5.tipo", $tipo)
-            ->distinct('t1.id');
+                ->where("t1.is_deleted", 0)
+                ->where("t1.show_in_client", 1)
+                ->where("t2.is_deleted", 0)
+                ->where("t2.isActivo", 1)
+                ->where("t2.use_in_client", 1)
+                ->where("t3.active", 1)
+                ->where("t4.is_deleted", 0)
+                ->where("t4.tipo", "impresion")
+                ->where("t5.is_deleted", 0)
+                ->where("t5.tipo", $tipo)
+                ->distinct('t1.id');
         }
         // Validación adicional para asegurar que t1.id esté presente en las combinaciones con t3.active = 1
         $builder->whereIn("t1.id", function ($subQuery) {
@@ -400,7 +399,10 @@ class PapelGenericoModel extends \App\Models\BaseModel
         }
 
 
-        $data = $builder->orderBy("t1.nombre", "asc")->get()->getResultObject();
+        if ($selected_papel_id != null)
+            $data = $builder->orderBy("t2.gramaje", "asc")->get()->getResultObject();
+        else
+            $data = $builder->orderBy("t1.nombre", "asc")->get()->getResultObject();
         //$query = $this->db->getLastQuery();
         return $data;
     }
diff --git a/ci4/app/Services/PresupuestoClienteService.php b/ci4/app/Services/PresupuestoClienteService.php
index 25a3a42c..ea59622c 100644
--- a/ci4/app/Services/PresupuestoClienteService.php
+++ b/ci4/app/Services/PresupuestoClienteService.php
@@ -25,19 +25,19 @@ class PresupuestoClienteService extends BaseService
         $total_plana = -1;
         $hay_plana = false;
         if ($data['isColor']) {
-            if ($data['datosPedido']->paginas == $data['paginas_color']){
-                if(count($plana[1]) > 2)
-                    $total_plana += floatval($plana[1]['total_impresion']);
-                else
-                    return -1;
-            }
-                
-            elseif (count($plana) > 0) {
-                if (count($plana[0]) > 2 && count($plana[1]) > 2) {
-                    $total_plana = 0.0;
-                    foreach ($plana as $linea) {
-                        if (count($linea) > 0)
-                            $total_plana += floatval($linea['total_impresion']);
+            if (count($plana) > 0) {
+                if ($data['datosPedido']->paginas == $data['paginas_color']) {
+                    if (count($plana[1]) > 2)
+                        $total_plana += floatval($plana[1]['total_impresion']);
+                    else
+                        return -1;
+                } else {
+                    if (count($plana[0]) > 2 && count($plana[1]) > 2) {
+                        $total_plana = 0.0;
+                        foreach ($plana as $linea) {
+                            if (count($linea) > 0)
+                                $total_plana += floatval($linea['total_impresion']);
+                        }
                     }
                 }
             }
diff --git a/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/items/_disenioCubierta.php b/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/items/_disenioCubierta.php
index a489c6a6..5850e258 100644
--- a/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/items/_disenioCubierta.php
+++ b/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/items/_disenioCubierta.php
@@ -36,7 +36,7 @@
         <div id="tapaDuraLomoRedondo"
             class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center tipo-cubierta imagen-selector image-container">
             <img class="image-presupuesto"
-                src="<?= site_url("assets/img/presupuestoCliente/tapa-dura-lomo-redondo.png") ?>"
+                src="<?= site_url("assets/img/presupuestoCliente/tapa-dura-lomo-redondo.jpg") ?>"
                 alt="TapaDuraLomoRedondo">
             <label class="form-label">
                 Tapa dura lomo redondo
diff --git a/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/items/_disenioInterior.php b/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/items/_disenioInterior.php
index 62916779..83e399a6 100644
--- a/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/items/_disenioInterior.php
+++ b/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/items/_disenioInterior.php
@@ -11,29 +11,36 @@
 
     <div id="divImpresionInterior" name="div_impresion_interior" class="row col-sm-10 mb-3 justify-content-center">
 
-        <div id="negroEstandar" class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
-            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/blancoYnegro.png") ?>" alt="Negro">
+        <div id="negroEstandar"
+            class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
+            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/blancoYnegro.png") ?>"
+                alt="Negro">
             <label for="titulo" class="form-label">
                 Blanco y Negro
             </label>
         </div>
 
-        <div id="negroPremium" class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
-            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/negroFoto.png") ?>" alt="NegroPremium">
+        <div id="negroPremium"
+            class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
+            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/negroFoto.png") ?>"
+                alt="NegroPremium">
             <label for="titulo" class="form-label">
                 Blanco y Negro Premium
             </label>
         </div>
 
-        <div id="colorEstandar" class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
+        <div id="colorEstandar"
+            class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
             <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/color.png") ?>" alt="Color">
             <label for="titulo" class="form-label">
                 Color
             </label>
         </div>
 
-        <div id="colorPremium" class="d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
-            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/colorFoto.png") ?>" alt="ColorPremium">
+        <div id="colorPremium"
+            class="d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
+            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/colorFoto.png") ?>"
+                alt="ColorPremium">
             <label for="titulo" class="form-label">
                 Color Premium
             </label>
@@ -47,117 +54,23 @@
     </div><!--//.mb-3 -->
 
 
-    <div id="divPapelInterior" name="div_papel_interior" class="row col-sm-10 mb-5 justify-content-center">
+    <div id="divPapelInterior" name="div_papel_interior" class="row col-sm-10 mb-1 justify-content-center">
 
     </div>
 
-    <div id="divPapelEspecialInterior" name="div_papel_especial_interior" class="row col-sm-10 mb-5 justify-content-center d-none">
-        <select id="papelEspecialInterior" name="papel_especial_interior" class="form-control select2bs2 calcular-presupuesto" style="width: 100%;">
-        </select>
+    <div id="divPapelEspecialInterior" name="div_papel_especial_interior"
+        class="row col-sm-10 mb-3 justify-content-center d-none">
+        <div class="col-sm-5 mb-0">
+            <label for="titulo" class="form-label">
+                Seleccione el papel especial
+            </label>
+            <select id="papelEspecialInterior" name="papel_especial_interior"
+                class="form-control select2bs2 calcular-presupuesto col-5 mb-0">
+            </select>
+        </div>
     </div>
 
-
     <div id="divGramajeInterior" name="div_gramaje_interior" class="row col-sm-10 mb-3 justify-content-center d-none">
-
-        <div id="interiorGramaje70" class="checkbox-presupuesto-container col-md mb-md-0 mb-3">
-            <div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior">
-                <label class="form-check-label custom-option-content" for="gramaje70">
-                    <span class="custom-option-body">
-                        <span class="custom-option-title"> 70 gr </span>
-                    </span>
-                    <input id="gramaje70" name="customRadioGramaje" data-value="70" class="check-interior-gramaje form-check-input" type="radio" value="" />
-                </label>
-            </div>
-        </div>
-
-        <div id="interiorGramaje80" class="checkbox-presupuesto-container mb-md-0 mb-3">
-            <div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior">
-                <label class="form-check-label custom-option-content" for="gramaje80">
-                    <span class="custom-option-body">
-                        <span class="custom-option-title"> 80 gr </span>
-                    </span>
-                    <input id="gramaje80" name="customRadioGramaje" data-value="80" class="check-interior-gramaje form-check-input" type="radio" value="" />
-                </label>
-            </div>
-        </div>
-
-        <div id="interiorGramaje90" class="mb-md-0 mb-3 checkbox-presupuesto-container">
-            <div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior">
-                <label class="form-check-label custom-option-content" for="gramaje90">
-                    <span class="custom-option-body">
-                        <span class="custom-option-title"> 90 gr </span>
-                    </span>
-                    <input id="gramaje90" name="customRadioGramaje" data-value="90" class="check-interior-gramaje form-check-input" type="radio" value="" />
-                </label>
-            </div>
-        </div>
-
-        <div id="interiorGramaje100" class="checkbox-presupuesto-container mb-md-0 mb-3">
-            <div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior">
-                <label class="form-check-label custom-option-content" for="gramaje100">
-                    <span class="custom-option-body">
-                        <span class="custom-option-title"> 100 gr </span>
-                    </span>
-                    <input id="gramaje100" name="customRadioGramaje" data-value="100" class="check-interior-gramaje form-check-input" type="radio" value="" />
-                </label>
-            </div>
-        </div>
-
-        <div id="interiorGramaje115" class="checkbox-presupuesto-container mb-md-0 mb-3">
-            <div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior">
-                <label class="form-check-label custom-option-content" for="gramaje115">
-                    <span class="custom-option-body">
-                        <span class="custom-option-title"> 115 gr </span>
-                    </span>
-                    <input id="gramaje115" name="customRadioGramaje" data-value="115" class="check-interior-gramaje form-check-input" type="radio" value="" />
-                </label>
-            </div>
-        </div>
-
-        <div id="interiorGramaje120" class="checkbox-presupuesto-container mb-md-0 mb-3">
-            <div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior">
-                <label class="form-check-label custom-option-content" for="gramaje120">
-                    <span class="custom-option-body">
-                        <span class="custom-option-title"> 120 gr </span>
-                    </span>
-                    <input id="gramaje120" name="customRadioGramaje" data-value="120" class="check-interior-gramaje form-check-input" type="radio" value="" />
-                </label>
-            </div>
-        </div>
-
-        <div id="interiorGramaje135" class="checkbox-presupuesto-container mb-md-0 mb-3">
-            <div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior">
-                <label class="form-check-label custom-option-content" for="gramaje135">
-                    <span class="custom-option-body">
-                        <span class="custom-option-title"> 135 gr </span>
-                    </span>
-                    <input id="gramaje135" name="customRadioGramaje" data-value="135" class="check-interior-gramaje form-check-input" type="radio" value="" />
-                </label>
-            </div>
-        </div>
-
-        <div id="interiorGramaje150" class="checkbox-presupuesto-container mb-md-0 mb-3">
-            <div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior">
-                <label class="form-check-label custom-option-content" for="gramaje150">
-                    <span class="custom-option-body">
-                        <span class="custom-option-title"> 150 gr </span>
-                    </span>
-                    <input id="gramaje150" name="customRadioGramaje" data-value="150" class="check-interior-gramaje form-check-input" type="radio" value="" />
-                </label>
-            </div>
-        </div>
-
-        <div id="interiorGramaje170" class="checkbox-presupuesto-container mb-md-0 mb-3">
-            <div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior">
-                <label class="form-check-label custom-option-content" for="gramaje170">
-                    <span class="custom-option-body">
-                        <span class="custom-option-title"> 170 gr </span>
-                    </span>
-                    <input id="gramaje170" name="customRadioGramaje" data-value="170" class="check-interior-gramaje form-check-input" type="radio" value="" />
-                </label>
-            </div>
-        </div>
-
     </div>
 
 
@@ -167,17 +80,21 @@
     </div><!--//.mb-3 -->
 
 
-    <div id="divImpresionInteriorColor" name="div_impresion_interior_color" class="row col-sm-10 mb-3 justify-content-center interior-color d-none">
+    <div id="divImpresionInteriorColor" name="div_impresion_interior_color"
+        class="row col-sm-10 mb-3 justify-content-center interior-color d-none">
 
-        <div id="colorEstandarColor" class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior-color imagen-selector image-container">
+        <div id="colorEstandarColor"
+            class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior-color imagen-selector image-container">
             <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/color.png") ?>" alt="Color">
             <label for="titulo" class="form-label">
                 Color
             </label>
         </div>
 
-        <div id="colorPremiumColor" class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior-color imagen-selector image-container">
-            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/colorFoto.png") ?>" alt="ColorPremium">
+        <div id="colorPremiumColor"
+            class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior-color imagen-selector image-container">
+            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/colorFoto.png") ?>"
+                alt="ColorPremium">
             <label for="titulo" class="form-label">
                 Color Premium
             </label>
@@ -186,143 +103,32 @@
     </div>
 
 
-    <div class="col-sm-8 mb-3 d-flex flex-column align-items-center interior-color d-none">
+    <div id="textoPapelInteriorColor" class="col-sm-8 mb-3 d-flex flex-column align-items-center interior-color d-none">
         <h3 class="mb-1 fw-bold"> Papel interior color</h3>
     </div><!--//.mb-3 -->
 
 
-    <div id="divPapelInteriorColor" name="div_papel_interior_color" class="row col-sm-10 mb-5 interior-color justify-content-center interior-color d-none">
-
-        <div id="offsetBlancoColor" cod="OFF1" class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center papel-interior-color imagen-selector image-container">
-            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/offset-blanco.png") ?>" alt="offsetBlanco">
-            <label class="form-label">
-                Offset Blanco
-            </label>
-        </div>
-
-        <div id="offsetAhuesadoColor" cod="OFF2" class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center papel-interior-color imagen-selector image-container">
-            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/offset-ahuesado.png") ?>" alt="offsetAhuesado">
-            <label for="titulo" class="form-label">
-                Offset Ahuesado
-            </label>
-        </div>
-
-        <div id="offsetAhuesadoVolumenColor" cod="OFF4" class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center papel-interior-color imagen-selector image-container">
-            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/offset-ahuesado-volumen.png") ?>" alt="offsetAhuesadoVolumen">
-            <label class="form-label">
-                Offset Ahuesado Volumen
-            </label>
-        </div>
-
-        <div id="estucadoMateColor" cod="EST2" class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center papel-interior-color imagen-selector image-container">
-            <img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/estucado-mate.png") ?>" alt="estucadoMate">
-            <label class="form-label">
-                Estucado Mate
-            </label>
-        </div>
+    <div id="divPapelInteriorColor" name="div_papel_interior_color"
+        class="row col-sm-10 mb-5 interior-color justify-content-center interior-color d-none">
 
     </div>
 
-    <div id="divGramajeInteriorColor" name="div_gramaje_interior_color" class="row col-sm-10 mb-3 justify-content-center d-none">
-
-        <div id="interiorGramaje70Color" class="checkbox-presupuesto-container col-md mb-md-0 mb-3">
-            <div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior-color">
-                <label class="form-check-label custom-option-content" for="gramaje70">
-                    <span class="custom-option-body">
-                        <span class="custom-option-title"> 70 gr </span>
-                    </span>
-                    <input id="gramaje70Color" name="customRadioGramajeColor" data-value="70" class="check-interior-color-gramaje form-check-input" type="radio" value="" />
-                </label>
-            </div>
+    <div id="divPapelEspecialInteriorColor" name="div_papel_especial_interior_color"
+        class="row col-sm-10 mb-3 justify-content-center d-none">
+        <div class="col-sm-5 mb-0">
+            <label for="titulo" class="form-label">
+                Seleccione el papel especial
+            </label>
+            <select id="papelEspecialInteriorColor" name="papel_especial_interior_color"
+                class="form-control select2bs2 calcular-presupuesto col-5 mb-0">
+            </select>
         </div>
+    </div>
 
-        <div id="interiorGramaje80Color" class="checkbox-presupuesto-container mb-md-0 mb-3">
-            <div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior-color">
-                <label class="form-check-label custom-option-content" for="gramaje80">
-                    <span class="custom-option-body">
-                        <span class="custom-option-title"> 80 gr </span>
-                    </span>
-                    <input id="gramaje80Color" name="customRadioGramajeColor" data-value="80" class="check-interior-color-gramaje form-check-input" type="radio" value="" />
-                </label>
-            </div>
-        </div>
+    <div id="divGramajeInteriorColor" name="div_gramaje_interior_color"
+        class="row col-sm-10 mb-3 justify-content-center d-none">
 
-        <div id="interiorGramaje90Color" class="mb-md-0 mb-3 checkbox-presupuesto-container">
-            <div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior-color">
-                <label class="form-check-label custom-option-content" for="gramaje90">
-                    <span class="custom-option-body">
-                        <span class="custom-option-title"> 90 gr </span>
-                    </span>
-                    <input id="gramaje90Color" name="customRadioGramajeColor" data-value="90" class="check-interior-color-gramaje form-check-input" type="radio" value="" />
-                </label>
-            </div>
-        </div>
-
-        <div id="interiorGramaje100Color" class="checkbox-presupuesto-container mb-md-0 mb-3">
-            <div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior-color">
-                <label class="form-check-label custom-option-content" for="gramaje100">
-                    <span class="custom-option-body">
-                        <span class="custom-option-title"> 100 gr </span>
-                    </span>
-                    <input id="gramaje100Color" name="customRadioGramajeColor" data-value="100" class="check-interior-color-gramaje form-check-input" type="radio" value="" />
-                </label>
-            </div>
-        </div>
-
-        <div id="interiorGramaje115Color" class="checkbox-presupuesto-container mb-md-0 mb-3">
-            <div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior-color">
-                <label class="form-check-label custom-option-content" for="gramaje115">
-                    <span class="custom-option-body">
-                        <span class="custom-option-title"> 115 gr </span>
-                    </span>
-                    <input id="gramaje115Color" name="customRadioGramajeColor" data-value="115" class="check-interior-color-gramaje form-check-input" type="radio" value="" />
-                </label>
-            </div>
-        </div>
-
-        <div id="interiorGramaje120Color" class="checkbox-presupuesto-container mb-md-0 mb-3">
-            <div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior-color">
-                <label class="form-check-label custom-option-content" for="gramaje120">
-                    <span class="custom-option-body">
-                        <span class="custom-option-title"> 120 gr </span>
-                    </span>
-                    <input id="gramaje120Color" name="customRadioGramajeColor" data-value="120" class="check-interior-color-gramaje form-check-input" type="radio" value="" />
-                </label>
-            </div>
-        </div>
-
-        <div id="interiorGramaje135Color" class="checkbox-presupuesto-container mb-md-0 mb-3">
-            <div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior-color">
-                <label class="form-check-label custom-option-content" for="gramaje135">
-                    <span class="custom-option-body">
-                        <span class="custom-option-title"> 135 gr </span>
-                    </span>
-                    <input id="gramaje135Color" name="customRadioGramajeColor" data-value="135" class="check-interior-color-gramaje form-check-input" type="radio" value="" />
-                </label>
-            </div>
-        </div>
-
-        <div id="interiorGramaje150Color" class="checkbox-presupuesto-container mb-md-0 mb-3">
-            <div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior-color">
-                <label class="form-check-label custom-option-content" for="gramaje150">
-                    <span class="custom-option-body">
-                        <span class="custom-option-title"> 150 gr </span>
-                    </span>
-                    <input id="gramaje150Color" name="customRadioGramajeColor" data-value="150" class="check-interior-color-gramaje form-check-input" type="radio" value="" />
-                </label>
-            </div>
-        </div>
-
-        <div id="interiorGramaje170Color" class="checkbox-presupuesto-container mb-md-0 mb-3">
-            <div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior-color">
-                <label class="form-check-label custom-option-content" for="gramaje170">
-                    <span class="custom-option-body">
-                        <span class="custom-option-title"> 170 gr </span>
-                    </span>
-                    <input id="gramaje170Color" name="customRadioGramajeColor" data-value="170" class="check-interior-color-gramaje form-check-input" type="radio" value="" />
-                </label>
-            </div>
-        </div>
+        
 
     </div>
 
diff --git a/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/viewPresupuestoList.php b/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/viewPresupuestoList.php
index bad39b6e..f2532954 100644
--- a/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/viewPresupuestoList.php
+++ b/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/viewPresupuestoList.php
@@ -294,7 +294,6 @@ theTable = $('#tableOfPresupuestos').DataTable({
 
 theTable.on('click', 'tr', function () {
     var data = theTable.row(this).data();
-	console.log(data);
     var url = '/presupuestos/presupuestocliente/edit/' + data['id']; 
     window.location.href = url;
 });
diff --git a/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/viewPresupuestoclienteForm.php b/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/viewPresupuestoclienteForm.php
index 2c305f2b..a3126558 100644
--- a/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/viewPresupuestoclienteForm.php
+++ b/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/viewPresupuestoclienteForm.php
@@ -208,7 +208,7 @@
 
         </div>
 
-        <div class='divTiradasPrecio'></div>
+        <div class='mt-2 divTiradasPrecio'></div>
 
       </div> <!--//.bs-stepper-header -->
 
diff --git a/httpdocs/assets/img/presupuestoCliente/tapa-blanda.jpg b/httpdocs/assets/img/presupuestoCliente/tapa-blanda.jpg
index 855a1087..685af277 100644
Binary files a/httpdocs/assets/img/presupuestoCliente/tapa-blanda.jpg and b/httpdocs/assets/img/presupuestoCliente/tapa-blanda.jpg differ
diff --git a/httpdocs/assets/img/presupuestoCliente/tapa-dura-lomo-recto.jpg b/httpdocs/assets/img/presupuestoCliente/tapa-dura-lomo-recto.jpg
index a8728359..153bfa88 100644
Binary files a/httpdocs/assets/img/presupuestoCliente/tapa-dura-lomo-recto.jpg and b/httpdocs/assets/img/presupuestoCliente/tapa-dura-lomo-recto.jpg differ
diff --git a/httpdocs/assets/img/presupuestoCliente/tapa-dura-lomo-redondo.jpg b/httpdocs/assets/img/presupuestoCliente/tapa-dura-lomo-redondo.jpg
new file mode 100644
index 00000000..f0dd640b
Binary files /dev/null and b/httpdocs/assets/img/presupuestoCliente/tapa-dura-lomo-redondo.jpg differ
diff --git a/httpdocs/assets/img/presupuestoCliente/tapa-dura-lomo-redondo.png b/httpdocs/assets/img/presupuestoCliente/tapa-dura-lomo-redondo.png
deleted file mode 100644
index 1eeaaf68..00000000
Binary files a/httpdocs/assets/img/presupuestoCliente/tapa-dura-lomo-redondo.png and /dev/null differ
diff --git a/httpdocs/assets/js/safekat/common/common.js b/httpdocs/assets/js/safekat/common/common.js
index f6a9c187..d9faefaf 100644
--- a/httpdocs/assets/js/safekat/common/common.js
+++ b/httpdocs/assets/js/safekat/common/common.js
@@ -6,3 +6,7 @@ export function getToken()
     const paramsObject = Object.fromEntries(params.entries());
     return paramsObject.token;
 }
+
+export function capitalizeFirstLetter(string) {
+    return string.charAt(0).toUpperCase() + string.slice(1);
+}
diff --git a/httpdocs/assets/js/safekat/components/select2.js b/httpdocs/assets/js/safekat/components/select2.js
index d9cc3db2..1670b091 100644
--- a/httpdocs/assets/js/safekat/components/select2.js
+++ b/httpdocs/assets/js/safekat/components/select2.js
@@ -80,6 +80,9 @@ let ClassSelect = function (domItem, url, placeholder, allowClear = false, param
     this.getText = () => {
       return this.item.find(":selected").text();
     };
+    this.onChange = function(callback) {
+      this.item.on('change', callback);
+    };
   };
   
 export default ClassSelect;
diff --git a/httpdocs/assets/js/safekat/components/tarjetaDireccionPresupuesto.js b/httpdocs/assets/js/safekat/components/tarjetaDireccionPresupuesto.js
index f7140387..4dc7af88 100644
--- a/httpdocs/assets/js/safekat/components/tarjetaDireccionPresupuesto.js
+++ b/httpdocs/assets/js/safekat/components/tarjetaDireccionPresupuesto.js
@@ -4,7 +4,7 @@ class tarjetaDireccion {
         
         this.container = container;
         this.id = id;
-        this.direccionId = direccion.id;
+        this.direccionId = direccion.direccionId;
         this.card = this.#generateHTML(id, direccion);
         this.deleteBtn = this.card.find('.direccion-eliminar');
         this.editBtn = this.card.find('.direccion-editar');
diff --git a/httpdocs/assets/js/safekat/pages/presupuestoCliente/datosGenerales.js b/httpdocs/assets/js/safekat/pages/presupuestoCliente/datosGenerales.js
index ab98c386..ce8f2226 100644
--- a/httpdocs/assets/js/safekat/pages/presupuestoCliente/datosGenerales.js
+++ b/httpdocs/assets/js/safekat/pages/presupuestoCliente/datosGenerales.js
@@ -806,14 +806,17 @@ class DatosGenerales {
             $(".papel-interior").removeClass('selected');
             $(".interior-color").removeClass('d-none');
             this.#handleInteriorLayout('mixto');
-
+            $("#divPapelInterior").empty();
+            $("#divGramajeInterior").empty();
+            $("#divPapelInteriorColor").empty();
+            $("#divGramajeInteriorColor").empty();
         }
         else {
             $(".interior-color").addClass('d-none');
-            $("#divGramajeInteriorColor").addClass('d-none');
-            $(".papel-interior").removeClass('selected');
-            $(".gramaje-interior").prop('checked', false);
-            $(".gramaje-interior-color").prop('checked', false);
+            $("#divPapelInterior").empty();
+            $("#divGramajeInterior").empty();
+            $("#divPapelInteriorColor").empty();
+            $("#divGramajeInteriorColor").empty();
             this.#handlePaginas();
         }
     }
diff --git a/httpdocs/assets/js/safekat/pages/presupuestoCliente/disenioInterior.js b/httpdocs/assets/js/safekat/pages/presupuestoCliente/disenioInterior.js
index f08856c8..c291b498 100644
--- a/httpdocs/assets/js/safekat/pages/presupuestoCliente/disenioInterior.js
+++ b/httpdocs/assets/js/safekat/pages/presupuestoCliente/disenioInterior.js
@@ -1,11 +1,15 @@
 import { getToken } from '../../common/common.js';
+import { capitalizeFirstLetter } from '../../common/common.js';
+
 import Ajax from '../../components/ajax.js';
+import ClassSelect from '../../components/select2.js';
 
 class DisenioInterior {
 
-    constructor(domItem, wizardForm, validatorStepper) {
+    constructor(domItem, wizardForm, validatorStepper, presupuestoCliente) {
 
         this.domItem = domItem;
+        this.presupuestoCliente = presupuestoCliente;
 
         this.csrf_token = getToken();
         this.csrf_hash = $('#mainContainer').find('input[name="' + this.csrf_token + '"]').val();
@@ -17,30 +21,19 @@ class DisenioInterior {
         this.disenioInterior = this.domItem.find(".disenio-interior");
         this.divPapelInterior = this.domItem.find("#divPapelInterior");
         this.textoPapelInterior = this.domItem.find("#textoPapelInterior");
+        this.textoPapelInteriorColor = this.domItem.find("#textoPapelInteriorColor");
         this.divPapelInteriorColor = this.domItem.find("#divPapelInteriorColor");
         this.divPapelEspecialInterior = this.domItem.find("#divPapelEspecialInterior");
+        this.divPapelEspecialInteriorColor = this.domItem.find("#divPapelEspecialInteriorColor");
         this.papelEspecialInterior = this.domItem.find("#papelEspecialInterior");
         this.divGramajeInterior = this.domItem.find("#divGramajeInterior");
-        this.papelInterior = this.domItem.find(".papel-interior");
-
-        this.papelEspecial = new ClassSelect($("#papelEspecialInterior"), '/clientes/cliente/getSelect2', window.translations["selectPapel"]);
+        this.divGramajeInteriorColor = this.domItem.find("#divGramajeInteriorColor");
 
         this.negroEstandar = this.domItem.find("#negroEstandar");
         this.negroPremium = this.domItem.find("#negroPremium");
         this.colorEstandar = this.domItem.find("#colorEstandar");
         this.colorPremium = this.domItem.find("#colorPremium");
 
-        this.gramaje = this.domItem.find(".check-interior-gramaje");
-        this.gramaje70 = this.domItem.find("#interiorGramaje70");
-        this.gramaje80 = this.domItem.find("#interiorGramaje80");
-        this.gramaje90 = this.domItem.find("#interiorGramaje90");
-        this.gramaje100 = this.domItem.find("#interiorGramaje100");
-        this.gramaje115 = this.domItem.find("#interiorGramaje115");
-        this.gramaje120 = this.domItem.find("#interiorGramaje120");
-        this.gramaje135 = this.domItem.find("#interiorGramaje135");
-        this.gramaje150 = this.domItem.find("#interiorGramaje150");
-        this.gramaje170 = this.domItem.find("#interiorGramaje170");
-
         this.interiorColor = this.domItem.find(".interior-color");
         this.disenioInterior_color = this.domItem.find(".disenio-interior-color");
         this.papelInterior_color = this.domItem.find(".papel-interior-color");
@@ -66,21 +59,38 @@ class DisenioInterior {
         this.rl_papel_interior = $("#rl_papel_interior");
         this.rl_papel_interior_color = $("#rl_papel_interior_color");
 
+        this.papelEspecial = new ClassSelect($("#papelEspecialInterior"),
+            '/papelesgenericos/selectpapelespecial',
+            window.translations["selectPapel"],
+            false,
+            {
+                [this.csrf_token]: this.csrf_hash,
+                tipo: this.getTipoImpresion(),
+                cubierta: 0,
+            }
+        );
+        this.papelEspecialColor = new ClassSelect($("#papelEspecialInteriorColor"),
+            '/papelesgenericos/selectpapelespecial',
+            window.translations["selectPapel"],
+            false,
+            {
+                [this.csrf_token]: this.csrf_hash,
+                tipo: this.getTipoImpresionColor(),
+                cubierta: 0,
+            }
+        );
+
+        this.papelInteriorDiferente = false;
+        this.papelInterior = null;
+        this.gramaje = null;
+        this.papelInteriorColor = null;
+        this.gramajeColor = null;
+
+        this.cargando = true;
+
+
         this.initValidation();
 
-        
-        // Creamos un nuevo observador que detecta cambios en los atributos
-        this.observer = new MutationObserver(mutations => {
-            mutations.forEach(mutation => {
-                if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
-                    const targetElement = mutation.target;
-                    if (targetElement.id.includes("Color"))
-                        this.#handleUpdateGramajeColor();
-                    else
-                        this.#handleUpdateGramaje();
-                }
-            });
-        });
     }
 
 
@@ -88,117 +98,213 @@ class DisenioInterior {
 
         const self = this;
 
+        this.papelEspecial.init();
+        $('#papelEspecialInterior').on("change", this.#handlePapelInteriorEspecial.bind(this));
+        this.papelEspecialColor.init();
+        $('#papelEspecialInteriorColor').on("change", this.#handlePapelInteriorEspecialColor.bind(this));
+
         // Eventos
         this.disenioInterior.on('click', this.#handleDisenioInterior.bind(this));
         this.disenioInterior_color.on('click', this.#handleDisenioInterior.bind(this));
-        this.papelInterior_color.on('click', this.#handlePapelInterior.bind(this));
 
-        // Observadores
-        this.observer.observe(this.negroEstandar[0], { attributes: true });
-        this.observer.observe(this.negroPremium[0], { attributes: true });
-        this.observer.observe(this.colorEstandar[0], { attributes: true });
-        this.observer.observe(this.colorPremium[0], { attributes: true });
-        this.observer.observe(this.colorEstandar_color[0], { attributes: true });
-        this.observer.observe(this.colorPremium_color[0], { attributes: true });
-        
-        this.checksGramaje.each(function () {
-
-            const customOptionEL = $(this);
-            customOptionEL.on('click', function () {
-                self.#handleClickGramaje(customOptionEL);
-            });
-        });
     }
 
 
-    updatePapeles(papeles) {
+
+
+    updatePapeles(papeles = null) {
 
         const context = this;
-        let tipo = 'negro';
-        if (this.colorEstandar.hasClass('selected'))
-            tipo = 'color';
-        else if (this.negroPremium.hasClass('selected'))
-            tipo = 'negrohq';
-        else if (this.colorPremium.hasClass('selected'))
-            tipo = 'colorhq';
 
-        new Ajax('/papelesgenericos/getpapelcliente',
-            {
-                [this.csrf_token]: this.csrf_hash,
-                tipo: tipo,
-                cubierta: 0,
-            },
-            {},
-            this.fillPapeles.bind(context),
-            (response) => { console.log(response); }
-        ).get();
+        if (papeles == 'color' || papeles == null) {
+            this.divGramajeInteriorColor.empty();
+            new Ajax('/papelesgenericos/getpapelcliente',
+                {
+                    [this.csrf_token]: this.csrf_hash,
+                    tipo: this.getTipoImpresion(),
+                    cubierta: 0,
+                },
+                {},
+                (response) => { this.fillPapelesColor(response); },
+                (response) => { console.log(response); }
+            ).get();
+        }
+
+        if (papeles == 'negro' || papeles == null) {
+            this.divGramajeInterior.empty();
+            new Ajax('/papelesgenericos/getpapelcliente',
+                {
+                    [this.csrf_token]: this.csrf_hash,
+                    tipo: this.getTipoImpresion(),
+                    cubierta: 0,
+                },
+                {},
+                (response) => { this.fillPapeles(response); },
+                (response) => { console.log(response); }
+            ).get();
+        }
+
     }
 
     fillPapeles(response) {
-        
 
-        this.divPapelInterior.empty()
+        this.divPapelInterior.empty();
+        this.divGramajeInterior.empty();
 
-        if(response.papeles.length > 0){
+        if (response.papeles.length > 0) {
             this.textoPapelInterior.removeClass('d-none');
         }
-        else{
+        else {
             this.textoPapelInterior.addClass("d-none");
         }
 
         response.papeles.forEach(papel => {
             var container = $('<div>', {
-                class: 'custom-selector d-flex flex-column align-items-center justify-content-center'
+                class: 'custom-selector custom-selector-papel d-flex flex-column align-items-center justify-content-center'
             });
 
             var radioButton = $('<input>', {
                 type: 'radio',          // Tipo de input
                 name: 'calcular-presupuesto papel-interior',
-                id: papel.id,           // ID único
+                id: 'papel_' + papel.id,           // ID único
                 value: 'option1'        // Valor del radio button
             });
 
             // Crear una etiqueta para el radio button
             var label = $('<label>', {
-                for: papel.id,
+                for: 'papel_' + papel.id,
                 text: papel.nombre
             });
 
             radioButton.on('click', this.#handlePapelInterior.bind(this));
-            
+
             container.append(radioButton).append(label);
             $('#divPapelInterior').append(container);
+
+            if (this.papelInterior == papel.id) {
+                radioButton.prop('checked', true);
+                radioButton.trigger('click');
+            }
         });
 
-        if(response.papeles_especiales.length > 0){
+        if (response.papeles_especiales.length > 0) {
             this.divPapelInterior.removeClass('d-none');
 
             var container = $('<div>', {
-                class: 'custom-selector d-flex flex-column align-items-center justify-content-center'
+                class: 'custom-selector custom-selector-papel d-flex flex-column align-items-center justify-content-center'
             });
 
             var radioButton = $('<input>', {
-                type: 'radio',          // Tipo de input
+                type: 'radio',
                 name: 'calcular-presupuesto papel-interior',
-                id: 'papelInteriorEspecial',           // ID único
-                value: 'option1'        // Valor del radio button
+                id: 'papelEspecialInterior',
+                value: 'option1'
             });
 
             // Crear una etiqueta para el radio button
             var label = $('<label>', {
-                for: 'papelInteriorEspecial',
+                for: 'papelEspecialInterior',
                 text: 'PAPEL ESPECIAL'
             });
 
             radioButton.on('click', this.#handlePapelInterior.bind(this));
-            
+
+            response.papeles_especiales.forEach(papel => {
+                if (papel.id == this.papelInterior) {
+                    radioButton.prop('checked', true);
+                    radioButton.trigger('click');
+
+                    this.papelEspecial.setVal(papel.id);
+                }
+            });
+
             container.append(radioButton).append(label);
             $('#divPapelInterior').append(container);
         }
     }
 
+    fillPapelesColor(response) {
+
+        this.divPapelInteriorColor.empty()
+        this.divGramajeInteriorColor.empty();
+
+        if (response.papeles.length > 0) {
+            this.textoPapelInteriorColor.removeClass('d-none');
+        }
+        else {
+            this.textoPapelInteriorColor.addClass("d-none");
+        }
+
+        response.papeles.forEach(papel => {
+            var container = $('<div>', {
+                class: 'custom-selector custom-selector-papel-color d-flex flex-column align-items-center justify-content-center'
+            });
+
+            var radioButton = $('<input>', {
+                type: 'radio',          // Tipo de input
+                name: 'calcular-presupuesto papel-interior-color',
+                id: 'papelColor_' + papel.id,           // ID único
+                value: 'option1'        // Valor del radio button
+            });
+
+            // Crear una etiqueta para el radio button
+            var label = $('<label>', {
+                for: 'papelColor_' + papel.id,
+                text: papel.nombre
+            });
+
+            radioButton.on('click', this.#handlePapelInteriorColor.bind(this));
+
+            container.append(radioButton).append(label);
+            $('#divPapelInteriorColor').append(container);
+
+            if (this.papelInteriorColor == papel.id) {
+                radioButton.prop('checked', true);
+                radioButton.trigger('click');
+            }
+        });
+
+        if (response.papeles_especiales.length > 0) {
+            this.divPapelInterior.removeClass('d-none');
+
+            var container = $('<div>', {
+                class: 'custom-selector custom-selector-papel-color d-flex flex-column align-items-center justify-content-center'
+            });
+
+            var radioButton = $('<input>', {
+                type: 'radio',
+                name: 'calcular-presupuesto papel-interior-color',
+                id: 'papelEspecialInterior',
+                value: 'option1'
+            });
+
+            // Crear una etiqueta para el radio button
+            var label = $('<label>', {
+                for: 'papelEspecialInterior',
+                text: 'PAPEL ESPECIAL'
+            });
+
+            radioButton.on('click', this.#handlePapelInteriorColor.bind(this));
+
+            response.papeles_especiales.forEach(papel => {
+                if (papel.id == this.papelInteriorColor) {
+                    radioButton.prop('checked', true);
+                    radioButton.trigger('click');
+
+                    this.papelEspecialColor.setVal(papel.id);
+                }
+            });
+
+            container.append(radioButton).append(label);
+            $('#divPapelInteriorColor').append(container);
+        }
+    }
+
+
     cargarDatos(datos, papelInteriorDiferente) {
 
+        this.papelInteriorDiferente = papelInteriorDiferente;
+
         if (papelInteriorDiferente) {
 
             if (datos.negro) {
@@ -209,11 +315,8 @@ class DisenioInterior {
                     this.negroEstandar.addClass('selected');
                 }
 
-                this.divPapelInterior.find(`[cod="${datos.negro.papel.code}"]`).addClass('selected');
-
-                setTimeout(function () {
-                    $(`#divGramajeInterior .gramaje-interior input[data-value="${datos.negro.gramaje}"]`).trigger('click');
-                }, 0);
+                this.papelInterior = datos.negro.papel.id;
+                this.gramaje = datos.negro.gramaje;
 
             }
             if (datos.color) {
@@ -224,14 +327,14 @@ class DisenioInterior {
                     this.colorEstandar_color.addClass('selected');
                 }
 
-                this.divPapelInteriorColor.find(`[cod="${datos.color.papel.code}"]`).addClass('selected');
-
-                setTimeout(function () {
-                    $(`#divGramajeInteriorColor .gramaje-interior-color input[data-value="${datos.color.gramaje}"]`).trigger('click');
-                }, 0);
+                this.papelInteriorColor = datos.color.papel.id;
+                this.gramajeColor = datos.color.gramaje;
             }
         }
         else {
+            this.papelInteriorColor = null;
+            this.gramajeColor = null;
+
             if (datos.color) {
                 if (datos.color.tipo.includes("Premium")) {
                     this.colorPremium.addClass('selected');
@@ -239,11 +342,8 @@ class DisenioInterior {
                 else {
                     this.colorEstandar.addClass('selected');
                 }
-                this.divPapelInterior.find(`[cod="${datos.color.papel.code}"]`).addClass('selected');
-
-                setTimeout(function () {
-                    $(`#divGramajeInterior .gramaje-interior input[data-value="${datos.color.gramaje}"]`).trigger('click');
-                }, 0);
+                this.papelInterior = datos.color.papel.id;
+                this.gramaje = datos.color.gramaje;
             }
             else {
                 if (datos.negro.tipo.includes("Premium")) {
@@ -252,12 +352,9 @@ class DisenioInterior {
                 else {
                     this.negroEstandar.addClass('selected');
                 }
-                // mismo papel y gramaje
-                this.divPapelInterior.find(`[cod="${datos.negro.papel.code}"]`).addClass('selected');
 
-                setTimeout(function () {
-                    $(`#divGramajeInterior .gramaje-interior input[data-value="${datos.negro.gramaje}"]`).trigger('click');
-                }, 0);
+                this.papelInterior = datos.negro.papel.id;
+                this.gramaje = datos.negro.gramaje;
             }
         }
         this.updatePapeles();
@@ -299,14 +396,17 @@ class DisenioInterior {
                     validators: {
                         callback: {
                             callback: function (input) {
-                                const divPapelInterior = $('#divPapelInterior'); // Selecciona el div
 
-                                divPapelInterior.find('.fv-plugins-message-container').remove();
-                                if ($('.papel-interior.selected').length > 0) {
+                                $('#divPapelInterior').find('.fv-plugins-message-container').remove();
+                                $('#divPapelEspecialInterior').find('.fv-plugins-message-container').remove();
+
+                                const papelSeleccionado = $('.custom-selector-papel input[type="radio"]:checked');
+                                if (papelSeleccionado.length > 0) {
                                     return true;
+
                                 }
                                 else {
-                                    divPapelInterior.append(`
+                                    $('#divPapelInterior').append(`
                                         <div class="fv-plugins-message-container invalid-feedback">
                                             <div data-field="div_impresion_interior" data-validator="callback" style="margin-top: 50px;">
                                                 ${window.translations["validation"].papel_interior}
@@ -315,20 +415,47 @@ class DisenioInterior {
                                     `);
                                 }
                                 return false;
+
                             },
                         }
                     }
                 },
+                div_papel_especial_interior: {
+                    validators: {
+                        callback: {
+                            callback: function (input) {
+
+                                $('#divPapelEspecialInterior').find('.fv-plugins-message-container').remove();
+                                if ($('#divPapelEspecialInterior').hasClass("d-none")) return true;
+
+                                if ($('#papelEspecialInterior').select2('data').length > 0)
+                                    return true;
+                                else {
+                                    $('#divPapelEspecialInterior').append(`
+                                            <div class="fv-plugins-message-container invalid-feedback">
+                                                <div data-field="div_impresion_interior" data-validator="callback" style="margin-top: 50px;">
+                                                    ${window.translations["validation"].papel_interior}
+                                                </div>
+                                            </div>
+                                        `);
+                                    return false;
+                                }
+
+                            }
+                        }
+                    }
+                },
                 div_gramaje_interior: {
                     validators: {
                         callback: {
                             callback: function (input) {
-                                const divGramajeInterior = $('#divGramajeInterior'); // Selecciona el div
-                                if ($("#divGramajeInterior").hasClass("d-none")) return true;
 
-                                divGramajeInterior.find('.fv-plugins-message-container').remove();
-                                if ($('.check-interior-gramaje:checked').length > 0) {
+                                const divGramajeInterior = $('#divGramajeInterior'); // Selecciona el div
+
+                                const gramajeSeleccionado = $('.custom-selector-gramaje input[type="radio"]:checked');
+                                if (gramajeSeleccionado.length > 0) {
                                     return true;
+
                                 }
                                 else {
                                     divGramajeInterior.append(`
@@ -374,14 +501,18 @@ class DisenioInterior {
                         callback: {
                             callback: function (input) {
                                 const divPapelInterior = $('#divPapelInteriorColor'); // Selecciona el div
-                                if (divPapelInterior.hasClass("d-none")) return true;
+                                if (divPapelInteriorColor.hasClass("d-none")) return true;
 
-                                divPapelInterior.find('.fv-plugins-message-container').remove();
-                                if ($('.papel-interior.selected').length > 0) {
+                                $('#divPapelInteriorColor').find('.fv-plugins-message-container').remove();
+                                $('#divPapelEspecialInteriorColor').find('.fv-plugins-message-container').remove();
+
+                                const papelSeleccionado = $('.custom-selector-papel-color input[type="radio"]:checked');
+                                if (papelSeleccionado.length > 0) {
                                     return true;
+
                                 }
                                 else {
-                                    divPapelInterior.append(`
+                                    $('#divPapelInteriorColor').append(`
                                         <div class="fv-plugins-message-container invalid-feedback">
                                             <div data-field="div_impresion_interior" data-validator="callback" style="margin-top: 50px;">
                                                 ${window.translations["validation"].papel_interior}
@@ -398,15 +529,16 @@ class DisenioInterior {
                     validators: {
                         callback: {
                             callback: function (input) {
-                                const divGramajeInterior = $('#divGramajeInteriorColor'); // Selecciona el div
-                                if ($("#divGramajeInterior").hasClass("d-none")) return true;
+                                const divGramajeInteriorColor = $('#divGramajeInteriorColor'); // Selecciona el div
+                                if (divGramajeInteriorColor.hasClass("d-none")) return true;
 
-                                divGramajeInterior.find('.fv-plugins-message-container').remove();
-                                if ($('.check-interior-gramaje:checked').length > 0) {
+                                const gramajeSeleccionado = $('.custom-selector-gramaje-color input[type="radio"]:checked');
+                                if (gramajeSeleccionado.length > 0) {
                                     return true;
+
                                 }
                                 else {
-                                    divGramajeInterior.append(`
+                                    divGramajeInteriorColor.append(`
                                     <div class="fv-plugins-message-container invalid-feedback">
                                         <div data-field="div_impresion_interior" data-validator="callback" style="margin-top: 50px;">
                                             ${window.translations["validation"].gramaje_interior}
@@ -436,6 +568,7 @@ class DisenioInterior {
                             case 'div_impresion_interior_color':
                             case 'div_papel_interior_color':
                             case 'div_gramaje_interior_color':
+                            case 'div_papel_especial_interior':
                                 return '.col-sm-10';
                             default:
                                 return '.col-sm-3';
@@ -452,6 +585,29 @@ class DisenioInterior {
     }
 
 
+    getTipoImpresion() {
+
+        let tipo = 'negro';
+        if (this.colorEstandar.hasClass('selected'))
+            tipo = 'color';
+        else if (this.negroPremium.hasClass('selected'))
+            tipo = 'negrohq';
+        else if (this.colorPremium.hasClass('selected'))
+            tipo = 'colorhq';
+
+        return tipo;
+    }
+
+    getTipoImpresionColor() {
+
+        let tipo = 'colorhq';
+        if (this.colorEstandar_color.hasClass('selected'))
+            tipo = 'color';
+
+        return tipo;
+    }
+
+
     getIsHq() {
 
         try {
@@ -491,15 +647,15 @@ class DisenioInterior {
                 }
                 const impInterior = (color ? "Color " : "Blanco y Negro ") + (HQ ? "Premium" : "Estándar");
                 this.rl_tipo_interior.text(impInterior);
-                this.rl_papel_interior.text(papelInterior + " " + gramajeInterior + "gr");
+                this.rl_papel_interior.text(papelInterior + " " + gramajeInterior + " gr");
             }
             else {
                 this.rl_papel_interior_color.removeClass('d-none');
 
                 const impInterior = ("Negro " + (HQ.negro ? "Premium" : "Estándar") + " / Color " + (HQ.color ? "Premium" : "Estándar"));
                 this.rl_tipo_interior.text(impInterior);
-                this.rl_papel_interior.text(papelInterior.negro + " " + gramajeInterior.negro + "gr");
-                this.rl_papel_interior_color.text(papelInterior.color + " " + gramajeInterior.color + "gr");
+                this.rl_papel_interior.text(papelInterior.negro + " " + gramajeInterior.negro + " gr");
+                this.rl_papel_interior_color.text(papelInterior.color + " " + gramajeInterior.color + " gr");
 
             }
         }
@@ -514,34 +670,77 @@ class DisenioInterior {
     getPapel(forResumen = false) {
 
         try {
-            if (this.papelInterior.filter('.selected').length > 0) {
+            let checkedPapel = $('.custom-selector-papel input[type="radio"]:checked');
+
+            if (this.papelInterior != null && checkedPapel != null && checkedPapel.length > 0) {
+
+                if (this.divPapelInteriorColor.hasClass('d-none')) {
 
-                if (this.papelInterior_color.filter('.selected').length > 0) {
                     if (forResumen) {
-                        return {
-                            negro: $(this.papelInterior.filter('.selected').find('.form-label')).text(),
-                            color: $(this.papelInterior_color.filter('.selected').find('.form-label')).text(),
+
+                        if (checkedPapel.length == 0)
+                            return null;
+                        let radioButtonId = checkedPapel[0].id;
+                        if (radioButtonId == 'papelEspecialInterior')
+                            return capitalizeFirstLetter(this.papelEspecial.getText());
+                        else {
+                            let associatedLabel = $('label[for="' + radioButtonId + '"]');
+                            return capitalizeFirstLetter($(associatedLabel[0]).text().toLocaleLowerCase());
                         }
                     }
                     else {
-                        return {
-                            negro: this.papelInterior.filter('.selected').attr('cod'),
-                            color: this.papelInterior_color.filter('.selected').attr('cod')
+                        if (this.divPapelEspecialInterior.hasClass('d-none'))
+                            return this.papelInterior;
+                        else {
+                            return this.papelEspecial.getVal();
                         }
                     }
 
                 }
-                if (this.interiorColor.filter('.d-none').length > 0) {
+                else {
+                    let checkedPapelColor = $('.custom-selector-papel-color input[type="radio"]:checked');
+
+                    if (checkedPapelColor == null || checkedPapelColor.length == 0 || checkedPapel == null || checkedPapel.length == 0)
+                        return null;
+
+                    let papelNegro = 0;
+                    let papelColor = 0;
+
                     if (forResumen) {
-                        return $(this.papelInterior.filter('.selected').find('.form-label')).text();
+
+                        let radioButtonIdNegro = checkedPapel[0].id;
+                        if (radioButtonIdNegro == 'papelEspecialInterior')
+                            papelNegro = capitalizeFirstLetter(this.papelEspecial.getText());
+                        else {
+                            let associatedLabel = $('label[for="' + radioButtonIdNegro + '"]');
+                            papelNegro = capitalizeFirstLetter($(associatedLabel[0]).text().toLocaleLowerCase());
+                        }
+                        let radioButtonIdColor = checkedPapelColor[0].id;
+                        if (radioButtonIdColor == 'papelEspecialInteriorColor')
+                            papelColor = capitalizeFirstLetter(this.papelEspecialColor.getText());
+                        else {
+                            let associatedLabel = $('label[for="' + radioButtonIdColor + '"]');
+                            papelColor = capitalizeFirstLetter($(associatedLabel[0]).text().toLocaleLowerCase());
+                        }
                     }
                     else {
-                        return this.papelInterior.filter('.selected').attr('cod')
+
+                        if (this.divPapelEspecialInterior.hasClass('d-none'))
+                            papelNegro = this.papelInterior;
+                        else {
+                            papelNegro = this.papelEspecial.getVal();
+                        }
+                        if (this.divPapelEspecialInteriorColor.hasClass('d-none'))
+                            papelColor = this.papelInteriorColor;
+                        else {
+                            papelColor = this.papelEspecialColor.getVal();
+                        }
+                    }
+                    return {
+                        negro: papelNegro,
+                        color: papelColor,
                     }
                 }
-
-                else
-                    return null;
             }
             return null;
         }
@@ -553,10 +752,15 @@ class DisenioInterior {
     getGramaje() {
 
         try {
+            let checkedGramaje = $('.custom-selector-gramaje input[type="radio"]:checked');
+
             if (this.interiorColor.filter('.d-none').length == 0) {
+                let checkedGramajeColor = $('.custom-selector-gramaje-color input[type="radio"]:checked');
+                if (checkedGramaje.length == 0 || checkedGramajeColor.length == 0)
+                    return null
                 let values = {
-                    negro: this.gramaje.filter(':checked').attr('data-value'),
-                    color: this.gramaje_color.filter(':checked').attr('data-value')
+                    negro: checkedGramaje[0].id.split('_')[1],
+                    color: checkedGramajeColor[0].id.split('_')[1]
                 }
                 if (values.negro && values.color) {
                     return values;
@@ -564,7 +768,9 @@ class DisenioInterior {
                 else return null;
             }
             else {
-                return this.gramaje.filter(':checked').attr('data-value');
+                if (checkedGramaje.length == 0)
+                    return null;
+                return checkedGramaje[0].id.split('_')[1];
             }
 
         } catch (e) {
@@ -573,35 +779,31 @@ class DisenioInterior {
     }
 
 
-    #handleClickGramaje(customOption) {
-
-        const el = customOption[0];
-
-        if (el.checked) {
-            // If custom option element is radio, remove checked from the siblings (closest `.row`)
-            if (el.type === 'radio') {
-                const customRadioOptionList = [].slice.call(el.closest('.row').querySelectorAll('.custom-option'))
-                customRadioOptionList.map(function (customRadioOptionEL) {
-                    customRadioOptionEL.closest('.custom-option').classList.remove('checked')
-                })
-            }
-            el.closest('.custom-option').classList.add('checked')
-        } else {
-            el.closest('.custom-option').classList.remove('checked')
-        }
-    }
-
-
     #handleDisenioInterior(event) {
 
-        this.divGramajeInterior.empty();
-
         // Accede al ID del elemento que disparó el evento
         const element = $(event.target);
 
         let class2Find = '.disenio-interior';
-        if (element[0].closest('.image-container').id.includes('Color'))
+        if (element[0].closest('.image-container').id.includes('Color')) {
+            this.divGramajeInteriorColor.empty();
+            this.divPapelEspecialInteriorColor.addClass("d-none");
+            $('#papelEspecialInteriorColor').off("change");
+            this.papelEspecialColor.empty();
+            $('#papelEspecialInteriorColor').on("change", this.#handlePapelInteriorEspecialColor.bind(this));
+            this.papelInteriorColor = null;
+            this.gramajeColor = null;
             class2Find = '.disenio-interior-color';
+        }
+        else {
+            this.divGramajeInterior.empty();
+            this.divPapelEspecialInterior.addClass("d-none");
+            $('#papelEspecialInterior').off("change");
+            this.papelEspecial.empty();
+            $('#papelEspecialInterior').on("change", this.#handlePapelInteriorEspecial.bind(this));
+            this.papelInterior = null;
+            this.gramaje = null;
+        }
 
         let containers = element.closest(class2Find).parent().find(class2Find);
         for (let container of containers) {
@@ -617,7 +819,10 @@ class DisenioInterior {
         // Para recalcular el presupuesto
         element.trigger('change');
 
-        this.updatePapeles();
+        if (class2Find == '.disenio-interior-color')
+            this.updatePapeles('color');
+        else
+            this.updatePapeles();
     }
 
 
@@ -627,20 +832,31 @@ class DisenioInterior {
 
         // Accede al ID del elemento que disparó el evento
         const element = $(event.target);
-        const papel = element[0].id;
+        const papel = element[0].id.split('_')[1];
+        this.papelInterior = papel;
+        if (!this.cargando)
+            this.gramaje = null;
+        else {
+            this.cargando = false;
+        }
 
-        let tipo = 'negro';
-        if (this.colorEstandar.hasClass('selected'))
-            tipo = 'color';
-        else if (this.negroPremium.hasClass('selected'))
-            tipo = 'negrohq';
-        else if (this.colorPremium.hasClass('selected'))
-            tipo = 'colorhq';
+        $('#' + papel).prop('checked', true);
 
-        if(papel == 'papelEspecialInterior'){
+        let tipo = this.getTipoImpresion();
+
+        if (element[0].id == 'papelEspecialInterior') {
+
+            this.gramaje = null;
+            this.divGramajeInterior.empty();
+            this.divPapelEspecialInterior.removeClass("d-none");
+            this.papelEspecialInterior.empty();
 
         }
-        else{
+        else {
+
+            this.divPapelEspecialInterior.addClass("d-none");
+            this.papelEspecialInterior.empty();
+            this.divGramajeInterior.empty();
             new Ajax('/papelesgenericos/getpapelcliente',
                 {
                     [this.csrf_token]: this.csrf_hash,
@@ -653,56 +869,118 @@ class DisenioInterior {
                 (response) => { console.log(response); }
             ).get();
         }
-        
-    
-
-        /*
-        let class2Find = '.papel-interior';
-        if (element[0].closest('.image-container').id.includes('Color'))
-            class2Find = '.papel-interior-color';
-
-        let containers = element.closest(class2Find).parent().find(class2Find);
-        for (let container of containers) {
-            if (container != element.closest(class2Find)[0]) {
-                $(container).removeClass('selected');
-                $(container).find('.image-presupuesto').removeClass('selected');
-            }
-        }
-
-        element.closest(class2Find).toggleClass('selected');
-        element.closest('.image-presupuesto').toggleClass('selected');
-
-        if ($('#fresado').hasClass('selected')) {
-            if (this.estucadoMate.hasClass('selected') || this.estucadoMate_color.hasClass('selected')) {
-                $('#tapaDuraLomoRedondo').addClass('d-none');
-            }
-            else {
-                $('#tapaDuraLomoRedondo').removeClass('d-none');
-            }
-        }
-
-        // Para recalcular el presupuesto
-        element.trigger('change');*/
     }
 
+    #handlePapelInteriorEspecial() {
+
+        const context = this;
+
+        this.papelInterior = this.papelEspecial.getVal();
+
+        let tipo = this.getTipoImpresion();
+
+        new Ajax('/papelesgenericos/getpapelcliente',
+            {
+                [this.csrf_token]: this.csrf_hash,
+                papel: this.papelInterior,
+                tipo: tipo,
+                cubierta: 0,
+            },
+            {},
+            this.fillGramajes.bind(context),
+            (response) => { console.log(response); }
+        ).get();
+
+    }
+
+    #handlePapelInteriorColor(event) {
+
+        const context = this;
+
+        // Accede al ID del elemento que disparó el evento
+        const element = $(event.target);
+        const papel = element[0].id.split('_')[1];
+        this.papelInteriorColor = papel;
+        if (!this.cargando)
+            this.gramajeColor = null;
+        else {
+            this.cargandoColor = false;
+        }
+
+        $('#' + papel).prop('checked', true);
+
+        let tipo = this.getTipoImpresionColor();
+
+        if (element[0].id == 'papelEspecialInteriorColor') {
+
+            this.gramajeColor = null;
+            this.divGramajeInteriorColor.empty();
+            this.divPapelEspecialInteriorColor.removeClass("d-none");
+            this.divPapelEspecialInteriorColor.empty();
+
+        }
+        else {
+
+            this.divPapelEspecialInteriorColor.addClass("d-none");
+            this.divPapelEspecialInteriorColor.empty();
+            this.divGramajeInteriorColor.empty();
+            new Ajax('/papelesgenericos/getpapelcliente',
+                {
+                    [this.csrf_token]: this.csrf_hash,
+                    papel: papel,
+                    tipo: tipo,
+                    cubierta: 0,
+                },
+                {},
+                this.fillGramajesColor.bind(context),
+                (response) => { console.log(response); }
+            ).get();
+        }
+    }
+
+
+    #handlePapelInteriorEspecialColor() {
+
+        const context = this;
+
+        this.papelInteriorColor = this.papelEspecialColor.getVal();
+
+        let tipo = this.getTipoImpresionColor();
+
+        new Ajax('/papelesgenericos/getpapelcliente',
+            {
+                [this.csrf_token]: this.csrf_hash,
+                papel: this.papelInterior,
+                tipo: tipo,
+                cubierta: 0,
+            },
+            {},
+            this.fillGramajesColor.bind(context),
+            (response) => { console.log(response); }
+        ).get();
+
+    }
+
+
     fillGramajes(response) {
-        
+
 
         this.divGramajeInterior.empty()
         let showGramaje = false;
 
-        if(response.papeles.length <= 0){
+        if (response.papeles.length <= 0) {
             return;
         }
 
         response.papeles.forEach(valor => {
+
             var container = $('<div>', {
                 class: 'custom-selector custom-selector-gramaje d-flex flex-column align-items-center justify-content-center gramaje-interior',
             });
 
             var radioButton = $('<input>', {
                 type: 'radio',          // Tipo de input
-                name: 'calcular-presupuesto',
+                name: 'calcular-presupuesto gramaje-interior',
                 id: 'gramaje_' + valor.gramaje,           // ID único
                 value: 'option1'        // Valor del radio button
             });
@@ -713,10 +991,24 @@ class DisenioInterior {
                 text: valor.gramaje + " gr"
             });
 
-            
+            radioButton.on('click', (event) => {
+                const element = $(event.target);
+                const gramaje = element[0].id;
+
+                this.presupuestoCliente.checkForm(event);
+            });
+
+
             container.append(radioButton).append(label);
             $('#divGramajeInterior').append(container);
 
+            if (this.gramaje != null) {
+                if (this.gramaje == valor.gramaje) {
+                    radioButton.prop('checked', true);
+                    radioButton.trigger('click');
+                }
+            }
+
             showGramaje = true;
         });
 
@@ -728,235 +1020,55 @@ class DisenioInterior {
         }
     }
 
-    #handleUpdateGramaje() {
-
-        let showGramaje = false;
-/*
-        $(".check-interior-gramaje ").prop("checked", false);
-        $(".check-interior-color-gramaje ").prop("checked", false);
-
-        if (this.negroEstandar.hasClass("selected") || this.colorEstandar.hasClass("selected")) {
-
-            if (this.offsetBlanco.hasClass("selected")) {
-                this.gramaje70.addClass("d-none");
-                this.gramaje80.removeClass("d-none");
-                this.gramaje90.removeClass("d-none");
-                this.gramaje100.addClass("d-none");
-                this.gramaje115.addClass("d-none");
-                this.gramaje120.removeClass("d-none");
-                this.gramaje135.addClass("d-none");
-                this.gramaje150.addClass("d-none");
-                this.gramaje170.addClass("d-none");
-                showGramaje = true;
-            }
-            else if (this.offsetAhuesado.hasClass("selected")) {
-                this.gramaje70.addClass("d-none");
-                this.gramaje80.removeClass("d-none");
-                this.gramaje90.removeClass("d-none");
-                this.gramaje100.addClass("d-none");
-                this.gramaje115.addClass("d-none");
-                this.gramaje120.addClass("d-none");
-                this.gramaje135.addClass("d-none");
-                this.gramaje150.addClass("d-none");
-                this.gramaje170.addClass("d-none");
-                showGramaje = true;
-            }
-            else if (this.offsetAhuesadoVolumen.hasClass("selected")) {
-                this.gramaje70.removeClass("d-none");
-                this.gramaje80.addClass("d-none");
-                this.gramaje90.addClass("d-none");
-                this.gramaje100.addClass("d-none");
-                this.gramaje115.addClass("d-none");
-                this.gramaje120.addClass("d-none");
-                this.gramaje135.addClass("d-none");
-                this.gramaje150.addClass("d-none");
-                this.gramaje170.addClass("d-none");
-                showGramaje = true;
-            }
-            else if (this.estucadoMate.hasClass("selected")) {
-                this.gramaje70.addClass("d-none");
-                this.gramaje80.addClass("d-none");
-                this.gramaje90.removeClass("d-none");
-                this.gramaje100.addClass("d-none");
-                this.gramaje115.addClass("d-none");
-                this.gramaje120.removeClass("d-none");
-                this.gramaje135.addClass("d-none");
-                this.gramaje150.addClass("d-none");
-                this.gramaje170.addClass("d-none");
-                showGramaje = true;
-            }
-        }
-
-        else if (this.negroPremium.hasClass("selected") || this.colorPremium.hasClass("selected")) {
-
-            if (this.offsetBlanco.hasClass("selected")) {
-                this.gramaje70.addClass("d-none");
-                this.gramaje80.removeClass("d-none");
-                this.gramaje90.removeClass("d-none");
-                this.gramaje100.removeClass("d-none");
-                this.gramaje115.addClass("d-none");
-                this.gramaje120.addClass("d-none");
-                this.gramaje135.addClass("d-none");
-                this.gramaje150.removeClass("d-none");
-                this.gramaje170.removeClass("d-none");
-                showGramaje = true;
-            }
-            else if (this.offsetAhuesado.hasClass("selected")) {
-                this.gramaje70.addClass("d-none");
-                this.gramaje80.removeClass("d-none");
-                this.gramaje90.removeClass("d-none");
-                this.gramaje100.removeClass("d-none");
-                this.gramaje115.addClass("d-none");
-                this.gramaje120.addClass("d-none");
-                this.gramaje135.addClass("d-none");
-                this.gramaje150.addClass("d-none");
-                this.gramaje170.addClass("d-none");
-                showGramaje = true;
-            }
-            else if (this.offsetAhuesadoVolumen.hasClass("selected")) {
-                this.gramaje70.addClass("d-none");
-                this.gramaje80.addClass("d-none");
-                this.gramaje90.addClass("d-none");
-                this.gramaje100.addClass("d-none");
-                this.gramaje115.addClass("d-none");
-                this.gramaje120.addClass("d-none");
-                this.gramaje135.addClass("d-none");
-                this.gramaje150.addClass("d-none");
-                this.gramaje170.addClass("d-none");
-                showGramaje = true;
-            }
-            else if (this.estucadoMate.hasClass("selected")) {
-                this.gramaje70.addClass("d-none");
-                this.gramaje80.addClass("d-none");
-                this.gramaje90.removeClass("d-none");
-                this.gramaje100.addClass("d-none");
-                this.gramaje115.removeClass("d-none");
-                this.gramaje120.addClass("d-none");
-                this.gramaje135.removeClass("d-none");
-                this.gramaje150.removeClass("d-none");
-                this.gramaje170.removeClass("d-none");
-                showGramaje = true;
-            }
-        }
-
-        if ($("#divGramajeInterior").hasClass("d-none") && showGramaje) {
-            $("#divGramajeInterior").removeClass("d-none");
-        }
-        else if (!showGramaje) {
-            $("#divGramajeInterior").addClass("d-none");
-        }*/
-    }
+    fillGramajesColor(response) {
 
 
-    #handleUpdateGramajeColor() {
-
+        this.divGramajeInteriorColor.empty()
         let showGramaje = false;
 
-        $(".check-interior-color-gramaje ").prop("checked", false);
-
-        if (this.colorEstandar_color.hasClass("selected")) {
-
-            if (this.offsetBlanco_color.hasClass("selected")) {
-                this.gramaje70_color.addClass("d-none");
-                this.gramaje80_color.removeClass("d-none");
-                this.gramaje90_color.removeClass("d-none");
-                this.gramaje100_color.addClass("d-none");
-                this.gramaje115_color.addClass("d-none");
-                this.gramaje120_color.removeClass("d-none");
-                this.gramaje135_color.addClass("d-none");
-                this.gramaje150_color.addClass("d-none");
-                this.gramaje170_color.addClass("d-none");
-                showGramaje = true;
-            }
-            else if (this.offsetAhuesado_color.hasClass("selected")) {
-                this.gramaje70_color.addClass("d-none");
-                this.gramaje80_color.removeClass("d-none");
-                this.gramaje90_color.removeClass("d-none");
-                this.gramaje100_color.addClass("d-none");
-                this.gramaje115_color.addClass("d-none");
-                this.gramaje120_color.addClass("d-none");
-                this.gramaje135_color.addClass("d-none");
-                this.gramaje150_color.addClass("d-none");
-                this.gramaje170_color.addClass("d-none");
-                showGramaje = true;
-            }
-            else if (this.offsetAhuesadoVolumen_color.hasClass("selected")) {
-                this.gramaje70_color.removeClass("d-none");
-                this.gramaje80_color.addClass("d-none");
-                this.gramaje90_color.addClass("d-none");
-                this.gramaje100_color.addClass("d-none");
-                this.gramaje115_color.addClass("d-none");
-                this.gramaje120_color.addClass("d-none");
-                this.gramaje135_color.addClass("d-none");
-                this.gramaje150_color.addClass("d-none");
-                this.gramaje170_color.addClass("d-none");
-                showGramaje = true;
-            }
-            else if (this.estucadoMate_color.hasClass("selected")) {
-                this.gramaje70_color.addClass("d-none");
-                this.gramaje80_color.addClass("d-none");
-                this.gramaje90_color.removeClass("d-none");
-                this.gramaje100_color.addClass("d-none");
-                this.gramaje115_color.addClass("d-none");
-                this.gramaje120_color.removeClass("d-none");
-                this.gramaje135_color.addClass("d-none");
-                this.gramaje150_color.addClass("d-none");
-                this.gramaje170_color.addClass("d-none");
-                showGramaje = true;
-            }
+        if (response.papeles.length <= 0) {
+            return;
         }
 
-        else if (this.colorPremium_color.hasClass("selected")) {
+        response.papeles.forEach(valor => {
 
-            if (this.offsetBlanco_color.hasClass("selected")) {
-                this.gramaje70_color.addClass("d-none");
-                this.gramaje80_color.removeClass("d-none");
-                this.gramaje90_color.removeClass("d-none");
-                this.gramaje100_color.removeClass("d-none");
-                this.gramaje115_color.addClass("d-none");
-                this.gramaje120_color.addClass("d-none");
-                this.gramaje135_color.addClass("d-none");
-                this.gramaje150_color.removeClass("d-none");
-                this.gramaje170_color.removeClass("d-none");
-                showGramaje = true;
+            var container = $('<div>', {
+                class: 'custom-selector custom-selector-gramaje-color d-flex flex-column align-items-center justify-content-center gramaje-interior',
+            });
+
+            var radioButton = $('<input>', {
+                type: 'radio',          // Tipo de input
+                name: 'calcular-presupuesto gramaje-interior-color',
+                id: 'gramajeColor_' + valor.gramaje,           // ID único
+                value: 'option1'        // Valor del radio button
+            });
+
+            // Crear una etiqueta para el radio button
+            var label = $('<label>', {
+                for: "gramajeColor_" + valor.gramaje,
+                text: valor.gramaje + " gr"
+            });
+
+            radioButton.on('click', (event) => {
+                const element = $(event.target);
+                const gramaje = element[0].id;
+
+                this.presupuestoCliente.checkForm(event);
+            });
+
+
+            container.append(radioButton).append(label);
+            $('#divGramajeInteriorColor').append(container);
+
+            if (this.gramaje != null) {
+                if (this.gramaje == valor.gramaje) {
+                    radioButton.prop('checked', true);
+                    radioButton.trigger('click');
+                }
             }
-            else if (this.offsetAhuesado_color.hasClass("selected")) {
-                this.gramaje70_color.addClass("d-none");
-                this.gramaje80_color.removeClass("d-none");
-                this.gramaje90_color.removeClass("d-none");
-                this.gramaje100_color.removeClass("d-none");
-                this.gramaje115_color.addClass("d-none");
-                this.gramaje120_color.addClass("d-none");
-                this.gramaje135_color.addClass("d-none");
-                this.gramaje150_color.addClass("d-none");
-                this.gramaje170_color.addClass("d-none");
-                showGramaje = true;
-            }
-            else if (this.offsetAhuesadoVolumen_color.hasClass("selected")) {
-                this.gramaje70_color.addClass("d-none");
-                this.gramaje80_color.addClass("d-none");
-                this.gramaje90_color.addClass("d-none");
-                this.gramaje100_color.addClass("d-none");
-                this.gramaje115_color.addClass("d-none");
-                this.gramaje120_color.addClass("d-none");
-                this.gramaje135_color.addClass("d-none");
-                this.gramaje150_color.addClass("d-none");
-                this.gramaje170_color.addClass("d-none");
-                showGramaje = true;
-            }
-            else if (this.estucadoMate_color.hasClass("selected")) {
-                this.gramaje70_color.addClass("d-none");
-                this.gramaje80_color.addClass("d-none");
-                this.gramaje90_color.removeClass("d-none");
-                this.gramaje100_color.addClass("d-none");
-                this.gramaje115_color.removeClass("d-none");
-                this.gramaje120_color.addClass("d-none");
-                this.gramaje135_color.removeClass("d-none");
-                this.gramaje150_color.removeClass("d-none");
-                this.gramaje170_color.removeClass("d-none");
-                showGramaje = true;
-            }
-        }
+
+            showGramaje = true;
+        });
 
         if ($("#divGramajeInteriorColor").hasClass("d-none") && showGramaje) {
             $("#divGramajeInteriorColor").removeClass("d-none");
diff --git a/httpdocs/assets/js/safekat/pages/presupuestoCliente/presupuestoCliente.js b/httpdocs/assets/js/safekat/pages/presupuestoCliente/presupuestoCliente.js
index 89edef0c..e26e6162 100644
--- a/httpdocs/assets/js/safekat/pages/presupuestoCliente/presupuestoCliente.js
+++ b/httpdocs/assets/js/safekat/pages/presupuestoCliente/presupuestoCliente.js
@@ -33,7 +33,7 @@ class PresupuestoCliente {
         this.rl_sobrecubierta = $(".rl-sobrecubierta");
 
         this.datosGenerales = new DatosGenerales($("#datos-generales"), this.clientePresupuestoWizard, this.validationStepper);
-        this.disenioInterior = new DisenioInterior($("#interior-libro"), this.clientePresupuestoWizard, this.validationStepper);
+        this.disenioInterior = new DisenioInterior($("#interior-libro"), this.clientePresupuestoWizard, this.validationStepper, this);
         this.disenioCubierta = new DisenioCubierta($("#cubierta-libro"), this.clientePresupuestoWizard, this.validationStepper);
         this.direcciones = new Direcciones($("#direcciones-libro"), this.clientePresupuestoWizard, this.validationStepper);
         this.resumen = new Resumen($("#resumen-libro"), this.datosGenerales, this.disenioInterior, this.disenioCubierta, this.direcciones);
@@ -108,6 +108,7 @@ class PresupuestoCliente {
             this.calcularPresupuesto = true;
         }
 
+
         $(".calcular-presupuesto").on('change', this.checkForm.bind(this));
     }
 
@@ -701,9 +702,11 @@ class PresupuestoCliente {
                     this.datosGenerales.cargarDatos(response.data.datosGenerales);
                     this.direcciones.handleChangeCliente();
 
+                    this.direcciones.cargarDatos(response.data.direcciones, response.data.datosGenerales);
+
                     this.disenioInterior.cargarDatos(response.data.interior, response.data.datosGenerales.papelInteriorDiferente);
                     this.disenioCubierta.cargarDatos(response.data.cubierta, response.data.guardas, response.data.sobrecubierta);
-                    this.direcciones.cargarDatos(response.data.direcciones, response.data.datosGenerales);
+                    
 
                     setTimeout(() => {
 
diff --git a/httpdocs/assets/js/safekat/pages/presupuestoCliente/resumen.js b/httpdocs/assets/js/safekat/pages/presupuestoCliente/resumen.js
index 0a357044..7695586a 100644
--- a/httpdocs/assets/js/safekat/pages/presupuestoCliente/resumen.js
+++ b/httpdocs/assets/js/safekat/pages/presupuestoCliente/resumen.js
@@ -1,4 +1,5 @@
 import previewFormas from "../preview.js";
+import { capitalizeFirstLetter } from "../../common/common.js";
 
 class Resumen {
     constructor(domItem, datosGenerales, disenioInterior, disenioCubierta) {
@@ -201,7 +202,7 @@ class Resumen {
     generate() {
 
         this.titulo.text(this.datosGenerales.titulo.val());
-        this.tipoLibro.text(this.capitalizeFirstLetter(this.datosGenerales.tiposLibro.filter('.selected').attr('id')));
+        this.tipoLibro.text(capitalizeFirstLetter(this.datosGenerales.tiposLibro.filter('.selected').attr('id')));
 
         let ancho = 0, alto = 0;
         if (this.datosGenerales.checkFormatoPersonalizado.is(':checked')) {
@@ -346,11 +347,6 @@ class Resumen {
     }
 
 
-    capitalizeFirstLetter(string) {
-        return string.charAt(0).toUpperCase() + string.slice(1);
-    }
-
-
     #changeDecimalFormat(number) {
 
         let cleanedNumber = String(number).replace(/[^\d.]/g, '');
diff --git a/httpdocs/themes/vuexy/css/presupuestoCliente.css b/httpdocs/themes/vuexy/css/presupuestoCliente.css
index bdf0fa01..7b2186ac 100644
--- a/httpdocs/themes/vuexy/css/presupuestoCliente.css
+++ b/httpdocs/themes/vuexy/css/presupuestoCliente.css
@@ -502,7 +502,7 @@
 }
 
 /* Asegurar el tamaño uniforme del contenedor */
-.custom-selector-gramaje {
+.custom-selector-gramaje, .custom-selector-gramaje-color {
     width: 100px !important; /* Fija el ancho */
 }