body.elementor-page-12:not(.elementor-motion-effects-element-type-background), body.elementor-page-12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3D3C3C;}html{height:100vh;margin:0;overflow:hidden;}body{height:100vh;overflow:auto;scroll-snap-type:y mandatory;}:root{--page-title-display:none;}body.elementor-page-12{margin:45px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}@media(max-width:1024px){.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:767px){body.elementor-page-12{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}/* Start custom CSS */{
  height: auto !important;
  min-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* 2. Mantém a estrutura flexível sem travar na tela */
.elementor, 
.elementor-inner, 
.elementor-section-wrap {
  height: auto !important;
  min-height: 100% !important;
}

/* 3. Aplica margens de segurança para o topo (cabeçalho) e base (rodapé) */
body {
  padding-top: max(20px, env(safe-area-inset-top)) !important;
  padding-bottom: max(60px, env(safe-area-inset-bottom)) !important;
}/* End custom CSS */