/* Atualização 089 — Hero artistas: arraste real para baixo e posição final corrigida */
:root{
  --hero-artist-default-sink: -10vh;
  --hero-artist-min-bottom: -72vh;
  --hero-artist-max-bottom: 28vh;
}
body.dupla-sertaneja-layout .hero--duo-scroll,
body.dupla-sertaneja-layout .hero{
  overflow:hidden!important;
}
body.dupla-sertaneja-layout .hero-duo-layer{
  position:absolute!important;
  inset:0!important;
  z-index:8!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
body.dupla-sertaneja-layout .hero-duo-artist{
  position:absolute!important;
  top:auto!important;
  height:auto!important;
  width:auto!important;
  max-width:58vw!important;
  max-height:calc(100svh - var(--hero-menu-safe,112px) + 18vh)!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform-origin:center bottom!important;
  will-change:transform,bottom!important;
}
/*
  Regra nova do campo Y:
  100 = apoiado no rodapé visual, com leve respiro para baixo;
  120 a 180 = desce progressivamente;
  180 a 240 = permite esconder parte das pernas/baixo quando a imagem ainda estiver alta.
*/
body.dupla-sertaneja-layout .hero-duo-artist--left{
  left:var(--duo-left-x,32%)!important;
  bottom:clamp(var(--hero-artist-min-bottom),calc(var(--hero-artist-default-sink) + (100 - var(--duo-left-y-num,100)) * .72vh),var(--hero-artist-max-bottom))!important;
  transform:translateX(calc(-150% + var(--gate-progress,1) * 100%)) scale(var(--duo-left-scale,1))!important;
}
body.dupla-sertaneja-layout .hero-duo-artist--right{
  left:var(--duo-right-x,68%)!important;
  bottom:clamp(var(--hero-artist-min-bottom),calc(var(--hero-artist-default-sink) + (100 - var(--duo-right-y-num,100)) * .72vh),var(--hero-artist-max-bottom))!important;
  transform:translateX(calc(50% - var(--gate-progress,1) * 100%)) scale(var(--duo-right-scale,1))!important;
}
body:not(.gate-loader-active).dupla-sertaneja-layout .hero-duo-artist--left,
body:not(.gate-loader-active).dupla-sertaneja-layout .hero-duo-artist--right{
  transform:translateX(-50%) scale(var(--duo-left-scale,1))!important;
}
body:not(.gate-loader-active).dupla-sertaneja-layout .hero-duo-artist--right{
  transform:translateX(-50%) scale(var(--duo-right-scale,1))!important;
}
body.dupla-sertaneja-layout .hero-new-music-play{
  bottom:clamp(84px,15vh,170px)!important;
  z-index:18!important;
}
@media (max-width:760px){
  :root{--hero-artist-default-sink:-7vh;--hero-artist-min-bottom:-54vh;--hero-artist-max-bottom:20vh;}
  body.dupla-sertaneja-layout .hero-duo-artist{
    max-width:72vw!important;
    max-height:calc(100svh - var(--hero-menu-safe,88px) + 12vh)!important;
  }
  body.dupla-sertaneja-layout .hero-duo-artist--left{
    left:var(--duo-left-x-mobile,var(--duo-left-x,31%))!important;
    bottom:clamp(var(--hero-artist-min-bottom),calc(var(--hero-artist-default-sink) + (100 - var(--duo-left-y-mobile-num,var(--duo-left-y-num,100))) * .55vh),var(--hero-artist-max-bottom))!important;
    transform:translateX(-50%) scale(var(--duo-left-scale-mobile,var(--duo-left-scale,.82)))!important;
  }
  body.dupla-sertaneja-layout .hero-duo-artist--right{
    left:var(--duo-right-x-mobile,var(--duo-right-x,69%))!important;
    bottom:clamp(var(--hero-artist-min-bottom),calc(var(--hero-artist-default-sink) + (100 - var(--duo-right-y-mobile-num,var(--duo-right-y-num,100))) * .55vh),var(--hero-artist-max-bottom))!important;
    transform:translateX(-50%) scale(var(--duo-right-scale-mobile,var(--duo-right-scale,.82)))!important;
  }
  body.dupla-sertaneja-layout .hero-new-music-play{bottom:clamp(72px,13vh,130px)!important;}
}
