.elementor-1891 .elementor-element.elementor-element-88dca5a{--display:flex;--position:fixed;--min-height:73px;--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;--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;top:0px;--z-index:9999999999;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-1891 .elementor-element.elementor-element-88dca5a:not(.elementor-motion-effects-element-type-background), .elementor-1891 .elementor-element.elementor-element-88dca5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}body:not(.rtl) .elementor-1891 .elementor-element.elementor-element-88dca5a{left:0px;}body.rtl .elementor-1891 .elementor-element.elementor-element-88dca5a{right:0px;}.elementor-1891 .elementor-element.elementor-element-84ff2a8{--display:flex;--min-height:73px;--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;--margin-top:2px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:20px;--padding-right:20px;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-1891 .elementor-element.elementor-element-ec3487c{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:80px;}.elementor-1891 .elementor-element.elementor-element-ec3487c.e-con{--flex-grow:0;--flex-shrink:0;}.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 );line-height:var( --e-global-typography-text-line-height );}.elementor-1891 .elementor-element.elementor-element-bc30efa img{width:100%;}.elementor-1891 .elementor-element.elementor-element-d8db6a8{--display:flex;--justify-content:center;border-style:none;--border-style:none;--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-1891 .elementor-element.elementor-element-242855b{width:100%;max-width:100%;}.elementor-1891 .elementor-element.elementor-element-a27c0ae{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-1891 .elementor-element.elementor-element-32c3fee{--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-1891 .elementor-element.elementor-element-f9962cf{--display:flex;}.elementor-widget-theme-site-logo .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 );line-height:var( --e-global-typography-text-line-height );}.elementor-1891 .elementor-element.elementor-element-ccc8e86{--display:flex;}.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-1891 .elementor-element.elementor-element-7773d47 .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-d821e7c );}.elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu .elementor-item{font-family:"Open Sans", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-d821e7c );fill:var( --e-global-color-d821e7c );}.elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-d821e7c );}.elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-d821e7c );}.elementor-1891 .elementor-element.elementor-element-7773d47 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-1891 .elementor-element.elementor-element-7773d47 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-d821e7c );}.elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu--dropdown a, .elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-menu-toggle{color:var( --e-global-color-5c45f17 );fill:var( --e-global-color-5c45f17 );}.elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-d821e7c );}.elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu--dropdown a:hover, .elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu--dropdown a.highlighted, .elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-menu-toggle:hover{color:var( --e-global-color-5c45f17 );}.elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu--dropdown a:hover, .elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-5c45f17 );background-color:var( --e-global-color-5c45f17 );}.elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu--dropdown .elementor-item, .elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Open Sans", Sans-serif;font-weight:500;}.elementor-1891 .elementor-element.elementor-element-7773d47 div.elementor-menu-toggle{color:var( --e-global-color-5c45f17 );}.elementor-1891 .elementor-element.elementor-element-7773d47 div.elementor-menu-toggle svg{fill:var( --e-global-color-5c45f17 );}.elementor-1891 .elementor-element.elementor-element-7773d47 div.elementor-menu-toggle:hover{color:var( --e-global-color-5c45f17 );}.elementor-1891 .elementor-element.elementor-element-7773d47 div.elementor-menu-toggle:hover svg{fill:var( --e-global-color-5c45f17 );}.elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-menu-toggle:hover{background-color:var( --e-global-color-d821e7c );}.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-1891 .elementor-element.elementor-element-88dca5a{--content-width:1140px;}.elementor-1891 .elementor-element.elementor-element-84ff2a8{--width:1360px;}.elementor-1891 .elementor-element.elementor-element-ec3487c{--width:25%;}.elementor-1891 .elementor-element.elementor-element-d8db6a8{--width:90%;}.elementor-1891 .elementor-element.elementor-element-a27c0ae{--width:17%;}.elementor-1891 .elementor-element.elementor-element-f9962cf{--width:15%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1891 .elementor-element.elementor-element-ccc8e86{--width:500px;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}.elementor-1891 .elementor-element.elementor-element-32c3fee{--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:space-between;}.elementor-widget-theme-site-logo .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}.elementor-1891 .elementor-element.elementor-element-ccc8e86{--min-height:0px;--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;}.elementor-1891 .elementor-element.elementor-element-7773d47 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-1891 .elementor-element.elementor-element-7773d47 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-1891 .elementor-element.elementor-element-7773d47 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-1891 .elementor-element.elementor-element-7773d47 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-1891 .elementor-element.elementor-element-7773d47 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-1891 .elementor-element.elementor-element-7773d47 .e--pointer-underline .elementor-item:after, .elementor-1891 .elementor-element.elementor-element-7773d47 .e--pointer-overline .elementor-item:before, .elementor-1891 .elementor-element.elementor-element-7773d47 .e--pointer-double-line .elementor-item:before, .elementor-1891 .elementor-element.elementor-element-7773d47 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;}.elementor-1891 .elementor-element.elementor-element-7773d47{--nav-menu-icon-size:26px;}}@media(max-width:767px){.elementor-1891 .elementor-element.elementor-element-88dca5a{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1891 .elementor-element.elementor-element-84ff2a8{--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1891 .elementor-element.elementor-element-ec3487c{--width:77%;}.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}.elementor-1891 .elementor-element.elementor-element-d8db6a8{--width:10%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1891 .elementor-element.elementor-element-a27c0ae{--width:48%;}.elementor-1891 .elementor-element.elementor-element-32c3fee{--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;}.elementor-1891 .elementor-element.elementor-element-f9962cf{--width:45%;}.elementor-widget-theme-site-logo .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}.elementor-1891 .elementor-element.elementor-element-ccc8e86{--width:42%;}.elementor-1891 .elementor-element.elementor-element-7773d47 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:32px !important;}.elementor-1891 .elementor-element.elementor-element-7773d47{--nav-menu-icon-size:25px;}.elementor-1891 .elementor-element.elementor-element-7773d47 .elementor-menu-toggle{border-width:0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-7773d47 */#menute a{ background-color: #600BB2 !important; color: #fff !important; } #menute a:hover{ background-color: #F4CC0C !important; color: #600BB2 !important; }/* End custom CSS */ /* Start custom CSS */.text-gradient { background-image: linear-gradient(90deg,#6c0fd9 45.2%,#f1cc03 77.13%); background-size: 100%; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; } /* From Uiverse.io by kleenpulse - Otimizado para máxima compatibilidade */ .btn-custom { --border-color: linear-gradient(90deg,#600BB2 45.2%,#F4CC0C 77.13%); --border-width: 0.125em; --curve-size: 0.5em; --blur: 30px; --bg: #fff; --color: #fff; color: var(--color) !important; cursor: pointer; position: relative; isolation: isolate; display: inline-block; /* Alterado para inline-block para melhor compatibilidade */ text-align: center; padding: 0.5em 1.5em; font-size: 17px !important; border: 0; font-weight: 600 !important; text-transform: uppercase; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.6); -webkit-clip-path: polygon( 0% var(--curve-size), var(--curve-size) 0, 100% 0, 100% calc(100% - var(--curve-size)), calc(100% - var(--curve-size)) 100%, 0 100% ); clip-path: polygon( 0% var(--curve-size), var(--curve-size) 0, 100% 0, 100% calc(100% - var(--curve-size)), calc(100% - var(--curve-size)) 100%, 0 100% ); transition: color 250ms; } .btn-custom::after, .btn-custom::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .btn-custom::before { background: var(--border-color); background-size: 300% 300%; -webkit-animation: move-bg7234 5s ease infinite; animation: move-bg7234 5s ease infinite; z-index: -2; } @-webkit-keyframes move-bg7234 { 0% { background-position: 31% 0%; } 50% { background-position: 70% 100%; } 100% { background-position: 31% 0%; } } @keyframes move-bg7234 { 0% { background-position: 31% 0%; } 50% { background-position: 70% 100%; } 100% { background-position: 31% 0%; } } .btn-custom::after { background: var(--bg); z-index: -1; -webkit-clip-path: polygon( var(--border-width) calc(var(--curve-size) + var(--border-width) * 0.5), calc(var(--curve-size) + var(--border-width) * 0.5) var(--border-width), calc(100% - var(--border-width)) var(--border-width), calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)), calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)) calc(100% - var(--border-width)), var(--border-width) calc(100% - var(--border-width)) ); clip-path: polygon( var(--border-width) calc(var(--curve-size) + var(--border-width) * 0.5), calc(var(--curve-size) + var(--border-width) * 0.5) var(--border-width), calc(100% - var(--border-width)) var(--border-width), calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)), calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)) calc(100% - var(--border-width)), var(--border-width) calc(100% - var(--border-width)) ); transition: clip-path 500ms; } .btn-custom:hover::after, .btn-custom:focus::after { -webkit-clip-path: polygon( calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)), calc(100% - var(--border-width)) var(--border-width), calc(100% - var(--border-width)) var(--border-width), calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)), calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)) calc(100% - var(--border-width)), calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)) calc(100% - var(--border-width)) ); clip-path: polygon( calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)), calc(100% - var(--border-width)) var(--border-width), calc(100% - var(--border-width)) var(--border-width), calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)), calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)) calc(100% - var(--border-width)), calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)) calc(100% - var(--border-width)) ); transition: 200ms; } .btn-custom:hover, .btn-custom:focus { color: #fff; } /* Estilos básicos para o menu */ .sticky-header { position: fixed; top: 0; left: 0; width: 100%; padding: 15px 0; background-color: transparent; /* Inicialmente transparente */ transition: background-color 0.3s ease, padding 0.3s ease; z-index: 1000; } .sticky-header nav ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; } .sticky-header nav ul li { margin: 0 15px; } .sticky-header nav ul li a { color: white; text-decoration: none; font-size: 18px; transition: color 0.3s ease; } /* Efeito ao rolar a página */ .sticky-header.scrolled { background: rgba(255, 255, 255, .2); -webkit-backdrop-filter: blur(14.5px); backdrop-filter: blur(14.5px); top: 0; padding: 10px 0; /* Reduz o padding ao rolar */ border-bottom: 1px solid #ffffff50; } .card{ background: rgba(255, 255, 255, 0.3); filter: blur(0); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: 16px; flex-direction: column; padding: 30px !important; position: relative; } /* Aplica a borda gradiente ao ícone */ .card .elementor-icon-list-icon { margin: 0; display: inline-flex; align-items: center; justify-content: center; padding: 0px; /* Espaçamento interno */ border-radius: 6px; /* Borda arredondada */ background: linear-gradient( -25deg, #6c0fd9 15%, #f1cc03 85%); /* Gradiente */ background-clip: padding-box; /* Garante que o gradiente não cubra o conteúdo */ border: 0px solid transparent; /* Borda transparente para criar o efeito */ position: relative; } /* Ajusta o ícone dentro do container */ .card .elementor-icon-list-icon i, .elementor-icon-list-icon svg { margin: 3px !important; background: #f2f2f2; /* Cor de fundo do ícone (ajuste conforme necessário) */ border-radius: 4px; /* Borda arredondada do ícone */ padding: 14px; /* Espaçamento interno do ícone */ fill: #999 !important; } .card-link { color: #6c0fd9 !important; padding-bottom: 4px; font-family: Urbanist,sans-serif; font-size: 17px; font-weight: 700 !important; line-height: 1.438rem; text-decoration: none; position: relative; } .card-link::after { content: ""; display: flex; width: 100% !important; height: 1px !important; background: #000; transition: all .3s ease-in-out; position: absolute; bottom: 0; left: 0; z-index: 2; } .card-link:hover::after { height: 3px !important; background: linear-gradient(90deg,#6c0fd9 45.2%,#f1cc03 77.13%); transition: all 0.8s; } .card .elementor-icon-list-text{ margin-left: 8px !important; } *, :after, :before { box-sizing: border-box; scrollbar-width: thin; scrollbar-color: #6c0fd9 #444444; scroll-behavior: smooth; } div > div.elementor-icon-box-icon > span{ background-color: #6c0fd9 !important; padding: 20px !important; border-radius: 2em !important; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3) !important; } /* Define a animação de wiggle */ @keyframes wiggle { 0% { transform: translate(0, 0); /* Posição inicial */ } 25% { transform: translate(-10px, 10px); /* Move para a esquerda e para baixo */ } 50% { transform: translate(10px, -10px); /* Move para a direita e para cima */ } 75% { transform: translate(-10px, -10px); /* Move para a esquerda e para cima */ } 100% { transform: translate(0px, 0px); /* Move para a direita e para baixo */ } } /* Aplica a animação à classe .imagem-animada */ .imagem-animada { display: inline-block; /* Garante que a animação funcione corretamente */ animation: wiggle 10s infinite ease-in-out; /* Duração de 0.8s, repete infinitamente e suaviza a animação */ } /* Define a animação de wiggle com nova variação */ @keyframes wiggle-variation { 0% { transform: translate(0, 0); /* Posição inicial */ } 25% { transform: translate(15px, -10px); /* Move para a direita e para cima */ } 50% { transform: translate(-15px, 10px); /* Move para a esquerda e para baixo */ } 75% { transform: translate(10px, 15px); /* Move para a direita e para baixo */ } 100% { transform: translate(0px, 0px); /* Move para a esquerda e para cima */ } } /* Aplica a animação à classe .imagem-animada */ .imagem-animada2 { display: inline-block; /* Garante que a animação funcione corretamente */ animation: wiggle-variation 10s infinite ease-in-out; /* Duração de 1.2s, repete infinitamente e suaviza a animação */ }/* End custom CSS */