/* 056 — restaura altura completa do Hero e garante o scrub antes da próxima seção
   Corrige o corte causado pela 055 no desktop, mantendo o mobile aprovado. */

@media (min-width: 769px) {
  main > .hero-stage.hero-stage--scrub-fixed,
  main > .hero-stage.hero-stage--scrub-fixed.hero-stage--desktop-tight,
  main > .hero-stage.hero-stage--scrub-fixed.has-scroll-video,
  main > .hero-stage.hero-stage--scrub-fixed.hero-stage--flush-marquee {
    display: block !important;
    position: relative !important;
    height: var(--hero-scrub-stage-height, 360svh) !important;
    min-height: var(--hero-scrub-stage-height, 360svh) !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #050705 !important;
  }

  main > .hero-stage.hero-stage--scrub-fixed > .hero,
  main > .hero-stage.hero-stage--scrub-fixed.hero-stage--desktop-tight > .hero,
  main > .hero-stage.hero-stage--scrub-fixed.has-scroll-video > .hero,
  main > .hero-stage.hero-stage--scrub-fixed.hero-stage--flush-marquee > .hero {
    position: sticky !important;
    top: 0 !important;
    inset: auto !important;
    width: 100% !important;
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: none !important;
    margin: 0 !important;
    padding-top: 0 !important;
    overflow: hidden !important;
    background: #050705 !important;
    border-radius: 0 !important;
    clip-path: none !important;
    transform: none !important;
    isolation: isolate !important;
  }

  main > .hero-stage.hero-stage--scrub-fixed .hero-art,
  main > .hero-stage.hero-stage--scrub-fixed .hero-scroll-video,
  main > .hero-stage.hero-stage--scrub-fixed .hero--scroll-video .hero-scroll-video,
  main > .hero-stage.hero-stage--scrub-fixed .hero--scroll-video.hero-has-scrolled .hero-scroll-video {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100svh !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    filter: none !important;
  }

  main > .hero-stage.hero-stage--scrub-fixed .hero-scroll-video {
    opacity: 0 !important;
    z-index: 0 !important;
  }

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

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

  main > .hero-stage.hero-stage--scrub-fixed .hero::before,
  main > .hero-stage.hero-stage--scrub-fixed .hero::after {
    pointer-events: none !important;
  }

  main > .hero-stage.hero-stage--scrub-fixed .hero > *:not(.hero-art):not(.hero-scroll-video) {
    position: relative;
    z-index: 2;
  }

  main > .hero-stage.hero-stage--scrub-fixed::after {
    display: none !important;
    content: none !important;
  }

  main > .hero-stage.hero-stage--scrub-fixed + .marquee {
    position: relative !important;
    z-index: 12 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    clear: both !important;
  }

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

  main > .hero-stage.hero-stage--scrub-fixed.hero-scroll-complete > .hero {
    position: sticky !important;
  }
}

@media (max-width: 768px) {
  /* Mobile permanece intocado. */
}