/* 057 — Hero desktop sem vão preto + scrub até o último frame
   Esta camada neutraliza o ajuste alto demais da 056 sem mexer no mobile. */

@media (min-width: 769px) {
  html, body {
    scroll-behavior: auto !important;
  }

  body main > .hero-stage.hero-stage--scrub-locked,
  body main > .hero-stage.hero-stage--scrub-fixed.hero-stage--scrub-locked,
  body main > .hero-stage.has-scroll-video.hero-stage--scrub-locked {
    display: block !important;
    position: relative !important;
    height: var(--rodagem-hero-stage-height, 250svh) !important;
    min-height: var(--rodagem-hero-stage-height, 250svh) !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #050705 !important;
    overflow-anchor: none !important;
  }

  body main > .hero-stage.hero-stage--scrub-locked > .hero,
  body main > .hero-stage.hero-stage--scrub-fixed.hero-stage--scrub-locked > .hero,
  body main > .hero-stage.has-scroll-video.hero-stage--scrub-locked > .hero {
    display: block !important;
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: 100svh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #050705 !important;
    border-radius: 0 !important;
    clip-path: none !important;
    transform: none !important;
    box-shadow: none !important;
    z-index: 2 !important;
    isolation: isolate !important;
  }

  body main > .hero-stage.hero-stage--scrub-locked .hero-art,
  body main > .hero-stage.hero-stage--scrub-locked .hero-scroll-video,
  body main > .hero-stage.hero-stage--scrub-locked .hero--scroll-video .hero-scroll-video,
  body main > .hero-stage.hero-stage--scrub-locked .hero--scroll-video.hero-has-scrolled .hero-scroll-video {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: 100svh !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transform: none !important;
    filter: none !important;
    pointer-events: none !important;
  }

  body main > .hero-stage.hero-stage--scrub-locked .hero-art {
    opacity: 1 !important;
    z-index: 0 !important;
  }

  body main > .hero-stage.hero-stage--scrub-locked .hero-scroll-video {
    opacity: 0 !important;
    z-index: 1 !important;
    background: #050705 !important;
  }

  body main > .hero-stage.hero-stage--scrub-locked .hero-scroll-video.is-video-ready {
    opacity: 1 !important;
  }

  body main > .hero-stage.hero-stage--scrub-locked .hero--scroll-video:has(.hero-scroll-video.is-video-ready) .hero-art {
    opacity: 0 !important;
  }

  body main > .hero-stage.hero-stage--scrub-locked .hero::before,
  body main > .hero-stage.hero-stage--scrub-locked .hero::after,
  body main > .hero-stage.hero-stage--scrub-locked::after {
    display: none !important;
    content: none !important;
  }

  body main > .hero-stage.hero-stage--scrub-locked .hero > *:not(.hero-art):not(.hero-scroll-video) {
    position: relative !important;
    z-index: 3 !important;
  }

  body main > .hero-stage.hero-stage--scrub-locked + .marquee {
    position: relative !important;
    top: auto !important;
    z-index: 20 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    transform: none !important;
    clear: both !important;
  }

  body main > .hero-stage.hero-stage--scrub-locked + .marquee + .music.section,
  body main > .hero-stage.hero-stage--scrub-locked + .marquee + #music {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  /* Mobile mantido como está, pois já foi aprovado. */
}