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 f1d4d1e9..94585b96 100644
--- a/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/viewPresupuestoclienteForm.php
+++ b/ci4/app/Views/themes/vuexy/form/presupuestos/cliente/viewPresupuestoclienteForm.php
@@ -30,7 +30,175 @@
     <!-- Create Deal Wizard -->
     <div id="wizard-presupuesto-cliente" class="bs-stepper vertical mt-2 linear">
 
-      <div class="bs-stepper-header">
+      <div class="d-flex justify-content-start d-md-none mb-2">
+        <button class="btn" type="button" data-bs-toggle="offcanvas" data-bs-target="#menu-offcanvas"
+          aria-controls="menu-offcanvas" aria-label="Abrir menú">
+          <i class="ti ti-menu-2" style="font-size: 1.5rem;"></i> <!-- Icono de hamburguesa -->
+        </button>
+      </div>
+
+      <!-- Menú Offcanvas -->
+      <div id="menu-offcanvas" class="offcanvas offcanvas-start d-md-none" tabindex="-1"
+        aria-labelledby="menuOffcanvasLabel">
+        <div class="offcanvas-header justify-content-end">
+          <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+        </div>
+        <div class="offcanvas-body">
+
+          <div class="bs-stepper-header">
+
+            <div <?= ($state == 2) ? 'hidden' : '' ?> class="step active titulos-menu" data-target="#datos-generales">
+              <button type="button" class="step-trigger" aria-selected="false" disabled="disabled">
+                <span class="bs-stepper-circle"><i class="ti ti-info-circle ti-sm"></i></span>
+                <span class="bs-stepper-label">
+                  <span class="bs-stepper-title">Datos generales</span>
+                </span>
+              </button>
+            </div>
+
+            <div <?= ($state == 2) ? 'hidden' : '' ?> class="step titulos-menu" data-target="#interior-libro">
+              <button type="button" class="step-trigger" aria-selected="false" disabled="disabled">
+                <span class="bs-stepper-circle"><i class="ti ti-book ti-sm"></i></span>
+                <span class="bs-stepper-label">
+                  <span class="bs-stepper-title">Interior</span>
+                </span>
+              </button>
+            </div>
+
+            <div <?= ($state == 2) ? 'hidden' : '' ?> class="step titulos-menu" data-target="#cubierta-libro">
+              <button type="button" class="step-trigger" aria-selected="false" disabled="disabled">
+                <span class="bs-stepper-circle"><i class="ti ti-books ti-sm"></i></span>
+                <span class="bs-stepper-label">
+                  <span class="bs-stepper-title">Cubierta</span>
+                </span>
+              </button>
+            </div>
+
+            <div <?= ($state == 2) ? 'hidden' : '' ?> class="step titulos-menu" data-target="#direcciones-libro">
+              <button type="button" class="step-trigger" aria-selected="false" disabled="disabled">
+                <span class="bs-stepper-circle"><i class="ti ti-map-pins ti-sm"></i></span>
+                <span class="bs-stepper-label">
+                  <span class="bs-stepper-title">Direcciones</span>
+                </span>
+              </button>
+            </div>
+
+            <div id="menu_resumen_button" class="step titulos-menu" data-target="#resumen-libro">
+              <button type="button" class="step-trigger" aria-selected="false" disabled="disabled">
+                <span class="bs-stepper-circle"><i class="ti ti-checkbox ti-sm"></i></span>
+                <span class="bs-stepper-label">
+                  <span class="bs-stepper-title">Resumen del presupuesto</span>
+                </span>
+              </button>
+            </div>
+
+            <div class="line"></div>
+
+            <div id='resumenLateral' class="container align-items-center">
+
+
+              <div class="rl-datos-generales rl-item d-none">
+                <div class="row">Libro</div>
+                <div class="row">
+                  <ul class="list-group list-group-timeline">
+                    <li id="rl_tipo" class="list-group-item list-group-timeline-primary texto-resumen-lateral">Rustica
+                      Fresado</li>
+                    <li id="rl_tipo_cubierta" class="list-group-item list-group-timeline-primary texto-resumen-lateral">
+                      Tapa
+                      dura</li>
+                    <li id="rl_tamanio" class="list-group-item list-group-timeline-primary texto-resumen-lateral">170.0
+                      x
+                      240.0</li>
+                    <li id="rl_tiradas" class="list-group-item list-group-timeline-primary texto-resumen-lateral">10,
+                      50,
+                      100, 200</li>
+                    <li id="rl_paginas" class="list-group-item list-group-timeline-primary texto-resumen-lateral">340
+                      páginas</li>
+                  </ul>
+                </div>
+              </div>
+
+              <div class="rl-interior  rl-item d-none">
+                <div class="row">Interior</div>
+                <div class="row">
+                  <ul class="list-group list-group-timeline">
+                    <li id="rl_tipo_interior" class="list-group-item list-group-timeline-primary texto-resumen-lateral">
+                      Blanco y
+                      negro estándar</li>
+                    <li id="rl_papel_interior"
+                      class="list-group-item list-group-timeline-primary texto-resumen-lateral">
+                      Offset
+                      blanco 90 gr.</li>
+                    <li id="rl_papel_interior_color"
+                      class="list-group-item list-group-timeline-primary texto-resumen-lateral d-none">Offset
+                      blanco 90 gr.</li>
+                  </ul>
+                </div>
+              </div>
+
+              <div class="rl-cubierta  rl-item d-none">
+                <div class="row">Cubierta</div>
+                <div class="row">
+                  <ul class="list-group list-group-timeline">
+                    <li id="rl_papel_cubierta"
+                      class="list-group-item list-group-timeline-primary texto-resumen-lateral">
+                      Estucado
+                      Mate
+                      300 gr.</li>
+                    <li id="rl_caras_cubierta"
+                      class="list-group-item list-group-timeline-primary texto-resumen-lateral">
+                      Impresa
+                      1
+                      cara</li>
+                    <li id="rl_acabado_cubierta"
+                      class="list-group-item list-group-timeline-primary texto-resumen-lateral">
+                      Plastificado brillo</li>
+                  </ul>
+                </div>
+              </div>
+
+              <div class="rl-sobrecubierta  rl-item d-none">
+                <div class="row">Sobrecubierta</div>
+                <div class="row">
+                  <ul class="list-group list-group-timeline">
+                    <li id="rl_no_sobrecubierta"
+                      class="list-group-item list-group-timeline-primary texto-resumen-lateral">
+                      No</li>
+                    <li id="rl_papel_sobrecubierta"
+                      class="list-group-item list-group-timeline-primary texto-resumen-lateral">Estucado mate 170 gr
+                    </li>
+                    <li id="rl_tamanio_sobrecubierta"
+                      class="list-group-item list-group-timeline-primary texto-resumen-lateral">
+                      60mm</li>
+                    <li id="rl_acabado_sobrecubierta"
+                      class="list-group-item list-group-timeline-primary texto-resumen-lateral">
+                      Plastificado brillo</li>
+                  </ul>
+                </div>
+              </div>
+
+              <div class="rl-servicios-extra  rl-item d-none">
+                <div class="row">Servicios extra</div>
+                <div class="row">
+                  <ul class="list-group list-group-timeline">
+                    <li id="rl_prototipo"
+                      class="list-group-item list-group-timeline-primary texto-resumen-lateral d-none">
+                      Prototipo</li>
+                  </ul>
+                </div>
+              </div>
+
+
+            </div>
+
+            <div id='divTiradasPrecio'></div>
+
+
+          </div> <!--//.bs-stepper-header -->
+        </div>
+      </div>
+
+      <div class="bs-stepper-header d-none d-md-flex">
 
         <div <?= ($state == 2) ? 'hidden' : '' ?> class="step active titulos-menu" data-target="#datos-generales">
           <button type="button" class="step-trigger" aria-selected="false" disabled="disabled">
@@ -88,7 +256,8 @@
               <ul class="list-group list-group-timeline">
                 <li id="rl_tipo" class="list-group-item list-group-timeline-primary texto-resumen-lateral">Rustica
                   Fresado</li>
-                <li id="rl_tipo_cubierta" class="list-group-item list-group-timeline-primary texto-resumen-lateral">Tapa
+                <li id="rl_tipo_cubierta" class="list-group-item list-group-timeline-primary texto-resumen-lateral">
+                  Tapa
                   dura</li>
                 <li id="rl_tamanio" class="list-group-item list-group-timeline-primary texto-resumen-lateral">170.0
                   x
@@ -144,7 +313,8 @@
                 <li id="rl_no_sobrecubierta" class="list-group-item list-group-timeline-primary texto-resumen-lateral">
                   No</li>
                 <li id="rl_papel_sobrecubierta"
-                  class="list-group-item list-group-timeline-primary texto-resumen-lateral">Estucado mate 170 gr</li>
+                  class="list-group-item list-group-timeline-primary texto-resumen-lateral">Estucado mate 170 gr
+                </li>
                 <li id="rl_tamanio_sobrecubierta"
                   class="list-group-item list-group-timeline-primary texto-resumen-lateral">
                   60mm</li>
@@ -170,7 +340,6 @@
 
         <div id='divTiradasPrecio'></div>
 
-
       </div> <!--//.bs-stepper-header -->
 
       <div class="bs-stepper-content" style="position: relative;">