.elementor-7722 .elementor-element.elementor-element-a7017fa{--display:flex;--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;--align-items:center;--background-transition:0.3s;--overlay-opacity:0;border-style:solid;--border-style:solid;border-color:#CC002847;--border-color:#CC002847;--border-radius:29px 29px 29px 29px;--padding-top:38px;--padding-bottom:38px;--padding-left:38px;--padding-right:38px;}.elementor-7722 .elementor-element.elementor-element-a7017fa:not(.elementor-motion-effects-element-type-background), .elementor-7722 .elementor-element.elementor-element-a7017fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://legitxit.com.br/wp-content/uploads/2026/06/BG-1.webp");background-position:top center;background-size:cover;}.elementor-7722 .elementor-element.elementor-element-a7017fa::before, .elementor-7722 .elementor-element.elementor-element-a7017fa > .elementor-background-video-container::before, .elementor-7722 .elementor-element.elementor-element-a7017fa > .e-con-inner > .elementor-background-video-container::before, .elementor-7722 .elementor-element.elementor-element-a7017fa > .elementor-background-slideshow::before, .elementor-7722 .elementor-element.elementor-element-a7017fa > .e-con-inner > .elementor-background-slideshow::before, .elementor-7722 .elementor-element.elementor-element-a7017fa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-7722 .elementor-element.elementor-element-a7017fa, .elementor-7722 .elementor-element.elementor-element-a7017fa::before{--border-transition:0.3s;}.elementor-7722 .elementor-element.elementor-element-a7017fa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-7722 .elementor-element.elementor-element-4ad1e39{width:var( --container-widget-width, 46% );max-width:46%;--container-widget-width:46%;--container-widget-flex-grow:0;text-align:center;}.elementor-7722 .elementor-element.elementor-element-4ad1e39 > .elementor-widget-container{margin:13px 0px 9px 0px;}.elementor-7722 .elementor-element.elementor-element-4ad1e39.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7722 .elementor-element.elementor-element-4ad1e39 .elementor-heading-title{color:var( --e-global-color-341c737 );font-family:"S27", Sans-serif;font-size:52px;font-weight:500;line-height:49px;letter-spacing:-0.4px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7722 .elementor-element.elementor-element-fe0aa97 .elementor-button{background-color:#000000;height:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"S27", Sans-serif;font-size:22px;font-weight:500;}.elementor-7722 .elementor-element.elementor-element-fe0aa97 .elementor-button:hover, .elementor-7722 .elementor-element.elementor-element-fe0aa97 .elementor-button:focus{color:#FFFFFF;}.elementor-7722 .elementor-element.elementor-element-fe0aa97 .elementor-button:hover svg, .elementor-7722 .elementor-element.elementor-element-fe0aa97 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-7722 .elementor-element.elementor-element-276751f .elementor-button{background-color:#000000;height:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"S27", Sans-serif;font-size:22px;font-weight:500;}.elementor-7722 .elementor-element.elementor-element-276751f .elementor-button:hover, .elementor-7722 .elementor-element.elementor-element-276751f .elementor-button:focus{color:#FFFFFF;}.elementor-7722 .elementor-element.elementor-element-276751f .elementor-button:hover svg, .elementor-7722 .elementor-element.elementor-element-276751f .elementor-button:focus svg{fill:#FFFFFF;}#elementor-popup-modal-7722 .dialog-widget-content{background-color:#02010100;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-7722{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-7722 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-7722 .dialog-close-button{display:flex;}@media(max-width:767px){.elementor-7722 .elementor-element.elementor-element-a7017fa:not(.elementor-motion-effects-element-type-background), .elementor-7722 .elementor-element.elementor-element-a7017fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://legitxit.com.br/wp-content/uploads/2026/06/BG-1.webp");}.elementor-7722 .elementor-element.elementor-element-a7017fa{--width:324px;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:5px 5px 5px 5px;}.elementor-7722 .elementor-element.elementor-element-4ad1e39 > .elementor-widget-container{margin:1px 1px 1px 1px;}.elementor-7722 .elementor-element.elementor-element-4ad1e39{--container-widget-width:357px;--container-widget-flex-grow:0;width:var( --container-widget-width, 357px );max-width:357px;}.elementor-7722 .elementor-element.elementor-element-4ad1e39 .elementor-heading-title{font-size:44px;line-height:39px;}.elementor-7722 .elementor-element.elementor-element-fe0aa97 .elementor-button{width:257px;}.elementor-7722 .elementor-element.elementor-element-276751f .elementor-button{width:257px;}}/* Start custom CSS for button, class: .elementor-element-fe0aa97 */.botao-mascara .elementor-button {
  position: relative; /* base para a camada de fundo */
  width: 300px;
  height: 60px;
  font-family: "S27", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 2px;
  border-radius: 0px;
  border: none;
  background: transparent; /* o fundo agora vem da camada ::before */
  color: white;
  overflow: hidden; /* mantém a máscara dentro das bordas arredondadas */
  z-index: 0;
}

/* Camada de FUNDO com a máscara animada (atrás do texto) */
.botao-mascara .elementor-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0px;
  z-index: -1; /* fica atrás do texto */

  background: linear-gradient(90deg, rgb(204, 0, 40) 0%, rgb(255, 51, 89) 100%);

  mask-image: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
  -webkit-mask-image: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
  mask-size: 2300% 100%;
  -webkit-mask-size: 2300% 100%;
  mask-position: 0% 0%;
  -webkit-mask-position: 0% 0%;
}

/* Anima só o FUNDO (::before), nunca o texto */
.botao-mascara .elementor-button:hover::before {
  animation: mascaraNativa .7s steps(22) forwards;
}
.botao-mascara .elementor-button:not(:hover)::before {
  animation: mascaraNativaInverso .7s steps(22) forwards;
}

@keyframes mascaraNativa {
  0% { mask-position: 0% 0%; }
  100% { mask-position: 100% 0%; }
}
@keyframes mascaraNativaInverso {
  0% { mask-position: 100% 0%; }
  100% { mask-position: 0% 0%; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-276751f */.botao-mascara .elementor-button {
  position: relative; /* base para a camada de fundo */
  width: 300px;
  height: 60px;
  font-family: "S27", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 2px;
  border-radius: 0px;
  border: none;
  background: transparent; /* o fundo agora vem da camada ::before */
  color: white;
  overflow: hidden; /* mantém a máscara dentro das bordas arredondadas */
  z-index: 0;
}

/* Camada de FUNDO com a máscara animada (atrás do texto) */
.botao-mascara .elementor-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0px;
  z-index: -1; /* fica atrás do texto */

  background: linear-gradient(90deg, rgb(204, 0, 40) 0%, rgb(255, 51, 89) 100%);

  mask-image: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
  -webkit-mask-image: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
  mask-size: 2300% 100%;
  -webkit-mask-size: 2300% 100%;
  mask-position: 0% 0%;
  -webkit-mask-position: 0% 0%;
}

/* Anima só o FUNDO (::before), nunca o texto */
.botao-mascara .elementor-button:hover::before {
  animation: mascaraNativa .7s steps(22) forwards;
}
.botao-mascara .elementor-button:not(:hover)::before {
  animation: mascaraNativaInverso .7s steps(22) forwards;
}

@keyframes mascaraNativa {
  0% { mask-position: 0% 0%; }
  100% { mask-position: 100% 0%; }
}
@keyframes mascaraNativaInverso {
  0% { mask-position: 100% 0%; }
  100% { mask-position: 0% 0%; }
}/* End custom CSS */
/* Start custom CSS */html, body{
width: 100%;
overflow-x: hidden;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'S27';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://legitxit.com.br/wp-content/uploads/2026/06/CHINESE-ROCKS-RG.ttf') format('truetype');
}
/* End Custom Fonts CSS */