/* Integração Como Chegar no front-site (menu/rodapé DPNY) */
.como-chegar-page-root {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  overflow-x: clip;
}

@media (max-width: 1024px) {
  .como-chegar-page-root {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}

/*
  Menu do topo (.site-topo-header) — não confundir com .desktopMenu/.mobileMenu do rodapé.
  z-index acima do mapa sticky da jornada (até 200 no CSS da landing).
*/
body:has(.como-chegar-page-root) .site-topo-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1200 !important;
}

/*
  overflow-x:clip no .como-chegar-journey força overflow-y:auto e cria scrollport —
  position:sticky deixa de ser em relação à viewport.
*/
body:has(.como-chegar-page-root) .como-chegar-journey {
  overflow: visible !important;
}

@media (max-width: 1024px) {
  .como-chegar-journey {
    --como-chegar-site-header-offset: 70px;
  }

  body:has(.como-chegar-page-root) .como-chegar-journey .scrolly_map_sticky {
    top: var(--como-chegar-site-header-offset) !important;
    z-index: 80 !important;
  }

  body:has(.como-chegar-page-root) .como-chegar-journey .luxury_chapter_stepper {
    top: var(--como-chegar-site-header-offset) !important;
    z-index: 75 !important;
  }

  body:has(.como-chegar-page-root) .como-chegar-journey .dpny_journey_player_dock {
    z-index: 70 !important;
  }
}