/* Primeiro banner — promoção global de 50% exclusiva para Pix, 2 cm x 100%. */

.item9-flash-banner,
.item9-flash-banner *{box-sizing:border-box}

.item9-flash-banner{
  position:sticky;
  top:0;
  z-index:1000;
  width:100%;
  height:var(--item9-height,75.59px);
  min-height:var(--item9-height,75.59px);
  display:flex;
  align-items:center;
  padding:2px clamp(12px,2.2vw,36px);
  overflow:hidden;
  color:var(--item9-black,#080808);
  background:
    radial-gradient(circle at 12% 20%,rgba(255,255,255,.95) 0 3px,transparent 4px),
    radial-gradient(circle at 88% 76%,rgba(255,255,255,.8) 0 2px,transparent 3px),
    linear-gradient(105deg,#fff58f 0%,var(--item9-color,#FFE45C) 25%,#ffef68 50%,var(--item9-color,#FFE45C) 75%,#fff58f 100%);
  border-bottom:3px solid #07182f;
  box-shadow:0 7px 22px rgba(7,24,47,.32);
  font-family:'DM Sans',Arial,sans-serif;
  isolation:isolate;
}

.item9-flash-banner::before,
.item9-flash-banner::after{
  content:"";
  position:absolute;
  top:50%;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  transform:translateY(-50%);
  box-shadow:inset 0 0 0 2px rgba(7,24,47,.16);
}
.item9-flash-banner::before{left:-10px}
.item9-flash-banner::after{right:-10px}

.item9-flash-banner__inner{
  position:relative;
  z-index:1;
  width:min(1800px,100%);
  margin:auto;
  display:grid;
  grid-template-columns:minmax(230px,.8fr) minmax(180px,.65fr) minmax(460px,1.35fr) auto;
  align-items:center;
  gap:clamp(12px,2vw,34px);
}

.item9-flash-banner__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  line-height:.94;
}

.item9-flash-banner__title,
.item9-flash-banner__subtitle{
  overflow:hidden;
  font-size:var(--item9-title-size,25px);
  font-weight:950;
  letter-spacing:-.025em;
  line-height:.96;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.item9-flash-banner__title{color:var(--item9-black,#080808)}
.item9-flash-banner__subtitle{color:var(--item9-blue,#0047B3)}

.item9-flash-banner__coupon-meta{
  display:flex;
  align-items:stretch;
  gap:7px;
}

.item9-flash-banner__discount{
  display:inline-flex;
  width:100%;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border:2px solid #fff;
  border-radius:8px;
  color:#07134f;
  background:#fff45a;
  box-shadow:3px 3px 0 #07134f;
  font-size:14px;
  font-weight:950;
  line-height:1;
  text-align:center;
  white-space:nowrap;
}

.item9-flash-banner__code{
  position:relative;
  min-width:116px;
  min-height:42px;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:5px 10px;
  border:2px dashed #07182f;
  border-radius:7px;
  color:#07182f;
  background:rgba(255,255,255,.78);
  font:950 13px/1 'DM Sans',Arial,sans-serif;
  letter-spacing:.05em;
  cursor:pointer;
  white-space:nowrap;
}
.item9-flash-banner__code small{font-size:7px;letter-spacing:.12em}
.item9-flash-banner__code::after{
  content:attr(data-copy-label);
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:4px 7px;
  color:#07182f;
  background:#fffbd1;
  font-size:12px;
  font-weight:950;
  letter-spacing:0;
  line-height:1.05;
  text-align:center;
  white-space:normal;
  opacity:0;
  transform:translateY(24%);
  transition:opacity .16s ease,transform .16s ease;
}
.item9-flash-banner__code:hover::after,
.item9-flash-banner__code:focus-visible::after,
.item9-flash-banner__code.is-copied::after{opacity:1;transform:none}
.item9-flash-banner__code:focus-visible{outline:3px solid #0047B3;outline-offset:2px}
.item9-flash-banner__code.is-copied{color:#fff;background:#00875A}
.item9-flash-banner__code.is-copied::after{color:#fff;background:#00875A}

.item9-flash-banner__timer-wrap{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(8px,1.2vw,18px);
}

.item9-flash-banner__timer-label{
  overflow:hidden;
  color:var(--item9-blue,#0047B3);
  font-size:var(--item9-title-size,25px);
  font-weight:950;
  letter-spacing:-.025em;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.item9-flash-banner__timer{
  display:flex;
  align-items:center;
  gap:3px;
  flex:none;
  font-variant-numeric:tabular-nums;
  text-decoration:none;
}
.item9-flash-banner__timer>i{
  color:#07182f;
  font-size:22px;
  font-style:normal;
  font-weight:950;
}
.item9-time{
  width:39px;
  height:40px;
  display:grid;
  grid-template-rows:1fr auto;
  place-items:center;
  padding:3px 2px 2px;
  border:2px solid rgba(255,255,255,.95);
  border-radius:7px;
  color:#fff;
  box-shadow:2px 2px 0 rgba(7,24,47,.35);
  line-height:1;
}
.item9-time b{font-size:20px;font-weight:950}
.item9-time small{font-size:8px;font-weight:900;letter-spacing:.08em}
.item9-time--hours{background:var(--item9-hour,#0047B3)}
.item9-time--minutes{background:var(--item9-minute,#00875A)}
.item9-time--seconds{background:var(--item9-second,#C2185B)}
.item9-flash-banner__button{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 16px;
  border:2px solid #fff;
  border-radius:9px;
  color:#fff;
  background:var(--item9-blue,#0047B3);
  box-shadow:4px 4px 0 #07134f;
  font-size:15px;
  font-weight:950;
  line-height:1;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.item9-flash-banner__button:hover,.item9-flash-banner__button:focus-visible{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #07134f;outline:3px solid #fff45a;outline-offset:2px}
.item9-flash-banner__button.is-disabled{
  cursor:not-allowed;
  color:#e7e9ed;
  background:#5d6674;
  box-shadow:3px 3px 0 #303743;
  filter:saturate(.25);
  transform:none;
}

html:has(.item9-flash-banner){scroll-padding-top:calc(var(--item9-height,75.59px) + 12px)}
body.has-item9-flash{--promo-space:0px}
body.has-item9-flash.has-search{
  padding-top:0!important;
}
body.has-item9-flash .site-head{position:relative;top:auto}
body.has-item9-flash.has-search .header-quickbar{top:auto!important}
body.has-item9-flash.has-search .welcome{top:auto!important}
body.has-item9-flash.has-search .header-searchbar{top:auto!important}
.registration-body.has-item9-flash{padding-top:0!important}
.admin-body.has-item9-flash{padding-top:0!important}
.admin-body.has-item9-flash .admin-topbar{position:relative;top:auto}
.admin-body.has-item9-flash .dash-nav{
  top:calc(var(--item9-height,94px) + 18px);
  max-height:calc(100vh - var(--item9-height,94px) - 18px);
}

@media(max-width:1180px){
  .item9-flash-banner{
    height:auto;
    min-height:var(--item9-height,75.59px);
    padding-block:9px;
    overflow:hidden;
  }
  .item9-flash-banner__inner{
    width:100%;
    min-width:0;
    grid-template-columns:minmax(250px,1fr) auto;
    grid-template-areas:
      "copy discount"
      "timer button";
    gap:8px 18px;
  }
  .item9-flash-banner__copy{grid-area:copy}
  .item9-flash-banner__coupon-meta{grid-area:discount}
  .item9-flash-banner__timer-wrap{grid-area:timer;justify-content:flex-start}
  .item9-flash-banner__button{grid-area:button}
  .admin-body.has-item9-flash .admin-topbar{position:relative;top:auto}
  .admin-body.has-item9-flash .dash-nav{top:auto;max-height:none}
}

@media(max-width:760px){
  .item9-flash-banner{
    position:relative;
    padding:12px;
  }
  .item9-flash-banner__inner{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "copy copy"
      "timer timer"
      "discount button";
    gap:10px 12px;
  }
  .item9-flash-banner__title,
  .item9-flash-banner__subtitle{
    overflow:visible;
    text-overflow:clip;
    white-space:normal;
  }
  .item9-flash-banner__timer-wrap{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .item9-flash-banner__timer-label{
    overflow:visible;
    text-overflow:clip;
    white-space:normal;
  }
  .item9-flash-banner__coupon-meta,
  .item9-flash-banner__button{width:100%;white-space:normal}
  .item9-flash-banner__coupon-meta>*{flex:1}
  .admin-body.has-item9-flash .admin-topbar{position:relative;top:auto}
  .admin-body.has-item9-flash .dash-nav{top:auto;max-height:none}
}

.offer49-page__coupon-line{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:8px 0 20px;
  padding:10px 14px;
  border:2px dashed #0047B3;
  border-radius:9px;
  color:#0047B3;
  background:#fff8a8;
  font-weight:900;
}
.offer49-page__coupon-line strong{color:#07182f;letter-spacing:.08em}
.promo50-page:before{content:"50%"}

@media(max-width:390px){
  .item9-flash-banner__inner{
    grid-template-columns:1fr;
    grid-template-areas:"copy" "timer" "discount" "button";
  }
}

@media(prefers-reduced-motion:reduce){
  .item9-flash-banner *{scroll-behavior:auto!important}
}

/* Somente o Item 9 permanece visível; o restante do cabeçalho mantém o fluxo atual. */
body.has-item9-flash.has-search{
  padding-top:0!important;
}
body.has-item9-flash.has-search .header-quickbar,
body.has-item9-flash.has-search .welcome,
body.has-item9-flash.has-search .header-searchbar{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
}
