diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
index e5731c0..37a1c07 100644
--- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
@@ -192,15 +192,21 @@
           </div>
         </div>
       </div>
-      <!-- VER CARRITO -->
+      <div class="row">
+      <!-- VER CARRITO Y TOTAL-->
       <div
         class="col-auto p-0 mt-2 ml-auto h-20"
         *ngIf="articuloService.carrito.length">
         <div
           class="btn-effect col-auto align-self-center px-0 bg-white"
           [routerLink]="['/carrito']">
-          <div class="row mx-0 bg-light">
-            <div class="col-auto align-self-center text-primary">VER CARRITO</div>
+          <div class="row justify-content-between mx-0 bg-light">
+            <div class="col-auto align-self-center text-primary">TOTAL</div>
+            <div class="col-auto p-0 bg-primary d-none d-sm-block total-background">
+              <p class="text-center text-white mt-1 py-1">$---</p>
+            </div>
+            <div class="lala"></div>
+            <div class="col-auto align-self-center text-primary ml-2">VER CARRITO</div>
             <div class="col-auto p-0 bg-primary d-none d-sm-block">
               <img
                 draggable="false"
@@ -213,6 +219,8 @@
         </div>
       </div>
 
+
+
     </div>
   </div>
 
diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss b/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss
index 15a4aa9..4a920f8 100644
--- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.scss
@@ -37,4 +37,14 @@ $primary: #aa006b;
 
 .line-height-sm {
   line-height: 1.2;
-}
\ No newline at end of file
+}
+
+.total-background {
+  width: 110px;
+  border-radius: 1.5rem;
+}
+
+.lala {
+  width: 200px;
+  background-color: white;
+}
diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts b/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
index f304b4f..49f9d2a 100644
--- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
@@ -25,6 +25,7 @@ export class SeleccionArticulosComponent implements OnInit {
   ordenandoByVendidos = true;
   allActive = true;
   modalRef: BsModalRef;
+  total: number = 0;
 
   constructor(
     public articuloService: ArticuloService,
@@ -84,6 +85,14 @@ export class SeleccionArticulosComponent implements OnInit {
       });
   }
 
+  getTotal() {
+    var subTotal = 0;
+    this.articulos.forEach(producto => {
+      subTotal = subTotal + (producto.PreVen * producto.cantidad);
+    });
+    return this.total = subTotal;
+  }
+
   setProductos() {
     this.articulos = JSON.parse(localStorage.getItem('articulos'));
     this.filterItems();