/* Nossas Ofertas v7.5.5 — crossfade suave + início alternado do Banner Principal */
.hero.has-slider{position:relative;overflow:hidden}
.hero.hero-mode-image.has-slider{min-height:0!important;height:auto!important;padding:0!important;display:block!important;background:#151b24}
.hero-slider{position:relative;width:100%;overflow:hidden;isolation:isolate;background:#151b24;touch-action:pan-y}
.hero-slider-stage{position:relative;width:100%;overflow:hidden;background:#151b24}
.hero.hero-mode-image.has-slider .hero-slider .hero-slide{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  opacity:0;
  transform:scale(1.008);
  z-index:0;
  pointer-events:none;
  user-select:none;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform-origin:center center;
  transition:
    opacity 1.15s cubic-bezier(.45,0,.55,1),
    transform 1.55s cubic-bezier(.22,.61,.36,1)!important;
  will-change:opacity,transform;
}
/* Mantém a proporção real do banner sem alterar a altura durante o fade. */
.hero.hero-mode-image.has-slider .hero-slider .hero-slide:first-child{position:relative!important;inset:auto!important;height:auto!important}
.hero.hero-mode-image.has-slider .hero-slider .hero-slide.is-active{opacity:1;transform:scale(1);z-index:2}
.hero-slider-arrow{position:absolute;top:50%;z-index:4;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.44);border-radius:999px;background:rgba(23,20,31,.28);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateY(-50%);transition:background .24s ease,transform .24s ease,border-color .24s ease,opacity .24s ease}
.hero-slider-arrow:hover,.hero-slider-arrow:focus-visible{background:rgba(148,77,176,.82);border-color:rgba(255,255,255,.82);transform:translateY(-50%) scale(1.06);outline:none}
.hero-slider-prev{left:clamp(10px,2.1vw,30px)}
.hero-slider-next{right:clamp(10px,2.1vw,30px)}
.hero-slider-dots{position:absolute;left:50%;bottom:clamp(10px,1.8vw,20px);z-index:5;display:flex;align-items:center;justify-content:center;gap:8px;min-height:28px;padding:6px 10px;border-radius:999px;background:rgba(22,17,29,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateX(-50%)}
.hero-slider-dot{width:8px;height:8px;min-width:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.64);box-shadow:0 0 0 1px rgba(0,0,0,.08);transition:width .28s ease,background .28s ease,transform .28s ease}
.hero-slider-dot:hover{background:#fff;transform:scale(1.08)}
.hero-slider-dot.is-active{width:25px;background:#fff}
.hero-slider-dot:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:680px){.hero-slider-arrow{width:38px;height:38px;font-size:13px;background:rgba(23,20,31,.34)}.hero-slider-prev{left:8px}.hero-slider-next{right:8px}.hero-slider-dots{bottom:8px;gap:6px;padding:5px 8px}.hero-slider-dot{width:7px;height:7px;min-width:7px}.hero-slider-dot.is-active{width:20px}}

/* Evita animar da primeira imagem do HTML até a imagem inicial sorteada. */
.hero-slider.hero-slider-initializing .hero-slide{transition:none!important}

/* v7.6.0 — banners clicáveis: o link fica entre as imagens e os controles. */
.hero-slider-clickzone,
.hero-single-clickzone{
  position:absolute;
  inset:0;
  z-index:3;
  display:block;
  border:0;
  background:transparent;
  text-decoration:none;
  cursor:pointer;
}
.hero-slider-clickzone[hidden]{display:none!important}
.hero.hero-mode-image:not(.has-slider){position:relative}
.hero.hero-mode-image:not(.has-slider) .hero-single-clickzone{z-index:3}
.hero-slider-arrow,.hero-slider-dots{pointer-events:auto}