/* ==========================================================================
   ABOUT PAGE SNAP SCROLL (/sobre)
   ==========================================================================
   Ativa scroll-snap apenas quando html.about-page-active estiver presente.
*/

html.about-page-active,
html.about-page-active body {
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
}

/* Wrapper principal da página /sobre */
html.about-page-active .about-page-wrapper {
  scroll-snap-type: y mandatory;
}

/* Cada seção “encaixa” no viewport */
html.about-page-active .about-page-wrapper > section {
  scroll-snap-align: center;
  scroll-snap-stop: always;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Hero já considera header height: não forçar min-height 100vh */
html.about-page-active .about-page-wrapper > section.about-hero {
  min-height: calc(100vh - var(--header-height, 85px));
}

/* Respeitar acessibilidade */
@media (prefers-reduced-motion: reduce) {
  html.about-page-active,
  html.about-page-active body {
    scroll-behavior: auto;
  }
}