#mega-sticky-promo-banner {
  width: 100%;
  height: auto;
  background: linear-gradient(90deg, var(--Primary-900, #3D2900) 0%, var(--Primary-800, #6E4800) 61.54%, var(--Primary-950, #0D0900) 100%);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

#mega-sticky-promo-banner .mega-sticky-promo-banner-wrapper {
  display: flex;
  max-width: 1280px;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

#mega-sticky-promo-banner .mega-sticky-promo-text {
  min-width: 0;
  word-break: break-word;
  white-space: normal;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: 16px;
}

#mega-sticky-promo-banner .mega-sticky-promo-coupon {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #ffffff;
  background: #fff;
  color: #000000;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  max-width: 100%;
}

.mega-sticky-promo-coupon-label {
  text-overflow: ellipsis;
  overflow: hidden;
}

#mega-sticky-promo-banner .mega-sticky-promo-coupon:after {
  content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_11704_9966" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_11704_9966)"><path d="M7.5 15.0013C7.04167 15.0013 6.64931 14.8381 6.32292 14.5117C5.99653 14.1853 5.83333 13.793 5.83333 13.3346V3.33464C5.83333 2.8763 5.99653 2.48394 6.32292 2.15755C6.64931 1.83116 7.04167 1.66797 7.5 1.66797H15C15.4583 1.66797 15.8507 1.83116 16.1771 2.15755C16.5035 2.48394 16.6667 2.8763 16.6667 3.33464V13.3346C16.6667 13.793 16.5035 14.1853 16.1771 14.5117C15.8507 14.8381 15.4583 15.0013 15 15.0013H7.5ZM4.16667 18.3346C3.70833 18.3346 3.31597 18.1714 2.98958 17.8451C2.66319 17.5187 2.5 17.1263 2.5 16.668V5.0013H4.16667V16.668H13.3333V18.3346H4.16667Z" fill="black"/></g></svg>');
  height: 20px;;
}

/* Estilos base para los textos */
#mega-sticky-promo-banner .highlight-text {
  font-weight: bold;
}

#mega-sticky-promo-banner .mega-sticky-main-message {
  font-weight: normal;
}
/*
body.promo-banner-active {
  --promo-banner-height: 52px;
}*/
/*
body.promo-banner-active main#primary,
body.promo-banner-active .main-container {
  margin-top: var(--promo-banner-height);
  transition: margin-top 0.3s ease;
}*/

/* ===== Responsive Adjustments ===== */

/* Ocultar versiones según dispositivo */
.highlight-mobile {
  display: none;
}

@media (max-width: 1081px) {
  .highlight-desktop {
    display: inline !important;
  }

  .highlight-mobile {
    display: inline !important;
  }

  #mega-sticky-promo-banner {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #mega-sticky-promo-banner .mega-sticky-promo-banner-wrapper {
    flex-direction: row;
    gap: 8px;
    text-align: center;
  }

  #mega-sticky-promo-banner .highlight-text {
    display: block;
    width: 100%;
    order: -1;
    font-size: 16px;
  }

  #mega-sticky-promo-banner .mega-sticky-promo-coupon {
    justify-content: center;
  }
}