/* Atualização 087 — Menu western premium, Hero com artistas protegidos e movimento do fundo */
@import url('https://fonts.googleapis.com/css2?family=Rye&family=Roboto+Condensed:wght@400;700;900&display=swap');

:root{
  --western-display:'Rye', Georgia, serif;
  --western-text:'Roboto Condensed','Arial Narrow',Arial,sans-serif;
  --hero-menu-safe:92px;
  --hero-bottom-safe:0px;
  --hero-mouse-x:0px;
  --hero-mouse-y:0px;
}

html{scroll-behavior:smooth;}
body.dupla-sertaneja-layout,
body.dupla-sertaneja-layout button,
body.dupla-sertaneja-layout input,
body.dupla-sertaneja-layout textarea{
  font-family:var(--western-text)!important;
  letter-spacing:.02em;
}
body.dupla-sertaneja-layout h1,
body.dupla-sertaneja-layout h2,
body.dupla-sertaneja-layout h3,
body.dupla-sertaneja-layout .section-heading h2,
body.dupla-sertaneja-layout .music-section-title,
body.dupla-sertaneja-layout .manifesto,
body.dupla-sertaneja-layout .brand{
  font-family:var(--western-display)!important;
  font-weight:400!important;
  letter-spacing:.015em!important;
}

/* MENU TOTALMENTE REFORMULADO */
body.dupla-sertaneja-layout .nav{
  position:fixed!important;
  top:18px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%) translateZ(0)!important;
  width:min(1180px,calc(100vw - 44px))!important;
  min-height:68px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(160px,240px) 1fr auto!important;
  align-items:center!important;
  gap:22px!important;
  padding:9px 12px 9px 22px!important;
  border:1px solid rgba(229,181,97,.34)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(30,18,9,.86),rgba(12,8,5,.78))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(229,181,97,.12)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  z-index:9999!important;
  overflow:hidden!important;
}
body.dupla-sertaneja-layout .nav:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(218,166,86,.14),transparent);
  opacity:.85;
}
body.dupla-sertaneja-layout .nav:after{
  content:"";
  position:absolute;
  left:20px;right:20px;bottom:7px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(229,181,97,.48),transparent);
  pointer-events:none;
}
body.dupla-sertaneja-layout .brand{
  position:relative!important;
  z-index:2!important;
  justify-self:start!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:220px!important;
  height:48px!important;
  padding:0!important;
  color:#f6e2b2!important;
  text-shadow:0 2px 14px rgba(0,0,0,.55)!important;
  font-size:clamp(18px,1.35vw,27px)!important;
  line-height:.92!important;
  text-decoration:none!important;
  white-space:normal!important;
}
body.dupla-sertaneja-layout .brand img{
  max-width:190px!important;
  max-height:48px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.55))!important;
}
body.dupla-sertaneja-layout #mainNav{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(14px,2vw,34px)!important;
  width:100%!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
}
body.dupla-sertaneja-layout #mainNav a:not(.nav-mobile-presskit){
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px 0!important;
  color:rgba(255,241,210,.86)!important;
  font-family:var(--western-text)!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  line-height:1!important;
  transition:color .22s ease, transform .22s ease!important;
}
body.dupla-sertaneja-layout #mainNav a:not(.nav-mobile-presskit):before{
  content:"";
  position:absolute;
  left:50%;bottom:2px;
  width:0;height:2px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,#b77a31,#f2cc7b,#b77a31);
  box-shadow:0 0 16px rgba(242,204,123,.44);
  transition:width .25s ease;
}
body.dupla-sertaneja-layout #mainNav a:not(.nav-mobile-presskit):hover{
  color:#f6d28a!important;
  transform:translateY(-1px)!important;
}
body.dupla-sertaneja-layout #mainNav a:not(.nav-mobile-presskit):hover:before{width:100%;}
body.dupla-sertaneja-layout .nav-cta{
  position:relative!important;
  z-index:2!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-width:150px!important;
  height:48px!important;
  padding:0 24px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,234,183,.3)!important;
  background:linear-gradient(180deg,#e8ba61,#c08a3c)!important;
  color:#1a1008!important;
  box-shadow:0 14px 34px rgba(192,138,60,.26), inset 0 1px 0 rgba(255,255,255,.34)!important;
  font-family:var(--western-text)!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
}
body.dupla-sertaneja-layout .nav-cta:hover{transform:translateY(-1px)!important;filter:saturate(1.08)!important;}
body.dupla-sertaneja-layout .nav-toggle{display:none!important;}
body.dupla-sertaneja-layout .nav-mobile-presskit{display:none!important;}

/* HERO: artistas sempre abaixo do menu e alinhados pelo rodapé */
body.dupla-sertaneja-layout .hero,
body.dupla-sertaneja-layout .hero--duo-scroll{
  min-height:100svh!important;
  height:100svh!important;
  padding-top:var(--hero-menu-safe)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
body.dupla-sertaneja-layout .hero-art,
body.dupla-sertaneja-layout .hero-scroll-video{
  will-change:transform,opacity!important;
  transform:translate3d(calc(var(--hero-mouse-x) * -0.34),calc(var(--hero-mouse-y) * -0.24),0) scale(1.045)!important;
  transition:transform .16s linear!important;
}
body.dupla-sertaneja-layout .hero-duo-layer{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:var(--hero-menu-safe)!important;
  bottom:0!important;
  height:auto!important;
  min-height:0!important;
  z-index:5!important;
  pointer-events:none!important;
  overflow:visible!important;
  transform:translateZ(0)!important;
}
body.dupla-sertaneja-layout .hero-duo-artist{
  position:absolute!important;
  top:auto!important;
  bottom:var(--artist-bottom-offset,0px)!important;
  width:auto!important;
  height:auto!important;
  max-height:calc(100svh - var(--hero-menu-safe) - 2px)!important;
  max-width:54vw!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform-origin:center bottom!important;
  filter:drop-shadow(0 26px 44px rgba(0,0,0,.42))!important;
  will-change:transform!important;
}
body.dupla-sertaneja-layout .hero-duo-artist--left{
  left:var(--duo-left-x,34%)!important;
  bottom:clamp(-18vh,calc((100 - var(--duo-left-y-num,100)) * .42vh),16vh)!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,66%)!important;
  bottom:clamp(-18vh,calc((100 - var(--duo-right-y-num,100)) * .42vh),16vh)!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{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-copy,
body.dupla-sertaneja-layout .hero-copy--schedule,
body.dupla-sertaneja-layout .next-event,
body.dupla-sertaneja-layout .hero-event-stack,
body.dupla-sertaneja-layout .scroll-cue{display:none!important;}
body.dupla-sertaneja-layout .hero-new-music{
  z-index:4!important;
  top:58%!important;
  transform:translateY(-50%) translate3d(calc(var(--hero-mouse-x) * .2),0,0)!important;
}
body.dupla-sertaneja-layout .hero-new-music-play{z-index:8!important;}
body.dupla-sertaneja-layout .hero-foreground-motion{
  z-index:9!important;
  transform:translate3d(calc(var(--hero-mouse-x) * .68),calc(var(--hero-mouse-y) * .54),0) scale(1.035)!important;
  transition:transform .16s linear!important;
}

@media(max-width:1060px){
  :root{--hero-menu-safe:84px;}
  body.dupla-sertaneja-layout .nav{
    top:12px!important;
    width:calc(100vw - 24px)!important;
    grid-template-columns:1fr auto!important;
    min-height:62px!important;
    padding:8px 10px 8px 16px!important;
    border-radius:32px!important;
    overflow:visible!important;
  }
  body.dupla-sertaneja-layout .brand{height:44px!important;max-width:190px!important;justify-content:flex-start!important;}
  body.dupla-sertaneja-layout .brand img{max-height:43px!important;max-width:168px!important;}
  body.dupla-sertaneja-layout .nav-toggle{
    display:inline-grid!important;
    place-items:center!important;
    width:46px!important;height:46px!important;
    border-radius:999px!important;
    border:1px solid rgba(229,181,97,.28)!important;
    background:rgba(255,255,255,.06)!important;
    z-index:4!important;
  }
  body.dupla-sertaneja-layout .nav-toggle i{display:block!important;width:19px!important;height:2px!important;background:#f1d59a!important;margin:2px 0!important;border-radius:9px!important;}
  body.dupla-sertaneja-layout #mainNav{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    left:0!important;right:0!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:12px!important;
    border:1px solid rgba(229,181,97,.26)!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,rgba(23,15,8,.98),rgba(10,7,5,.96))!important;
    box-shadow:0 24px 70px rgba(0,0,0,.48)!important;
    backdrop-filter:blur(18px)!important;
  }
  body.dupla-sertaneja-layout .nav.is-open #mainNav,
  body.dupla-sertaneja-layout .nav.nav-open #mainNav,
  body.dupla-sertaneja-layout #mainNav.is-open{display:flex!important;}
  body.dupla-sertaneja-layout #mainNav a:not(.nav-mobile-presskit){justify-content:flex-start!important;padding:16px!important;border-radius:16px!important;}
  body.dupla-sertaneja-layout #mainNav a:not(.nav-mobile-presskit):hover{background:rgba(229,181,97,.09)!important;}
  body.dupla-sertaneja-layout .nav-cta{display:none!important;}
  body.dupla-sertaneja-layout .nav-mobile-presskit{display:flex!important;justify-content:center!important;margin-top:8px!important;padding:16px!important;border-radius:18px!important;background:#d7a54f!important;color:#170f08!important;text-decoration:none!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase!important;}
  body.dupla-sertaneja-layout .hero-duo-artist{max-width:64vw!important;max-height:calc(100svh - var(--hero-menu-safe))!important;}
}

@media(max-width:760px){
  :root{--hero-menu-safe:78px;}
  body.dupla-sertaneja-layout .hero,
  body.dupla-sertaneja-layout .hero--duo-scroll{min-height:100svh!important;height:100svh!important;}
  body.dupla-sertaneja-layout .hero-duo-layer{top:var(--hero-menu-safe)!important;}
  body.dupla-sertaneja-layout .hero-duo-artist{max-width:78vw!important;max-height:calc(100svh - var(--hero-menu-safe) - 1px)!important;}
  body.dupla-sertaneja-layout .hero-duo-artist--left{
    left:var(--duo-left-x-mobile,31%)!important;
    bottom:clamp(-16vh,calc((100 - var(--duo-left-y-mobile-num,100)) * .34vh),12vh)!important;
    transform:translateX(calc(-155% + var(--gate-progress,1) * 105%)) scale(var(--duo-left-scale-mobile,.82))!important;
  }
  body.dupla-sertaneja-layout .hero-duo-artist--right{
    left:var(--duo-right-x-mobile,69%)!important;
    bottom:clamp(-16vh,calc((100 - var(--duo-right-y-mobile-num,100)) * .34vh),12vh)!important;
    transform:translateX(calc(55% - var(--gate-progress,1) * 105%)) scale(var(--duo-right-scale-mobile,.82))!important;
  }
  body:not(.gate-loader-active).dupla-sertaneja-layout .hero-duo-artist--left{transform:translateX(-50%) scale(var(--duo-left-scale-mobile,.82))!important;}
  body:not(.gate-loader-active).dupla-sertaneja-layout .hero-duo-artist--right{transform:translateX(-50%) scale(var(--duo-right-scale-mobile,.82))!important;}
  body.dupla-sertaneja-layout .hero-new-music{top:60%!important;}
}