diff --git a/src/app/shared/promocion/promocion.component.html b/src/app/shared/promocion/promocion.component.html
index 240a642..e0f2995 100644
--- a/src/app/shared/promocion/promocion.component.html
+++ b/src/app/shared/promocion/promocion.component.html
@@ -4,6 +4,30 @@
     <span class="sr-only">Loading...</span>
   </div>
 </div> -->
+<div class="modal-header bg-primary rounded-top pt-4 px-2">
+  <div class="row mx-0 w-100 justify-content-between" *ngIf="articulosPromo.length">
+    <div class="col-8">
+      <p class="h3 text-white">{{articulosPromo[0].DetArt}}</p>
+    </div>
+    <div class="col-4 align-self-center">
+      <div
+        class="row mx-0 justify-content-between bg-white badge-pill"
+        (click)="selectPromo(articulosPromo[0])">
+        <div class="col px-0 align-self-center text-primary">
+          <p class="font-weight-bold">{{articulosPromo[0].PreVen | currency}}</p> 
+        </div>
+        <div class="col-3 px-0">
+          <img
+            draggable="false"
+            ondragstart="return false;"
+            (contextmenu)="false"
+            class="d-block ml-auto py-1 icon-30 mr-2 pt-2"
+            src="assets/img/ir-color.svg">
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 <div class="modal-body bg-primary rounded-bottom pb-3 px-2" *ngIf="articulosPromo.length">
   <div class="row mx-0 w-100">
     <div class="col-9">
@@ -44,3 +68,4 @@
       </div>
     </div>
   </div>
+</div>