/*
  QA FIX 2026-06-04 — Navegação e conteúdo visível.
  Objetivo: garantir que cada item de menu leve para uma seção existente e visível,
  mesmo quando o navegador bloqueia/atrasa animações, quando a página é aberta por rota
  direta ou quando o site é publicado em hospedagem simples via FileZilla.
*/
html {
  scroll-behavior: smooth;
  scroll-padding-top: clamp(6.8rem, 9vw, 8.8rem) !important;
}

body.gentill-mob-page {
  min-height: 100dvh;
  overflow-x: hidden !important;
}

.gentill-mob-header {
  isolation: isolate;
  contain: layout paint style;
}

.gentill-mob-main section[id],
main.gentill-mob-main section[id] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  min-height: auto;
  scroll-margin-top: clamp(7rem, 10vw, 9rem) !important;
}

.gentill-mob-main section[id] > *,
main.gentill-mob-main section[id] > * {
  visibility: visible !important;
}

/* O conteúdo não pode depender de reveal/IntersectionObserver para existir visualmente. */
.gentill-mob-main [data-reveal],
.gentill-mob-main .gentill-revealed,
.gentill-mob-main .is-visible,
.gentill-mob-footer [data-reveal] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
  clip-path: none !important;
}

.gentill-mob-nav a[aria-current="page"],
.gentill-mob-nav-menu-panel a[aria-current="page"] {
  color: #fff !important;
  border-color: rgba(155, 246, 91, 0.36) !important;
  background: rgba(155, 246, 91, 0.09) !important;
}

.gentill-mob-nav-menu[open] .gentill-mob-nav-menu-panel {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

@media (max-width: 720px) {
  html {
    scroll-padding-top: 7.4rem !important;
  }

  .gentill-mob-main section[id],
  main.gentill-mob-main section[id] {
    scroll-margin-top: 7.4rem !important;
  }

  .gentill-mob-nav-menu-panel {
    max-height: calc(100dvh - 7rem);
    overflow-y: auto;
  }
}