diff --git a/ci4/app/Views/themes/vuexy/components/direccion_presupuesto.php b/ci4/app/Views/themes/vuexy/components/direccion_presupuesto.php
new file mode 100644
index 00000000..7742225e
--- /dev/null
+++ b/ci4/app/Views/themes/vuexy/components/direccion_presupuesto.php
@@ -0,0 +1,24 @@
+<div class="row mb-3">
+    <div class="col-sm-5">
+        <label class="form-check-label custom-option-content">
+            <span class="custom-option-header mb-2">
+                <h6 class="fw-semibold mb-0"></h6>
+                <span class="badge bg-label-primary"></span>
+            </span>
+            <span class="custom-option-body">
+                <small class="address-direccion"></small><br>
+                <small class="address-cp"></small><br>
+                <small class="address-municipio-pais"></small><br>
+                <small class="address-telefono"></small><br>
+                <small class="address-email"></small><br>
+
+                <small class="address-palets"><i>Envío en palets</i></small><br>
+
+                <hr class="my-2">
+                <span class="d-flex">
+                    <a class="direccion-eliminar" href="javascript:void(0)">Eliminar</a>
+                </span>
+            </span>
+        </label>
+    </div>
+</div>
\ No newline at end of file
diff --git a/httpdocs/assets/js/safekat/pages/presupuestoCliente/direcciones.js b/httpdocs/assets/js/safekat/pages/presupuestoCliente/direcciones.js
index 7ffb7b50..f785fcb6 100644
--- a/httpdocs/assets/js/safekat/pages/presupuestoCliente/direcciones.js
+++ b/httpdocs/assets/js/safekat/pages/presupuestoCliente/direcciones.js
@@ -19,6 +19,7 @@ class Direcciones {
 
         $("#clienteId").on('change', this.#handleChangeCliente.bind(this));
 
+        this.domItem.load('../../components/direcciones.html');
         this.direcciones.init();
     }