.elementor-820 .elementor-element.elementor-element-6323e54{--display:flex;--min-height:81px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-1px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-820 .elementor-element.elementor-element-6323e54.e-con{--align-self:center;}.elementor-820 .elementor-element.elementor-element-8f262b3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-820 .elementor-element.elementor-element-8f262b3.e-con{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:1;}.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-820 .elementor-element.elementor-element-d11c980 .elementor-button{background-color:#6DCE6100;font-family:"Roboto Mono", Sans-serif;font-weight:500;line-height:26px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#43D2EF;color:#43D2EF;}.elementor-820 .elementor-element.elementor-element-d11c980 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-820 .elementor-element.elementor-element-d11c980 .elementor-button:hover, .elementor-820 .elementor-element.elementor-element-d11c980 .elementor-button:focus{color:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-d11c980 .elementor-button:hover svg, .elementor-820 .elementor-element.elementor-element-d11c980 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-a853a5e .elementor-button{background-color:#61CE7000;font-family:"Roboto Mono", Sans-serif;font-weight:500;line-height:26px;fill:#43D2EF;color:#43D2EF;}.elementor-820 .elementor-element.elementor-element-a853a5e .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-820 .elementor-element.elementor-element-a853a5e .elementor-button:hover, .elementor-820 .elementor-element.elementor-element-a853a5e .elementor-button:focus{color:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-a853a5e .elementor-button:hover svg, .elementor-820 .elementor-element.elementor-element-a853a5e .elementor-button:focus svg{fill:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-bc340b8 .elementor-button{background-color:#61CE7000;font-family:"Roboto Mono", Sans-serif;font-weight:500;line-height:26px;fill:#43D2EF;color:#43D2EF;}.elementor-820 .elementor-element.elementor-element-bc340b8 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-820 .elementor-element.elementor-element-bc340b8 .elementor-button:hover, .elementor-820 .elementor-element.elementor-element-bc340b8 .elementor-button:focus{color:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-bc340b8 .elementor-button:hover svg, .elementor-820 .elementor-element.elementor-element-bc340b8 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-6bd143d .elementor-button{background-color:#61CE7000;font-family:"Roboto Mono", Sans-serif;font-weight:500;line-height:26px;fill:#43D2EF;color:#43D2EF;}.elementor-820 .elementor-element.elementor-element-6bd143d .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-820 .elementor-element.elementor-element-6bd143d .elementor-button:hover, .elementor-820 .elementor-element.elementor-element-6bd143d .elementor-button:focus{color:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-6bd143d .elementor-button:hover svg, .elementor-820 .elementor-element.elementor-element-6bd143d .elementor-button:focus svg{fill:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-1ce3c6c .elementor-button{background-color:#61CE7000;font-family:"Roboto Mono", Sans-serif;font-weight:500;line-height:26px;fill:#43D2EF;color:#43D2EF;}.elementor-820 .elementor-element.elementor-element-1ce3c6c .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-820 .elementor-element.elementor-element-1ce3c6c .elementor-button:hover, .elementor-820 .elementor-element.elementor-element-1ce3c6c .elementor-button:focus{color:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-1ce3c6c .elementor-button:hover svg, .elementor-820 .elementor-element.elementor-element-1ce3c6c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-b284d0c .elementor-button{background-color:#61CE7000;font-family:"Roboto Mono", Sans-serif;font-weight:500;line-height:26px;fill:#43D2EF;color:#43D2EF;}.elementor-820 .elementor-element.elementor-element-b284d0c .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-820 .elementor-element.elementor-element-b284d0c .elementor-button:hover, .elementor-820 .elementor-element.elementor-element-b284d0c .elementor-button:focus{color:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-b284d0c .elementor-button:hover svg, .elementor-820 .elementor-element.elementor-element-b284d0c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-6dfe26f{--display:flex;}.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-820 .elementor-element.elementor-element-449c6b2{padding:0px 0px 0px 20px;text-align:left;}.elementor-820 .elementor-element.elementor-element-449c6b2.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-820 .elementor-element.elementor-element-449c6b2 img{width:90%;}.elementor-820 .elementor-element.elementor-element-e2560c6{--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;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:97px;}.elementor-820 .elementor-element.elementor-element-17e9fae{--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;}.elementor-820 .elementor-element.elementor-element-6d77c9b .elementor-button{background-color:#61CE7000;font-family:"Roboto Mono", Sans-serif;font-weight:500;line-height:26px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#43D2EF;color:#43D2EF;}.elementor-820 .elementor-element.elementor-element-6d77c9b .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-820 .elementor-element.elementor-element-6d77c9b .elementor-button:hover, .elementor-820 .elementor-element.elementor-element-6d77c9b .elementor-button:focus{color:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-6d77c9b .elementor-button:hover svg, .elementor-820 .elementor-element.elementor-element-6d77c9b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-a839e57 .elementor-button{background-color:#61CE7000;font-family:"Roboto Mono", Sans-serif;font-weight:500;line-height:26px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#43D2EF;color:#43D2EF;}.elementor-820 .elementor-element.elementor-element-a839e57 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-820 .elementor-element.elementor-element-a839e57 .elementor-button:hover, .elementor-820 .elementor-element.elementor-element-a839e57 .elementor-button:focus{color:#FDFDFD;}.elementor-820 .elementor-element.elementor-element-a839e57 .elementor-button:hover svg, .elementor-820 .elementor-element.elementor-element-a839e57 .elementor-button:focus svg{fill:#FDFDFD;}.elementor-820 .elementor-element.elementor-element-8a09fb9 .elementor-button{background-color:#61CE7000;font-family:"Roboto Mono", Sans-serif;font-weight:500;line-height:26px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#43D2EF;color:#43D2EF;}.elementor-820 .elementor-element.elementor-element-8a09fb9 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-820 .elementor-element.elementor-element-8a09fb9 .elementor-button:hover, .elementor-820 .elementor-element.elementor-element-8a09fb9 .elementor-button:focus{color:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-8a09fb9 .elementor-button:hover svg, .elementor-820 .elementor-element.elementor-element-8a09fb9 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-c58656a .elementor-button{background-color:#61CE7000;font-family:"Roboto Mono", Sans-serif;font-weight:500;line-height:26px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#43D2EF;color:#43D2EF;}.elementor-820 .elementor-element.elementor-element-c58656a .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-820 .elementor-element.elementor-element-c58656a .elementor-button:hover, .elementor-820 .elementor-element.elementor-element-c58656a .elementor-button:focus{color:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-c58656a .elementor-button:hover svg, .elementor-820 .elementor-element.elementor-element-c58656a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-2a3bc40 .elementor-button{background-color:#61CE7000;font-family:"Roboto", Sans-serif;font-weight:500;line-height:26px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#43D2EF;color:#43D2EF;}.elementor-820 .elementor-element.elementor-element-2a3bc40 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-820 .elementor-element.elementor-element-2a3bc40 .elementor-button:hover, .elementor-820 .elementor-element.elementor-element-2a3bc40 .elementor-button:focus{color:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-2a3bc40 .elementor-button:hover svg, .elementor-820 .elementor-element.elementor-element-2a3bc40 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-820 .elementor-element.elementor-element-a57800a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-1px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-820 .elementor-element.elementor-element-a57800a:not(.elementor-motion-effects-element-type-background), .elementor-820 .elementor-element.elementor-element-a57800a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-820 .elementor-element.elementor-element-a57800a.e-con{--align-self:center;}.elementor-820 .elementor-element.elementor-element-afe8b8e img{width:47%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-820 .elementor-element.elementor-element-1b63cf5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-menu-toggle{margin-left:auto;}.elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-nav-menu--main .elementor-item{color:#50f3e2;fill:#50f3e2;}.elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-nav-menu--dropdown a, .elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-menu-toggle{color:#ABECF2;fill:#ABECF2;}.elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-nav-menu--dropdown{background-color:#000000;}.elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-nav-menu--dropdown a:hover, .elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-nav-menu--dropdown a:focus, .elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-nav-menu--dropdown a.highlighted, .elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-menu-toggle:hover, .elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-menu-toggle:focus{color:#000000;}.elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-nav-menu--dropdown a:hover, .elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-nav-menu--dropdown a:focus, .elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-nav-menu--dropdown a.highlighted{background-color:#50f3e2;}.elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-nav-menu--dropdown .elementor-item, .elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Roboto Mono", Sans-serif;font-weight:500;}.elementor-820 .elementor-element.elementor-element-1b63cf5 div.elementor-menu-toggle{color:#50f3e2;}.elementor-820 .elementor-element.elementor-element-1b63cf5 div.elementor-menu-toggle svg{fill:#50f3e2;}.elementor-820 .elementor-element.elementor-element-1b63cf5 div.elementor-menu-toggle:hover, .elementor-820 .elementor-element.elementor-element-1b63cf5 div.elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-820 .elementor-element.elementor-element-1b63cf5 div.elementor-menu-toggle:hover svg, .elementor-820 .elementor-element.elementor-element-1b63cf5 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-primary );}.elementor-820 .elementor-element.elementor-element-a35f4eb{--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-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-820 .elementor-element.elementor-element-8f262b3{--width:70%;}.elementor-820 .elementor-element.elementor-element-6dfe26f{--width:28%;}.elementor-820 .elementor-element.elementor-element-e2560c6{--width:100%;}.elementor-820 .elementor-element.elementor-element-17e9fae{--width:58%;}}@media(max-width:1024px){.elementor-820 .elementor-element.elementor-element-a57800a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:6px !important;}.elementor-820 .elementor-element.elementor-element-1b63cf5{--nav-menu-icon-size:39px;}}@media(max-width:767px){.elementor-820 .elementor-element.elementor-element-a57800a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:29px;}.elementor-820 .elementor-element.elementor-element-1b63cf5{width:var( --container-widget-width, 33px );max-width:33px;--container-widget-width:33px;--container-widget-flex-grow:0;--nav-menu-icon-size:34px;}.elementor-820 .elementor-element.elementor-element-1b63cf5 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-820 .elementor-element.elementor-element-1b63cf5 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-820 .elementor-element.elementor-element-1b63cf5 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-820 .elementor-element.elementor-element-1b63cf5 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-820 .elementor-element.elementor-element-1b63cf5 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-820 .elementor-element.elementor-element-1b63cf5 .e--pointer-underline .elementor-item:after, .elementor-820 .elementor-element.elementor-element-1b63cf5 .e--pointer-overline .elementor-item:before, .elementor-820 .elementor-element.elementor-element-1b63cf5 .e--pointer-double-line .elementor-item:before, .elementor-820 .elementor-element.elementor-element-1b63cf5 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:1em !important;}.elementor-820 .elementor-element.elementor-element-1b63cf5 .elementor-menu-toggle{border-radius:0px;}}/* Start custom CSS for button, class: .elementor-element-d11c980 *//* =========================== BOTÃO COM BRILHO ANIMADO EXPLICAÇÃO: este CSS cria um botão com um "glow" (brilho) animado ao passar o mouse. - A estrutura usa pseudo-elementos (::before e ::after) para desenhar o brilho borda) e o fundo interno. - Para aplicar: no botão do Elementor adicione a classe "glow-on-hover". =========================== */ /* ------------------------------------------------- Reset e exemplo de posicionamento da página (opcional) ------------------------------------------------- */ /* ============================ CLASSE PRINCIPAL DO BOTÃO ============================ */ .glow-on-hover { width: 220px; /* LARGURA do botão - altere para deixar maior/menor */ height: 50px; /* ALTURA do botão - altere conforme necessário */ border: none; /* sem borda padrão */ outline: none; /* sem contorno ao focar (browser) */ color: #111; /* cor do TEXTO do botão (atualmente branco) */ background: #FFFFFF00; /* cor de FUNDO do botão (escuro) */ cursor: pointer; /* cursor vira mãozinha ao passar por cima */ position: relative; /* necessário para posicionar ::before e ::after relativamente ao botão */ z-index: 0; /* posicionamento na pilha (pseudo-elementos usam -1 para ficar abaixo) */ border-radius: 0px; /* ARREDONDAMENTO dos cantos (10px): troque para 0 para cantos retos */ } /* ================================================= PSEUDO-ELEMENTO ::before -> cria a "borda brilhante" Explicação: - É maior que o botão (calc(... + 4px)) para aparecer como borda externa - Tem um gradiente colorido e é borrado (filter: blur) para virar brilho - A animação 'glowing' move o background para dar efeito dinâmico ================================================= */ .glow-on-hover:before { content: ''; /* necessário para criar o pseudo-elemento */ /* Gradiente com várias cores (aqui um arco-íris). Substitua os hex se quiser só tons de azul, por exemplo. */ background: linear-gradient(45deg, #00F5FF, /* ciano inicial */ #00E0FF, #00CBFF, #00B6FF, #009FFF, #0088FF, #006FFF, #003FFF, #0027FF, #0006FF, /* azul final */ #0027FF, #003FFF, #006FFF, #0088FF, #009FFF, #00B6FF, #00CBFF, #00E0FF, #00F5FF /* volta ao ciano inicial */ ); position: absolute; /* posicionado em relação ao .glow-on-hover */ top: -2px; /* deslocamento para cima para criar "borda" externa */ left: -2px; /* deslocamento para a esquerda */ background-size: 400%; /* aumenta o tamanho do background para permitir movimento suave do gradiente */ z-index: -1; /* fica atrás do botão (por isso o botão precisa de z-index >= 0) */ filter: blur(5px); /* borrão que transforma o gradiente em brilho suave */ width: calc(100% + 4px); /* largura expandida (4px = 2px em cada lado) */ height: calc(100% + 4px); /* altura expandida */ animation: glowing 20s linear infinite; /* anima o background (veja @keyframes abaixo) */ opacity: 1; /* começa invisível — o hover define a visibilidade */ transition: opacity .3s ease-in-out; /* suaviza a aparição do brilho */ border-radius: 0px; clip-path: polygon( 15px 0%, /* corta 15px do topo-esquerdo */ 100% 0%, 100% calc(100% - 15px), /* corta 15px do canto inferior direito */ calc(100% - 15px) 100%, 0% 100%, 0% 15px );/* mantém os cantos arredondados do pseudo-elemento iguais ao botão */ } /* ================================ ESTADO ACTIVE (quando o botão é pressionado) ================================ - Este bloco muda apenas a cor do texto quando o botão está sendo clicado - Ele também afeta ::after (veja abaixo) para deixar o fundo transparente no clique */ .glow-on-hover:active { color: #000; /* enquanto clica, o texto fica PRETO (muda contraste) */ } /* Quando o botão está em :active, o pseudo-elemento ::after (fundo interno) fica transparente. Assim o brilho ou borda pode aparecer "por baixo" sem o fundo interno o cobrindo. */ .glow-on-hover:active:after { background: transparent; } /* ================================= Hover: quando o mouse está por cima ================================= A única regra aqui ativa a opacidade do pseudo-elemento ::before, fazendo o brilho aparecer. */ .glow-on-hover:hover:before { opacity: 1; /* mostra o brilho quando passa o mouse */ } /* ================================= PSEUDO-ELEMENTO ::after -> "face" interna do botão - Serve para garantir que o centro do botão fique com cor sólida - Fica entre o botão e o brilho (::before) ================================= */ .glow-on-hover:after { z-index: -1; /* atrás do botão (mesmo nível do ::before) */ content: ''; /* necessário para existir */ position: absolute; width: 100%; /* ocupa todo o espaço do botão */ height: 100%; background: #111; /* cor de fundo interna igual à do botão (mantenha igual para efeito) */ left: 0px; top: 0; border-radius: 0px; /* mesmo arredondamento do botão */ clip-path: polygon( 15px 0%, /* corta 15px do topo-esquerdo */ 100% 0%, 100% calc(100% - 15px), /* corta 15px do canto inferior direito */ calc(100% - 15px) 100%, 0% 100%, 0% 15px ); transition: background 0.3s ease; } .glow-on-hover:hover:after { background: rgba(17, 17, 17, 0.6); /* cor do botão com 50% de opacidade */ } .glow-on-hover:active:after { opacity: 0; /* deixa a face interna invisível */ transition: opacity 0.2s ease; /* transição suave ao clicar */ } .glow-on-hover { transition: transform 0.3s ease; /* suaviza o movimento ao entrar e sair do hover */ } /* Hover: desloca levemente o botão e ativa efeitos */ .glow-on-hover:hover { transform: translate(3px, -3px); /* diagonal superior direita */ } /* Quando o botão está "aceso" (container aberto) */ .glow-on-hover.on:before { opacity: 1; /* mantém o brilho sempre ligado */ } .glow-on-hover.on:after { background: rgba(17, 17, 17, 0.6); /* mesma cor do hover, ou pode mudar */ } /* ================================================= ANIMAÇÃO: move o gradiente no pseudo-elemento ::before - A propriedade background-position é alterada ao longo do tempo - Isso cria a sensação de "gradiente em movimento" ================================================= */ @keyframes glowing { 0% { background-position: 0 0; } /* início do movimento */ 50% { background-position: 400% 0; } /* meio da animação (move o background bastante) */ 100% { background-position: 0 0; } /* volta ao início */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-449c6b2 */.elementor-820 .elementor-element.elementor-element-449c6b2 { filter: drop-shadow(0 0 2px rgba(0, 205, 255, 0.5)) drop-shadow(0 0 6px rgba(0, 205, 255, 1)); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-afe8b8e */.elementor-820 .elementor-element.elementor-element-afe8b8e { filter: drop-shadow(0 0 2px rgba(0, 205, 255, 0.5)) drop-shadow(0 0 6px rgba(0, 205, 255, 1)); }/* End custom CSS */