.elementor-344 .elementor-element.elementor-element-9c238d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS */html, body {
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	touch-action: none;
  }

  body.scroll-lock {
	height: 100vh;
	overflow: hidden;
  }

  .scroll-wrapper {
	transition: transform 0.6s ease-out;
	will-change: transform;
	display: flex;
	flex-direction: column;
	height: auto;
  }

  .scroll-section {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
  }

  /* Navegação lateral */
  .section_navigation {
	position: fixed;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999;
	display: flex;
	flex-direction: column;
	gap: 14px;
	align-items: flex-end;
	pointer-events: auto;
  }

  .sec_button {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #A7A7A7;
	transition: all 0.3s ease;
	cursor: pointer;
  }

  .sec_button.active {
	background-color: #F0EEE4;
	transform: scale(1.2);
  }

  /* Ajustes para mobile */
  @media (max-width: 768px) {
	.section_navigation {
  	right: 10px;
  	gap: 12px;
	}

	.sec_button {
  	width: 12px;
  	height: 12px;
	}
  }/* End custom CSS */