.elementor-2188 .elementor-element.elementor-element-21b18d6{--display:flex;--min-height:100vh;--justify-content:center;}.elementor-2188 .elementor-element.elementor-element-21b18d6:not(.elementor-motion-effects-element-type-background), .elementor-2188 .elementor-element.elementor-element-21b18d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B1B1B;}.elementor-2188 .elementor-element.elementor-element-c228b6a.elementor-element{--align-self:center;}.elementor-2188 .elementor-element.elementor-element-c7fdcce{--display:flex;--min-height:400px;--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:center;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-2188 .elementor-element.elementor-element-add0349 .elementor-button{background-color:#4830E800;font-family:"Albert Sans", Sans-serif;font-weight:700;text-transform:uppercase;padding:20px 20px 20px 20px;}.elementor-2188 .elementor-element.elementor-element-add0349.elementor-element{--align-self:center;}.elementor-2188 .elementor-element.elementor-element-add0349 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2188 .elementor-element.elementor-element-add0349 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2188 .elementor-element.elementor-element-0f45dc8{--display:flex;--min-height:400px;--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:center;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-2188 .elementor-element.elementor-element-444acd7.elementor-element{--align-self:center;}.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button{font-family:"DM Sans", Sans-serif;font-weight:700;letter-spacing:2px;padding:24px 24px 24px 24px;}.elementor-2188 .elementor-element.elementor-element-b7d6a87{--display:flex;--min-height:400px;--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:center;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-2188 .elementor-element.elementor-element-f94ead0.elementor-element{--align-self:center;}.elementor-2188 .elementor-element.elementor-element-f94ead0 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2188 .elementor-element.elementor-element-f94ead0 .elementor-button{font-family:"DM Sans", Sans-serif;font-weight:700;letter-spacing:2px;padding:24px 24px 24px 24px;}.elementor-2188 .elementor-element.elementor-element-0d7f236{--display:flex;--min-height:400px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-2188 .elementor-element.elementor-element-52ef6a3.elementor-element{--align-self:center;}.elementor-2188 .elementor-element.elementor-element-52ef6a3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2188 .elementor-element.elementor-element-52ef6a3 .elementor-button{font-family:"DM Sans", Sans-serif;font-weight:700;letter-spacing:2px;padding:24px 24px 24px 24px;}.elementor-2188 .elementor-element.elementor-element-e573fbd{--display:flex;--min-height:400px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-2188 .elementor-element.elementor-element-2371b73.elementor-element{--align-self:center;}.elementor-2188 .elementor-element.elementor-element-2371b73 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2188 .elementor-element.elementor-element-2371b73 .elementor-button{font-family:"DM Sans", Sans-serif;font-weight:700;letter-spacing:2px;padding:24px 24px 24px 24px;}.elementor-2188 .elementor-element.elementor-element-b0abe9f{--display:flex;--min-height:400px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2188 .elementor-element.elementor-element-7ca0ab4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2188 .elementor-element.elementor-element-58c98d2 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:4px;fill:#000000;color:#000000;}.elementor-2188 .elementor-element.elementor-element-bb6c773{padding:0px 0px 0px 0px;}.elementor-2188 .elementor-element.elementor-element-a9eebcf{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-2188 .elementor-element.elementor-element-2569c1c.elementor-element{--align-self:center;}.elementor-2188 .elementor-element.elementor-element-2569c1c .elementor-button-content-wrapper{flex-direction:row;}.elementor-2188 .elementor-element.elementor-element-2569c1c .elementor-button{font-family:"DM Sans", Sans-serif;font-weight:700;letter-spacing:2px;padding:17px 32px 17px 32px;}@media(max-width:1366px){.elementor-2188 .elementor-element.elementor-element-58c98d2 .elementor-button{font-size:16px;}}@media(max-width:767px){.elementor-2188 .elementor-element.elementor-element-add0349{width:100%;max-width:100%;}.elementor-2188 .elementor-element.elementor-element-add0349.elementor-element{--align-self:stretch;}.elementor-2188 .elementor-element.elementor-element-add0349 .elementor-button{padding:20px 10px 20px 10px;}.elementor-2188 .elementor-element.elementor-element-58c98d2 .elementor-button{font-size:14px;}}/* Start custom CSS for html, class: .elementor-element-c228b6a *//* Estilo geral do container e dos botões */
.menu-container {
    position: relative;
    display: inline-block;
}

.opcoes-secundarias {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: column;
    gap: 10px;
    padding: 15px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 100;
    white-space: nowrap;
}

.menu-container:hover .opcoes-secundarias {
    display: flex;
}

/* --- EFEITO DO BOTÃO PRINCIPAL --- */

/* Estilo do botão principal */
.btn-principal {
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    text-decoration: none;
    padding: 15px 25px 15px 50px;
    border-radius: 10px;
    background-color: #5A3FFF; /* fundo roxo */
    border: none;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #ffffff; /* texto branco */
    overflow: hidden;
    transition: all 0.3s ease;
}

/* Bolinha que cresce e vira um quadrado */
.btn-principal::before {
    content: '';
    position: absolute;
    left: 21px;
    width: 15px; 
    height: 15px;
    background-color: #ffffff; /* bolinha branca */
    border-radius: 50%;
    transition: all 0.4s ease;
}


/* Seta "angle" que surge dentro do quadrado */
.btn-principal::after {
    content: '';
    position: absolute;
    left: 19px;
    border: solid #ffffff; /* seta branca */
    border-width: 0 2.5px 2.5px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    opacity: 0;
    transition: all 0.4s ease;
    
}

/* Efeito no hover */
.btn-principal:hover {
    background-color: #4A2FCC; /* roxo mais escuro */
    color: #ffffff; /* mantém texto branco */
}

/* Efeito no texto do botão */
.btn-principal .elementor-button-text {
    transition: all 0.3s ease;
}

.btn-principal:hover .elementor-button-text {
    transform: scale (1.05); /* Faz o texto crescer 5% */
}

.btn-principal:hover::before {
    width: 32px; 
    height: 32px;
    border-radius: 8px;
    left: 9px;
    background-color: #ffffff; /* quadrado branco */
    
}

.btn-principal:hover::after {
    opacity: 1;
    border-color: #5A3FFF; /* seta roxa dentro do quadrado branco */
}

/* --- Estilo dos botões secundários --- */
.btn-secundario {
    display: inline-block;
    text-decoration: none;
    padding: 12px 25px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    background-color: #f0f0f0;
    color: #333;
    transition: background-color 0.3s ease;
    
}

.btn-secundario:hover {
    background-color: #e0e0e0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-add0349 */.elementor-2188 .elementor-element.elementor-element-add0349{
    border-radius: 15px;
border: 1px solid rgba(114, 93, 255, 0.20);
background: linear-gradient(103deg, rgba(72, 48, 232, 0.10) -22.52%, #3825B5 53.26%, rgba(40, 27, 130, 0.10) 129.05%);
box-shadow: 0px 15px 10px 0px rgba(72, 48, 232, 0.15);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-444acd7 *//* CSS Adaptado para Elementor com !important */
@import url("https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,500&display=swap");

:root {
  --shiny-cta-bg: #000000 !important;
  --shiny-cta-bg-subtle: #1a1818 !important;
  --shiny-cta-fg: #ffffff !important;
  --shiny-cta-highlight: blue !important;
  --shiny-cta-highlight-subtle: #8484ff !important;
}

@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@property --gradient-angle-offset {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@property --gradient-percent {
  syntax: "<percentage>";
  initial-value: 5%;
  inherits: false;
}

@property --gradient-shine {
  syntax: "<color>";
  initial-value: white;
  inherits: false;
}

.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button {
  --animation: gradient-angle linear infinite !important;
  --duration: 3s !important;
  --shadow-size: 2px !important;
  isolation: isolate !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
  outline-offset: 4px !important;
  padding: 1.25rem 2.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  line-height: 1.2 !important;
  border: 1px solid transparent !important;
  border-radius: 360px !important;
  color: var(--shiny-cta-fg) !important;
  background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
    conic-gradient(
      from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
      transparent,
      var(--shiny-cta-highlight) var(--gradient-percent),
      var(--gradient-shine) calc(var(--gradient-percent) * 2),
      var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
      transparent calc(var(--gradient-percent) * 4)
    ) border-box !important;
  box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle) !important;
  transition: 800ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine !important;
}

.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button::before,
.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button::after,
.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button span::before {
  content: "" !important;
  pointer-events: none !important;
  position: absolute !important;
  inset-inline-start: 50% !important;
  inset-block-start: 50% !important;
  translate: -50% -50% !important;
  z-index: -1 !important;
}

.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button::before {
  --size: calc(100% - var(--shadow-size) * 3) !important;
  --position: 2px !important;
  --space: calc(var(--position) * 2) !important;
  width: var(--size) !important;
  height: var(--size) !important;
  background: radial-gradient(
      circle at var(--position) var(--position),
      white calc(var(--position) / 4),
      transparent 0
    ) padding-box !important;
  background-size: var(--space) var(--space) !important;
  background-repeat: space !important;
  mask-image: conic-gradient(
    from calc(var(--gradient-angle) + 45deg),
    black,
    transparent 10% 90%,
    black
  ) !important;
  border-radius: inherit !important;
  opacity: 0.4 !important;
}

.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button::after {
  --animation: shimmer linear infinite !important;
  width: 100% !important;
  aspect-ratio: 1 !important;
  background: linear-gradient(
    -50deg,
    transparent,
    var(--shiny-cta-highlight),
    transparent
  ) !important;
  mask-image: radial-gradient(circle at bottom, transparent 40%, black) !important;
  opacity: 0.6 !important;
}

.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button span {
  z-index: 1 !important;
  position: relative !important;
}

.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button span::before {
  size: calc(100% + 1rem) !important;
  width: 230px !important;
  height: 90px !important;
  box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight) !important;
  opacity: 0 !important;
  transition: opacity 800ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button:hover,
.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button:focus-visible {
  --gradient-percent: 20% !important;
  --gradient-angle-offset: 95deg !important;
  --gradient-shine: var(--shiny-cta-highlight-subtle) !important;
}

.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button:hover span::before {
  opacity: 1 !important;
}

@keyframes gradient-angle {
  to {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  to {
    transform: rotate(360deg) !important;
  }
}

@keyframes breathe {
  50% {
    transform: scale(1.2) !important;
  }
}

/* Ativa animações */
.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button,
.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button::before,
.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button::after {
  animation: var(--animation) var(--duration),
    var(--animation) calc(var(--duration) / 0.4) reverse paused !important;
  animation-composition: add !important;
}

.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button:hover,
.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button:hover::before,
.elementor-2188 .elementor-element.elementor-element-444acd7 .elementor-button:hover::after {
  animation-play-state: running !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f94ead0 */.elementor-2188 .elementor-element.elementor-element-f94ead0 .elementor-button::after,
.elementor-2188 .elementor-element.elementor-element-f94ead0 .elementor-button::before{
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 25px;
    background: radial-gradient(51.07% 50.06% at 50.23% 25.21%, #FFF 0%, #CDDDF2 1%, #95B6E4 3%, #6796D9 5%, #437DD0 6%, #296CC9 8%, #1961C5 9%, #145DC4 10%, #104A9B 14%, #0C3877 19%, #092957 24%, #061C3B 29%, #0412258c 36%, #020a145e 43%, #0104091c 52%, #01010103 65%, #141a2900 100%);
    background-blend-mode: screen;
    mix-blend-mode: screen;
    transition: all ease 0.5s;
    pointer-events: none;
    filter: brightness(1.5) hue-rotate(0deg); /*altere as cores aqui nos valores do hue-rotate, que vão de 0 a 360deg*/
}

.elementor-2188 .elementor-element.elementor-element-f94ead0 .elementor-button::before {
    background: radial-gradient(50.05% 50.01% at 50.03% 49.57%, #FFF 0%, #CDDDF2 1%, #95B6E4 3%, #6796D9 5%, #437DD0 6%, #296CC9 8%, #1961C5 9%, #145DC4 10%, #104A9B 14%, #0C3877 19%, #092957 24%, #061C3B 29%, #041225 36%, #020A14 43%, #010409 52%, #000102 65%, #000 100%);
    width: 300%;
    height: 140px;
    top: -69px;
    opacity: 0.7;
}

.elementor-2188 .elementor-element.elementor-element-f94ead0 .elementor-button:hover {
    box-shadow: 0px 2px 0px 0px rgb(35 55 43 / 40%), inset 0px 110px 60px #56d3fc, inset 0px 30px 30px 0px #fff, 0px 0px 15px 0px rgb(255 255 255 / 30%), 0px 15px 45px -15px rgb(86 211 252 / 75%);
    border-color: #fff;
}

a:hover{
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-52ef6a3 */.elementor-2188 .elementor-element.elementor-element-52ef6a3{
    width: fit-content !important;
    overflow: hidden;
}

.elementor-2188 .elementor-element.elementor-element-52ef6a3 .elementor-button:hover::before {
  animation: brilho 0.8s linear;
}

.elementor-2188 .elementor-element.elementor-element-52ef6a3 .elementor-button::before {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: #ffffff;
  box-shadow: 0 0 30px 20px #ffffffaa;
  transform: skewX(-30deg);
  mix-blend-mode: plus-lighter;
}

@keyframes brilho {
  0% {
    opacity: 0;
    left: 0%;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    left: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2371b73 */.elementor-2188 .elementor-element.elementor-element-2371b73{
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

.elementor-2188 .elementor-element.elementor-element-2371b73 .elementor-button{
    transition: 0.5s;
    background: transparent !important;
}

.elementor-2188 .elementor-element.elementor-element-2371b73 .elementor-button-text,
.elementor-2188 .elementor-element.elementor-element-2371b73 .elementor-button-icon{
    position: relative;
    z-index: 3;
}

/*cor da borda*/
.elementor-2188 .elementor-element.elementor-element-2371b73 .elementor-button::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff20; /*altere a cor aqui*/
  z-index: 1;
  transition: opacity 0.3s linear;
  opacity: 1;
  width: 100%;
  height: 100%;
    border-radius: 8px;
}

/*cor de fundo*/
.elementor-2188 .elementor-element.elementor-element-2371b73 .elementor-button::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #000; /*altere a cor aqui*/
  z-index: 3;
  transition: opacity 0.2s linear;
  opacity: 1;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
    border-radius: 8px;
    transition: 0.5s;
}

/*hover cor de fundo*/
.elementor-2188 .elementor-element.elementor-element-2371b73 .elementor-button:hover:before {
  background: #222530; /*altere a cor aqui*/
}

/*cor do brilho*/
.elementor-2188 .elementor-element.elementor-element-2371b73::before {
  position: absolute;
  content: "";
  top: -40%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff; /*altere a cor aqui*/
  z-index: 2;
  transition: opacity 0.2s linear;
  opacity: 1;
  width: 20px;
  height: 100px;
  filter: blur(15px);
    border-radius: 8px;
  animation: rodar 5s infinite linear;
  transform-origin: center bottom;
}

/*animação do brilho*/
@keyframes rodar{
    0%{
        transform: translate(-50%, -50%) rotate(0);
    }
    100%{
        transform: translate(-50%, -50%) rotate(360deg);
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-58c98d2 */.brilho2 .elementor-button {
  background: #ffffff !important;
  border: 3px solid #fff;
  padding: 15px 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  position: relative;
  transition: 2s;
}

@media(max-width: 767px){
  .brilho2 .elementor-button {
    padding: 15px 30px;
  }
}

.brilho2 .elementor-button:before {
  background-image: radial-gradient(
    43.3% 44.23% at 50% 49.51%, 
    #ffffff 29%, 
    #bcb4f9 48.5%, 
    #8f7ff0 60.71%, 
    #8f7ff000 100%
  );
  filter: blur(5px);
  width: 300px;
  height: 150px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(var(--button-translate-x, -10%), -50%);
  border-radius: 100%;
  transition: transform 0.8s cubic-bezier(.4, 0, .2, 1);
}

.brilho2 .elementor-button.hovering:before {
  transition: transform 0.15s ease-out !important;
}

.brilho1 {
  padding: 0px !important;
  border-radius: 100px;
  outline: 4px solid #FFFFFF4F;
}

.brilho1::before {
  transition: 0.35s ease-out;
  filter: blur(12px);
  background: linear-gradient(to right, transparent 30%, #6b5af0 80%, #4830E8 95%);
  width: 108%;
  height: 125%;
  left: 50%;
  top: 50%;
  content: "";
  will-change: filter;
  border-radius: 100px;
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: var(--before-opacity, 1);
}

.brilho1::after {
  transition: 0.35s ease-out;
  filter: blur(12px);
  background: linear-gradient(to left, transparent 30%, #6b5af0 80%, #4830E8 95%);
  width: 108%;
  height: 125%;
  left: 50%;
  top: 50%;
  content: "";
  will-change: filter;
  border-radius: 100px;
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: var(--after-opacity, 0);
}

.brilho2 .elementor-button-text,
.brilho2 .elementor-button-icon {
  z-index: 5;
  align-self: center !important;
  vertical-align: center !important;
}

.brilho1 {
  width: fit-content;
  overflow: visible;
  z-index: 1;
  position: relative;
  padding: 0px;
}

.brilho2 {
  z-index: 5;
  overflow: hidden;
  border-radius: 100px;
  position: relative;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2569c1c */:root {
    --glow-hue: 222deg;
    --shadow-hue: 180deg;
    --spring-easing: linear(
    0, 0.002, 0.01 0.9%, 0.038 1.8%, 0.156, 0.312 5.8%, 0.789 11.1%, 1.015 14.2%,
    1.096, 1.157, 1.199, 1.224 20.3%, 1.231, 1.231, 1.226, 1.214 24.6%,
    1.176 26.9%, 1.057 32.6%, 1.007 35.5%, 0.984, 0.968, 0.956, 0.949 42%,
    0.946 44.1%, 0.95 46.5%, 0.998 57.2%, 1.007, 1.011 63.3%, 1.012 68.3%,
    0.998 84%, 1
  );
    --spring-duration: 1.33s;
}

@property --shimmer {
    syntax: "<angle>";
    inherits: false;
    initial-value: 33deg;
}

@keyframes shimmer {
    0% {
        --shimmer: 0deg;
    }
    100% {
        --shimmer: 360deg;
    }
}

@keyframes shine {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    55% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.btnAutomatos{
    border-radius: 5px;
}

.btnAutomatos .elementor-button {
    color: #fff;
    font-weight: 600;
    background: linear-gradient(90deg, #CC3A33 0%, #FD8925 100%);
    padding: 15px 40px;
    position: relative;
    border-radius: 5px;
    transition: all var(--spring-duration) var(--spring-easing);
}

.btnAutomatos .elementor-button:hover:not(:active){
    transition-duration: calc(var(--spring-duration)*0.5);
    transform: scale(1.05);
    box-shadow: 0 4px 8px -2px hsl(var(--glow-hue) 50% 20% / 50%), inset 0 0 0 transparent;
}

.btnAutomatos .elementor-button:active {
    transition-duration: calc(var(--spring-duration)*0.5);
}

.btnAutomatos .elementor-button-icon {
    position: absolute;
    inset: -40px;
    mask-image: conic-gradient(from var(--shimmer, 0deg), transparent 0%, transparent 10%, black 36%, black 45%, transparent 50%, transparent 60%, black 85%, black 95%, transparent 100%);
    mask-size: cover;
    mix-blend-mode: plus-lighter;
    animation: shimmer 1s linear infinite both;
    pointer-events: none;
    border-radius: 5px;
}

.btnAutomatos .elementor-button:hover .elementor-button-icon::before,
.btnAutomatos .elementor-button:hover .elementor-button-icon::after{
    opacity: 1;
    animation: shine 1.2s ease-in 1 forwards;
}

.btnAutomatos .elementor-button-icon::before,
.btnAutomatos .elementor-button-icon::after {
    transition: all 0.5s ease;
    opacity: 0;
    content: "";
    border-radius: inherit;
    position: absolute;
    mix-blend-mode: color;
    inset: 40px;
    pointer-events: none;
}

/*CONFIGURAÇÕES DO ÍCONE AQUI*/
.btnAutomatos .elementor-button-text::after{
    content: "";
    position: absolute;
    top: 50%;
    right: -32px;
    width: 20px;
    height: 20px;
    transform: translatey(-50%);
    background: url("https://nornpages.com.br/wp-content/uploads/2025/08/arrow.svg") center no-repeat;
    background-size: contain;  
    pointer-events: none;
}
    
.btnAutomatos .elementor-button-text{
    color: #ffffff;
    position: relative;
    left: -14px;
}

.btnAutomatos .elementor-button-icon svg,
.btnAutomatos .elementor-button-icon i{
    display: none;
}

.btnAutomatos .elementor-button-icon::before {
    box-shadow: 0 0 3px 2px hsl(var(--glow-hue) 20% 95%),
        0 0 7px 4px hsl(var(--glow-hue) 20% 80%),
        0 0 13px 4px hsl(var(--glow-hue) 50% 70%),
        0 0 25px 5px hsl(var(--glow-hue) 100% 70%);
    z-index: -1;
}

.btnAutomatos .elementor-button-icon::after {
    box-shadow: inset 0 0 0 1px hsl(var(--glow-hue) 70% 95%),
        inset 0 0 2px 1px hsl(var(--glow-hue) 100% 80%),
        inset 0 0 5px 2px hsl(var(--glow-hue) 100% 70%);
    z-index: 2;
}/* End custom CSS */