/* Atualização 092 — correção definitiva das camadas do Hero dupla
   Ordem correta: fundo/vídeo -> letreiro -> fotos dos artistas -> efeitos frontais/botão. */
:root{
  --hero-menu-safe:112px;
  --hero-button-safe-top:clamp(128px,18vh,220px);
}

body.hero-duo-layer-fix .hero-stage,
body.hero-duo-layer-fix .hero-stage--duo-scroll,
body.hero-duo-layer-fix .hero,
body.hero-duo-layer-fix .hero--duo-scroll{
  position:relative!important;
  min-height:100svh!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#090604!important;
}

/* Fundo do Hero: imagem e vídeo sempre atrás de tudo */
body.hero-duo-layer-fix .hero-art,
body.hero-duo-layer-fix .hero-scroll-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:1!important;
  pointer-events:none!important;
  transform:translate3d(calc(var(--hero-bg-move-x,0px) * .35),calc(var(--hero-bg-move-y,0px) * .35),0) scale(1.055)!important;
}
body.hero-duo-layer-fix .hero-scroll-video{
  background:#090604!important;
  filter:saturate(1.06) contrast(1.05) brightness(.75)!important;
}
body.hero-duo-layer-fix .hero-art{
  background-size:cover!important;
  background-position:center center!important;
  filter:saturate(1.04) contrast(1.04) brightness(.82)!important;
}

/* Camadas de escurecimento ficam acima do fundo e abaixo do letreiro/artistas */
body.hero-duo-layer-fix .hero--duo-scroll:before,
body.hero-duo-layer-fix .hero:before,
body.hero-duo-layer-fix .hero-grain,
body.hero-duo-layer-fix .hero-cinema-mask,
body.hero-duo-layer-fix .hero-light-sweep,
body.hero-duo-layer-fix .hero-gradient-glow{
  z-index:6!important;
  pointer-events:none!important;
}

/* Letreiro exatamente entre o fundo e as fotos dos artistas */
body.hero-duo-layer-fix .hero-new-music{
  position:absolute!important;
  left:-7vw!important;
  right:-7vw!important;
  top:52%!important;
  height:clamp(92px,13vw,190px)!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  visibility:visible!important;
  opacity:.94!important;
  z-index:14!important;
  pointer-events:none!important;
  transform:translateY(-50%) rotate(-1.4deg)!important;
  border-block:1px solid rgba(218,172,98,.22)!important;
  background:
    linear-gradient(90deg,rgba(15,9,4,0),rgba(220,174,105,.12),rgba(15,9,4,0)),
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.16))!important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)!important;
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)!important;
}
body.hero-duo-layer-fix .hero-new-music__track{
  display:flex!important;
  align-items:center!important;
  gap:clamp(22px,3vw,48px)!important;
  white-space:nowrap!important;
  min-width:max-content!important;
  animation:heroNewMusicMarquee092 28s linear infinite!important;
}
body.hero-duo-layer-fix .hero-new-music span,
body.hero-duo-layer-fix .hero-new-music b{
  display:inline-block!important;
  text-transform:uppercase!important;
  line-height:.92!important;
}
body.hero-duo-layer-fix .hero-new-music span{
  font:900 clamp(42px,7vw,132px)/.92 Manrope,Arial,sans-serif!important;
  letter-spacing:-.075em!important;
  color:rgba(244,224,184,.075)!important;
  -webkit-text-stroke:1.2px rgba(218,172,98,.44)!important;
  text-shadow:0 14px 48px rgba(0,0,0,.34)!important;
}
body.hero-duo-layer-fix .hero-new-music b{
  font:900 clamp(38px,6.2vw,116px)/.92 Manrope,Arial,sans-serif!important;
  letter-spacing:-.068em!important;
  color:rgba(222,176,104,.72)!important;
  -webkit-text-stroke:.4px rgba(255,236,198,.18)!important;
  text-shadow:0 20px 70px rgba(0,0,0,.58),0 0 28px rgba(222,176,104,.12)!important;
}
@keyframes heroNewMusicMarquee092{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* Fotos dos artistas: acima do letreiro, sempre visíveis */
body.hero-duo-layer-fix .hero-duo-layer{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
  pointer-events:none!important;
  z-index:28!important;
  transform:translate3d(calc(var(--hero-bg-move-x,0px) * -.15),calc(var(--hero-bg-move-y,0px) * -.15),0)!important;
}
body.hero-duo-layer-fix .hero-duo-artist{
  position:absolute!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  height:auto!important;
  max-width:min(62vw,1120px)!important;
  max-height:calc(100svh - var(--hero-menu-safe,112px) + 54vh)!important;
  object-fit:contain!important;
  object-position:center top!important;
  bottom:auto!important;
  z-index:29!important;
  pointer-events:none!important;
  filter:drop-shadow(0 38px 58px rgba(0,0,0,.58))!important;
  will-change:transform,top,left!important;
}
body.hero-duo-layer-fix .hero-duo-artist--left{
  left:var(--duo-left-x,35%)!important;
  top:clamp(var(--hero-menu-safe,112px),calc(var(--hero-menu-safe,112px) + ((100svh - var(--hero-menu-safe,112px)) * var(--duo-left-y-num,28) / 100)),155svh)!important;
  transform:translateX(calc(-148% + var(--gate-progress,1) * 98%)) scale(var(--duo-left-scale,1))!important;
}
body.hero-duo-layer-fix .hero-duo-artist--right{
  left:var(--duo-right-x,65%)!important;
  top:clamp(var(--hero-menu-safe,112px),calc(var(--hero-menu-safe,112px) + ((100svh - var(--hero-menu-safe,112px)) * var(--duo-right-y-num,28) / 100)),155svh)!important;
  transform:translateX(calc(48% - var(--gate-progress,1) * 98%)) scale(var(--duo-right-scale,1))!important;
}
body.hero-duo-layer-fix:not(.gate-loader-active) .hero-duo-artist--left{transform:translateX(-50%) scale(var(--duo-left-scale,1))!important;}
body.hero-duo-layer-fix:not(.gate-loader-active) .hero-duo-artist--right{transform:translateX(-50%) scale(var(--duo-right-scale,1))!important;}

/* Efeito frontal depois dos artistas */
body.hero-duo-layer-fix .hero-foreground-motion{
  position:absolute!important;
  inset:-7%!important;
  width:114%!important;
  height:114%!important;
  object-fit:cover!important;
  display:block!important;
  visibility:visible!important;
  opacity:.62!important;
  z-index:38!important;
  pointer-events:none!important;
  mix-blend-mode:screen!important;
  transform:translate3d(calc(var(--hero-bg-move-x,0px) * -1.2),calc(var(--hero-bg-move-y,0px) * -1.2),0) scale(1.035)!important;
}

/* Botão ouvir em área segura, sem esconder atrás do menu */
body.hero-duo-layer-fix .hero-new-music-play,
body.hero-duo-layer-fix a.hero-new-music-play{
  position:absolute!important;
  top:var(--hero-button-safe-top)!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:48!important;
  margin:0!important;
}
body.hero-duo-layer-fix .hero-new-music-play:hover{transform:translateX(-50%) translateY(-3px)!important;}

/* Esconde sobras antigas do Hero que podiam cobrir as camadas novas */
body.hero-duo-layer-fix .hero-depth-scene,
body.hero-duo-layer-fix .duo-hero-title,
body.hero-duo-layer-fix .hero-copy--schedule{display:none!important;}

@media(max-width:760px){
  :root{--hero-menu-safe:86px;--hero-button-safe-top:112px;}
  body.hero-duo-layer-fix .hero-duo-layer{overflow:visible!important;}
  body.hero-duo-layer-fix .hero-duo-artist{max-width:86vw!important;max-height:calc(100svh - var(--hero-menu-safe,86px) + 42vh)!important;}
  body.hero-duo-layer-fix .hero-duo-artist--left{
    left:var(--duo-left-x-mobile,var(--duo-left-x,34%))!important;
    top:clamp(var(--hero-menu-safe,86px),calc(var(--hero-menu-safe,86px) + ((100svh - var(--hero-menu-safe,86px)) * var(--duo-left-y-mobile-num,var(--duo-left-y-num,28)) / 100)),148svh)!important;
    transform:translateX(-50%) scale(var(--duo-left-scale-mobile,var(--duo-left-scale,.82)))!important;
  }
  body.hero-duo-layer-fix .hero-duo-artist--right{
    left:var(--duo-right-x-mobile,var(--duo-right-x,66%))!important;
    top:clamp(var(--hero-menu-safe,86px),calc(var(--hero-menu-safe,86px) + ((100svh - var(--hero-menu-safe,86px)) * var(--duo-right-y-mobile-num,var(--duo-right-y-num,28)) / 100)),148svh)!important;
    transform:translateX(-50%) scale(var(--duo-right-scale-mobile,var(--duo-right-scale,.82)))!important;
  }
  body.hero-duo-layer-fix .hero-new-music{top:51%!important;height:92px!important;opacity:.76!important;}
  body.hero-duo-layer-fix .hero-new-music span,
  body.hero-duo-layer-fix .hero-new-music b{font-size:44px!important;}
  body.hero-duo-layer-fix .hero-new-music-play{top:var(--hero-button-safe-top)!important;transform:translateX(-50%) scale(.92)!important;}
}