diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.html b/src/app/components/busqueda-productos/busqueda-productos.component.html
index c1df27b..9f0fd60 100644
--- a/src/app/components/busqueda-productos/busqueda-productos.component.html
+++ b/src/app/components/busqueda-productos/busqueda-productos.component.html
@@ -89,14 +89,14 @@
           </div>
         </div>
         <!-- LISTA DE PRODUCTOS -->
-        <div class="row align-items-start vh-70 overflow-scroll disable-user-select">
+        <div class="row align-items-start vh-60 overflow-scroll disable-user-select">
           <div
             class="col-4 p-2"
             *ngFor="let producto of auxProductos">
             <div
               class="card-effect bg-white rounded-sm shadow border-0"
               (click)="mostrarBotonCargar(producto)">
-              <img src="{{apiUrl}}/imagenes/accesoPLAYA.png" class="w-75 m-auto">
+              <img src="{{apiUrl}}/imagenes/cafe.jpg" class="rounded-sm w-100 m-auto">
               <div class="p-2">
                 <p class="h6 text-left m-0">{{producto.DetArt}}</p>
                 <div class="row justify-content-between m-0">
@@ -112,7 +112,12 @@
                 </div>
                 <div *ngIf="producto.showCargarProducto" class="row mt-2">
                   <div class="col-sm-12">
-                    <div class="btn btn-block btn-outline-primary shadow">Cargar Producto</div>
+                    <button
+                      type="button"
+                      class="btn btn-block btn-outline-primary shadow"
+                      (click)="elegirProducto(producto)">
+                      Cargar Producto
+                    </button>
                   </div>
                 </div>
               </div>
diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.ts b/src/app/components/busqueda-productos/busqueda-productos.component.ts
index a94b2be..63f6fc9 100644
--- a/src/app/components/busqueda-productos/busqueda-productos.component.ts
+++ b/src/app/components/busqueda-productos/busqueda-productos.component.ts
@@ -2,6 +2,7 @@ import { Component, OnInit, APP_BOOTSTRAP_LISTENER } from '@angular/core';
 import { ProductoService } from 'src/app/services/producto.service';
 import { Producto } from 'src/app/wrappers/producto';
 import { appSettings } from 'src/etc/AppSettings';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-busqueda-productos',
@@ -18,7 +19,9 @@ export class BusquedaProductosComponent implements OnInit {
   private apiUrl: string = appSettings.apiUrl;
   private showBtnCargarProducto: boolean = false;
 
-  constructor(private productoService: ProductoService) { }
+  constructor(
+    private productoService: ProductoService,
+    private router: Router) { }
 
   ngOnInit() {
 
@@ -45,7 +48,7 @@ export class BusquedaProductosComponent implements OnInit {
     this.productoService.productos.push(producto);
   }
 
-  mostrarBotonCargar(producto: Producto) {
+  private mostrarBotonCargar(producto: Producto) {
 
     for (let i = 0; i < this.auxProductos.length; i++) {
       if (this.auxProductos[i].id !== producto.id)
@@ -54,6 +57,12 @@ export class BusquedaProductosComponent implements OnInit {
     }
     producto.showCargarProducto = !producto.showCargarProducto
   }
+
+  private elegirProducto(producto: Producto) {
+
+    this.productoService.productoAcargar = producto;
+    this.router.navigate(['inicio']);
+  }
 }
 
 enum Categorias {