.elementor-2479 .elementor-element.elementor-element-aceb943{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--overlay-opacity:1;border-style:none;--border-style:none;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2479 .elementor-element.elementor-element-aceb943:not(.elementor-motion-effects-element-type-background), .elementor-2479 .elementor-element.elementor-element-aceb943 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://garciadesigner.com.br/wp-content/uploads/2025/05/Group-112-2.png");background-position:top center;background-repeat:no-repeat;}.elementor-2479 .elementor-element.elementor-element-aceb943::before, .elementor-2479 .elementor-element.elementor-element-aceb943 > .elementor-background-video-container::before, .elementor-2479 .elementor-element.elementor-element-aceb943 > .e-con-inner > .elementor-background-video-container::before, .elementor-2479 .elementor-element.elementor-element-aceb943 > .elementor-background-slideshow::before, .elementor-2479 .elementor-element.elementor-element-aceb943 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2479 .elementor-element.elementor-element-aceb943 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2479 .elementor-element.elementor-element-d673350 .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:56px;font-weight:600;line-height:1.2;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2479 .elementor-element.elementor-element-b9858a8{column-gap:0px;text-align:center;font-family:"Satoshi", Sans-serif;font-size:20px;font-weight:400;line-height:0.6em;color:#E2E9FFA6;}.elementor-2479 .elementor-element.elementor-element-d812d46{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2479 .elementor-element.elementor-element-b9f0c32{--grid-template-columns:repeat(0, auto);--grid-column-gap:25px;}.elementor-2479 .elementor-element.elementor-element-b9f0c32 .elementor-widget-container{text-align:center;}.elementor-2479 .elementor-element.elementor-element-b9f0c32 .elementor-social-icon{background-color:#04040C00;border-style:solid;border-width:1px 1px 0px 0px;border-color:#E2E9FF36;}.elementor-2479 .elementor-element.elementor-element-b9f0c32 .elementor-social-icon i{color:#E2E9FFBF;}.elementor-2479 .elementor-element.elementor-element-b9f0c32 .elementor-social-icon svg{fill:#E2E9FFBF;}.elementor-2479 .elementor-element.elementor-element-b9f0c32 .elementor-social-icon:hover i{color:var( --e-global-color-secondary );}.elementor-2479 .elementor-element.elementor-element-b9f0c32 .elementor-social-icon:hover svg{fill:var( --e-global-color-secondary );}.elementor-2479 .elementor-element.elementor-element-b9f0c32 .elementor-social-icon:hover{border-color:var( --e-global-color-secondary );}.elementor-2479 .elementor-element.elementor-element-4abbb25{font-family:"Satoshi", Sans-serif;font-size:18px;font-weight:400;color:#E2E9FF;}.elementor-2479 .elementor-element.elementor-element-f0e56fc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-2479 .elementor-element.elementor-element-aceb943{--min-height:100vh;--justify-content:center;--margin-top:-48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2479 .elementor-element.elementor-element-d673350{text-align:center;}.elementor-2479 .elementor-element.elementor-element-d673350 .elementor-heading-title{font-size:36px;line-height:1.0;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-2479 .elementor-element.elementor-element-b9858a8{text-align:center;font-size:18px;}.elementor-2479 .elementor-element.elementor-element-d812d46{--width:100%;}.elementor-2479 .elementor-element.elementor-element-b9f0c32{width:100%;max-width:100%;--grid-column-gap:15px;}.elementor-2479 .elementor-element.elementor-element-b9f0c32 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for heading, class: .elementor-element-d673350 */.elementor-2479 .elementor-element.elementor-element-d673350 {
  display: inline-block;
  -webkit-mask-image: linear-gradient(115deg, #fff 34.32%, hsla(0, 0%, 100%, 0) 95.17%);
  mask-image: linear-gradient(115deg, #fff 34.32%, hsla(0, 0%, 100%, 0) 95.17%);
  -webkit-mask-size: 100%;
  mask-size: 105%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e5c802c */*,
*:after,
*:before {
	box-sizing: border-box;
}
:root {
	--transition: 0.25s;
	--spark: 1.8s;
}

body {
	/*--active: 0;*/
	/*background-color: #fff; */
	/*place-items: center;*/
	/*min-height: 100vh;*/
    font-family: "Satoshi", Sans-serif;
    font-weight: 600;
	transition: background-color var(--transition);
	overflow: hidden;
}

body:has(button:is(:hover, :focus-visible)) {
	background-color: #070708;
}

button {
	--cut: 0.1em;
	--active: 0;
	--bg:
		radial-gradient(
			40% 50% at center 100%,
			hsl(270 calc(var(--active) * 97%) 72% / var(--active)),
			transparent
		),
		radial-gradient(
			80% 100% at center 120%,
			hsl(260 calc(var(--active) * 97%) 70% / var(--active)),
			transparent
		),
		hsl(260 calc(var(--active) * 97%) calc((var(--active) * 44%) + 12%));
	background: var(--bg);
	font-size: 2rem;
	font-weight: 500;
	border: 0;
	cursor: pointer;
	padding: 0.9em 1.3em;
	display: flex;
	align-items: center;
	gap: 0.25em;
	white-space: nowrap;
	border-radius: 100px;
	position: relative;
	box-shadow:
		0 0 calc(var(--active) * 6em) calc(var(--active) * 3em) hsl(260 97% 61% / 0.75),
		0 0.05em 0 0 hsl(260 calc(var(--active) * 97%) calc((var(--active) * 50%) + 30%)) inset,
		0 -0.05em 0 0 hsl(260 calc(var(--active) * 97%) calc(var(--active) * 60%)) inset;
	transition: box-shadow var(--transition), scale var(--transition), background var(--transition);
	scale: calc(1 + (var(--active) * 0.1));
}

button:active {
  scale: 1;
}

svg {
	overflow: visible !important;
}

.sparkle path {
	color: hsl(0 0% calc((var(--active, 0) * 70%) + var(--base)));
	transform-box: fill-box;
	transform-origin: center;
	fill: currentColor;
	stroke: currentColor;
	animation-delay: calc((var(--transition) * 1.5) + (var(--delay) * 1s));
	animation-duration: 0.6s;
	transition: color var(--transition);
}

button:is(:hover, :focus-visible) path {
	animation-name: bounce;
}

@keyframes bounce {
	35%, 65% {
		scale: var(--scale);
	}
}
.sparkle path:nth-of-type(1) {
	--scale: 0.5;
	--delay: 0.1;
	--base: 40%;
}

.sparkle path:nth-of-type(2) {
	--scale: 1.5;
	--delay: 0.2;
	--base: 20%;
}

.sparkle path:nth-of-type(3) {
	--scale: 2.5;
	--delay: 0.35;
	--base: 30%;
}

button:before {
	content: "";
	position: absolute;
	inset: -0.25em;
	z-index: -1;
	border: 0.25em solid hsl(260 97% 50% / 0.5);
	border-radius: 100px;
	opacity: var(--active, 0);
	transition: opacity var(--transition);
}

.spark {
	position: absolute;
	inset: 0;
	border-radius: 100px;
	rotate: 0deg;
	overflow: hidden;
	mask: linear-gradient(white, transparent 50%);
	animation: flip calc(var(--spark) * 2) infinite steps(2, end);
}

@keyframes flip {
	to {
		rotate: 360deg;
	}
}

.spark:before {
	content: "";
	position: absolute;
	width: 200%;
	aspect-ratio: 1;
	top: 0%;
	left: 50%;
	z-index: -1;
	translate: -50% -15%;
	rotate: 0;
	transform: rotate(-90deg);
	opacity: calc((var(--active)) + 0.4);
	background: conic-gradient(
		from 0deg,
		transparent 0 340deg,
		white 360deg
	);
	transition: opacity var(--transition);
	animation: rotate var(--spark) linear infinite both;
}

.spark:after {
	content: "";
	position: absolute;
	inset: var(--cut);
	border-radius: 100px;
}

.backdrop {
	position: absolute;
	inset: var(--cut);
	background: var(--bg);
	border-radius: 100px;
	transition: background var(--transition);
}

@keyframes rotate {
	to {
		transform: rotate(90deg);
	}
}

[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    color: #fff;
    background-color: #601CF2;
    text-decoration: none;
}



@supports(.elementor-2479 .elementor-element.elementor-element-e5c802c(:has(:is(+ *)))) {
	body:has(button:is(:hover, :focus-visible)) {
		--active: 1;
		--play-state: running;
	}
	.bodydrop {
		display: none;
	}
}

button:is(:hover, :focus-visible) ~ :is(.bodydrop, .particle-pen) {
	--active: 1;
	--play-state: runnin;
}

.bodydrop {
	background-color: #070708;
	position: fixed;
	inset: 0;
	z-index: -1;
}



button:is(:hover, :focus-visible) {
	--active: 1;
	--play-state: running;
}


.sparkle-button {
	position: relative;
}

.particle-pen {
	position: absolute;
	width: 200%;
	aspect-ratio: 1;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	-webkit-mask: radial-gradient(white, transparent 65%);
	z-index: -1;
	opacity: var(--active, 0);
	transition: opacity var(--transition);
}

.particle {
	fill: white;
	width: calc(var(--size, 0.25) * 1rem);
	aspect-ratio: 1;
	position: absolute;
	top: calc(var(--y) * 1%);
	left: calc(var(--x) * 1%);
	opacity: var(--alpha, 1);
	animation: float-out calc(var(--duration, 1) * 1s) calc(var(--delay) * -1s) infinite linear;
	transform-origin: var(--origin-x, 1000%) var(--origin-y, 1000%);
	z-index: -1;
	animation-play-state: var(--play-state, paused);
}

.particle path {
	fill: hsl(0 0% 90%);
	stroke: none;
}

.particle:nth-of-type(even) {
	animation-direction: reverse;
}

@keyframes float-out {
	to {
		rotate: 360deg;
	}
}

.text {
	translate: 2% -6%;
	letter-spacing: 0.01ch;
	background: linear-gradient(90deg, hsl(0 0% calc((var(--active) * 100%) + 65%)), hsl(0 0% calc((var(--active) * 100%) + 26%)));
	-webkit-background-clip: text;
	color: transparent;
	transition: background var(--transition);
}

button svg {
	inline-size: 1.25em;
	translate: -25% -5%;
}

button {
  max-width: 100%;
  transform-origin: center center;
  box-sizing: border-box;
  overflow: hidden;
  word-break: break-word;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4abbb25 */.elementor-2479 .elementor-element.elementor-element-4abbb25 a{
    color: #E2E9FFA6!important;
}

.elementor-2479 .elementor-element.elementor-element-4abbb25 a:hover{
    color: #E2E9FF!important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0e56fc */.arrow-button {
  all: unset;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  border: 1px solid #E2E9FF36;
  border-radius: 60px;
  background-color: transparent;
  cursor: pointer;
  overflow: hidden;
  font-family: "Open Sans", sans-serif;
}


.arrow-icon {
  width: 40px;
  height: 40px;
  border-radius: 600%;
  background: transparent;
  stroke: #E2E9FFA6;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  transform: rotate(-45deg);
  transition: transform 0.3s ease; 
}

.arrow-icon .path-1,
.arrow-icon .path-2 {
  stroke: #E2E9FFA6; /* Altere para a cor desejada */
  stroke-width: 2;
  fill: none;
}/* End custom CSS */