diff --git a/src/app/modules/info-formas-pago/info-formas-pago.component.html b/src/app/modules/info-formas-pago/info-formas-pago.component.html
index 0717c44..c10aa6f 100644
--- a/src/app/modules/info-formas-pago/info-formas-pago.component.html
+++ b/src/app/modules/info-formas-pago/info-formas-pago.component.html
@@ -41,8 +41,10 @@
             src="assets/img/ir.svg">
         </div>
       </div>
-      <div class="col-11 col-sm-10 col-md-7 col-lg-4 p-5 m-5 h-auto align-self-center
-                  btn-effect border border-primary rounded reduce-card-2">
+      <div
+        class="col-11 col-sm-10 col-md-7 col-lg-4 p-5 m-5 h-auto align-self-center
+              btn-effect border border-primary rounded reduce-card-2"
+        (click)="openGoCaja(templateGoCaja)">
         <img
           draggable="false"
           ondragstart="return false;"
@@ -55,3 +57,11 @@
     </div>
   </div>
 </div>
+
+<ng-template #templateGoCaja>
+  <div class="bg-primary rounded shadow text-white">
+    <div class="modal-body text-center">
+      Por favor, hace tu pedido en la caja.
+    </div>
+  </div>
+</ng-template>
diff --git a/src/app/modules/info-formas-pago/info-formas-pago.component.ts b/src/app/modules/info-formas-pago/info-formas-pago.component.ts
index d193166..69dc5d4 100644
--- a/src/app/modules/info-formas-pago/info-formas-pago.component.ts
+++ b/src/app/modules/info-formas-pago/info-formas-pago.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, TemplateRef } from '@angular/core';
+import { BsModalService } from 'ngx-bootstrap/modal';
 
 @Component({
   selector: 'app-formas-pago',
@@ -8,15 +9,14 @@ import { Component, OnInit } from '@angular/core';
 export class InfoFormasPagoComponent implements OnInit {
   mediaPantalla = false;
 
-  constructor() { }
+  constructor(
+    private modalService: BsModalService,
+  ) { }
 
   ngOnInit() {
-    this.reducirPantalla();
   }
 
-  reducirPantalla() {
-    if ($('body').hasClass('media-pantalla')) {
-      $('.reduce-card-1,.reduce-card-2').addClass('media-pantalla');
-    }
+  openGoCaja(templateRef: TemplateRef<any>) {
+    this.modalService.show(templateRef, { class: 'modal-promo modal-sm modal-dialog-centered' });
   }
 }