diff --git a/index.html b/index.html
index 0faec5e..de5a82a 100644
--- a/index.html
+++ b/index.html
@@ -100,6 +100,7 @@
         <script src="./node_modules/foca-seguimiento/dist/foca-seguimiento.min.js"></script>
         <script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script>
         <script src="./node_modules/foca-modal-descarga/dist/foca-modal-descarga.min.js"></script>
+        <script src="./node_modules/foca-modal-forma-pago/dist/foca-modal-forma-pago.min.js"></script>
         <script src="./src/js/app.js"></script>
         <script src="./src/js/controller.js"></script>
         <script src="./src/etc/develop.js"></script>
diff --git a/src/js/app.js b/src/js/app.js
index 622aa37..b2303ba 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -72,5 +72,6 @@ angular.module('appWrapperDemo', [
     'focaParametros',
     'focaSeguimiento',
     'focaTeclado',
-    'focaLogisticaPedidoRuta'
+    'focaLogisticaPedidoRuta',
+    'focaModalFormaPago'
 ]);
diff --git a/src/js/controller.js b/src/js/controller.js
index a040d7b..b81f781 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -4,14 +4,15 @@ angular.module('appWrapperDemo')
         '$rootScope',
         '$timeout',
         '$uibModalStack',
-        function($scope, $rootScope, $timeout, $uibModalStack) {
+        '$uibModal',
+        function ($scope, $rootScope, $timeout, $uibModalStack, $uibModal) {
             $scope.usarTeclado = false;
             $rootScope.$broadcast('usarTeclado', false);
             $scope.mostrarTeclado = false;
             //Envía broadcast para avisar que el teclado está en funcionamiento o no
             //para su uso cambiar ng-click del boton por esta función
-            $scope.cambioUsoTeclado = function() {
-                if($scope.usarTeclado) {
+            $scope.cambioUsoTeclado = function () {
+                if ($scope.usarTeclado) {
                     $scope.usarTeclado = false;
                     $rootScope.$broadcast('usarTeclado', false);
                     return;
@@ -20,27 +21,27 @@ angular.module('appWrapperDemo')
                 $rootScope.$broadcast('usarTeclado', true);
             };
 
-            $rootScope.$on('focus', function() {
-                if(!$scope.usarTeclado) {
+            $rootScope.$on('focus', function () {
+                if (!$scope.usarTeclado) {
                     return;
                 }
                 $scope.mostrarTeclado = true;
                 $timeout.cancel($scope.timeout);
-                if(!$scope.$$phase) {
+                if (!$scope.$$phase) {
                     $scope.$apply();
                 }
             });
-            $rootScope.$on('blur', function() {
-                $scope.timeout = $timeout(function() {
+            $rootScope.$on('blur', function () {
+                $scope.timeout = $timeout(function () {
                     $scope.mostrarTeclado = false;
-                    if(!$scope.$$phase) {
+                    if (!$scope.$$phase) {
                         $scope.$apply();
                     }
                 }, 150);
             });
 
             // Close all modals
-            $rootScope.$on('$locationChangeSuccess', function() {
+            $rootScope.$on('$locationChangeSuccess', function () {
                 $uibModalStack.dismissAll('close');
             });
         }