diff --git a/src/js/controller.js b/src/js/controller.js
index 10397a8..322fe9e 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -546,6 +546,15 @@ angular.module('focaCrearHojaRuta').controller('hojaRutaCtrl',
                 }
             };
 
+            $scope.seleccionarDetalleDeCarga = function () {
+                if ($scope.hojaRuta.vehiculo.capacidad === 0) {
+                    focaModalService.alert('Debe ingresar vehiculo');
+                    return;
+                } else {
+                    $scope.mostrarDetalle($scope.hojaRuta);
+                }
+            };
+
             function getCabeceraPuntoDescarga(puntosDescarga) {
                 var puntosStamp = '';
                 puntosDescarga.forEach(function (punto, idx, arr) {
diff --git a/src/js/service.js b/src/js/service.js
index 653a448..f8eedf0 100644
--- a/src/js/service.js
+++ b/src/js/service.js
@@ -159,6 +159,10 @@ angular.module('focaCrearHojaRuta')
                     {
                         label: 'Cliente',
                         image: 'cliente.png'
+                    },
+                    {
+                        label: 'Detalle de Carga',
+                        image: 'detalleDeCarga.png'
                     }
                 ];
             },
diff --git a/src/views/modal-detalle-carga.html b/src/views/modal-detalle-carga.html
index 3024e5d..22fedda 100644
--- a/src/views/modal-detalle-carga.html
+++ b/src/views/modal-detalle-carga.html
@@ -70,6 +70,6 @@
     </div>
     <div class="modal-footer py-1">
         <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
-        <button class="btn btn-sm btn-secondary" type="button" ng-click="guardar()">Guardar</button>
+        <button class="btn btn-sm btn-primary" type="button" ng-click="guardar()">Guardar</button>
     </div>
 </div>
\ No newline at end of file