diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.html b/src/app/components/busqueda-productos/busqueda-productos.component.html
index 5b3992b..92d18b4 100644
--- a/src/app/components/busqueda-productos/busqueda-productos.component.html
+++ b/src/app/components/busqueda-productos/busqueda-productos.component.html
@@ -61,7 +61,7 @@
             <div
               class="card-effect bg-white rounded-sm shadow border-0"
               (click)="mostrarBotonCargar(producto)">
-              <img src="{{apiUrl}}/imagenes/testImg.jpg" class="rounded-sm w-100 m-auto">
+              <img src="{{apiUrl}}/imagenes/{{producto.imagenes[0].imagen}}" 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">
diff --git a/src/app/components/inicio/inicio.component.html b/src/app/components/inicio/inicio.component.html
index 5d56d3d..762d522 100644
--- a/src/app/components/inicio/inicio.component.html
+++ b/src/app/components/inicio/inicio.component.html
@@ -112,7 +112,7 @@
                 <div class="fade-in m-0" *ngIf="productoAcargar && !promoAcargar">
                   <img
                     class="card-img-top d-block w-75 mx-auto rounded-sm"
-                    src="{{apiUrl}}/imagenes/testImg.jpg">
+                    src="{{apiUrl}}/imagenes/{{productoAcargar.imagenes[0].imagen}}">
   
                   <div class="row justify-content-between m-3">
                     <div class="col-12 text-left px-1">
@@ -128,7 +128,7 @@
                 <div class="fade-in m-0" *ngIf="promoAcargar">
                   <img
                     class="card-img-top d-block w-100 mx-auto rounded-sm"
-                    src="{{apiUrl}}/imagenes/testImg.jpg">
+                    src="{{apiUrl}}/imagenes/{{promoAcargar.imagenes[0].imagen}}">
   
                   <div class="row justify-content-between m-3">
                     <div class="col-12 text-left px-1">
diff --git a/src/app/components/sidebar/sidebar.component.html b/src/app/components/sidebar/sidebar.component.html
index e42dd62..4889acf 100644
--- a/src/app/components/sidebar/sidebar.component.html
+++ b/src/app/components/sidebar/sidebar.component.html
@@ -8,7 +8,7 @@
   <div class="overflow-auto overflow-scroll mb-2 w-100">
     <!-- PRODUCTOS CARRITO -->
     <div
-      class="fade-left my-2 bg-white border-0 rounded-sm"
+      class="slide-in-bl my-2 bg-white border-0 rounded-sm"
       *ngFor="let producto of productosCarrito.slice().reverse(); let i = index">
       <img class="w-100 m-auto rounded-sm shadow" src="{{apiUrl}}/imagenes/{{producto.imagenes[0].imagen}}">
       <div class="row m-0 p-0 px-1 py-1 shadow rounded-sm">
diff --git a/src/app/components/sidebar/sidebar.component.ts b/src/app/components/sidebar/sidebar.component.ts
index 21cb27e..1e5ef01 100644
--- a/src/app/components/sidebar/sidebar.component.ts
+++ b/src/app/components/sidebar/sidebar.component.ts
@@ -87,7 +87,7 @@ export class SidebarComponent implements OnInit {
         this.cont -= this.productosCarrito[i].cantidad;
         //Elimina del total el PreVen de todo el item
         this.total = this.total - (this.productosCarrito[i].PreVen * this.productosCarrito[i].cantidad);
-        this.productosCarrito.splice(i, 1);
+        this.productosCarrito.reverse().splice(i, 1);
         return;
       }
     }
diff --git a/src/assets/scss/animation.scss b/src/assets/scss/animation.scss
index 4b953aa..79f75bf 100644
--- a/src/assets/scss/animation.scss
+++ b/src/assets/scss/animation.scss
@@ -144,3 +144,34 @@
     transform-origin: 100% 0%;
   }
 }
+
+.slide-in-bl {
+  -webkit-animation: slide-in-bl 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+  animation: slide-in-bl 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+}
+
+@-webkit-keyframes slide-in-bl {
+  0% {
+    -webkit-transform: translateY(1000px) translateX(-1000px);
+    transform: translateY(1000px) translateX(-1000px);
+    opacity: 0;
+  }
+  100% {
+    -webkit-transform: translateY(0) translateX(0);
+    transform: translateY(0) translateX(0);
+    opacity: 1;
+  }
+}
+
+@keyframes slide-in-bl {
+  0% {
+    -webkit-transform: translateY(1000px) translateX(-1000px);
+    transform: translateY(1000px) translateX(-1000px);
+    opacity: 0;
+  }
+  100% {
+    -webkit-transform: translateY(0) translateX(0);
+    transform: translateY(0) translateX(0);
+    opacity: 1;
+  }
+}