diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.html b/src/app/components/busqueda-productos/busqueda-productos.component.html
index 27e2e2b..6bae20d 100644
--- a/src/app/components/busqueda-productos/busqueda-productos.component.html
+++ b/src/app/components/busqueda-productos/busqueda-productos.component.html
@@ -60,7 +60,9 @@
             <input
               type="text"
               class="form-control form-control-lg shadow-sm rounded-pill px-5"
-              placeholder="Búsqueda productos">
+              placeholder="Búsqueda productos"
+              [(ngModel)]="searchTerm"
+              (ngModelChange)="filterItems()">
           </div>
           <!-- BOTON VOLVER -->
           <div class="col-sm-2">
@@ -75,10 +77,10 @@
         </div>
 
         <!-- LISTA DE PRODUCTOS -->
-        <div class="row pr-3 vh-50 overflow-scroll disable-user-select">
+        <div class="row align-items-start vh-70 overflow-scroll disable-user-select">
           <div
             class="col-4 p-2"
-            *ngFor="let producto of productos">
+            *ngFor="let producto of auxProductos">
             <div class="card card-effect bg-white rounded-sm shadow border-0">
               <img src="../../../assets/img/descarga.jpg" class="card-img-top w-75 m-auto">
               <div class="card-body p-2">
diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.scss b/src/app/components/busqueda-productos/busqueda-productos.component.scss
index 7c5c912..281547f 100644
--- a/src/app/components/busqueda-productos/busqueda-productos.component.scss
+++ b/src/app/components/busqueda-productos/busqueda-productos.component.scss
@@ -8,6 +8,7 @@
   line-height: inherit;
 }
 
-.vh-50 {
-  height: 70vh !important;
+.vh-70 {
+  min-height: auto !important;
+  max-height: 70vh !important;
 }
diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.ts b/src/app/components/busqueda-productos/busqueda-productos.component.ts
index 73dc2a2..c2faf24 100644
--- a/src/app/components/busqueda-productos/busqueda-productos.component.ts
+++ b/src/app/components/busqueda-productos/busqueda-productos.component.ts
@@ -10,6 +10,8 @@ import { Producto } from 'src/app/wrappers/producto';
 export class BusquedaProductosComponent implements OnInit {
 
   productos: Producto[] = [];
+  auxProductos: Producto[] = [];
+  searchTerm: string = '';
 
   constructor(private productoService: ProductoService) { }
 
@@ -18,11 +20,16 @@ export class BusquedaProductosComponent implements OnInit {
     this.productoService.getAll()
       .subscribe((data: Producto[]) => {
 
-        this.productos = data;
+        this.auxProductos = this.productos = data;
       }, (error) => {
         
         console.error(error);
       });
   }
 
+  filterItems() {
+    console.log('');
+    this.auxProductos = this.productos.filter(x => x.DetArt.toLowerCase().includes(this.searchTerm.toLowerCase()));
+  }
+
 }