diff --git a/src/app/components/pago/pago.component.html b/src/app/components/pago/pago.component.html
index c4f11c4..fd25909 100644
--- a/src/app/components/pago/pago.component.html
+++ b/src/app/components/pago/pago.component.html
@@ -27,7 +27,9 @@
       <div class="col-sm-7">
         <div class="row ml-4 pr-3 vh-70 overflow-scroll text-dark">
           <div class="col-4 p-2">
-            <div class="bg-white rounded-sm shadow border-0">
+            <div
+              class="bg-white rounded-sm shadow border-0"
+              (click)="pagoEfectivo()">
               <img src="{{apiUrl}}/imagenes/efectivo.png" class="rounded-sm w-75 py-2 mx-auto d-block">
               <div class="p-2 card-text text-center">
                 <p class="h6 text-center m-0">Efectivo</p>
diff --git a/src/app/components/pago/pago.component.ts b/src/app/components/pago/pago.component.ts
index 32afe33..7bf41f0 100644
--- a/src/app/components/pago/pago.component.ts
+++ b/src/app/components/pago/pago.component.ts
@@ -31,6 +31,15 @@ export class PagoComponent implements OnInit {
     this.productos = this.productoService.productos;
   }
 
+  pagoEfectivo() {
+
+    this.compraConEfectivofinalizada = true;
+    setTimeout(() => {
+
+      this.router.navigate(['mensaje-final']);
+    }, 3000);
+  }
+
   pagar() {
 
     this.verQR = true;
@@ -38,7 +47,7 @@ export class PagoComponent implements OnInit {
 
     this.productoService.pagar()
       .subscribe(() => {
-        
+
         // alert('Compra finalizada');
         this.compraConQRfinalizada = true;
         setTimeout(() => {