.elementor-4678 .elementor-element.elementor-element-d22da6e{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4678 .elementor-element.elementor-element-7a8d092.elementor-element{--align-self:center;}body:not(.rtl) .elementor-4678 .elementor-element.elementor-element-7a8d092{left:540px;}body.rtl .elementor-4678 .elementor-element.elementor-element-7a8d092{right:540px;}.elementor-4678 .elementor-element.elementor-element-7a8d092{top:52.987px;}.elementor-4678 .elementor-element.elementor-element-7a8d092 img{width:90%;}.elementor-4678 .elementor-element.elementor-element-308fdc0{--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;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4678 .elementor-element.elementor-element-1f18f51.elementor-element{--align-self:center;}.elementor-4678 .elementor-element.elementor-element-78429e8.elementor-element{--align-self:center;}.elementor-4678 .elementor-element.elementor-element-78429e8 img{width:75%;}.elementor-4678 .elementor-element.elementor-element-3f8338e{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-4678 .elementor-element.elementor-element-3f8338e.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4678 .elementor-element.elementor-element-13cf845 > .elementor-widget-container{padding:0px 250px 0px 250px;}.elementor-4678 .elementor-element.elementor-element-13cf845:hover img{opacity:1;filter:brightness( 107% ) contrast( 106% ) saturate( 104% ) blur( 0px ) hue-rotate( 0deg );}.elementor-4678 .elementor-element.elementor-element-13cf845 img{transition-duration:1.6s;}.elementor-4678 .elementor-element.elementor-element-10fc201 > .elementor-widget-container{padding:0px 250px 0px 250px;}.elementor-4678 .elementor-element.elementor-element-10fc201:hover img{opacity:1;filter:brightness( 107% ) contrast( 106% ) saturate( 104% ) blur( 0px ) hue-rotate( 0deg );}.elementor-4678 .elementor-element.elementor-element-10fc201 img{transition-duration:1.6s;}.elementor-4678 .elementor-element.elementor-element-5f12523 > .elementor-widget-container{padding:0px 250px 0px 250px;}.elementor-4678 .elementor-element.elementor-element-5f12523:hover img{opacity:1;filter:brightness( 107% ) contrast( 106% ) saturate( 104% ) blur( 0px ) hue-rotate( 0deg );}.elementor-4678 .elementor-element.elementor-element-5f12523 img{transition-duration:1.6s;}.elementor-4678 .elementor-element.elementor-element-a8e31a2 > .elementor-widget-container{padding:0px 250px 0px 250px;}.elementor-4678 .elementor-element.elementor-element-a8e31a2:hover img{opacity:1;filter:brightness( 107% ) contrast( 106% ) saturate( 104% ) blur( 0px ) hue-rotate( 0deg );}.elementor-4678 .elementor-element.elementor-element-a8e31a2 img{transition-duration:1.6s;}.elementor-4678 .elementor-element.elementor-element-924cd12 > .elementor-widget-container{padding:0px 250px 0px 250px;}.elementor-4678 .elementor-element.elementor-element-924cd12 img{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 3px ) hue-rotate( 0deg );transition-duration:1.6s;}.elementor-4678 .elementor-element.elementor-element-924cd12:hover img{opacity:1;}.elementor-4678 .elementor-element.elementor-element-b3b128c img{width:60%;}.elementor-4678 .elementor-element.elementor-element-65d4cef{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4678 .elementor-element.elementor-element-65d4cef.e-con{--align-self:center;}.elementor-4678 .elementor-element.elementor-element-6b50602{--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;}.elementor-4678 .elementor-element.elementor-element-bbdfe37{text-align:end;}.elementor-4678 .elementor-element.elementor-element-bbdfe37 img{width:15%;}.elementor-4678 .elementor-element.elementor-element-1ab3862{--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;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4678 .elementor-element.elementor-element-564c354{width:var( --container-widget-width, 23% );max-width:23%;--container-widget-width:23%;--container-widget-flex-grow:0;text-align:start;}.elementor-4678 .elementor-element.elementor-element-564c354 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-564c354.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-4678 .elementor-element.elementor-element-564c354 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-text );}.elementor-4678 .elementor-element.elementor-element-ea3b9c0{--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;}body.elementor-page-4678:not(.elementor-motion-effects-element-type-background), body.elementor-page-4678 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://diogoazevedodesign.com.br/wp-content/uploads/2024/10/diogo-designer.webp");}@media(min-width:768px){.elementor-4678 .elementor-element.elementor-element-6b50602{--width:50%;}.elementor-4678 .elementor-element.elementor-element-1ab3862{--width:50%;}}@media(max-width:1024px){body:not(.rtl) .elementor-4678 .elementor-element.elementor-element-7a8d092{left:3px;}body.rtl .elementor-4678 .elementor-element.elementor-element-7a8d092{right:3px;}.elementor-4678 .elementor-element.elementor-element-7a8d092{top:40.093px;}.elementor-4678 .elementor-element.elementor-element-1f18f51 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-3f8338e{width:var( --container-widget-width, 381.875px );max-width:381.875px;--container-widget-width:381.875px;--container-widget-flex-grow:0;}.elementor-4678 .elementor-element.elementor-element-13cf845 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-10fc201 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-5f12523 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-a8e31a2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-924cd12 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-b3b128c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-bbdfe37 img{width:31%;}.elementor-4678 .elementor-element.elementor-element-564c354 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-564c354{--container-widget-width:173px;--container-widget-flex-grow:0;width:var( --container-widget-width, 173px );max-width:173px;}}@media(max-width:767px){.elementor-4678 .elementor-element.elementor-element-7a8d092 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-4678 .elementor-element.elementor-element-7a8d092{left:0px;}body.rtl .elementor-4678 .elementor-element.elementor-element-7a8d092{right:0px;}.elementor-4678 .elementor-element.elementor-element-7a8d092{top:69.85px;}.elementor-4678 .elementor-element.elementor-element-1f18f51 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-78429e8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-78429e8 img{width:100%;}.elementor-4678 .elementor-element.elementor-element-3f8338e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-3f8338e{--container-widget-width:323px;--container-widget-flex-grow:0;width:var( --container-widget-width, 323px );max-width:323px;}.elementor-4678 .elementor-element.elementor-element-13cf845 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-13cf845.elementor-element{--align-self:center;}.elementor-4678 .elementor-element.elementor-element-10fc201 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-10fc201.elementor-element{--align-self:center;}.elementor-4678 .elementor-element.elementor-element-5f12523 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-5f12523.elementor-element{--align-self:center;}.elementor-4678 .elementor-element.elementor-element-a8e31a2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-a8e31a2.elementor-element{--align-self:center;}.elementor-4678 .elementor-element.elementor-element-924cd12 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-924cd12.elementor-element{--align-self:center;}.elementor-4678 .elementor-element.elementor-element-b3b128c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-b3b128c.elementor-element{--align-self:center;}.elementor-4678 .elementor-element.elementor-element-b3b128c img{width:100%;}.elementor-4678 .elementor-element.elementor-element-6b50602{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4678 .elementor-element.elementor-element-6b50602.e-con{--align-self:center;}.elementor-4678 .elementor-element.elementor-element-bbdfe37 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-bbdfe37.elementor-element{--align-self:center;}.elementor-4678 .elementor-element.elementor-element-bbdfe37{text-align:center;}.elementor-4678 .elementor-element.elementor-element-bbdfe37 img{width:20%;}.elementor-4678 .elementor-element.elementor-element-564c354{width:100%;max-width:100%;text-align:center;}.elementor-4678 .elementor-element.elementor-element-564c354 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4678 .elementor-element.elementor-element-564c354.elementor-element{--align-self:center;}.elementor-4678 .elementor-element.elementor-element-564c354 .elementor-heading-title{font-size:8px;}body.elementor-page-4678:not(.elementor-motion-effects-element-type-background), body.elementor-page-4678 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}}/* Start custom CSS for image, class: .elementor-element-7a8d092 */.elementor-4678 .elementor-element.elementor-element-7a8d092 {
    animation: flutuando01 15s ease infinite;
}

@keyframes flutuando01 {
    0% {
        transform: translateY(-40px); /* Começa no topo */
    }
    50% {
        transform: translateY(40px);  /* Vai para baixo */
    }
    100% {
        transform: translateY(-40px); /* Volta para cima */
    }
}/* End custom CSS */

/* Start custom CSS for image, class: .elementor-element-9773550 */.fundo-brilhante {
  animation: 
    brilho-flash-2 5s 2s infinite;
}

@keyframes brilho-flash-2 {
  0%, 100% {
    filter: brightness(1);
  }

  /* Primeiro flash */
  2% {
    filter: brightness(1.8);
  }
  4% {
    filter: brightness(1);
  }

  /* Segundo flash logo depois */
  6% {
    filter: brightness(1.8);
  }
  8% {
    filter: brightness(1);
  }
}/* End custom CSS */

/* Start custom CSS for html, class: .elementor-element-1f18f51 */@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;800&display=swap");

:root {
  --bg: #ff;
  --clr-1: #00c2ff;
  --clr-2: #33ff8c;
  --clr-3: #00FFBD;
  --clr-4: ##60FF1A;

  --blur: 1rem;
  --fs: clamp(2rem, 4vw, 7rem);
  --ls: clamp(-1.75px, -0.25vw, -3.5px);
}

body {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background-color: var(--bg);
  color: #fff;
  font-family: "Poppins", "DM Sans", Arial, sans-serif;
}

*,
*::before,
*::after {
  font-family: inherit;
  box-sizing: border-box;
}

.content {
  text-align: center;
}

.title {
  font-size: 2.5rem;(--fs);
  font-weight: 700;
  letter-spacing: var(--ls);
  position: relative;
  overflow: hidden;
  background: var(--bg);
  margin: 0;
}

.subtitle {
}

.aurora {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  mix-blend-mode: darken;
  pointer-events: none;
}

.aurora__item {
  overflow: hidden;
  position: absolute;
  width: 60vw;
  height: 60vw;
  background-color: var(--clr-1);
  border-radius: 37% 29% 27% 27% / 28% 25% 41% 37%;
  filter: blur(var(--blur));
  mix-blend-mode: overlay;
}

.aurora__item:nth-of-type(1) {
  top: -50%;
  animation: aurora-border 6s ease-in-out infinite,
    aurora-1 12s ease-in-out infinite alternate;
}

.aurora__item:nth-of-type(2) {
  background-color: var(--clr-3);
  right: 0;
  top: 0;
  animation: aurora-border 6s ease-in-out infinite,
    aurora-2 12s ease-in-out infinite alternate;
}

.aurora__item:nth-of-type(3) {
  background-color: var(--clr-2);
  left: 0;
  bottom: 0;
  animation: aurora-border 6s ease-in-out infinite,
    aurora-3 8s ease-in-out infinite alternate;
}

.aurora__item:nth-of-type(4) {
  background-color: var(--clr-4);
  right: 0;
  bottom: -50%;
  animation: aurora-border 6s ease-in-out infinite,
    aurora-4 24s ease-in-out infinite alternate;
}

@keyframes aurora-1 {
  0% {
    top: 0;
    right: 0;
  }

  50% {
    top: 100%;
    right: 75%;
  }

  75% {
    top: 100%;
    right: 25%;
  }

  100% {
    top: 0;
    right: 0;
  }
}

@keyframes aurora-2 {
  0% {
    top: -50%;
    left: 0%;
  }

  60% {
    top: 100%;
    left: 75%;
  }

  85% {
    top: 100%;
    left: 25%;
  }

  100% {
    top: -50%;
    left: 0%;
  }
}

@keyframes aurora-3 {
  0% {
    bottom: 0;
    left: 0;
  }

  40% {
    bottom: 100%;
    left: 75%;
  }

  65% {
    bottom: 40%;
    left: 50%;
  }

  100% {
    bottom: 0;
    left: 0;
  }
}

@keyframes aurora-4 {
  0% {
    bottom: -50%;
    right: 0;
  }

  50% {
    bottom: 0%;
    right: 40%;
  }

  90% {
    bottom: 50%;
    right: 25%;
  }

  100% {
    bottom: -50%;
    right: 0;
  }
}

@keyframes aurora-border {
  0% {
    border-radius: 37% 29% 27% 27% / 28% 25% 41% 37%;
  }

  25% {
    border-radius: 47% 29% 39% 49% / 61% 19% 66% 26%;
  }

  50% {
    border-radius: 57% 23% 47% 72% / 63% 17% 66% 33%;
  }

  75% {
    border-radius: 28% 49% 29% 100% / 93% 20% 64% 25%;
  }

  100% {
    border-radius: 37% 29% 27% 27% / 28% 25% 41% 37%;
  }
}/* End custom CSS */


/* Start custom CSS for html, class: .elementor-element-3f8338e */.glowbox {
  isolation: isolate;
  overflow: hidden;
  border-radius: 999px;
  position: relative;
  width: 100%;
  max-width: 400px; /* fica responsivo até esse tamanho */
  margin: auto;
  --animation-speed: 2s;
}

.glowbox-active .glowbox-animations,
.glowbox-active .glowbox-borders-masker {
  opacity: 1;
}

.glowbox-animations,
.glowbox-borders {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}

.glowbox-animations:before,
.glowbox-borders:before {
  content: "";
  float: left;
  padding-top: 100%;
}

.glowbox-animations:after,
.glowbox-borders:after {
  clear: both;
  content: "";
  display: block;
}

.glowbox-animations {
  opacity: 0;
  pointer-events: none;
  transition: 1s ease opacity;
}

.glowbox-animations * {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.glowbox-borders,
.glowbox-glow,
.glowbox-stars {
  animation: borderTurn var(--animation-speed) infinite linear;
  background-image: conic-gradient(
    from 0 at 50% 50%,
     #13c900 5deg,   /* verde claro */
    #00fd7d 50deg,  /* verde médio */
    #c2ebd6 150deg, /* branco */
     #ffffff 300deg  /* verde suave */
  );
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.glowbox-stars-masker {
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0534 15.732C13.8444 15.283 14.2848 14.8489 14.7326 15.051C14.8296 15.0959 14.9043 15.1707 14.949 15.268C15.1506 15.717 14.7177 16.1511 14.2698 15.949C14.1728 15.9041 14.0982 15.8293 14.0534 15.732Z' fill='black'/%3E%3Cpath d='M18.8001 13.5093C19.0016 13.0603 18.5687 12.6263 18.1209 12.8283C18.0239 12.8732 17.9492 12.9481 17.9045 13.0453C17.6955 13.4944 18.1358 13.9284 18.5837 13.7264C18.6807 13.6815 18.7553 13.6066 18.8001 13.5093Z' fill='black'/%3E%3Cpath d='M0.949043 2.732C1.15057 2.28297 0.717663 1.84891 0.269836 2.05097C0.172806 2.09587 0.098162 2.17071 0.0533793 2.268C-0.155607 2.71703 0.284759 3.15109 0.732587 2.94903C0.829616 2.90413 0.90426 2.82929 0.949043 2.732Z' fill='black'/%3E%3Cpath d='M26.9489 7.732C27.151 7.28297 26.7169 6.84891 26.2679 7.05097C26.1706 7.09587 26.0958 7.17071 26.0508 7.268C25.8488 7.71703 26.2828 8.15109 26.7319 7.94903C26.8292 7.90413 26.904 7.82929 26.9489 7.732Z' fill='black'/%3E%3Cpath d='M13.0534 5.732C12.8444 5.28297 13.2848 4.84891 13.7326 5.05097C13.8296 5.09587 13.9043 5.17071 13.949 5.268C14.1506 5.71703 13.7177 6.15109 13.2698 5.94903C13.1728 5.90413 13.0982 5.82929 13.0534 5.732Z' fill='black'/%3E%3Cpath d='M10.0534 17.732C9.84439 17.283 10.2848 16.8489 10.7326 17.051C10.8296 17.0959 10.9043 17.1707 10.949 17.268C11.1506 17.717 10.7177 18.1511 10.2698 17.949C10.1728 17.9041 10.0982 17.8293 10.0534 17.732Z' fill='black'/%3E%3Cpath d='M15.0534 21.732C14.8444 21.283 15.2848 20.8489 15.7326 21.051C15.8296 21.0959 15.9043 21.1707 15.949 21.268C16.1506 21.717 15.7177 22.1511 15.2698 21.949C15.1728 21.9041 15.0982 21.8293 15.0534 21.732Z' fill='black'/%3E%3C/svg%3E%0A");
  mask: url("data:image/svg+xml,%3Csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0534 15.732C13.8444 15.283 14.2848 14.8489 14.7326 15.051C14.8296 15.0959 14.9043 15.1707 14.949 15.268C15.1506 15.717 14.7177 16.1511 14.2698 15.949C14.1728 15.9041 14.0982 15.8293 14.0534 15.732Z' fill='black'/%3E%3Cpath d='M18.8001 13.5093C19.0016 13.0603 18.5687 12.6263 18.1209 12.8283C18.0239 12.8732 17.9492 12.9481 17.9045 13.0453C17.6955 13.4944 18.1358 13.9284 18.5837 13.7264C18.6807 13.6815 18.7553 13.6066 18.8001 13.5093Z' fill='black'/%3E%3Cpath d='M0.949043 2.732C1.15057 2.28297 0.717663 1.84891 0.269836 2.05097C0.172806 2.09587 0.098162 2.17071 0.0533793 2.268C-0.155607 2.71703 0.284759 3.15109 0.732587 2.94903C0.829616 2.90413 0.90426 2.82929 0.949043 2.732Z' fill='black'/%3E%3Cpath d='M26.9489 7.732C27.151 7.28297 26.7169 6.84891 26.2679 7.05097C26.1706 7.09587 26.0958 7.17071 26.0508 7.268C25.8488 7.71703 26.2828 8.15109 26.7319 7.94903C26.8292 7.90413 26.904 7.82929 26.9489 7.732Z' fill='black'/%3E%3Cpath d='M13.0534 5.732C12.8444 5.28297 13.2848 4.84891 13.7326 5.05097C13.8296 5.09587 13.9043 5.17071 13.949 5.268C14.1506 5.71703 13.7177 6.15109 13.2698 5.94903C13.1728 5.90413 13.0982 5.82929 13.0534 5.732Z' fill='black'/%3E%3Cpath d='M10.0534 17.732C9.84439 17.283 10.2848 16.8489 10.7326 17.051C10.8296 17.0959 10.9043 17.1707 10.949 17.268C11.1506 17.717 10.7177 18.1511 10.2698 17.949C10.1728 17.9041 10.0982 17.8293 10.0534 17.732Z' fill='black'/%3E%3Cpath d='M15.0534 21.732C14.8444 21.283 15.2848 20.8489 15.7326 21.051C15.8296 21.0959 15.9043 21.1707 15.949 21.268C16.1506 21.717 15.7177 22.1511 15.2698 21.949C15.1728 21.9041 15.0982 21.8293 15.0534 21.732Z' fill='black'/%3E%3C/svg%3E%0A");
  mask-repeat: repeat;
  -webkit-mask-repeat: repeat;
  mask-size: auto;
  -webkit-mask-size: auto;
}

.glowbox-glow {
  filter: blur(8px);
  opacity: 0.12;
}

.glowbox-borders {
  animation-name: borderTurnWithTranslate;
}

.glowbox-borders-masker {
  border-radius: 999px;
  content: "";
  height: 100%;
  inset: 0;
  left: 0;
  -webkit-mask: linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  padding: 1px;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: 1s ease opacity;
  width: 100%;
  z-index: 1;
}

@keyframes borderTurn {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes borderTurnWithTranslate {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* ===== Container do Botão ===== */
.btn-cta-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 10px 30px 10px 10px;
  background: linear-gradient(
    225deg,
    #00fd7d 5%,    /* verde claro */
    #13c900 43%,    /* verde médio */
    #00fd7d 68%,    /* verde claro */
    #13c900 100%    /* verde médio */
  );
  border: 1px solid #13c900; /* verde médio para a borda */
  border-radius: 100px;  /* Ajustado para cantos mais arredondados */
  box-shadow: 23.9px 19.78px 82.49px 0px #00000094;
  flex-wrap: nowrap; /* impede quebra, mantendo texto e seta na mesma linha */
}

/* ===== Botão em si (texto) ===== */
.btn-cta {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 14px 16px;
  background: linear-gradient(
    271.55deg,
    #00fd7d 5.88%,   /* verde claro */
    #13c900 65.22%,   /* verde médio */
    #00fd7d 95.32%    /* verde claro */
  );
  border: 1px solid #13c900; /* verde médio para a borda */
  border-radius: 80px;  /* Ajustado para cantos mais arredondados */
  letter-spacing: 0.8px;
  font-family: "Aspekta", sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #ffffff; /* texto branco para contraste */
  box-shadow:
    -4.15px 10.39px 70.01px 0px #1B1111E3,
    -2.08px 4.15px 38.22px 0px #0F0F0F,
    -5.2px -4px 12.3px -10.4px #FFE5BC57 inset;
  overflow: hidden;
}

/* Pseudo-elemento para o fundo com zoom e opacidade */
.btn-cta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://diogoazevedodesign.com.br/wp-content/uploads/2025/08/bg-button2.webp")
    no-repeat center center/cover;
  border-radius: 100px;  /* Ajustado para cantos mais arredondados */
  transform: scale(1.1);
  opacity: 0.9;
  transition: transform 0.4s ease, opacity 0.4s ease;
  z-index: -1;
}

/* Hover do botão: volta ao scale(1) e opacity(1) */
.btn-cta:hover::before {
  transform: scale(1);
  opacity: 1;
}

/* Hover do botão: efeito suave com verde escuro */
.btn-cta-box:hover {
  background: linear-gradient(
    225deg,
    #006f39 5%,    /* verde escuro */
    #0d5e2f 43%,    /* verde mais escuro */
    #006f39 68%,    /* verde escuro */
    #0d5e2f 100%    /* verde mais escuro */
  );
  box-shadow: 23.9px 19.78px 82.49px 0px #00000094, 0px 4px 15px #0d5e2f; /* sombra mais forte */
}

/* Hover do botão em si (texto): efeito suave com verde escuro */
.btn-cta:hover {
  background: linear-gradient(
    271.55deg,
    #006f39 5.88%,   /* verde escuro */
    #0d5e2f 50.22%,   /* verde mais escuro */
    #006f39 95.32%    /* verde escuro */
  );
  border: 1px solid #0d5e2f; /* borda verde escuro */
}

/* ===== Ícone de seta ===== */
.arrow-icon {
  display: inline-block; /* necessário para o transform funcionar */
  width: 18px;
  rotate: -90deg;
  height: auto;
  opacity: 1;
  transition: 0.5s ease all;
}

.btn-cta-box:hover .arrow-icon {
  rotate: -140deg;
  transition: 0.5s ease all;
}

/* Responsividade */
@media (max-width: 480px) {
  .btn-cta-box {
    gap: 10px;
    padding: 8px 12px 8px 8px;
  }
  .btn-cta {
    font-size: 14px;
    padding: 12px 14px;
  }
  .arrow-icon {
    rotate: -90deg;
    width: 16px;
  }
}

@media (max-width: 320px) {
  .btn-cta-box {
    gap: 8px;
    padding: 6px 8px 6px 6px;
  }
  .btn-cta {
    font-size: 12px;
    padding: 10px 12px;
  }
  .arrow-icon {
    width: 14px;
  }
}/* End custom CSS */


/* Start custom CSS for image, class: .elementor-element-13cf845 */.elementor-4678 .elementor-element.elementor-element-13cf845 img:hover {
    box-shadow: 0 0 30px #00CF20;
    transition: box-shadow 0.3s ease;
}/* End custom CSS */

/* Start custom CSS for image, class: .elementor-element-10fc201 */.elementor-4678 .elementor-element.elementor-element-10fc201 img:hover {
    box-shadow: 0 0 30px #00CF20;
    transition: box-shadow 0.3s ease;
}/* End custom CSS */

/* Start custom CSS for image, class: .elementor-element-5f12523 */.elementor-4678 .elementor-element.elementor-element-5f12523 img:hover {
    box-shadow: 0 0 30px #00CF20;
    transition: box-shadow 0.3s ease;
}/* End custom CSS */

/* Start custom CSS for image, class: .elementor-element-a8e31a2 */.elementor-4678 .elementor-element.elementor-element-a8e31a2 img:hover {
    box-shadow: 0 0 30px #00CF20;
    transition: box-shadow 0.3s ease;
}/* End custom CSS */









/* Start custom CSS for html, class: .elementor-element-8d67d3b */.scroll-left{
    opacity: 0;
        transition: 0.5s !important;
    transform: translate(-30px, 0);
}

.scroll-right{
    opacity: 0;
        transition: 0.5s !important;
    transform: translate(30px, 0);
}

.scroll-top{
    opacity: 0;
        transition: 0.5s !important;
    transform: translate(0, -30px);
}

.scroll-bottom{
    opacity: 0;
        transition: 0.5s !important;
    transform: translate(0, 30px);
}

.blur{
    transform: scale(0.9);
    opacity: 0;
    filter: blur(20px);
    transition: 0.5s !important;
}

.ativo{
    opacity: 1;
    transition: 0.5s ease all;
    transform: translate(0, 0);
    transform: scale(1);
    filter: blur(0px);
}

@media only screen and (min-width: 600px) {

.e1{
    transition-delay:0.5s !important;
}

.e2{
    transition-delay:1s !important;
}
.e3{
        transition-delay:1.5s !important;
}
.e4{
        transition-delay:2s !important;
}
.e5{
        transition-delay:2.5s !important;
}
}/* End custom CSS */


