/* Home com carrossel em destaque — paleta escura Rodeio Premium (consistente com app.css) */
.getbet-showcase{
  padding:clamp(22px,4vw,42px) 0 clamp(30px,5vw,54px);
  background:radial-gradient(circle at top left, rgba(236,173,32,.12), transparent 24rem);
}
.showcase-topbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  margin-bottom:34px;
}
.showcase-search{
  min-height:60px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 20px;
  border-radius:0;
  background:rgba(15,29,43,.7);
  border:1px solid rgba(255,223,175,.16);
  box-shadow:0 8px 22px rgba(0,0,0,.3);
}
.search-icon{
  flex:0 0 auto;
  font-size:1.2rem;
  color:rgba(238,234,227,.6);
}
.showcase-search input{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  font-size:1.05rem;
  font-weight:600;
  color:var(--brand-white-gold);
}
.showcase-search input::placeholder{color:rgba(238,234,227,.48);}
.showcase-city-trigger{
  min-height:50px;
  border:0;
  border-radius:0;
  background:rgba(236,173,32,.14);
  color:var(--brand-gold);
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:0 18px;
  box-shadow:0 8px 18px rgba(244,62,0,.12);
  cursor:pointer;
}
.showcase-city-trigger span:first-child{font-size:1.05rem;}
.showcase-city-trigger strong{font-size:.98rem;font-weight:800;color:var(--brand-white-gold);}
.showcase-city-trigger small{font-size:1rem;color:var(--brand-gold);opacity:.9;}
.visual-carousel-shell{
  position:relative;
  min-height:clamp(420px,58vw,760px);
  display:flex;
  align-items:center;
  justify-content:center;
}
.visual-carousel-stage{
  position:relative;
  width:100%;
  min-height:inherit;
  overflow:visible;
}
.hero-banner-slide{
  position:absolute;
  top:0;
  left:50%;
  width:min(100%, 420px);
  aspect-ratio:4 / 5;
  border-radius:0;
  overflow:hidden;
  transform:translateX(-50%) scale(.78);
  opacity:0;
  pointer-events:none;
  transition:transform .5s ease, opacity .35s ease, filter .35s ease;
  filter:blur(1px);
}
.hero-banner-slide.is-active{
  transform:translateX(-50%) scale(1);
  opacity:1;
  z-index:5;
  filter:none;
  pointer-events:auto;
}
.hero-banner-slide.is-prev{
  transform:translateX(calc(-50% - 250px)) scale(.86);
  opacity:.72;
  z-index:4;
}
.hero-banner-slide.is-next{
  transform:translateX(calc(-50% + 250px)) scale(.86);
  opacity:.72;
  z-index:4;
}
.hero-banner-slide.is-prev-2{
  transform:translateX(calc(-50% - 410px)) scale(.74);
  opacity:.45;
  z-index:3;
}
.hero-banner-slide.is-next-2{
  transform:translateX(calc(-50% + 410px)) scale(.74);
  opacity:.45;
  z-index:3;
}
.hero-banner-slide.is-hidden{opacity:0;z-index:1;transform:translateX(-50%) scale(.66);}
.hero-banner-link,
.hero-banner-link img{
  width:100%;
  height:100%;
  display:block;
}
.hero-banner-link{
  background:rgba(7,17,28,.7);
  border-radius:0;
  overflow:hidden;
  box-shadow:0 20px 50px rgba(0,0,0,.35);
}
.hero-banner-link img{
  object-fit:contain!important;
  object-position:center!important;
  background:rgba(7,17,28,.55);
}
.hero-banner-fallback,
.empty-banner{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 50% 18%,rgba(236,173,32,.26),transparent 24%),linear-gradient(135deg,rgba(85,41,27,.92),rgba(244,62,0,.32));
  color:var(--brand-white-gold);
  font-size:clamp(1.5rem,3vw,2.6rem);
  font-weight:900;
  letter-spacing:-.02em;
}
.carousel-nav.modern{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:8;
  width:54px;
  height:54px;
  border:1px solid rgba(255,223,175,.18);
  border-radius:0;
  background:rgba(15,29,43,.86);
  color:var(--brand-gold);
  font-size:2.1rem;
  box-shadow:0 14px 28px rgba(0,0,0,.4);
  display:grid;
  place-items:center;
  cursor:pointer;
}
.carousel-nav.modern.prev{left:-22px;}
.carousel-nav.modern.next{right:-22px;}
.carousel-dots.modern{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin-top:20px;
}
.carousel-dots.modern button{
  width:8px;
  height:8px;
  border:0;
  border-radius:0;
  background:rgba(255,223,175,.25);
  cursor:pointer;
  transition:all .25s ease;
}
.carousel-dots.modern button.active{
  width:10px;
  height:10px;
  background:var(--brand-gold);
  box-shadow:0 0 0 4px rgba(236,173,32,.22);
}
.carousel-caption{
  margin-top:18px;
  text-align:center;
}
.carousel-caption h1{
  margin:0;
  font-size:clamp(1.85rem,3vw,3rem);
  line-height:1.06;
  letter-spacing:-.02em;
  color:var(--brand-white-gold);
}
.caption-meta{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:10px 18px;
  color:rgba(238,234,227,.72);
  font-weight:700;
}
.caption-meta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.caption-meta span::before{
  content:"•";
  color:rgba(238,234,227,.45);
}
.caption-meta span:first-child::before{content:"⌖";font-size:.9rem;color:var(--brand-gold);}
.caption-meta span:last-child::before{content:"⌚";font-size:.86rem;color:var(--brand-gold);}
.clean-head p{max-width:620px;color:rgba(238,234,227,.72);font-weight:700;}

@media(max-width:1180px){
  .carousel-nav.modern.prev{left:0;}
  .carousel-nav.modern.next{right:0;}
  .hero-banner-slide{width:min(100%, 390px);}
  .hero-banner-slide.is-prev{transform:translateX(calc(-50% - 215px)) scale(.84);}
  .hero-banner-slide.is-next{transform:translateX(calc(-50% + 215px)) scale(.84);}
  .hero-banner-slide.is-prev-2{transform:translateX(calc(-50% - 330px)) scale(.72);}
  .hero-banner-slide.is-next-2{transform:translateX(calc(-50% + 330px)) scale(.72);}
}
@media(max-width:920px){
  .showcase-topbar{grid-template-columns:1fr;gap:14px;}
  .showcase-city-trigger{width:max-content;}
  .visual-carousel-shell{min-height:clamp(420px,80vw,620px);}
  .hero-banner-slide{width:min(100%, 360px);}
  .hero-banner-slide.is-prev,
  .hero-banner-slide.is-next{opacity:.28;}
  .hero-banner-slide.is-prev{transform:translateX(calc(-50% - 135px)) scale(.78);}
  .hero-banner-slide.is-next{transform:translateX(calc(-50% + 135px)) scale(.78);}
  .hero-banner-slide.is-prev-2,
  .hero-banner-slide.is-next-2{opacity:0;}
}
@media(max-width:640px){
  .getbet-showcase{padding-top:18px;}
  .container{width:min(100% - 22px,1180px)!important;}
  .showcase-search{min-height:58px;padding:0 16px;border-radius:0;}
  .showcase-search input{font-size:1rem;}
  .showcase-city-trigger{min-height:48px;border-radius:0;padding:0 14px;}
  .visual-carousel-shell{min-height:auto;padding:0 40px;}
  .visual-carousel-stage{min-height:0;aspect-ratio:4/5;}
  .hero-banner-slide{width:100%;aspect-ratio:4/5;}
  .hero-banner-slide.is-prev,
  .hero-banner-slide.is-next,
  .hero-banner-slide.is-prev-2,
  .hero-banner-slide.is-next-2{opacity:0;pointer-events:none;}
  .carousel-nav.modern{width:46px;height:46px;font-size:1.8rem;}
  .carousel-nav.modern.prev{left:0;}
  .carousel-nav.modern.next{right:0;}
  .carousel-caption h1{font-size:clamp(1.45rem,7vw,2rem);}
  .caption-meta{gap:8px 12px;font-size:.92rem;}
  .caption-meta span{justify-content:center;}
}


/* Correção mobile final: carrossel sem estouro lateral e com 1 banner por vez */
@media(max-width:760px){
  html, body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
  }

  .getbet-showcase{
    padding-top:14px!important;
    padding-bottom:28px!important;
  }

  .showcase-topbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-bottom:18px!important;
  }

  .showcase-search{
    width:100%!important;
    min-width:0!important;
    min-height:56px!important;
    border-radius:0!important;
    padding:0 14px!important;
  }

  .showcase-search input{
    min-width:0!important;
    font-size:.98rem!important;
  }

  .showcase-city-trigger{
    width:100%!important;
    justify-content:center!important;
    min-height:48px!important;
  }

  .visual-carousel-shell{
    width:100%!important;
    max-width:100%!important;
    min-height:auto!important;
    padding:0!important;
    overflow:hidden!important;
    display:block!important;
  }

  .visual-carousel-stage{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    aspect-ratio:4/5!important;
    overflow:hidden!important;
    border-radius:0!important;
  }

  .hero-banner-slide{
    top:0!important;
    left:0!important;
    width:100%!important;
    height:100%!important;
    aspect-ratio:auto!important;
    border-radius:0!important;
    transform:none!important;
    opacity:0!important;
    pointer-events:none!important;
    filter:none!important;
    transition:opacity .28s ease!important;
  }

  .hero-banner-slide.is-active{
    transform:none!important;
    opacity:1!important;
    z-index:5!important;
    pointer-events:auto!important;
  }

  .hero-banner-slide.is-prev,
  .hero-banner-slide.is-next,
  .hero-banner-slide.is-prev-2,
  .hero-banner-slide.is-next-2,
  .hero-banner-slide.is-hidden{
    transform:none!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  .hero-banner-link{
    border-radius:0!important;
    box-shadow:none!important;
  }

  .hero-banner-link img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    background:rgba(7,17,28,.55)!important;
  }

  .carousel-nav.modern{
    width:42px!important;
    height:42px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    font-size:1.55rem!important;
    box-shadow:0 10px 24px rgba(0,0,0,.4)!important;
  }

  .carousel-nav.modern.prev{
    left:8px!important;
  }

  .carousel-nav.modern.next{
    right:8px!important;
  }

  .carousel-dots.modern{
    margin-top:14px!important;
    gap:7px!important;
    overflow-x:auto!important;
    max-width:100%!important;
    padding:4px 0!important;
  }

  .carousel-caption{
    margin-top:12px!important;
    padding:0 2px!important;
  }

  .carousel-caption h1{
    font-size:1.38rem!important;
    line-height:1.12!important;
    letter-spacing:-.02em!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  .caption-meta{
    margin-top:8px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    font-size:.9rem!important;
    line-height:1.35!important;
  }

  .caption-meta span{
    max-width:100%!important;
    justify-content:center!important;
    overflow-wrap:anywhere!important;
  }
}

@media(max-width:420px){
  .visual-carousel-stage{
    aspect-ratio:4/5!important;
    border-radius:0!important;
  }

  .hero-banner-slide,
  .hero-banner-link{
    border-radius:0!important;
  }

  .carousel-caption h1{
    font-size:1.22rem!important;
  }
}

/* Mesmo padrão visual do carrossel por cidade. */
.getbet-home .visual-carousel-shell{position:relative!important;display:block!important;width:100%!important;min-height:0!important;padding:0!important;overflow:visible!important}
.getbet-home .visual-carousel-stage{position:relative!important;width:100%!important;height:clamp(470px,54vw,590px)!important;min-height:0!important;aspect-ratio:auto!important;overflow:visible!important;border-radius:0!important;perspective:1300px}
.getbet-home .hero-banner-slide{position:absolute!important;top:50%!important;left:50%!important;width:clamp(300px,33vw,420px)!important;height:auto!important;aspect-ratio:480/625!important;border:1px solid rgba(255,223,175,.16)!important;border-radius:0!important;transform:translate(-50%,-50%) scale(.62)!important;opacity:0!important;filter:none!important;pointer-events:none!important;transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .45s ease!important}
.getbet-home .hero-banner-slide.is-active{z-index:10!important;transform:translate(-50%,-50%) scale(1)!important;opacity:1!important;pointer-events:auto!important}
.getbet-home .hero-banner-slide.is-prev{z-index:7!important;transform:translate(-112%,-50%) scale(.86)!important;opacity:.48!important;filter:saturate(.75) brightness(1.12)!important;pointer-events:auto!important}
.getbet-home .hero-banner-slide.is-next{z-index:7!important;transform:translate(12%,-50%) scale(.86)!important;opacity:.48!important;filter:saturate(.75) brightness(1.12)!important;pointer-events:auto!important}
.getbet-home .hero-banner-slide.is-prev-2{z-index:4!important;transform:translate(-166%,-50%) scale(.72)!important;opacity:.22!important;filter:saturate(.55) brightness(1.18)!important;pointer-events:auto!important}
.getbet-home .hero-banner-slide.is-next-2{z-index:4!important;transform:translate(66%,-50%) scale(.72)!important;opacity:.22!important;filter:saturate(.55) brightness(1.18)!important;pointer-events:auto!important}
.getbet-home .hero-banner-slide.is-hidden{opacity:0!important;pointer-events:none!important}
.getbet-home .hero-banner-link{width:100%!important;height:100%!important;border-radius:0!important;background:rgba(7,17,28,.6)!important;box-shadow:0 24px 65px rgba(0,0,0,.42)!important}
.getbet-home .hero-banner-link img{width:100%!important;height:100%!important;object-fit:contain!important;background:rgba(7,17,28,.5)!important}
.getbet-home .carousel-nav.modern{top:50%!important;width:54px!important;height:54px!important;font-size:2rem!important}
.getbet-home .carousel-nav.modern.prev{left:-22px!important}.getbet-home .carousel-nav.modern.next{right:-22px!important}
.getbet-home .carousel-dots,.getbet-home .carousel-caption{display:none!important}
@media(max-width:760px){
  .getbet-home .visual-carousel-stage{height:clamp(390px,130vw,540px)!important}
  .getbet-home .hero-banner-slide{width:min(76vw,360px)!important;border-radius:0!important}
  .getbet-home .hero-banner-slide.is-prev{transform:translate(-126%,-50%) scale(.82)!important;opacity:.36!important}
  .getbet-home .hero-banner-slide.is-next{transform:translate(26%,-50%) scale(.82)!important;opacity:.36!important}
  .getbet-home .hero-banner-slide.is-prev-2,.getbet-home .hero-banner-slide.is-next-2{opacity:0!important;pointer-events:none!important}
  .getbet-home .carousel-nav.modern{width:44px!important;height:44px!important;font-size:1.7rem!important}
  .getbet-home .carousel-nav.modern.prev{left:-8px!important}.getbet-home .carousel-nav.modern.next{right:-8px!important}
}