/* Anti-flash: ocultos hasta data-banners-resolved (uayu-smart-banners.js) */
html:not([data-banners-resolved]) .uayu-pause-banner,
html:not([data-banners-resolved]) .uayu-tienda-pause-banner,
html:not([data-banners-resolved]) .uayu-appstore-pause-banner,
html:not([data-banners-resolved]) .uayu-pause-hero-note,
html:not([data-banners-resolved]) .uayu-utility-promo,
html:not([data-banners-resolved]) .uayu-coupon-active-banner,
html:not([data-banners-resolved]) .uayu-nopal-promo,
html:not([data-banners-resolved]) .uayu-ship-promo,
html:not([data-banners-resolved]) .uayu-pay-ticker,
html:not([data-banners-resolved]) [data-uayu-pay-ticker],
html:not([data-banners-resolved]) .uayu-smart-banner{
  display:none!important;
}
.uayu-pause-banner[hidden],
.uayu-tienda-pause-banner[hidden],
.uayu-appstore-pause-banner[hidden],
.uayu-utility-promo[hidden],
.uayu-coupon-active-banner[hidden],
.uayu-nopal-promo[hidden],
.uayu-ship-promo[hidden],
.uayu-pay-ticker[hidden],
[data-uayu-pay-ticker][hidden]{
  display:none!important;
}

/* Banner temporada — Utility 15% + nopal 20% (portal / cabecera tienda / Tema) */
.uayu-utility-promo{
  background:linear-gradient(120deg,#0f766e 0%,#115e59 42%,#1c1917 100%);
  color:#fafaf9;
  border-bottom:3px solid #fbbf24;
}
.uayu-utility-promo__inner{
  max-width:80rem;margin:0 auto;
  padding:.95rem 1rem;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:.85rem 1.35rem;
}
@media (min-width:640px){.uayu-utility-promo__inner{padding:1.1rem 1.5rem}}
.uayu-utility-promo__kicker{
  margin:0 0 .3rem;font-size:.78rem;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:#fde68a;
}
.uayu-utility-promo__title{
  margin:0;font-size:1.05rem;font-weight:800;line-height:1.35;color:#fff;
}
@media (min-width:640px){.uayu-utility-promo__title{font-size:1.22rem}}
.uayu-utility-promo__title-line{display:block}
.uayu-utility-promo__title-line + .uayu-utility-promo__title-line{margin-top:.2rem}
.uayu-utility-promo__text{
  margin:.4rem 0 0;max-width:42rem;font-size:.95rem;line-height:1.5;color:#ccfbf1;
}
.uayu-utility-promo__cta{
  flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;
  padding:.8rem 1.2rem;border-radius:.8rem;background:#fbbf24;color:#134e4a;
  font-size:.95rem;font-weight:800;text-decoration:none;
  box-shadow:0 4px 16px rgba(0,0,0,.22);
  transition:transform .15s ease,opacity .15s ease;
}
.uayu-utility-promo__cta:hover{opacity:.95;transform:translateY(-1px)}

/* Cupón activo (sesión confirmada + coupon_status=active) */
.uayu-coupon-active-banner{
  background:linear-gradient(120deg,#134e4a 0%,#0f766e 50%,#115e59 100%);
  color:#fafaf9;
  border-bottom:3px solid #fbbf24;
}
.uayu-coupon-active-banner__inner{
  max-width:80rem;margin:0 auto;
  padding:.95rem 1rem;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:.85rem 1.35rem;
}
@media (min-width:640px){.uayu-coupon-active-banner__inner{padding:1.1rem 1.5rem}}
.uayu-coupon-active-banner__kicker{
  margin:0 0 .3rem;font-size:.78rem;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:#fde68a;
}
.uayu-coupon-active-banner__title{
  margin:0;font-size:1.05rem;font-weight:800;line-height:1.35;color:#fff;
}
@media (min-width:640px){.uayu-coupon-active-banner__title{font-size:1.18rem}}
.uayu-coupon-active-banner__text{
  margin:.4rem 0 0;max-width:42rem;font-size:.95rem;line-height:1.5;color:#ccfbf1;
}
.uayu-coupon-active-banner__code{
  margin:.55rem 0 0;display:inline-block;
  padding:.35rem .75rem;border-radius:.5rem;
  background:rgba(255,255,255,.12);border:1px dashed rgba(251,191,36,.65);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.95rem;font-weight:800;letter-spacing:.06em;color:#fde68a;
}
.uayu-coupon-active-banner__code[hidden]{display:none!important}
.uayu-coupon-active-banner__cta{
  flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;
  padding:.8rem 1.2rem;border-radius:.8rem;background:#fbbf24;color:#134e4a;
  font-size:.95rem;font-weight:800;text-decoration:none;
  box-shadow:0 4px 16px rgba(0,0,0,.22);
  transition:transform .15s ease,opacity .15s ease;
}
.uayu-coupon-active-banner__cta:hover{opacity:.95;transform:translateY(-1px)}

/* Banner sección piel de nopal — 20% (dentro del catálogo) */
.uayu-nopal-promo{
  margin:0 0 1.75rem;
  border-radius:1.25rem;
  border:2px solid rgba(15,118,110,.28);
  background:
    radial-gradient(120% 90% at 0% 0%,rgba(15,118,110,.12),transparent 55%),
    linear-gradient(135deg,#fffbeb 0%,#f0fdfa 55%,#ecfdf5 100%);
  box-shadow:0 8px 24px rgba(28,25,23,.06);
}
.uayu-nopal-promo__inner{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:.85rem 1.25rem;padding:1rem 1.15rem;
}
@media (min-width:640px){.uayu-nopal-promo__inner{padding:1.15rem 1.5rem}}
.uayu-nopal-promo__kicker{
  margin:0 0 .3rem;font-size:.78rem;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:#b45309;
}
.uayu-nopal-promo__title{
  margin:0;font-size:1.08rem;font-weight:800;line-height:1.3;color:#134e4a;
}
@media (min-width:640px){.uayu-nopal-promo__title{font-size:1.25rem}}
.uayu-nopal-promo__text{
  margin:.4rem 0 0;max-width:38rem;font-size:.95rem;line-height:1.5;color:#115e59;
}
.uayu-nopal-promo__cta{
  flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;
  padding:.75rem 1.15rem;border-radius:.75rem;background:#0f766e;color:#fff;
  font-size:.95rem;font-weight:800;text-decoration:none;
  box-shadow:0 3px 12px rgba(15,118,110,.25);
  transition:opacity .15s ease,transform .15s ease;
}
.uayu-nopal-promo__cta:hover{opacity:.94;transform:translateY(-1px)}

/* Envío gratis — franja de lanzamiento (más fina; no compite con descuentos) */
.uayu-ship-promo[hidden]{display:none!important}
.uayu-ship-promo{
  position:relative;
  background:
    linear-gradient(90deg,rgba(15,118,110,.06) 0%,rgba(255,255,255,0) 40%,rgba(180,83,9,.05) 100%),
    #fafaf9;
  border-bottom:1px solid rgba(28,25,23,.08);
  overflow:hidden;
}
.uayu-ship-promo::before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,#0f766e,#b45309);
}
.uayu-ship-promo__inner{
  max-width:80rem;margin:0 auto;
  padding:.7rem 1rem .7rem 1.15rem;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:.65rem 1.25rem;
  text-align:center;
}
@media (min-width:640px){
  .uayu-ship-promo__inner{
    padding:.8rem 1.5rem .8rem 1.65rem;
    justify-content:space-between;
    text-align:left;
  }
}
.uayu-ship-promo__main{
  display:flex;align-items:center;gap:.85rem;min-width:0;flex:1;
  justify-content:center;
}
@media (min-width:640px){.uayu-ship-promo__main{justify-content:flex-start}}
.uayu-ship-promo__icon{
  flex-shrink:0;
  width:2.55rem;height:2.55rem;
  border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  color:#0f766e;
  background:#fff;
  border:1px solid rgba(15,118,110,.22);
  box-shadow:0 2px 10px rgba(15,118,110,.08);
}
.uayu-ship-promo__icon svg{width:1.35rem;height:1.35rem}
.uayu-ship-promo__copy{min-width:0}
.uayu-ship-promo__kicker{
  margin:0;
  font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:#b45309;
}
.uayu-ship-promo__title{
  margin:.15rem 0 0;
  font-size:1rem;font-weight:800;line-height:1.25;color:#1c1917;
  letter-spacing:-.01em;
}
@media (min-width:640px){.uayu-ship-promo__title{font-size:1.12rem}}
.uayu-ship-promo__badge{
  flex-shrink:0;
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.45rem .85rem;border-radius:999px;
  font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:#134e4a;
  background:linear-gradient(135deg,#ecfdf5,#fffbeb);
  border:1px solid rgba(15,118,110,.28);
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
}
.uayu-ship-promo__badge-dot{
  width:.45rem;height:.45rem;border-radius:999px;background:#0f766e;
  box-shadow:0 0 0 3px rgba(15,118,110,.15);
}

/* —— Mobile: banners temporada sin saturar —— */
@media (max-width:639px){
  .uayu-utility-promo__inner{padding:.85rem 1rem;gap:.7rem}
  .uayu-utility-promo__title{font-size:.98rem;line-height:1.35}
  .uayu-utility-promo__text{font-size:.88rem}
  .uayu-utility-promo__cta{width:100%;text-align:center}
  .uayu-coupon-active-banner__inner{padding:.85rem 1rem;gap:.7rem}
  .uayu-coupon-active-banner__title{font-size:.98rem;line-height:1.35}
  .uayu-coupon-active-banner__text{font-size:.88rem}
  .uayu-coupon-active-banner__cta{width:100%;text-align:center}
  .uayu-ship-promo__inner{padding:.65rem 1rem;gap:.55rem}
  .uayu-ship-promo__icon{width:2.2rem;height:2.2rem}
  .uayu-ship-promo__title{font-size:.95rem}
  .uayu-ship-promo__badge{font-size:.72rem;padding:.4rem .7rem}
  .uayu-nopal-promo__inner{padding:.9rem 1rem}
  .uayu-nopal-promo__title{font-size:1rem}
  .uayu-nopal-promo__cta{width:100%;justify-content:center}
}

/* Portal — barra discreta Openpay (legacy; sustituida por .uayu-pay-ticker) */
.uayu-openpay-bar{display:none!important}

/* Tienda / portal — ticker tipo indicadores (marquee infinito) */
.uayu-pay-ticker{
  background:linear-gradient(180deg,#0c1f1c 0%,#134e4a 100%);
  color:#ecfdf5;
  border-bottom:1px solid rgba(15,118,110,.35);
  overflow:hidden;
}
.uayu-pay-ticker__viewport{
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
}
.uayu-pay-ticker__track{
  display:flex;width:max-content;
  animation:uayu-pay-ticker-scroll 48s linear infinite;
  will-change:transform;
}
.uayu-pay-ticker:hover .uayu-pay-ticker__track{animation-play-state:paused}
.uayu-pay-ticker__group{
  display:flex;align-items:center;flex-shrink:0;
  gap:0;padding:.6rem 0;
}
.uayu-pay-ticker__item{
  display:inline-flex;align-items:center;gap:.45rem;
  padding:0 1.15rem;white-space:nowrap;
  font-size:.82rem;font-weight:650;letter-spacing:.02em;line-height:1.35;
  color:#f0fdfa;
}
@media (min-width:640px){.uayu-pay-ticker__item{font-size:.88rem;padding:0 1.4rem}}
.uayu-pay-ticker__ico{font-size:1em;line-height:1;opacity:.95;flex-shrink:0}
.uayu-pay-ticker__dot{
  flex-shrink:0;width:.28rem;height:.28rem;border-radius:999px;
  background:rgba(253,230,138,.85);margin:0 .15rem;
}
@keyframes uayu-pay-ticker-scroll{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media (prefers-reduced-motion:reduce){
  .uayu-pay-ticker__track{
    animation:uayu-pay-ticker-scroll 90s linear infinite;
  }
}