diff --git a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
index d7d1c3e..84d9e49 100644
--- a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
+++ b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
@@ -50,7 +50,7 @@
                       <div *ngIf="producto.tieneSinonimos">
                         <p *ngFor="let p of producto.productos" class="h6 text-left m-0">
                           <small>
-                            - {{p.cantidad * producto.cantidad}} {{p.DET_LAR}}
+                            - {{producto.cantidad}} {{p.DET_LAR}}
                           </small>
                         </p>
                       </div>
diff --git a/src/app/components/inicio/inicio.component.ts b/src/app/components/inicio/inicio.component.ts
index c0f0b7e..f60755b 100644
--- a/src/app/components/inicio/inicio.component.ts
+++ b/src/app/components/inicio/inicio.component.ts
@@ -33,7 +33,6 @@ export class InicioComponent implements OnInit, AfterViewInit {
     } else {
       this.busqueda += e.key;
     }
-
   };
 
   constructor(
@@ -90,11 +89,15 @@ export class InicioComponent implements OnInit, AfterViewInit {
       }, error => { console.error(error); })
   }
 
-  confirmarProducto() {
+  confirmarProducto(cantidad?: number) {
 
     let producto = this.promoAcargar ? this.promoAcargar : this.productoAcargar;
 
-    producto.cantidad = producto.cantidad ? producto.cantidad : 1;
+    if (cantidad) {
+      producto.cantidad = cantidad;
+    } else {
+      producto.cantidad = producto.cantidad ? producto.cantidad : 1;
+    }
 
     this.productoService.setProductos(producto);
     this.productoService.productoAcargar = this.promoAcargar = this.productoAcargar = undefined;
@@ -147,9 +150,9 @@ export class InicioComponent implements OnInit, AfterViewInit {
       })
   }
 
-  productosPersonalizados($event: Producto[]) {
+  productosPersonalizados($event: any) {
 
-    let productosPersonalizados = $event;
+    let productosPersonalizados = $event.productosAenviar;
 
     productosPersonalizados.forEach(productoElegido => {
 
@@ -159,8 +162,7 @@ export class InicioComponent implements OnInit, AfterViewInit {
     });
 
     this.promoAcargar.productos = this.promoAcargar.productos.concat(productosPersonalizados);
-
-    this.confirmarProducto();
+    this.confirmarProducto($event.cantidadPromo);
   }
 
   buscarByCodigoBarras(busqueda) {
diff --git a/src/app/components/popover-promos/popover-promos.component.ts b/src/app/components/popover-promos/popover-promos.component.ts
index 52fe0d1..96cd209 100644
--- a/src/app/components/popover-promos/popover-promos.component.ts
+++ b/src/app/components/popover-promos/popover-promos.component.ts
@@ -14,9 +14,9 @@ export class PopoverPromosComponent implements OnInit {
   @Output() promoSeleccionada = new EventEmitter<Producto>();
 
   constructor() { }
-
-  ngOnInit() {
-  }
+  
+    ngOnInit() {
+    }
 
   hide() {
     this.popover.hide();
diff --git a/src/app/components/popover-sinonimos/popover-sinonimos.component.html b/src/app/components/popover-sinonimos/popover-sinonimos.component.html
index 0b0f196..b16ea35 100644
--- a/src/app/components/popover-sinonimos/popover-sinonimos.component.html
+++ b/src/app/components/popover-sinonimos/popover-sinonimos.component.html
@@ -13,6 +13,32 @@
       <div class="row mb-2" *ngFor="let sinonimo of popoverContent; let i = index">
         <div class="col p-0">
 
+          <div class="row py-2 mb-3">
+            <div class="col-12">
+              <div class="btn-group float-right my-auto" role="group">
+                <button
+                  type="button"
+                  class="btn btn-light my-auto border shadow"
+                  (click)="sumarCantidadPromo()">
+                  <i class="fa fa-plus" aria-hidden="true"></i>
+                </button>
+                <div class="bg-white border border-white px-3 py-1 my-auto text-dark h5">
+                  <small
+                    class="font-weight-bold">
+                    {{cantidadPromo}}
+                  </small>
+                </div>
+                <button
+                  type="button"
+                  class="btn btn-light my-auto border shadow"
+                  (click)="restarCantidadPromo()"
+                  [disabled]="cantidadRestanteSinonimos < cantidadOriginal || cantidadPromo === 1">
+                  <i class="fa fa-minus" aria-hidden="true"></i>
+                </button>
+              </div>
+            </div>
+          </div>
+
           <div class="row bg-white text-dark m-0 py-1 shadow">
             <div class="col text-left">
               <p class="h5 m-0 card-title">
@@ -36,6 +62,7 @@
                     {{producto.DetArt}}
                   </p>
                 </div>
+                <!-- SUMA -RESTA CANTIDAD DE PRODUCTOS -->
                 <div class="col-5 pr-0">
                   <div class="btn-group float-right my-auto" role="group">
                     <button
diff --git a/src/app/components/popover-sinonimos/popover-sinonimos.component.ts b/src/app/components/popover-sinonimos/popover-sinonimos.component.ts
index 8178ba8..98a4881 100644
--- a/src/app/components/popover-sinonimos/popover-sinonimos.component.ts
+++ b/src/app/components/popover-sinonimos/popover-sinonimos.component.ts
@@ -14,10 +14,12 @@ export class PopoverSinonimosComponent implements OnInit {
   //Directiva del popover, para poder cerrarlo desde este componente
   @Input() popover: PopoverDirective;
   @Input() popoverContent: Sinonimo[];
-  @Output() productosPersonalizados = new EventEmitter<Producto[]>();
-  // sinonimo: Sinonimo;
-
+  @Output() productosPersonalizados = new EventEmitter<any>();  
+  private cantMin: number = 1;
+  private cantMax: number = 50;
   private cantidadRestanteSinonimos: number = 0;
+  private cantidadOriginal: number = 0;
+  private cantidadPromo: number = 1;
 
   constructor(private productoService: ProductoService) { }
 
@@ -30,8 +32,10 @@ export class PopoverSinonimosComponent implements OnInit {
         if (this.productoService.esPromoPersonalizada) {
           producto.cantidad = producto.cantidad ? producto.cantidad : 0;
           this.cantidadRestanteSinonimos = 0;
+          this.cantidadOriginal = 0;
         } else {
           this.cantidadRestanteSinonimos += producto.cantidad ? producto.cantidad : 0;
+          this.cantidadOriginal += producto.cantidad ? producto.cantidad : 0;
           producto.cantidad = 0;
         }
 
@@ -43,7 +47,6 @@ export class PopoverSinonimosComponent implements OnInit {
 
     //Si aún quedan articulos que agregar no deja continuar.
     if (this.cantidadRestanteSinonimos > 0) return;
-
     var productosAenviar: Producto[] = [];
 
     this.popoverContent.forEach(sinonimo => {
@@ -52,13 +55,13 @@ export class PopoverSinonimosComponent implements OnInit {
 
         if (producto.cantidad > 0) {
           producto.idSinonimo = sinonimo.ID_SIN;
+          
           productosAenviar.push(producto);
         }
       })
-
     })
 
-    this.productosPersonalizados.emit(productosAenviar);
+    this.productosPersonalizados.emit({productosAenviar: productosAenviar,cantidadPromo: this.cantidadPromo});
     this.popover.hide();
   }
 
@@ -77,4 +80,20 @@ export class PopoverSinonimosComponent implements OnInit {
     this.cantidadRestanteSinonimos++;
   }
 
+  sumarCantidadPromo() {
+
+    if (this.cantidadPromo < this.cantMax) {
+      this.cantidadPromo++;
+      this.cantidadRestanteSinonimos += this.cantidadOriginal;
+    }
+  }
+
+  restarCantidadPromo() {
+
+    if (this.cantidadPromo > this.cantMin) {
+      this.cantidadPromo--;
+      this.cantidadRestanteSinonimos -= this.cantidadOriginal;
+    }
+  }
+
 }
diff --git a/src/app/components/sidebar/sidebar.component.html b/src/app/components/sidebar/sidebar.component.html
index 8d33b71..b29625f 100644
--- a/src/app/components/sidebar/sidebar.component.html
+++ b/src/app/components/sidebar/sidebar.component.html
@@ -28,7 +28,8 @@
                   <button
                     type="button"
                     class="btn btn-light btn-sm border shadow"
-                    (click)="aumentarCantidad(producto)">
+                    (click)="aumentarCantidad(producto)"
+                    [hidden]="producto.PRO">
                     <i class="fa fa-plus" aria-hidden="true"></i>
                   </button>
                   <div class="bg-white border border-white my-auto px-2 text-dark h5 shadow">
@@ -37,7 +38,8 @@
                   <button
                     type="button"
                     class="btn btn-light btn-sm border shadow"
-                    (click)="restarCantidad(producto)">
+                    (click)="restarCantidad(producto)"
+                    [hidden]="producto.PRO">
                     <i class="fa fa-minus" aria-hidden="true"></i>
                   </button>
                 </div>
diff --git a/src/etc/AppSettings..ts b/src/etc/AppSettings..ts
new file mode 100644
index 0000000..dfa72dc
--- /dev/null
+++ b/src/etc/AppSettings..ts
@@ -0,0 +1,5 @@
+export const appSettings = {
+  apiUrl: 'http://localhost:4705/autoservicio',
+  apiImagenes: 'http://localhost:5635',
+  apiClientes: 'http://localhost:1515/clientes'
+};