diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
index 1359c88..66311d9 100644
--- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
@@ -177,6 +177,10 @@
                 *ngFor="let articulo of articuloService.carrito; let i = index;">
                 <div class="swing-in-top-fwd">
                   <img
+                    class="btn-effect icon-20 position-absolute right-0"
+                    src="assets/img/icono-cancelar-color.svg"
+                    (click)="deleteArticulo(i)">
+                  <img
                     draggable="false"
                     ondragstart="return false;"
                     (contextmenu)="false"
diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts b/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
index 8a4d2b5..39dd8b6 100644
--- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
@@ -154,6 +154,12 @@ export class SeleccionArticulosComponent implements OnInit, OnDestroy {
       });
   }
 
+
+  deleteArticulo(index: number) {
+    this.articuloService.carrito.splice(index, 1);
+    this.articuloService.calcularTotal();
+  }
+
   increaseShow() {
     this.showQuantity += 100;
   }
diff --git a/src/styles.scss b/src/styles.scss
index 410daef..a82c7b6 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -50,6 +50,14 @@ p {
   transform: translateX(-50%);
 }
 
+.right-0 {
+  right: 0;
+}
+
+.left-0 {
+  left: 0;
+}
+
 .rotate-45 {
   transform: rotate(45deg);
 }