diff --git a/src/app/components/inicio/inicio.component.html b/src/app/components/inicio/inicio.component.html
index bfe48e6..81ab4f1 100644
--- a/src/app/components/inicio/inicio.component.html
+++ b/src/app/components/inicio/inicio.component.html
@@ -63,16 +63,17 @@
         <!-- CARGAR PRODUCTOS -->
         <ng-template #popTemplate>
           <app-popover-promos
-            *ngIf="productoAcargar && !productoEsPromo"
+            *ngIf="promociones.length > 0 && sinonimos.length === 0"
             [popover]="popoverDirective"
             [popoverContent]="promociones"
             (promoSeleccionada)="promoSeleccionada($event)"
             class="text-white rounded-sm border-0">
           </app-popover-promos>
           <app-popover-sinonimos
-            *ngIf="promoAcargar && productoEsPromo"
+            *ngIf="sinonimos.length > 0"
             [popover]="popoverDirective"
             [popoverContent]="sinonimos"
+            (sinonimoSeleccionado)="sinonimoSeleccionado($event)"
             class="text-white rounded-sm border-0">
           </app-popover-sinonimos>
         </ng-template>
@@ -106,7 +107,7 @@
                   src="{{apiUrl}}/imagenes/escanner.jpg">
 
                 <!-- PRODUCTO A CARGAR -->
-                <div class="fade-in m-0" *ngIf="productoAcargar && !productoEsPromo">
+                <div class="fade-in m-0" *ngIf="productoAcargar && !promoAcargar">
                   <img
                     class="card-img-top d-block w-100 mx-auto rounded-sm"
                     src="{{apiUrl}}/imagenes/testImg3.jpg">
@@ -122,7 +123,7 @@
                 </div>
 
                 <!-- PROMO A CARGAR -->
-                <div class="fade-in m-0" *ngIf="promoAcargar && productoEsPromo">
+                <div class="fade-in m-0" *ngIf="promoAcargar">
                   <img
                     class="card-img-top d-block w-100 mx-auto rounded-sm"
                     src="{{apiUrl}}/imagenes/testImg3.jpg">
@@ -132,7 +133,7 @@
                       <p class="h6 font-weight-bold mb-0">{{promoAcargar.nombrePromo}}</p>
                     </div>
                     <div class="col-12 text-right mt-2 align-self-end">
-                      <p class="h5 font-weight-bold mb-0">{{productoAcargar.PreVen | currency}}</p>
+                      <p class="h5 font-weight-bold mb-0">{{promoAcargar.precioTotal | currency}}</p>
                     </div>
                   </div>
                 </div>
@@ -141,9 +142,9 @@
               <!-- BOTONES DE CARGAR PRODUCTOS-->
               <div
                 class="col-5 pr-0"
-                *ngIf="productoAcargar && tienePromo">
+                *ngIf="promociones.length > 0">
                   <button
-                    *ngIf="productoEsPromo && promoAcargar.sinonimos"
+                    *ngIf="sinonimos.length > 0"
                     type="button"
                     class="btn btn-light btn-block shadow-sm"
                     (click)="pop.show()">
@@ -151,7 +152,7 @@
                     <i class="fa fa-hand-o-up text-purple" aria-hidden="true"></i>
                   </button>
                   <button
-                    *ngIf="!productoEsPromo"
+                    *ngIf="!promoAcargar"
                     type="button"
                     class="btn btn-primary btn-block shadow-sm"
                     (click)="pop.show()">
diff --git a/src/app/components/inicio/inicio.component.ts b/src/app/components/inicio/inicio.component.ts
index 3e4abfc..0c68d7e 100644
--- a/src/app/components/inicio/inicio.component.ts
+++ b/src/app/components/inicio/inicio.component.ts
@@ -18,8 +18,7 @@ export class InicioComponent implements OnInit {
   @ViewChild('pop', { static: false }) popoverDirective: PopoverDirective;
   private productoAcargar: Producto;
   private promoAcargar: Promocion;
-  private tienePromo = false;
-  private productoEsPromo = false;
+  private sinonimoAcargar: Sinonimo;
 
   promociones: Promocion[] = [];
   sinonimos: Sinonimo[] = [];
@@ -43,12 +42,10 @@ export class InicioComponent implements OnInit {
             setTimeout(() => {
               this.productoService.productos.push(this.productoAcargar);
               this.productoAcargar = undefined;
-              this.tienePromo = false;
             }, 2000)
           } else {
 
             this.promociones = res;
-            this.tienePromo = true;
             this.popoverDirective.show();
           }
         }, error => { console.error(error); })
@@ -66,27 +63,32 @@ export class InicioComponent implements OnInit {
   }
 
   deshacerCarga() {
-    if (this.productoEsPromo) {
+
+    if (this.sinonimoAcargar || this.sinonimos.length > 0) {
+      this.sinonimos = [];
+      this.sinonimoAcargar = undefined;
+      this.popoverDirective.hide();
+    }
+
+    if (this.promoAcargar) {
       this.promoAcargar = undefined;
-      this.productoEsPromo = false;
       this.popoverDirective.show();
     } else {
       this.productoAcargar = undefined;
-      this.tienePromo = false;
+      this.promociones = [];
       this.popoverDirective.hide();
     }
   }
 
   promoSeleccionada($event: Promocion) {
 
-    this.productoEsPromo = true;
     this.promoAcargar = $event;
     this.popoverDirective.hide();
     if (this.promoAcargar.sinonimos) {
       var sector = this.promoAcargar.sector;
       var codigo = this.promoAcargar.codigo;
       this.productoService.getPromocionSinonimos(sector, codigo)
-        .subscribe((res : Sinonimo[]) => {
+        .subscribe((res: Sinonimo[]) => {
 
           this.sinonimos = res;
           this.showPopover();
@@ -94,4 +96,9 @@ export class InicioComponent implements OnInit {
     }
   }
 
+  sinonimoSeleccionado($event: Sinonimo) {
+
+    this.sinonimoAcargar = $event;
+  }
+
 }