.elementor-6 .elementor-element.elementor-element-63653069{--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-6 .elementor-element.elementor-element-63653069:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-63653069 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://institutofernandofontes.com.br/wp-content/uploads/2026/04/FUNDO-4.gif");background-position:top center;background-size:cover;}.elementor-6 .elementor-element.elementor-element-1df653f6{--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;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#C2A44C;--border-color:#C2A44C;--border-radius:90px 90px 90px 90px;}.elementor-6 .elementor-element.elementor-element-1df653f6::before, .elementor-6 .elementor-element.elementor-element-1df653f6 > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-1df653f6 > .e-con-inner > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-1df653f6 > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-1df653f6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-1df653f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#01010259;--background-overlay:'';}.elementor-6 .elementor-element.elementor-element-59bccb92{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-6 .elementor-element.elementor-element-77f7a5ce .elementor-menu-toggle{margin:0 auto;}.elementor-6 .elementor-element.elementor-element-77f7a5ce .elementor-nav-menu .elementor-item{font-family:"Castoro Titling", Sans-serif;font-size:15px;font-weight:300;}.elementor-6 .elementor-element.elementor-element-77f7a5ce .elementor-nav-menu--main .elementor-item{color:#C1A44B;fill:#C1A44B;padding-left:12px;padding-right:12px;padding-top:6px;padding-bottom:6px;}.elementor-6 .elementor-element.elementor-element-77f7a5ce .elementor-nav-menu--main .elementor-item:hover, .elementor-6 .elementor-element.elementor-element-77f7a5ce .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-6 .elementor-element.elementor-element-77f7a5ce .elementor-nav-menu--main .elementor-item.highlighted, .elementor-6 .elementor-element.elementor-element-77f7a5ce .elementor-nav-menu--main .elementor-item:focus{color:#D8D8D8;fill:#D8D8D8;}.elementor-6 .elementor-element.elementor-element-77f7a5ce .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-6 .elementor-element.elementor-element-77f7a5ce .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#D5D5D5;}.elementor-6 .elementor-element.elementor-element-77f7a5ce .e--pointer-framed .elementor-item:before, .elementor-6 .elementor-element.elementor-element-77f7a5ce .e--pointer-framed .elementor-item:after{border-color:#D5D5D5;}.elementor-6 .elementor-element.elementor-element-77f7a5ce .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-6 .elementor-element.elementor-element-77f7a5ce .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-6 .elementor-element.elementor-element-77f7a5ce .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-6 .elementor-element.elementor-element-77f7a5ce .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-6 .elementor-element.elementor-element-77f7a5ce .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-6 .elementor-element.elementor-element-77f7a5ce .e--pointer-underline .elementor-item:after, .elementor-6 .elementor-element.elementor-element-77f7a5ce .e--pointer-overline .elementor-item:before, .elementor-6 .elementor-element.elementor-element-77f7a5ce .e--pointer-double-line .elementor-item:before, .elementor-6 .elementor-element.elementor-element-77f7a5ce .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-6 .elementor-element.elementor-element-77f7a5ce{--e-nav-menu-horizontal-menu-item-margin:calc( 9px / 2 );}.elementor-6 .elementor-element.elementor-element-77f7a5ce .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:9px;}.elementor-6 .elementor-element.elementor-element-316a06bb{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-316a06bb.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 );}.elementor-6 .elementor-element.elementor-element-68130aaf{width:var( --container-widget-width, 75.46% );max-width:75.46%;--container-widget-width:75.46%;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-68130aaf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-167e17f8{--display:flex;--justify-content:center;}.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-6 .elementor-element.elementor-element-74f74c55 .elementor-button{background-color:transparent;font-family:"Unbounded", Sans-serif;font-size:12px;font-weight:400;line-height:1.4em;fill:#000000;color:#000000;background-image:linear-gradient(180deg, #C2A44C 0%, #f2295b 100%);padding:15px 45px 15px 045px;}.elementor-6 .elementor-element.elementor-element-74f74c55.elementor-element{--align-self:center;}.elementor-6 .elementor-element.elementor-element-67050858{--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-6 .elementor-element.elementor-element-2037a8a9{--display:flex;--margin-top:0px;--margin-bottom:34px;--margin-left:0px;--margin-right:0px;}.elementor-6 .elementor-element.elementor-element-2037a8a9.e-con{--flex-grow:0;--flex-shrink:0;}.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-6 .elementor-element.elementor-element-1b388000{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-1b388000 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:39px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-36c0daeb{text-align:justify;}.elementor-6 .elementor-element.elementor-element-36c0daeb .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-b715973 .elementor-button{background-color:#0A1520;font-family:"Roboto", Sans-serif;font-size:37px;font-weight:500;border-style:solid;border-color:#C1A44B;border-radius:56px 56px 56px 56px;padding:19px 19px 19px 19px;}body:not(.rtl) .elementor-6 .elementor-element.elementor-element-b715973{right:21px;}body.rtl .elementor-6 .elementor-element.elementor-element-b715973{left:21px;}.elementor-6 .elementor-element.elementor-element-b715973{bottom:21px;z-index:999;}.elementor-6 .elementor-element.elementor-element-68987960 .elementor-button{background-color:#61CE7000;font-family:"Castoro Titling", Sans-serif;font-weight:500;}.elementor-6 .elementor-element.elementor-element-68987960{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-68987960.elementor-element{--align-self:flex-start;}.elementor-6 .elementor-element.elementor-element-59e1e748{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-5750de44{width:var( --container-widget-width, 89.401% );max-width:89.401%;--container-widget-width:89.401%;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-5750de44.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-03698a9{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-03698a9:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-03698a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(94deg, #E5DD70 0%, #B19642 100%);}.elementor-6 .elementor-element.elementor-element-20c9900{--display:flex;--min-height:0px;--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;--overlay-opacity:0.73;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:0rem;--padding-right:0rem;}.elementor-6 .elementor-element.elementor-element-20c9900:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-20c9900 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-6 .elementor-element.elementor-element-20c9900::before, .elementor-6 .elementor-element.elementor-element-20c9900 > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-20c9900 > .e-con-inner > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-20c9900 > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-20c9900 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-20c9900 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-6 .elementor-element.elementor-element-8541540{--e-image-carousel-slides-to-show:7;}.elementor-6 .elementor-element.elementor-element-8541540 .swiper-wrapper{display:flex;align-items:center;}.elementor-6 .elementor-element.elementor-element-1ead96c4{--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-6 .elementor-element.elementor-element-1ead96c4:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-1ead96c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://institutofernandofontes.com.br/wp-content/uploads/2026/04/FUNDO-2-2.gif");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-6 .elementor-element.elementor-element-1ea264dc{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6 .elementor-element.elementor-element-59900b9{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-59900b9 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:34px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-5830bd1f{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-5830bd1f .elementor-icon-wrapper{text-align:center;}.elementor-6 .elementor-element.elementor-element-5830bd1f.elementor-view-stacked .elementor-icon{background-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-5830bd1f.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-5830bd1f.elementor-view-default .elementor-icon{color:#C1A44B;border-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-5830bd1f.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-5830bd1f.elementor-view-default .elementor-icon svg{fill:#C1A44B;}.elementor-6 .elementor-element.elementor-element-5830bd1f .elementor-icon{font-size:27px;}.elementor-6 .elementor-element.elementor-element-5830bd1f .elementor-icon svg{height:27px;}.elementor-6 .elementor-element.elementor-element-3dbd3b47{--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-6 .elementor-element.elementor-element-76cab732{--display:flex;--justify-content:center;}.elementor-6 .elementor-element.elementor-element-7218d36f{text-align:justify;}.elementor-6 .elementor-element.elementor-element-7218d36f .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:16px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-2728ee73{--display:flex;--justify-content:center;}.elementor-6 .elementor-element.elementor-element-16f3fa0a .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-6 .elementor-element.elementor-element-7c5a9709{--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:center;}.elementor-6 .elementor-element.elementor-element-6f453b2a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:24px 24px 24px 24px;}.elementor-6 .elementor-element.elementor-element-6f453b2a:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-6f453b2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #050C13 0%, #0F2136 100%);}.elementor-6 .elementor-element.elementor-element-528c0072{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + -12px) 0px;}.elementor-6 .elementor-element.elementor-element-528c0072 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:32px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-46c96078{width:var( --container-widget-width, 74.133% );max-width:74.133%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;--container-widget-width:74.133%;--container-widget-flex-grow:0;text-align:center;}.elementor-6 .elementor-element.elementor-element-46c96078.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-46c96078 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-6d7853dd{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:24px 24px 24px 24px;}.elementor-6 .elementor-element.elementor-element-6d7853dd:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-6d7853dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #050C13 0%, #0F2136 100%);}.elementor-6 .elementor-element.elementor-element-6cd21264{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + -12px) 0px;}.elementor-6 .elementor-element.elementor-element-6cd21264 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:32px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-7c6f5e25{width:var( --container-widget-width, 74.133% );max-width:74.133%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;--container-widget-width:74.133%;--container-widget-flex-grow:0;text-align:center;}.elementor-6 .elementor-element.elementor-element-7c6f5e25.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-7c6f5e25 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-2cae36ee{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:24px 24px 24px 24px;}.elementor-6 .elementor-element.elementor-element-2cae36ee:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-2cae36ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #050C13 0%, #0F2136 100%);}.elementor-6 .elementor-element.elementor-element-2dde66fb{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + -12px) 0px;}.elementor-6 .elementor-element.elementor-element-2dde66fb .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:32px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-db15bc9{width:var( --container-widget-width, 87.633% );max-width:87.633%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;--container-widget-width:87.633%;--container-widget-flex-grow:0;text-align:center;}.elementor-6 .elementor-element.elementor-element-db15bc9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-db15bc9 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-6 .elementor-element.elementor-element-7bcb624d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:2.6px;}.elementor-6 .elementor-element.elementor-element-7bcb624d .elementor-divider-separator{width:100%;}.elementor-6 .elementor-element.elementor-element-7bcb624d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-6 .elementor-element.elementor-element-624db4ce{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-5be46447 .elementor-button{background-color:#56565600;font-family:"Montserrat", Sans-serif;font-weight:500;fill:#E2E2E2;color:#E2E2E2;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2E2E2;border-radius:34px 34px 34px 34px;}.elementor-6 .elementor-element.elementor-element-5be46447{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-ecc99bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-ecc99bb .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:34px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-52f93536{width:var( --container-widget-width, 88.125% );max-width:88.125%;--container-widget-width:88.125%;--container-widget-flex-grow:0;text-align:center;}.elementor-6 .elementor-element.elementor-element-52f93536.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-52f93536 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-9ba26cf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-9ba26cf .elementor-icon-wrapper{text-align:center;}.elementor-6 .elementor-element.elementor-element-9ba26cf.elementor-view-stacked .elementor-icon{background-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-9ba26cf.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-9ba26cf.elementor-view-default .elementor-icon{color:#C1A44B;border-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-9ba26cf.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-9ba26cf.elementor-view-default .elementor-icon svg{fill:#C1A44B;}.elementor-6 .elementor-element.elementor-element-9ba26cf .elementor-icon{font-size:27px;}.elementor-6 .elementor-element.elementor-element-9ba26cf .elementor-icon svg{height:27px;}.elementor-6 .elementor-element.elementor-element-6e3d7319{--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:center;--align-items:center;--border-radius:24px 24px 24px 24px;--z-index:2;}.elementor-6 .elementor-element.elementor-element-6e3d7319:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-6e3d7319 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #050C13 0%, #0F2136 100%);}.elementor-6 .elementor-element.elementor-element-60ded15b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-4358231a{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + -8px) 0px;text-align:start;}.elementor-6 .elementor-element.elementor-element-4358231a .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:42px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-7563e437{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + -12px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-6 .elementor-element.elementor-element-7563e437 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:20px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-334a8e58{width:var( --container-widget-width, 105.24% );max-width:105.24%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:105.24%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-334a8e58.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-334a8e58 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-6 .elementor-element.elementor-element-66d41653{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-6 .elementor-element.elementor-element-66d41653 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-6 .elementor-element.elementor-element-66d41653 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-6 .elementor-element.elementor-element-66d41653 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-6 .elementor-element.elementor-element-66d41653 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-6 .elementor-element.elementor-element-66d41653 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-6 .elementor-element.elementor-element-66d41653 .elementor-icon-list-icon i{color:#C1A44B;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-66d41653 .elementor-icon-list-icon svg{fill:#C1A44B;transition:fill 0.3s;}.elementor-6 .elementor-element.elementor-element-66d41653 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6 .elementor-element.elementor-element-66d41653 .elementor-icon-list-item > a{font-family:"Syne", Sans-serif;font-weight:400;}.elementor-6 .elementor-element.elementor-element-66d41653 .elementor-icon-list-text{color:#B7B7B7;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-5b251f0c{--display:flex;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:30px;}.elementor-6 .elementor-element.elementor-element-6c83aa89 img{border-radius:30px 30px 30px 30px;}.elementor-6 .elementor-element.elementor-element-3975e965{--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:center;--align-items:center;--border-radius:24px 24px 24px 24px;box-shadow:6px -12px 22px 0px rgba(0,0,0,0.5);--z-index:4;}.elementor-6 .elementor-element.elementor-element-3975e965:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-3975e965 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #050C13 0%, #0F2136 100%);}.elementor-6 .elementor-element.elementor-element-5b15ae7d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-2cb0b3f8{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + -8px) 0px;text-align:start;}.elementor-6 .elementor-element.elementor-element-2cb0b3f8 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:42px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-3c2a5f71{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + -12px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-6 .elementor-element.elementor-element-3c2a5f71 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:20px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-60ac5bf9{width:var( --container-widget-width, 105.24% );max-width:105.24%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:105.24%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-60ac5bf9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-60ac5bf9 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-5cdc2841{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-6 .elementor-element.elementor-element-5cdc2841 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(13px/2);}.elementor-6 .elementor-element.elementor-element-5cdc2841 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(13px/2);}.elementor-6 .elementor-element.elementor-element-5cdc2841 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-6 .elementor-element.elementor-element-5cdc2841 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-6 .elementor-element.elementor-element-5cdc2841 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-6 .elementor-element.elementor-element-5cdc2841 .elementor-icon-list-icon i{color:#C1A44B;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-5cdc2841 .elementor-icon-list-icon svg{fill:#C1A44B;transition:fill 0.3s;}.elementor-6 .elementor-element.elementor-element-5cdc2841 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6 .elementor-element.elementor-element-5cdc2841 .elementor-icon-list-item > a{font-family:"Syne", Sans-serif;font-weight:400;}.elementor-6 .elementor-element.elementor-element-5cdc2841 .elementor-icon-list-text{color:#B7B7B7;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-57b0d6f3{--display:flex;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:30px;}.elementor-6 .elementor-element.elementor-element-40b44067.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-40b44067 img{border-radius:30px 30px 30px 30px;}.elementor-6 .elementor-element.elementor-element-75f64a0c{--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:center;--align-items:center;--border-radius:24px 24px 24px 24px;box-shadow:6px 0px 22px 0px rgba(0,0,0,0.5);--z-index:5;}.elementor-6 .elementor-element.elementor-element-75f64a0c:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-75f64a0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #050C13 0%, #0F2136 100%);}.elementor-6 .elementor-element.elementor-element-3062621d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-31960f65{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -8px) 0px;text-align:start;}.elementor-6 .elementor-element.elementor-element-31960f65 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:42px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-c26aa1a{width:var( --container-widget-width, 105.24% );max-width:105.24%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:105.24%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-c26aa1a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-c26aa1a .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-1f6e1299{--display:flex;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:30px;}.elementor-6 .elementor-element.elementor-element-a295db img{border-radius:30px 30px 30px 30px;}.elementor-6 .elementor-element.elementor-element-3c3cc7df{--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:center;--align-items:center;--border-radius:24px 24px 24px 24px;box-shadow:6px 0px 22px 0px rgba(0,0,0,0.5);--z-index:6;}.elementor-6 .elementor-element.elementor-element-3c3cc7df:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-3c3cc7df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #050C13 0%, #0F2136 100%);}.elementor-6 .elementor-element.elementor-element-61bc8624{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-163cee4d{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + -8px) 0px;text-align:start;}.elementor-6 .elementor-element.elementor-element-163cee4d .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:42px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-3455fec7{width:var( --container-widget-width, 105.24% );max-width:105.24%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:105.24%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-3455fec7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-3455fec7 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-295262c9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-6 .elementor-element.elementor-element-295262c9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-6 .elementor-element.elementor-element-295262c9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-6 .elementor-element.elementor-element-295262c9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-6 .elementor-element.elementor-element-295262c9 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-6 .elementor-element.elementor-element-295262c9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-6 .elementor-element.elementor-element-295262c9 .elementor-icon-list-icon i{color:#C1A44B;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-295262c9 .elementor-icon-list-icon svg{fill:#C1A44B;transition:fill 0.3s;}.elementor-6 .elementor-element.elementor-element-295262c9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6 .elementor-element.elementor-element-295262c9 .elementor-icon-list-item > a{font-family:"Syne", Sans-serif;font-weight:400;}.elementor-6 .elementor-element.elementor-element-295262c9 .elementor-icon-list-text{color:#B7B7B7;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-759e843a{--display:flex;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:30px;}.elementor-6 .elementor-element.elementor-element-4e7e4c9c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-4e7e4c9c img{border-radius:30px 30px 30px 30px;}.elementor-6 .elementor-element.elementor-element-39f67002{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6 .elementor-element.elementor-element-62496b57{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-62496b57 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:34px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-4f5c2ceb{width:var( --container-widget-width, 81.875% );max-width:81.875%;margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:81.875%;--container-widget-flex-grow:0;text-align:center;}.elementor-6 .elementor-element.elementor-element-4f5c2ceb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-4f5c2ceb .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-1759587e{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-1759587e .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:18px;font-weight:300;line-height:39px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-6209c592{width:var( --container-widget-width, 81.875% );max-width:81.875%;margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:81.875%;--container-widget-flex-grow:0;text-align:center;}.elementor-6 .elementor-element.elementor-element-6209c592.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-6209c592 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-widget-ha-horizontal-timeline .ha-horizontal-timeline-date{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ha-horizontal-timeline .ha-horizontal-timeline-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-ha-horizontal-timeline .ha-horizontal-timeline-subtitle{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ha-horizontal-timeline .ha-horizontal-timeline-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6 .elementor-element.elementor-element-209f377 .slick-prev, .elementor-6 .elementor-element.elementor-element-209f377 .slick-next{color:#151E30;background-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-209f377 .ha-horizontal-timeline-content{border-radius:17px 17px 17px 17px;background-color:#15202A;}.elementor-6 .elementor-element.elementor-element-209f377 .ha-horizontal-timeline-inner{border-radius:17px 17px 17px 17px;background-color:#15202A;}.elementor-6 .elementor-element.elementor-element-209f377 .ha-horizontal-timeline-content, .elementor-6 .elementor-element.elementor-element-209f377 .ha-horizontal-timeline-arrow{border-style:solid;border-width:1px 1px 1px 1px;border-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-209f377 .ha-horizontal-timeline-arrow::before{background-color:#15202A;}.elementor-6 .elementor-element.elementor-element-209f377 .ha-horizontal-timeline-image img{border-radius:11px 11px 11px 11px;}.elementor-6 .elementor-element.elementor-element-209f377 .ha-horizontal-timeline-title{font-family:"Castoro Titling", Sans-serif;font-weight:400;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-209f377 .ha-horizontal-timeline-title a{color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-209f377 .ha-horizontal-timeline-subtitle{font-family:"Syne", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-209f377 .ha-horizontal-timeline-description{font-family:"Syne", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-7150f46a{--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;border-style:solid;--border-style:solid;border-width:4px 0px 0px 0px;--border-top-width:4px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#C1A44B;--border-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-7150f46a:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-7150f46a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://institutofernandofontes.com.br/wp-content/uploads/2026/04/FUNDO-2-2.gif");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-6 .elementor-element.elementor-element-73c54fc8{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-6 .elementor-element.elementor-element-74a0a431 .elementor-button{background-color:#56565600;font-family:"Montserrat", Sans-serif;font-weight:500;fill:#E2E2E2;color:#E2E2E2;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2E2E2;border-radius:34px 34px 34px 34px;}.elementor-6 .elementor-element.elementor-element-74a0a431{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-6a192a0a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-6a192a0a .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:34px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-c7d80f5{width:var( --container-widget-width, 54.731% );max-width:54.731%;--container-widget-width:54.731%;--container-widget-flex-grow:0;text-align:center;}.elementor-6 .elementor-element.elementor-element-c7d80f5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-c7d80f5 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-7b4a282a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-7b4a282a .elementor-icon-wrapper{text-align:center;}.elementor-6 .elementor-element.elementor-element-7b4a282a.elementor-view-stacked .elementor-icon{background-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-7b4a282a.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-7b4a282a.elementor-view-default .elementor-icon{color:#C1A44B;border-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-7b4a282a.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-7b4a282a.elementor-view-default .elementor-icon svg{fill:#C1A44B;}.elementor-6 .elementor-element.elementor-element-7b4a282a .elementor-icon{font-size:27px;}.elementor-6 .elementor-element.elementor-element-7b4a282a .elementor-icon svg{height:27px;}.elementor-6 .elementor-element.elementor-element-780da50c{--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-6 .elementor-element.elementor-element-720258ce{--display:flex;--margin-top:-29px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6 .elementor-element.elementor-element-7186e263{width:var( --container-widget-width, 101.784% );max-width:101.784%;--container-widget-width:101.784%;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-7186e263.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-33b7d054{--display:flex;--justify-content:center;}.elementor-6 .elementor-element.elementor-element-46d2a116{--display:flex;}.elementor-6 .elementor-element.elementor-element-2ff957e0{width:var( --container-widget-width, 120.089% );max-width:120.089%;--container-widget-width:120.089%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-2ff957e0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-2ff957e0 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-3d524b14{--display:flex;}.elementor-6 .elementor-element.elementor-element-561785a{width:var( --container-widget-width, 120.089% );max-width:120.089%;--container-widget-width:120.089%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-561785a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-561785a .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-493e872f{--display:flex;}.elementor-6 .elementor-element.elementor-element-3ccab681{width:var( --container-widget-width, 120.089% );max-width:120.089%;--container-widget-width:120.089%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-3ccab681.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-3ccab681 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-692c5d7b{--display:flex;}.elementor-6 .elementor-element.elementor-element-47fddeab{width:var( --container-widget-width, 120.089% );max-width:120.089%;--container-widget-width:120.089%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-47fddeab.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-47fddeab .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-f9a9a20{--display:flex;}.elementor-6 .elementor-element.elementor-element-746e0ffa{width:var( --container-widget-width, 120.089% );max-width:120.089%;--container-widget-width:120.089%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-746e0ffa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-746e0ffa .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-5482097f{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:14px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:8px 8px 8px 8px;--n-accordion-icon-size:15px;}.elementor-6 .elementor-element.elementor-element-5482097f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-5482097f {--n-accordion-padding:16px 16px 16px 16px;}:where( .elementor-6 .elementor-element.elementor-element-5482097f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Castoro Titling", Sans-serif;font-weight:600;}.elementor-6 .elementor-element.elementor-element-52f83d4a{width:var( --container-widget-width, 70.533% );max-width:70.533%;--container-widget-width:70.533%;--container-widget-flex-grow:0;text-align:center;}.elementor-6 .elementor-element.elementor-element-52f83d4a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-52f83d4a .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-609a530d .elementor-button{background-color:#61CE7000;font-family:"Castoro Titling", Sans-serif;font-weight:500;}.elementor-6 .elementor-element.elementor-element-609a530d{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-609a530d.elementor-element{--align-self:center;}.elementor-6 .elementor-element.elementor-element-9c142e3{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-9c142e3:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-9c142e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(94deg, #E5DD70 0%, #B19642 100%);}.elementor-6 .elementor-element.elementor-element-622273f{--display:flex;--min-height:0px;--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;--overlay-opacity:0.73;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:0rem;--padding-right:0rem;}.elementor-6 .elementor-element.elementor-element-622273f:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-622273f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-6 .elementor-element.elementor-element-622273f::before, .elementor-6 .elementor-element.elementor-element-622273f > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-622273f > .e-con-inner > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-622273f > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-622273f > .e-con-inner > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-622273f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-6 .elementor-element.elementor-element-8cbd766{--e-image-carousel-slides-to-show:7;}.elementor-6 .elementor-element.elementor-element-8cbd766 .swiper-wrapper{display:flex;align-items:center;}.elementor-6 .elementor-element.elementor-element-53f5aca3{--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-6 .elementor-element.elementor-element-34a48011{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-46a7e9db .elementor-button{background-color:#56565600;font-family:"Montserrat", Sans-serif;font-weight:500;fill:#E2E2E2;color:#E2E2E2;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2E2E2;border-radius:34px 34px 34px 34px;}.elementor-6 .elementor-element.elementor-element-46a7e9db{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-1b2d1ac1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-1b2d1ac1 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:34px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-55f2b3cb{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-55f2b3cb .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:18px;font-weight:300;line-height:39px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-34c93fbd{width:var( --container-widget-width, 62.855% );max-width:62.855%;--container-widget-width:62.855%;--container-widget-flex-grow:0;text-align:center;}.elementor-6 .elementor-element.elementor-element-34c93fbd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-34c93fbd .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-42ad40ff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-42ad40ff .elementor-icon-wrapper{text-align:center;}.elementor-6 .elementor-element.elementor-element-42ad40ff.elementor-view-stacked .elementor-icon{background-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-42ad40ff.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-42ad40ff.elementor-view-default .elementor-icon{color:#C1A44B;border-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-42ad40ff.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-42ad40ff.elementor-view-default .elementor-icon svg{fill:#C1A44B;}.elementor-6 .elementor-element.elementor-element-42ad40ff .elementor-icon{font-size:27px;}.elementor-6 .elementor-element.elementor-element-42ad40ff .elementor-icon svg{height:27px;}.elementor-6 .elementor-element.elementor-element-1c7c53f3{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-0668e5d .bdt-sniper-slider .bdt-ps-iamge-overlay::before{background-color:transparent;background-image:linear-gradient(45deg, #111019 0%, #00000000 100%);}.elementor-6 .elementor-element.elementor-element-0668e5d .bdt-sniper-slider .bdt-title{font-size:18px;font-weight:200;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-6 .elementor-element.elementor-element-0668e5d .bdt-sniper-slider .bdt-sub-title{color:#C1A44B;font-family:"Castoro Titling", Sans-serif;font-size:29px;}.elementor-6 .elementor-element.elementor-element-413649ec{--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-6 .elementor-element.elementor-element-740a4173{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6 .elementor-element.elementor-element-3f6e09eb{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-3f6e09eb .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:34px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-2166d3e7{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-2166d3e7 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:18px;font-weight:300;line-height:39px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-83bf15{width:var( --container-widget-width, 81.875% );max-width:81.875%;margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:81.875%;--container-widget-flex-grow:0;text-align:center;}.elementor-6 .elementor-element.elementor-element-83bf15.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-83bf15 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-5304a70c{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-5304a70c .elementor-icon-wrapper{text-align:center;}.elementor-6 .elementor-element.elementor-element-5304a70c.elementor-view-stacked .elementor-icon{background-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-5304a70c.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-5304a70c.elementor-view-default .elementor-icon{color:#C1A44B;border-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-5304a70c.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-5304a70c.elementor-view-default .elementor-icon svg{fill:#C1A44B;}.elementor-6 .elementor-element.elementor-element-5304a70c .elementor-icon{font-size:27px;}.elementor-6 .elementor-element.elementor-element-5304a70c .elementor-icon svg{height:27px;}.elementor-6 .elementor-element.elementor-element-30e3a183{--display:flex;}.elementor-6 .elementor-element.elementor-element-2321f99d{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#4E5A6E;--border-color:#4E5A6E;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6 .elementor-element.elementor-element-2321f99d:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-2321f99d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111420;}.elementor-6 .elementor-element.elementor-element-78973c7d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-78973c7d.elementor-element{--align-self:flex-start;}.elementor-6 .elementor-element.elementor-element-78973c7d.elementor-view-stacked .elementor-icon{background-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-78973c7d.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-78973c7d.elementor-view-default .elementor-icon{color:#C1A44B;border-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-78973c7d.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-78973c7d.elementor-view-default .elementor-icon svg{fill:#C1A44B;}.elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon{font-size:40px;}.elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon svg{height:40px;}.elementor-6 .elementor-element.elementor-element-1d409e9d .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:26px;font-weight:600;text-transform:uppercase;color:#C1A44B;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-5117bcd2{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#BBBBBB;}.elementor-6 .elementor-element.elementor-element-2ccff7f{--display:flex;}.elementor-6 .elementor-element.elementor-element-65127c38{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#4E5A6E;--border-color:#4E5A6E;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6 .elementor-element.elementor-element-65127c38:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-65127c38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111420;}.elementor-6 .elementor-element.elementor-element-5feec834{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-5feec834.elementor-element{--align-self:flex-start;}.elementor-6 .elementor-element.elementor-element-5feec834.elementor-view-stacked .elementor-icon{background-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-5feec834.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-5feec834.elementor-view-default .elementor-icon{color:#C1A44B;border-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-5feec834.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-5feec834.elementor-view-default .elementor-icon svg{fill:#C1A44B;}.elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon{font-size:40px;}.elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon svg{height:40px;}.elementor-6 .elementor-element.elementor-element-461d0241 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:26px;font-weight:600;text-transform:uppercase;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-2380fd16{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#BBBBBB;}.elementor-6 .elementor-element.elementor-element-17e2cf00{--display:flex;}.elementor-6 .elementor-element.elementor-element-7237e638{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#4E5A6E;--border-color:#4E5A6E;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6 .elementor-element.elementor-element-7237e638:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-7237e638 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111420;}.elementor-6 .elementor-element.elementor-element-32f6b8ce{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-32f6b8ce.elementor-element{--align-self:flex-start;}.elementor-6 .elementor-element.elementor-element-32f6b8ce.elementor-view-stacked .elementor-icon{background-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-32f6b8ce.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-32f6b8ce.elementor-view-default .elementor-icon{color:#C1A44B;border-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-32f6b8ce.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-32f6b8ce.elementor-view-default .elementor-icon svg{fill:#C1A44B;}.elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon{font-size:40px;}.elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon svg{height:40px;}.elementor-6 .elementor-element.elementor-element-e7bade1 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:26px;font-weight:600;text-transform:uppercase;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-1d4df1bf{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#BBBBBB;}.elementor-6 .elementor-element.elementor-element-4dd00a71{--display:flex;}.elementor-6 .elementor-element.elementor-element-27052b2f{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#4E5A6E;--border-color:#4E5A6E;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6 .elementor-element.elementor-element-27052b2f:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-27052b2f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111420;}.elementor-6 .elementor-element.elementor-element-65e3e0e7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-65e3e0e7.elementor-element{--align-self:flex-start;}.elementor-6 .elementor-element.elementor-element-65e3e0e7.elementor-view-stacked .elementor-icon{background-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-65e3e0e7.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-65e3e0e7.elementor-view-default .elementor-icon{color:#C1A44B;border-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-65e3e0e7.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-65e3e0e7.elementor-view-default .elementor-icon svg{fill:#C1A44B;}.elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon{font-size:40px;}.elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon svg{height:40px;}.elementor-6 .elementor-element.elementor-element-56253c8c .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:26px;font-weight:600;text-transform:uppercase;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-5674386e{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#BBBBBB;}.elementor-6 .elementor-element.elementor-element-2180a69c{--display:flex;}.elementor-6 .elementor-element.elementor-element-334abb6d{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#4E5A6E;--border-color:#4E5A6E;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6 .elementor-element.elementor-element-334abb6d:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-334abb6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111420;}.elementor-6 .elementor-element.elementor-element-228e7123{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-228e7123.elementor-element{--align-self:flex-start;}.elementor-6 .elementor-element.elementor-element-228e7123.elementor-view-stacked .elementor-icon{background-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-228e7123.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-228e7123.elementor-view-default .elementor-icon{color:#C1A44B;border-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-228e7123.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-228e7123.elementor-view-default .elementor-icon svg{fill:#C1A44B;}.elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon{font-size:40px;}.elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon svg{height:40px;}.elementor-6 .elementor-element.elementor-element-6887f392 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:26px;font-weight:600;text-transform:uppercase;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-3049e7bb{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#BBBBBB;}.elementor-6 .elementor-element.elementor-element-1e61a3ca{--display:flex;}.elementor-6 .elementor-element.elementor-element-52a8995a{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#4E5A6E;--border-color:#4E5A6E;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6 .elementor-element.elementor-element-52a8995a:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-52a8995a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111420;}.elementor-6 .elementor-element.elementor-element-427b3ae8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-427b3ae8.elementor-element{--align-self:flex-start;}.elementor-6 .elementor-element.elementor-element-427b3ae8.elementor-view-stacked .elementor-icon{background-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-427b3ae8.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-427b3ae8.elementor-view-default .elementor-icon{color:#C1A44B;border-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-427b3ae8.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-427b3ae8.elementor-view-default .elementor-icon svg{fill:#C1A44B;}.elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon{font-size:40px;}.elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon svg{height:40px;}.elementor-6 .elementor-element.elementor-element-5ae8d563 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:26px;font-weight:600;text-transform:uppercase;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-54a0c71b{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#BBBBBB;}.elementor-6 .elementor-element.elementor-element-2e16dcdd{--display:flex;}.elementor-6 .elementor-element.elementor-element-73c0ff3{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#4E5A6E;--border-color:#4E5A6E;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6 .elementor-element.elementor-element-73c0ff3:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-73c0ff3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111420;}.elementor-6 .elementor-element.elementor-element-76db9e78{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-76db9e78.elementor-element{--align-self:flex-start;}.elementor-6 .elementor-element.elementor-element-76db9e78.elementor-view-stacked .elementor-icon{background-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-76db9e78.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-76db9e78.elementor-view-default .elementor-icon{color:#C1A44B;border-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-76db9e78.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-76db9e78.elementor-view-default .elementor-icon svg{fill:#C1A44B;}.elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon{font-size:40px;}.elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon svg{height:40px;}.elementor-6 .elementor-element.elementor-element-3146b493 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:26px;font-weight:600;text-transform:uppercase;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-44c97416{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#BBBBBB;}.elementor-6 .elementor-element.elementor-element-5970586c{--display:flex;}.elementor-6 .elementor-element.elementor-element-74ae23c4{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#4E5A6E;--border-color:#4E5A6E;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6 .elementor-element.elementor-element-74ae23c4:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-74ae23c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111420;}.elementor-6 .elementor-element.elementor-element-9cd1042{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-9cd1042.elementor-element{--align-self:flex-start;}.elementor-6 .elementor-element.elementor-element-9cd1042.elementor-view-stacked .elementor-icon{background-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-9cd1042.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-9cd1042.elementor-view-default .elementor-icon{color:#C1A44B;border-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-9cd1042.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-9cd1042.elementor-view-default .elementor-icon svg{fill:#C1A44B;}.elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon{font-size:40px;}.elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon svg{height:40px;}.elementor-6 .elementor-element.elementor-element-2b087d87 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:26px;font-weight:600;text-transform:uppercase;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-3bb65247{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#BBBBBB;}.elementor-6 .elementor-element.elementor-element-5b8676f5{--display:flex;}.elementor-6 .elementor-element.elementor-element-4bf36829{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#4E5A6E;--border-color:#4E5A6E;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6 .elementor-element.elementor-element-4bf36829:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-4bf36829 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111420;}.elementor-6 .elementor-element.elementor-element-19bfba81{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-19bfba81.elementor-element{--align-self:flex-start;}.elementor-6 .elementor-element.elementor-element-19bfba81.elementor-view-stacked .elementor-icon{background-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-19bfba81.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-19bfba81.elementor-view-default .elementor-icon{color:#C1A44B;border-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-19bfba81.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-19bfba81.elementor-view-default .elementor-icon svg{fill:#C1A44B;}.elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon{font-size:40px;}.elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon svg{height:40px;}.elementor-6 .elementor-element.elementor-element-11eb790b .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:26px;font-weight:600;text-transform:uppercase;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-3dbf5579{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#BBBBBB;}.elementor-6 .elementor-element.elementor-element-2ee0c7db{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-6 .elementor-element.elementor-element-21527e57{--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-6 .elementor-element.elementor-element-32faf296{--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-6 .elementor-element.elementor-element-2a05c322{--display:flex;}.elementor-6 .elementor-element.elementor-element-356e28cc .elementor-button{background-color:#56565600;font-family:"Montserrat", Sans-serif;font-weight:500;fill:#E2E2E2;color:#E2E2E2;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2E2E2;border-radius:34px 34px 34px 34px;}.elementor-6 .elementor-element.elementor-element-356e28cc{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-286a7f06{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;text-align:start;}.elementor-6 .elementor-element.elementor-element-286a7f06 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:34px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-58d8bcc8{width:var( --container-widget-width, 125.495% );max-width:125.495%;--container-widget-width:125.495%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-58d8bcc8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-58d8bcc8 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-768dae7c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:24px 24px 24px 24px;}.elementor-6 .elementor-element.elementor-element-768dae7c:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-768dae7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #050C13 0%, #0F2136 100%);}.elementor-6 .elementor-element.elementor-element-486e12e8{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-6 .elementor-element.elementor-element-486e12e8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-6 .elementor-element.elementor-element-486e12e8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-6 .elementor-element.elementor-element-486e12e8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-6 .elementor-element.elementor-element-486e12e8 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-6 .elementor-element.elementor-element-486e12e8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-6 .elementor-element.elementor-element-486e12e8 .elementor-icon-list-icon i{color:#C1A44B;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-486e12e8 .elementor-icon-list-icon svg{fill:#C1A44B;transition:fill 0.3s;}.elementor-6 .elementor-element.elementor-element-486e12e8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6 .elementor-element.elementor-element-486e12e8 .elementor-icon-list-item > a{font-family:"Syne", Sans-serif;font-weight:400;line-height:19px;}.elementor-6 .elementor-element.elementor-element-486e12e8 .elementor-icon-list-text{color:#B7B7B7;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-215f5f98{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:24px 24px 24px 24px;}.elementor-6 .elementor-element.elementor-element-215f5f98:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-215f5f98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #050C13 0%, #0F2136 100%);}.elementor-6 .elementor-element.elementor-element-1d5a573{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-6 .elementor-element.elementor-element-1d5a573 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-6 .elementor-element.elementor-element-1d5a573 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-6 .elementor-element.elementor-element-1d5a573 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-6 .elementor-element.elementor-element-1d5a573 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-6 .elementor-element.elementor-element-1d5a573 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-6 .elementor-element.elementor-element-1d5a573 .elementor-icon-list-icon i{color:#C1A44B;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-1d5a573 .elementor-icon-list-icon svg{fill:#C1A44B;transition:fill 0.3s;}.elementor-6 .elementor-element.elementor-element-1d5a573 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6 .elementor-element.elementor-element-1d5a573 .elementor-icon-list-item > a{font-family:"Syne", Sans-serif;font-weight:400;line-height:19px;}.elementor-6 .elementor-element.elementor-element-1d5a573 .elementor-icon-list-text{color:#B7B7B7;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-1225a348{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:24px 24px 24px 24px;}.elementor-6 .elementor-element.elementor-element-1225a348:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-1225a348 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #050C13 0%, #0F2136 100%);}.elementor-6 .elementor-element.elementor-element-5658ef03{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-6 .elementor-element.elementor-element-5658ef03 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-6 .elementor-element.elementor-element-5658ef03 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-6 .elementor-element.elementor-element-5658ef03 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-6 .elementor-element.elementor-element-5658ef03 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-6 .elementor-element.elementor-element-5658ef03 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-6 .elementor-element.elementor-element-5658ef03 .elementor-icon-list-icon i{color:#C1A44B;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-5658ef03 .elementor-icon-list-icon svg{fill:#C1A44B;transition:fill 0.3s;}.elementor-6 .elementor-element.elementor-element-5658ef03 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6 .elementor-element.elementor-element-5658ef03 .elementor-icon-list-item > a{font-family:"Syne", Sans-serif;font-weight:400;line-height:19px;}.elementor-6 .elementor-element.elementor-element-5658ef03 .elementor-icon-list-text{color:#B7B7B7;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-78dea1a9{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:24px 24px 24px 24px;}.elementor-6 .elementor-element.elementor-element-78dea1a9:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-78dea1a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #050C13 0%, #0F2136 100%);}.elementor-6 .elementor-element.elementor-element-750d2337{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-6 .elementor-element.elementor-element-750d2337 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-6 .elementor-element.elementor-element-750d2337 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-6 .elementor-element.elementor-element-750d2337 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-6 .elementor-element.elementor-element-750d2337 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-6 .elementor-element.elementor-element-750d2337 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-6 .elementor-element.elementor-element-750d2337 .elementor-icon-list-icon i{color:#C1A44B;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-750d2337 .elementor-icon-list-icon svg{fill:#C1A44B;transition:fill 0.3s;}.elementor-6 .elementor-element.elementor-element-750d2337 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6 .elementor-element.elementor-element-750d2337 .elementor-icon-list-item > a{font-family:"Syne", Sans-serif;font-weight:400;line-height:19px;}.elementor-6 .elementor-element.elementor-element-750d2337 .elementor-icon-list-text{color:#B7B7B7;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-3e812cc7{--display:flex;--justify-content:center;}.elementor-6 .elementor-element.elementor-element-1eab26c4 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-6 .elementor-element.elementor-element-9005cfc{--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-6 .elementor-element.elementor-element-9c68460{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-0d821f2{--display:flex;}.elementor-6 .elementor-element.elementor-element-f46aeb7 .elementor-button{background-color:#56565600;font-family:"Montserrat", Sans-serif;font-weight:500;fill:#E2E2E2;color:#E2E2E2;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2E2E2;border-radius:34px 34px 34px 34px;}.elementor-6 .elementor-element.elementor-element-f46aeb7{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-a1c02ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;text-align:start;}.elementor-6 .elementor-element.elementor-element-a1c02ed .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:34px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-680198b{width:var( --container-widget-width, 125.495% );max-width:125.495%;--container-widget-width:125.495%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-680198b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-680198b .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-00c89e2{--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-6 .elementor-element.elementor-element-cea8e5d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-e943243{--display:flex;}.elementor-6 .elementor-element.elementor-element-4ba2bdc .elementor-button{background-color:#56565600;font-family:"Montserrat", Sans-serif;font-weight:500;fill:#E2E2E2;color:#E2E2E2;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2E2E2;border-radius:34px 34px 34px 34px;}.elementor-6 .elementor-element.elementor-element-4ba2bdc{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-daba0b0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;text-align:start;}.elementor-6 .elementor-element.elementor-element-daba0b0 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:34px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-a77327c{width:var( --container-widget-width, 125.495% );max-width:125.495%;--container-widget-width:125.495%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-a77327c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-a77327c .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-46194a0d{--display:flex;}.elementor-6 .elementor-element.elementor-element-5baa4cf8{--divider-border-style:solid;--divider-color:#000;--divider-border-width:2.6px;}.elementor-6 .elementor-element.elementor-element-5baa4cf8 .elementor-divider-separator{width:100%;}.elementor-6 .elementor-element.elementor-element-5baa4cf8 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-6 .elementor-element.elementor-element-12258584{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:33px 33px 33px 33px;--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-6 .elementor-element.elementor-element-12258584:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-12258584 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C101A;}.elementor-6 .elementor-element.elementor-element-17b02a0b{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-17b02a0b .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:34px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-536bb1e6{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-536bb1e6 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:18px;font-weight:300;line-height:39px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-1047efa6{width:var( --container-widget-width, 81.875% );max-width:81.875%;margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:81.875%;--container-widget-flex-grow:0;text-align:center;}.elementor-6 .elementor-element.elementor-element-1047efa6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-1047efa6 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-481825c5{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-481825c5 .elementor-icon-wrapper{text-align:center;}.elementor-6 .elementor-element.elementor-element-481825c5.elementor-view-stacked .elementor-icon{background-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-481825c5.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-481825c5.elementor-view-default .elementor-icon{color:#C1A44B;border-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-481825c5.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-481825c5.elementor-view-default .elementor-icon svg{fill:#C1A44B;}.elementor-6 .elementor-element.elementor-element-481825c5 .elementor-icon{font-size:27px;}.elementor-6 .elementor-element.elementor-element-481825c5 .elementor-icon svg{height:27px;}.elementor-6 .elementor-element.elementor-element-56ad3e93 .elementor-button{background-color:#61CE7000;font-family:"Castoro Titling", Sans-serif;font-weight:500;}.elementor-6 .elementor-element.elementor-element-56ad3e93{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-56ad3e93.elementor-element{--align-self:center;}.elementor-6 .elementor-element.elementor-element-23cecae2{--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-6 .elementor-element.elementor-element-7090e3b8{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-598963d7 .elementor-button{background-color:#56565600;font-family:"Montserrat", Sans-serif;font-weight:500;fill:#E2E2E2;color:#E2E2E2;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2E2E2;border-radius:34px 34px 34px 34px;}.elementor-6 .elementor-element.elementor-element-598963d7{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-756f6b66{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-756f6b66 .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:34px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-16d3f54c{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-6 .elementor-element.elementor-element-16d3f54c .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:18px;font-weight:300;line-height:39px;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-7f11ccb6{width:var( --container-widget-width, 62.855% );max-width:62.855%;--container-widget-width:62.855%;--container-widget-flex-grow:0;text-align:center;}.elementor-6 .elementor-element.elementor-element-7f11ccb6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-7f11ccb6 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-4885f677{--display:flex;}.elementor-6 .elementor-element.elementor-element-4885f677.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-30c19351{--display:flex;}.elementor-6 .elementor-element.elementor-element-3be944b9{width:var( --container-widget-width, 120.089% );max-width:120.089%;--container-widget-width:120.089%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-3be944b9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-3be944b9 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-45fc9270{--display:flex;}.elementor-6 .elementor-element.elementor-element-7e1b0085{width:var( --container-widget-width, 120.089% );max-width:120.089%;--container-widget-width:120.089%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-7e1b0085.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-7e1b0085 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-5941d3a9{--display:flex;}.elementor-6 .elementor-element.elementor-element-49d40a62{width:var( --container-widget-width, 120.089% );max-width:120.089%;--container-widget-width:120.089%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-49d40a62.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-49d40a62 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-f0f096a{--display:flex;}.elementor-6 .elementor-element.elementor-element-186f1f1f{width:var( --container-widget-width, 120.089% );max-width:120.089%;--container-widget-width:120.089%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-186f1f1f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-186f1f1f .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-506f5bba{--display:flex;}.elementor-6 .elementor-element.elementor-element-3f0e67ff{width:var( --container-widget-width, 120.089% );max-width:120.089%;--container-widget-width:120.089%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-3f0e67ff.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-3f0e67ff .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-1deb92f2{--display:flex;}.elementor-6 .elementor-element.elementor-element-5451917b{width:var( --container-widget-width, 120.089% );max-width:120.089%;--container-widget-width:120.089%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-5451917b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-5451917b .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-5a5234a2{--display:flex;}.elementor-6 .elementor-element.elementor-element-2a284526{width:var( --container-widget-width, 120.089% );max-width:120.089%;--container-widget-width:120.089%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-2a284526.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-2a284526 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-fcfd78f{--display:flex;}.elementor-6 .elementor-element.elementor-element-769c022{width:var( --container-widget-width, 120.089% );max-width:120.089%;--container-widget-width:120.089%;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-769c022.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-769c022 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:18px;font-weight:200;line-height:24px;color:#D6D6D6;}.elementor-6 .elementor-element.elementor-element-4723b01e{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:14px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:8px 8px 8px 8px;--n-accordion-icon-size:15px;}.elementor-6 .elementor-element.elementor-element-4723b01e > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-4723b01e {--n-accordion-padding:16px 16px 16px 16px;}:where( .elementor-6 .elementor-element.elementor-element-4723b01e > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Castoro Titling", Sans-serif;font-weight:600;}.elementor-6 .elementor-element.elementor-element-23a06156{--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;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#C1A44B;--border-color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-23a06156:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-23a06156 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://institutofernandofontes.com.br/wp-content/uploads/2026/04/FUNDO-4.gif");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-6 .elementor-element.elementor-element-6688f16e{--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:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-6688f16e:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-6688f16e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#72595900;}.elementor-6 .elementor-element.elementor-element-785c0b8a{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-6 .elementor-element.elementor-element-7614f2fb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;text-align:start;}.elementor-6 .elementor-element.elementor-element-7614f2fb .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:26px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-270786bc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-6 .elementor-element.elementor-element-270786bc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-6 .elementor-element.elementor-element-270786bc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-6 .elementor-element.elementor-element-270786bc .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-6 .elementor-element.elementor-element-270786bc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-6 .elementor-element.elementor-element-270786bc .elementor-icon-list-icon i{color:#F6FAFF;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-270786bc .elementor-icon-list-icon svg{fill:#F6FAFF;transition:fill 0.3s;}.elementor-6 .elementor-element.elementor-element-270786bc{--e-icon-list-icon-size:19px;--icon-vertical-offset:0px;}.elementor-6 .elementor-element.elementor-element-270786bc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6 .elementor-element.elementor-element-270786bc .elementor-icon-list-item > a{font-family:"Syne", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}.elementor-6 .elementor-element.elementor-element-270786bc .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-65a858aa{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-6 .elementor-element.elementor-element-65a858aa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-1e358f35{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-6 .elementor-element.elementor-element-4eccc9cb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;text-align:start;}.elementor-6 .elementor-element.elementor-element-4eccc9cb .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;font-size:26px;font-weight:300;line-height:39px;color:#C1A44B;}.elementor-6 .elementor-element.elementor-element-588cbb4f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-6 .elementor-element.elementor-element-588cbb4f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-6 .elementor-element.elementor-element-588cbb4f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-6 .elementor-element.elementor-element-588cbb4f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-6 .elementor-element.elementor-element-588cbb4f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-6 .elementor-element.elementor-element-588cbb4f .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-588cbb4f .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-6 .elementor-element.elementor-element-588cbb4f{--e-icon-list-icon-size:19px;--icon-vertical-offset:0px;}.elementor-6 .elementor-element.elementor-element-588cbb4f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6 .elementor-element.elementor-element-588cbb4f .elementor-icon-list-item > a{font-family:"Syne", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}.elementor-6 .elementor-element.elementor-element-588cbb4f .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-6 .elementor-element.elementor-element-449191cb{--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-6 .elementor-element.elementor-element-2a332bbf{--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-6:not(.elementor-motion-effects-element-type-background), body.elementor-page-6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050810;}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-316a06bb{--width:27.402%;}.elementor-6 .elementor-element.elementor-element-2037a8a9{--width:36.607%;}.elementor-6 .elementor-element.elementor-element-4885f677{--width:73.839%;}.elementor-6 .elementor-element.elementor-element-785c0b8a{--width:19%;}.elementor-6 .elementor-element.elementor-element-65a858aa{--width:21%;}.elementor-6 .elementor-element.elementor-element-1e358f35{--width:17%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6 .elementor-element.elementor-element-785c0b8a{--width:100%;}.elementor-6 .elementor-element.elementor-element-65a858aa{--width:100%;}.elementor-6 .elementor-element.elementor-element-1e358f35{--width:100%;}}@media(max-width:1024px){.elementor-6 .elementor-element.elementor-element-8541540{--e-image-carousel-slides-to-show:7;}.elementor-6 .elementor-element.elementor-element-8cbd766{--e-image-carousel-slides-to-show:7;}.elementor-6 .elementor-element.elementor-element-1d409e9d .elementor-heading-title{font-size:28px;}.elementor-6 .elementor-element.elementor-element-461d0241 .elementor-heading-title{font-size:28px;}.elementor-6 .elementor-element.elementor-element-e7bade1 .elementor-heading-title{font-size:28px;}.elementor-6 .elementor-element.elementor-element-56253c8c .elementor-heading-title{font-size:28px;}.elementor-6 .elementor-element.elementor-element-6887f392 .elementor-heading-title{font-size:28px;}.elementor-6 .elementor-element.elementor-element-5ae8d563 .elementor-heading-title{font-size:28px;}.elementor-6 .elementor-element.elementor-element-3146b493 .elementor-heading-title{font-size:28px;}.elementor-6 .elementor-element.elementor-element-2b087d87 .elementor-heading-title{font-size:28px;}.elementor-6 .elementor-element.elementor-element-11eb790b .elementor-heading-title{font-size:28px;}.elementor-6 .elementor-element.elementor-element-2ee0c7db{--e-n-carousel-swiper-slides-to-display:2;}.elementor-6 .elementor-element.elementor-element-6688f16e{--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:30px 30px;--row-gap:30px;--column-gap:30px;--flex-wrap:wrap;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-6 .elementor-element.elementor-element-785c0b8a{--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;}.elementor-6 .elementor-element.elementor-element-65a858aa{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-6 .elementor-element.elementor-element-65a858aa.e-con{--order:-99999 /* order start hack */;}.elementor-6 .elementor-element.elementor-element-1e358f35{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-63653069:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-63653069 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://institutofernandofontes.com.br/wp-content/uploads/2026/04/FUNDO-1-MOBILE-scaled.gif");}.elementor-6 .elementor-element.elementor-element-68130aaf{width:var( --container-widget-width, 210.275px );max-width:210.275px;--container-widget-width:210.275px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-74f74c55 .elementor-button{font-size:18px;}.elementor-6 .elementor-element.elementor-element-1b388000{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-1b388000 .elementor-heading-title{font-size:33px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-5750de44{width:var( --container-widget-width, 595.138px );max-width:595.138px;--container-widget-width:595.138px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-03698a9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-8541540{--e-image-carousel-slides-to-show:3;}.elementor-6 .elementor-element.elementor-element-59900b9 .elementor-heading-title{font-size:39px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-528c0072{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-6 .elementor-element.elementor-element-528c0072 .elementor-heading-title{font-size:39px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-6cd21264{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-6 .elementor-element.elementor-element-6cd21264 .elementor-heading-title{font-size:39px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-2dde66fb{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-6 .elementor-element.elementor-element-2dde66fb .elementor-heading-title{font-size:39px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-ecc99bb .elementor-heading-title{font-size:39px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-52f93536{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-60ded15b{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-6 .elementor-element.elementor-element-4358231a .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-7563e437{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-7563e437 .elementor-heading-title{font-size:18px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-334a8e58{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-5b15ae7d{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-6 .elementor-element.elementor-element-2cb0b3f8 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-3c2a5f71{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-3c2a5f71 .elementor-heading-title{font-size:18px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-60ac5bf9{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-5cdc2841{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-40b44067{width:var( --container-widget-width, 377.8px );max-width:377.8px;--container-widget-width:377.8px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-3062621d{--margin-top:34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-6 .elementor-element.elementor-element-31960f65 .elementor-heading-title{font-size:39px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-c26aa1a{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-1f6e1299{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-61bc8624{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-6 .elementor-element.elementor-element-163cee4d .elementor-heading-title{font-size:31px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-3455fec7{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-759e843a{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-4e7e4c9c{width:var( --container-widget-width, 426.8px );max-width:426.8px;--container-widget-width:426.8px;--container-widget-flex-grow:0;text-align:center;}.elementor-6 .elementor-element.elementor-element-4e7e4c9c.elementor-element{--align-self:center;}.elementor-6 .elementor-element.elementor-element-62496b57{margin:51px 0px calc(var(--kit-widget-spacing, 0px) + -8px) 0px;}.elementor-6 .elementor-element.elementor-element-62496b57 .elementor-heading-title{font-size:31px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-4f5c2ceb{width:var( --container-widget-width, 435.775px );max-width:435.775px;--container-widget-width:435.775px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-1759587e{margin:1px 1px calc(var(--kit-widget-spacing, 0px) + 1px) 1px;}.elementor-6 .elementor-element.elementor-element-1759587e .elementor-heading-title{font-size:18px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-6209c592{width:var( --container-widget-width, 435.775px );max-width:435.775px;--container-widget-width:435.775px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-6a192a0a .elementor-heading-title{font-size:39px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-c7d80f5{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-720258ce{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-7186e263{width:var( --container-widget-width, 312.8px );max-width:312.8px;--container-widget-width:312.8px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-2ff957e0{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-561785a{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-3ccab681{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-47fddeab{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-746e0ffa{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-52f83d4a{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-9c142e3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-8cbd766{--e-image-carousel-slides-to-show:3;}.elementor-6 .elementor-element.elementor-element-53f5aca3{--margin-top:27px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6 .elementor-element.elementor-element-1b2d1ac1 .elementor-heading-title{font-size:39px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-55f2b3cb{margin:1px 1px calc(var(--kit-widget-spacing, 0px) + 1px) 1px;}.elementor-6 .elementor-element.elementor-element-55f2b3cb .elementor-heading-title{font-size:18px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-34c93fbd{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-0668e5d .bdt-sniper-slider .bdt-title{font-size:15px;}.elementor-6 .elementor-element.elementor-element-3f6e09eb{margin:51px 0px calc(var(--kit-widget-spacing, 0px) + -8px) 0px;}.elementor-6 .elementor-element.elementor-element-3f6e09eb .elementor-heading-title{font-size:31px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-2166d3e7{margin:1px 1px calc(var(--kit-widget-spacing, 0px) + 1px) 1px;}.elementor-6 .elementor-element.elementor-element-2166d3e7 .elementor-heading-title{font-size:18px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-83bf15{width:var( --container-widget-width, 435.775px );max-width:435.775px;--container-widget-width:435.775px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-1d409e9d .elementor-heading-title{font-size:26px;}.elementor-6 .elementor-element.elementor-element-5117bcd2{font-size:15px;}.elementor-6 .elementor-element.elementor-element-461d0241 .elementor-heading-title{font-size:26px;}.elementor-6 .elementor-element.elementor-element-2380fd16{font-size:15px;}.elementor-6 .elementor-element.elementor-element-e7bade1 .elementor-heading-title{font-size:26px;}.elementor-6 .elementor-element.elementor-element-1d4df1bf{font-size:15px;}.elementor-6 .elementor-element.elementor-element-56253c8c .elementor-heading-title{font-size:26px;}.elementor-6 .elementor-element.elementor-element-5674386e{font-size:15px;}.elementor-6 .elementor-element.elementor-element-6887f392 .elementor-heading-title{font-size:26px;}.elementor-6 .elementor-element.elementor-element-3049e7bb{font-size:15px;}.elementor-6 .elementor-element.elementor-element-5ae8d563 .elementor-heading-title{font-size:26px;}.elementor-6 .elementor-element.elementor-element-54a0c71b{font-size:15px;}.elementor-6 .elementor-element.elementor-element-3146b493 .elementor-heading-title{font-size:26px;}.elementor-6 .elementor-element.elementor-element-44c97416{font-size:15px;}.elementor-6 .elementor-element.elementor-element-2b087d87 .elementor-heading-title{font-size:26px;}.elementor-6 .elementor-element.elementor-element-3bb65247{font-size:15px;}.elementor-6 .elementor-element.elementor-element-11eb790b .elementor-heading-title{font-size:26px;}.elementor-6 .elementor-element.elementor-element-3dbf5579{font-size:15px;}.elementor-6 .elementor-element.elementor-element-2ee0c7db{--e-n-carousel-swiper-slides-to-display:1;}.elementor-6 .elementor-element.elementor-element-286a7f06 .elementor-heading-title{font-size:39px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-58d8bcc8{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-f46aeb7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-a1c02ed .elementor-heading-title{font-size:39px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-680198b{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-4ba2bdc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-daba0b0 .elementor-heading-title{font-size:39px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-a77327c{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-17b02a0b{margin:51px 0px calc(var(--kit-widget-spacing, 0px) + -8px) 0px;}.elementor-6 .elementor-element.elementor-element-17b02a0b .elementor-heading-title{font-size:31px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-536bb1e6{margin:1px 1px calc(var(--kit-widget-spacing, 0px) + 1px) 1px;}.elementor-6 .elementor-element.elementor-element-536bb1e6 .elementor-heading-title{font-size:18px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-1047efa6{width:var( --container-widget-width, 435.775px );max-width:435.775px;--container-widget-width:435.775px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-756f6b66 .elementor-heading-title{font-size:39px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-16d3f54c{margin:1px 1px calc(var(--kit-widget-spacing, 0px) + 1px) 1px;}.elementor-6 .elementor-element.elementor-element-16d3f54c .elementor-heading-title{font-size:18px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-7f11ccb6{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-3be944b9{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-7e1b0085{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-49d40a62{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-186f1f1f{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-3f0e67ff{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-5451917b{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-2a284526{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-769c022{width:var( --container-widget-width, 422.525px );max-width:422.525px;--container-widget-width:422.525px;--container-widget-flex-grow:0;}.elementor-6 .elementor-element.elementor-element-6688f16e{--gap:40px 20px;--row-gap:40px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10vw;--padding-bottom:10vw;--padding-left:5vw;--padding-right:5vw;}.elementor-6 .elementor-element.elementor-element-785c0b8a{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-6 .elementor-element.elementor-element-7614f2fb .elementor-heading-title{font-size:24px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-270786bc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6 .elementor-element.elementor-element-270786bc .elementor-icon-list-item > a{font-size:16px;line-height:1.4em;}.elementor-6 .elementor-element.elementor-element-65a858aa{--width:240.975px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-6 .elementor-element.elementor-element-1e358f35{--width:100%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-6 .elementor-element.elementor-element-4eccc9cb .elementor-heading-title{font-size:24px;line-height:1.1em;}.elementor-6 .elementor-element.elementor-element-588cbb4f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6 .elementor-element.elementor-element-588cbb4f .elementor-icon-list-item > a{font-size:16px;line-height:1.4em;}}/* Start custom CSS for button, class: .elementor-element-74f74c55 *//* Estilo básico para o botão do Elementor */ .elementor-6 .elementor-element.elementor-element-74f74c55 .elementor-button { background: #c2a44c !important; /* roxo intenso */ color: black !important; border-radius: 1000px !important; cursor: pointer !important; position: relative !important; z-index: 1 !important; overflow: hidden !important; } /* Quando o botão é hover, muda a cor do texto para preto */ .elementor-6 .elementor-element.elementor-element-74f74c55 .elementor-button:hover { color: black !important; } /* Efeito da camada branca por trás do botão */ .elementor-6 .elementor-element.elementor-element-74f74c55 .elementor-button::after { content: "" !important; background: white !important; position: absolute !important; z-index: -1 !important; left: -20% !important; right: -20% !important; top: 0 !important; bottom: 0 !important; transform: skewX(-45deg) scale(0, 1) !important; /* Começa invisível */ transition: all 0.5s !important; /* Transição suave */ } /* Quando o botão é hover, a camada branca aparece */ .elementor-6 .elementor-element.elementor-element-74f74c55 .elementor-button:hover::after { transform: skewX(-45deg) scale(1, 1) !important; /* Expande a camada */ -webkit-transition: all 0.5s !important; transition: all 0.5s !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1df653f6 */.elementor-6 .elementor-element.elementor-element-1df653f6 { backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1b388000 */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-68987960 */.btn { --border-color: linear-gradient(-45deg, #e4e676, #c1a44b, #c1a44b); --border-width: .155em; --curve-size: .5em; --bg: #090e15; --color: #caa8ff; color: var(--color); position: relative; isolation: isolate; display: inline-grid; place-content: center; border: 0; padding: 12px 28px; font-weight: 600; text-decoration: none; cursor: pointer; /* sombra base */ box-shadow: 10px 10px 20px rgba(0, 0, 0, .6); /* 🔥 glow inferior real */ filter: drop-shadow(0 18px 25px rgba(123, 47, 247, 0.45)); 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: filter .3s ease, color .3s ease; } /* Glow mais forte no hover */ .btn:hover { filter: drop-shadow(0 25px 35px rgba(123, 47, 247, 0.65)); } /* Texto do botão Elementor */ .btn:hover .elementor-button-text { color: #ffffff !important; transition: 0.5s; } /* Camadas */ .btn::after, .btn::before { content: ''; position: absolute; inset: 0; } /* Borda animada */ .btn::before { background: var(--border-color); background-size: 300% 300%; animation: move-bg7234 4s ease infinite; z-index: -2; } /* Animação */ @keyframes move-bg7234 { 0% { background-position: 31% 0% } 50% { background-position: 70% 100% } 100% { background-position: 31% 0% } } /* Fundo interno */ .btn::after { background: var(--bg); z-index: -1; clip-path: polygon( var(--border-width) calc(var(--curve-size) + var(--border-width) * .5), calc(var(--curve-size) + var(--border-width) * .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) * .5)), calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)), var(--border-width) calc(100% - var(--border-width))); transition: clip-path 500ms; } /* Efeito de abertura no hover */ .btn:where(:hover, :focus)::after { 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) * .5)), calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)), calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)) calc(100% - var(--border-width))); }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-8541540 */.elementor-6 .elementor-element.elementor-element-8541540 .swiper-wrapper{ transition-timing-function: linear !important; } .elementor-6 .elementor-element.elementor-element-8541540::before { content:""; display: block; width: 100%; height: 100%; position: absolute; z-index: 999; pointer-events: none; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-03698a9 */overflow: hidden; position: relative; width: 100%;/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-59900b9 */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-528c0072 */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6f453b2a *//* caso não saiba alterar as cores, Use a ALIGBLY */ .bordadegradeanimada{ overflow: hidden; border-radius: 20px; } .elementor-6 .elementor-element.elementor-element-6f453b2a *{z-index: 10;} .bordadegradeanimada:after { position: absolute; border-radius: 20px; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 2; width: calc(100% - 5px); height: calc(100% - 5px); background: #0a1019; } .bordadegradeanimada:before { position: absolute; z-index: 1; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; filter: blur(20px); width: 800px; height: 800px; /* Alteração para roxo (exemplo: #9933FF e #CC66FF) */ background: conic-gradient(from 0deg at 50.12% 50%, transparent 0deg, #c2a44c 60deg, transparent 60.1deg), conic-gradient(from 0deg at 50.12% 50%, transparent 190deg, #c2a44c 250deg, transparent 250.1deg), transparent; animation: rotacaodegrade 10s linear infinite; } @keyframes rotacaodegrade { to { transform: translate(-50%,-50%) rotate(1turn); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6cd21264 */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6d7853dd *//* caso não saiba alterar as cores, Use a ALIGBLY */ .bordadegradeanimada{ overflow: hidden; border-radius: 20px; } .elementor-6 .elementor-element.elementor-element-6d7853dd *{z-index: 10;} .bordadegradeanimada:after { position: absolute; border-radius: 20px; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 2; width: calc(100% - 5px); height: calc(100% - 5px); background: #0a1019; } .bordadegradeanimada:before { position: absolute; z-index: 1; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; filter: blur(20px); width: 800px; height: 800px; /* Alteração para roxo (exemplo: #9933FF e #CC66FF) */ background: conic-gradient(from 0deg at 50.12% 50%, transparent 0deg, #c2a44c 60deg, transparent 60.1deg), conic-gradient(from 0deg at 50.12% 50%, transparent 190deg, #c2a44c 250deg, transparent 250.1deg), transparent; animation: rotacaodegrade 10s linear infinite; } @keyframes rotacaodegrade { to { transform: translate(-50%,-50%) rotate(1turn); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2dde66fb */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2cae36ee *//* caso não saiba alterar as cores, Use a ALIGBLY */ .bordadegradeanimada{ overflow: hidden; border-radius: 20px; } .elementor-6 .elementor-element.elementor-element-2cae36ee *{z-index: 10;} .bordadegradeanimada:after { position: absolute; border-radius: 20px; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 2; width: calc(100% - 5px); height: calc(100% - 5px); background: #0a1019; } .bordadegradeanimada:before { position: absolute; z-index: 1; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; filter: blur(20px); width: 800px; height: 800px; /* Alteração para roxo (exemplo: #9933FF e #CC66FF) */ background: conic-gradient(from 0deg at 50.12% 50%, transparent 0deg, #c2a44c 60deg, transparent 60.1deg), conic-gradient(from 0deg at 50.12% 50%, transparent 190deg, #c2a44c 250deg, transparent 250.1deg), transparent; animation: rotacaodegrade 10s linear infinite; } @keyframes rotacaodegrade { to { transform: translate(-50%,-50%) rotate(1turn); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1ea264dc */.elementor-6 .elementor-element.elementor-element-1ea264dc:before { content: ''; position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%); width: 30%; transition: 2s; border-radius: 100px; height: 8px; background: linear-gradient(98deg, #bb9e47, #e5e373, #bb9e47); box-shadow: 0px 100px 80px 0px #ba9e47, 0px 41.778px 33.422px 0px #ba9e47, 0px 22.336px 17.869px 0px #ba9e47, 0px 12.522px 10.017px 0px #ba9e47, 0px 6.65px 5.32px 0px #ba9e47, 0px 2.767px 2.214px 0px #ba9e47; } .elementor-6 .elementor-element.elementor-element-1ea264dc:hover:before { width: 83%; }/* End custom CSS */ /* Start custom CSS for divider, class: .elementor-element-7bcb624d */.elementor-divider-separator { /* Alterado o gradiente de azul para roxo */ border-image: linear-gradient(90deg, #c3a54c00, #c3a54c, #c3a54c00) 1; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ecc99bb */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4358231a */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-7563e437 */overflow: hidden;/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e3d7319 *//* caso não saiba alterar as cores, Use a ALIGBLY */ .bordadegradeanimada{ overflow: hidden; border-radius: 20px; } .elementor-6 .elementor-element.elementor-element-6e3d7319 *{z-index: 10;} .bordadegradeanimada:after { position: absolute; border-radius: 20px; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 2; width: calc(100% - 5px); height: calc(100% - 5px); background: #0a1019; } .bordadegradeanimada:before { position: absolute; z-index: 1; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; filter: blur(20px); width: 800px; height: 800px; /* Alteração para roxo (exemplo: #9933FF e #CC66FF) */ background: conic-gradient(from 0deg at 50.12% 50%, transparent 0deg, #c2a44c 60deg, transparent 60.1deg), conic-gradient(from 0deg at 50.12% 50%, transparent 190deg, #c2a44c 250deg, transparent 250.1deg), transparent; animation: rotacaodegrade 10s linear infinite; } @keyframes rotacaodegrade { to { transform: translate(-50%,-50%) rotate(1turn); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2cb0b3f8 */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3c2a5f71 */overflow: hidden;/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3975e965 *//* caso não saiba alterar as cores, Use a ALIGBLY */ .bordadegradeanimada{ overflow: hidden; border-radius: 20px; } .elementor-6 .elementor-element.elementor-element-3975e965 *{z-index: 10;} .bordadegradeanimada:after { position: absolute; border-radius: 20px; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 2; width: calc(100% - 5px); height: calc(100% - 5px); background: #0a1019; } .bordadegradeanimada:before { position: absolute; z-index: 1; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; filter: blur(20px); width: 800px; height: 800px; /* Alteração para roxo (exemplo: #9933FF e #CC66FF) */ background: conic-gradient(from 0deg at 50.12% 50%, transparent 0deg, #c2a44c 60deg, transparent 60.1deg), conic-gradient(from 0deg at 50.12% 50%, transparent 190deg, #c2a44c 250deg, transparent 250.1deg), transparent; animation: rotacaodegrade 10s linear infinite; } @keyframes rotacaodegrade { to { transform: translate(-50%,-50%) rotate(1turn); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-31960f65 */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-75f64a0c *//* caso não saiba alterar as cores, Use a ALIGBLY */ .bordadegradeanimada{ overflow: hidden; border-radius: 20px; } .elementor-6 .elementor-element.elementor-element-75f64a0c *{z-index: 10;} .bordadegradeanimada:after { position: absolute; border-radius: 20px; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 2; width: calc(100% - 5px); height: calc(100% - 5px); background: #0a1019; } .bordadegradeanimada:before { position: absolute; z-index: 1; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; filter: blur(20px); width: 800px; height: 800px; /* Alteração para roxo (exemplo: #9933FF e #CC66FF) */ background: conic-gradient(from 0deg at 50.12% 50%, transparent 0deg, #c2a44c 60deg, transparent 60.1deg), conic-gradient(from 0deg at 50.12% 50%, transparent 190deg, #c2a44c 250deg, transparent 250.1deg), transparent; animation: rotacaodegrade 10s linear infinite; } @keyframes rotacaodegrade { to { transform: translate(-50%,-50%) rotate(1turn); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-163cee4d */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c3cc7df *//* caso não saiba alterar as cores, Use a ALIGBLY */ .bordadegradeanimada{ overflow: hidden; border-radius: 20px; } .elementor-6 .elementor-element.elementor-element-3c3cc7df *{z-index: 10;} .bordadegradeanimada:after { position: absolute; border-radius: 20px; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 2; width: calc(100% - 5px); height: calc(100% - 5px); background: #0a1019; } .bordadegradeanimada:before { position: absolute; z-index: 1; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; filter: blur(20px); width: 800px; height: 800px; /* Alteração para roxo (exemplo: #9933FF e #CC66FF) */ background: conic-gradient(from 0deg at 50.12% 50%, transparent 0deg, #c2a44c 60deg, transparent 60.1deg), conic-gradient(from 0deg at 50.12% 50%, transparent 190deg, #c2a44c 250deg, transparent 250.1deg), transparent; animation: rotacaodegrade 10s linear infinite; } @keyframes rotacaodegrade { to { transform: translate(-50%,-50%) rotate(1turn); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-62496b57 */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1759587e */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-39f67002 */.elementor-6 .elementor-element.elementor-element-39f67002:before { content: ''; position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%); width: 30%; transition: 2s; border-radius: 100px; height: 8px; background: linear-gradient(98deg, #bb9e47, #e5e373, #bb9e47); box-shadow: 0px 100px 80px 0px #ba9e47, 0px 41.778px 33.422px 0px #ba9e47, 0px 22.336px 17.869px 0px #ba9e47, 0px 12.522px 10.017px 0px #ba9e47, 0px 6.65px 5.32px 0px #ba9e47, 0px 2.767px 2.214px 0px #ba9e47; } .elementor-6 .elementor-element.elementor-element-39f67002:hover:before { width: 83%; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6a192a0a */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-609a530d */.btn { --border-color: linear-gradient(-45deg, #e4e676, #c1a44b, #c1a44b); --border-width: .155em; --curve-size: .5em; --bg: #090e15; --color: #caa8ff; color: var(--color); position: relative; isolation: isolate; display: inline-grid; place-content: center; border: 0; padding: 12px 28px; font-weight: 600; text-decoration: none; cursor: pointer; /* sombra base */ box-shadow: 10px 10px 20px rgba(0, 0, 0, .6); /* 🔥 glow inferior real */ filter: drop-shadow(0 18px 25px rgba(123, 47, 247, 0.45)); 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: filter .3s ease, color .3s ease; } /* Glow mais forte no hover */ .btn:hover { filter: drop-shadow(0 25px 35px rgba(123, 47, 247, 0.65)); } /* Texto do botão Elementor */ .btn:hover .elementor-button-text { color: #ffffff !important; transition: 0.5s; } /* Camadas */ .btn::after, .btn::before { content: ''; position: absolute; inset: 0; } /* Borda animada */ .btn::before { background: var(--border-color); background-size: 300% 300%; animation: move-bg7234 4s ease infinite; z-index: -2; } /* Animação */ @keyframes move-bg7234 { 0% { background-position: 31% 0% } 50% { background-position: 70% 100% } 100% { background-position: 31% 0% } } /* Fundo interno */ .btn::after { background: var(--bg); z-index: -1; clip-path: polygon( var(--border-width) calc(var(--curve-size) + var(--border-width) * .5), calc(var(--curve-size) + var(--border-width) * .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) * .5)), calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)), var(--border-width) calc(100% - var(--border-width))); transition: clip-path 500ms; } /* Efeito de abertura no hover */ .btn:where(:hover, :focus)::after { 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) * .5)), calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)), calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)) calc(100% - var(--border-width))); }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-8cbd766 */.elementor-6 .elementor-element.elementor-element-8cbd766 .swiper-wrapper{ transition-timing-function: linear !important; } .elementor-6 .elementor-element.elementor-element-8cbd766::before { content:""; display: block; width: 100%; height: 100%; position: absolute; z-index: 999; pointer-events: none; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9c142e3 */overflow: hidden; position: relative; width: 100%;/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1b2d1ac1 */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-55f2b3cb */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3f6e09eb */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2166d3e7 */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-78973c7d */.elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2321f99d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-5feec834 */.elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-65127c38 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-32f6b8ce */.elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7237e638 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-65e3e0e7 */.elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-27052b2f */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-228e7123 */.elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-334abb6d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-427b3ae8 */.elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52a8995a */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-76db9e78 */.elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-73c0ff3 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-9cd1042 */.elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74ae23c4 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-19bfba81 */.elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bf36829 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-78973c7d */.elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2321f99d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-5feec834 */.elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-65127c38 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-32f6b8ce */.elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7237e638 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-65e3e0e7 */.elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-27052b2f */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-228e7123 */.elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-334abb6d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-427b3ae8 */.elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52a8995a */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-76db9e78 */.elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-73c0ff3 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-9cd1042 */.elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74ae23c4 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-19bfba81 */.elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bf36829 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-78973c7d */.elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2321f99d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-5feec834 */.elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-65127c38 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-32f6b8ce */.elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7237e638 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-65e3e0e7 */.elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-27052b2f */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-228e7123 */.elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-334abb6d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-427b3ae8 */.elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52a8995a */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-76db9e78 */.elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-73c0ff3 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-9cd1042 */.elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74ae23c4 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-19bfba81 */.elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bf36829 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-78973c7d */.elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2321f99d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-5feec834 */.elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-65127c38 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-32f6b8ce */.elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7237e638 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-65e3e0e7 */.elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-27052b2f */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-228e7123 */.elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-334abb6d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-427b3ae8 */.elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52a8995a */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-76db9e78 */.elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-73c0ff3 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-9cd1042 */.elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74ae23c4 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-19bfba81 */.elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bf36829 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-78973c7d */.elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2321f99d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-5feec834 */.elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-65127c38 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-32f6b8ce */.elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7237e638 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-65e3e0e7 */.elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-27052b2f */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-228e7123 */.elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-334abb6d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-427b3ae8 */.elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52a8995a */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-76db9e78 */.elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-73c0ff3 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-9cd1042 */.elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74ae23c4 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-19bfba81 */.elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bf36829 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-78973c7d */.elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2321f99d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-5feec834 */.elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-65127c38 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-32f6b8ce */.elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7237e638 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-65e3e0e7 */.elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-27052b2f */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-228e7123 */.elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-334abb6d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-427b3ae8 */.elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52a8995a */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-76db9e78 */.elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-73c0ff3 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-9cd1042 */.elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74ae23c4 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-19bfba81 */.elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bf36829 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-78973c7d */.elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2321f99d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-5feec834 */.elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-65127c38 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-32f6b8ce */.elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7237e638 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-65e3e0e7 */.elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-27052b2f */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-228e7123 */.elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-334abb6d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-427b3ae8 */.elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52a8995a */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-76db9e78 */.elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-73c0ff3 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-9cd1042 */.elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74ae23c4 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-19bfba81 */.elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bf36829 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-78973c7d */.elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2321f99d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-5feec834 */.elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-65127c38 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-32f6b8ce */.elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7237e638 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-65e3e0e7 */.elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-27052b2f */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-228e7123 */.elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-334abb6d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-427b3ae8 */.elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52a8995a */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-76db9e78 */.elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-73c0ff3 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-9cd1042 */.elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74ae23c4 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-19bfba81 */.elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bf36829 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-78973c7d */.elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2321f99d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-5feec834 */.elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-65127c38 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-32f6b8ce */.elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7237e638 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-65e3e0e7 */.elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-27052b2f */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-228e7123 */.elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-334abb6d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-427b3ae8 */.elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52a8995a */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-76db9e78 */.elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-73c0ff3 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-9cd1042 */.elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74ae23c4 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-19bfba81 */.elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bf36829 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-78973c7d */.elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-78973c7d .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-78973c7d:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2321f99d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-5feec834 */.elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-5feec834 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-5feec834:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-65127c38 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-32f6b8ce */.elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-32f6b8ce .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-32f6b8ce:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7237e638 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-65e3e0e7 */.elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-65e3e0e7 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-65e3e0e7:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-27052b2f */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-228e7123 */.elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-228e7123 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-228e7123:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-334abb6d */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-427b3ae8 */.elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-427b3ae8 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-427b3ae8:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52a8995a */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-76db9e78 */.elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-76db9e78 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-76db9e78:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-73c0ff3 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-9cd1042 */.elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-9cd1042 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-9cd1042:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74ae23c4 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-19bfba81 */.elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon { position: relative; padding: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; /* Background glass escuro */ background: rgba(15, 15, 20, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.05); } .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.1) 180deg, /* Branco claro - começo da cauda */ rgba(255, 255, 255, 0.3) 190deg, /* Branco - cauda ficando mais forte */ rgba(255, 255, 255, 0.6) 200deg, /* Branco - cauda intensa */ #FFFFFF 210deg, /* Branco - núcleo do cometa */ #FFFFFF 212deg, /* Ponto brilhante no centro */ #FFFFFF 214deg, /* Branco - continuidade do núcleo */ rgba(255, 255, 255, 0.8) 220deg, /* Branco - cauda próxima */ rgba(255, 255, 255, 0.5) 230deg, /* Branco - cauda média */ rgba(255, 255, 255, 0.2) 250deg, /* Branco desvanecendo */ transparent 270deg /* Fim da cauda */ ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 3px; /* ANIMAÇÃO INVERTIDA: de 360° para 0° */ animation: cometWithGlowReverse 3s linear infinite; filter: blur(0.5px); } @keyframes cometWithGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } /* Efeito de brilho adicional para a cauda */ .elementor-6 .elementor-element.elementor-element-19bfba81 .elementor-icon::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 180deg, rgba(255, 255, 255, 0.05) 180deg, rgba(255, 255, 255, 0.1) 190deg, rgba(255, 255, 255, 0.05) 230deg, transparent 250deg ); filter: blur(10px); /* ANIMAÇÃO INVERTIDA também */ animation: cometGlowReverse 6s linear infinite; pointer-events: none; z-index: -1; opacity: 0.6; } @keyframes cometGlowReverse { from { transform: rotate(360deg); /* Começa em 360° */ } to { transform: rotate(0deg); /* Termina em 0° */ } } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::before { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometWithGlowReverse 1s linear infinite; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5)) blur(0.3px); box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.2); } .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon::after { /* ANIMAÇÃO INVERTIDA mais rápida no hover */ animation: cometGlowReverse 3s linear infinite; opacity: 0.8; filter: blur(12px); } /* Efeito adicional no hover do ícone */ .elementor-6 .elementor-element.elementor-element-19bfba81:hover .elementor-icon { background: rgba(20, 20, 25, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); transform: scale(1.05); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bf36829 */.box2 { transition: 0.4s ease all; } .box2:hover { background: #1F1F1F !important; transform: translatey(-10px); } .box2::before { content: ""; border-radius: 0px !important; /* Gradiente roxo/magenta */ background: linear-gradient(90deg, #e4e66c, #c7a040); width: 20%; height: 6px; position: absolute; left: 0px; top: 100%; transform: translatey(-50%); /* Sombra roxa */ box-shadow: 0px 0px 20px 0px rgba(209, 169, 68, 0.5); transition: 0.5s ease all; } .box2:hover::before { width: 100%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-740a4173 */.elementor-6 .elementor-element.elementor-element-740a4173:before { content: ''; position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%); width: 30%; transition: 2s; border-radius: 100px; height: 8px; background: linear-gradient(98deg, #bb9e47, #e5e373, #bb9e47); box-shadow: 0px 100px 80px 0px #ba9e47, 0px 41.778px 33.422px 0px #ba9e47, 0px 22.336px 17.869px 0px #ba9e47, 0px 12.522px 10.017px 0px #ba9e47, 0px 6.65px 5.32px 0px #ba9e47, 0px 2.767px 2.214px 0px #ba9e47; } .elementor-6 .elementor-element.elementor-element-740a4173:hover:before { width: 83%; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-286a7f06 */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-768dae7c *//* caso não saiba alterar as cores, Use a ALIGBLY */ .bordadegradeanimada{ overflow: hidden; border-radius: 20px; } .elementor-6 .elementor-element.elementor-element-768dae7c *{z-index: 10;} .bordadegradeanimada:after { position: absolute; border-radius: 20px; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 2; width: calc(100% - 5px); height: calc(100% - 5px); background: #0a1019; } .bordadegradeanimada:before { position: absolute; z-index: 1; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; filter: blur(20px); width: 800px; height: 800px; /* Alteração para roxo (exemplo: #9933FF e #CC66FF) */ background: conic-gradient(from 0deg at 50.12% 50%, transparent 0deg, #c2a44c 60deg, transparent 60.1deg), conic-gradient(from 0deg at 50.12% 50%, transparent 190deg, #c2a44c 250deg, transparent 250.1deg), transparent; animation: rotacaodegrade 10s linear infinite; } @keyframes rotacaodegrade { to { transform: translate(-50%,-50%) rotate(1turn); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-215f5f98 *//* caso não saiba alterar as cores, Use a ALIGBLY */ .bordadegradeanimada{ overflow: hidden; border-radius: 20px; } .elementor-6 .elementor-element.elementor-element-215f5f98 *{z-index: 10;} .bordadegradeanimada:after { position: absolute; border-radius: 20px; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 2; width: calc(100% - 5px); height: calc(100% - 5px); background: #0a1019; } .bordadegradeanimada:before { position: absolute; z-index: 1; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; filter: blur(20px); width: 800px; height: 800px; /* Alteração para roxo (exemplo: #9933FF e #CC66FF) */ background: conic-gradient(from 0deg at 50.12% 50%, transparent 0deg, #c2a44c 60deg, transparent 60.1deg), conic-gradient(from 0deg at 50.12% 50%, transparent 190deg, #c2a44c 250deg, transparent 250.1deg), transparent; animation: rotacaodegrade 10s linear infinite; } @keyframes rotacaodegrade { to { transform: translate(-50%,-50%) rotate(1turn); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1225a348 *//* caso não saiba alterar as cores, Use a ALIGBLY */ .bordadegradeanimada{ overflow: hidden; border-radius: 20px; } .elementor-6 .elementor-element.elementor-element-1225a348 *{z-index: 10;} .bordadegradeanimada:after { position: absolute; border-radius: 20px; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 2; width: calc(100% - 5px); height: calc(100% - 5px); background: #0a1019; } .bordadegradeanimada:before { position: absolute; z-index: 1; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; filter: blur(20px); width: 800px; height: 800px; /* Alteração para roxo (exemplo: #9933FF e #CC66FF) */ background: conic-gradient(from 0deg at 50.12% 50%, transparent 0deg, #c2a44c 60deg, transparent 60.1deg), conic-gradient(from 0deg at 50.12% 50%, transparent 190deg, #c2a44c 250deg, transparent 250.1deg), transparent; animation: rotacaodegrade 10s linear infinite; } @keyframes rotacaodegrade { to { transform: translate(-50%,-50%) rotate(1turn); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-78dea1a9 *//* caso não saiba alterar as cores, Use a ALIGBLY */ .bordadegradeanimada{ overflow: hidden; border-radius: 20px; } .elementor-6 .elementor-element.elementor-element-78dea1a9 *{z-index: 10;} .bordadegradeanimada:after { position: absolute; border-radius: 20px; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 2; width: calc(100% - 5px); height: calc(100% - 5px); background: #0a1019; } .bordadegradeanimada:before { position: absolute; z-index: 1; content: ""; transform: translate(-50%, -50%); top: 50%; left: 50%; filter: blur(20px); width: 800px; height: 800px; /* Alteração para roxo (exemplo: #9933FF e #CC66FF) */ background: conic-gradient(from 0deg at 50.12% 50%, transparent 0deg, #c2a44c 60deg, transparent 60.1deg), conic-gradient(from 0deg at 50.12% 50%, transparent 190deg, #c2a44c 250deg, transparent 250.1deg), transparent; animation: rotacaodegrade 10s linear infinite; } @keyframes rotacaodegrade { to { transform: translate(-50%,-50%) rotate(1turn); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a1c02ed */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-daba0b0 */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for divider, class: .elementor-element-5baa4cf8 */.elementor-divider-separator { /* Alterado o gradiente de azul para roxo */ border-image: linear-gradient(90deg, #c3a54c00, #c3a54c, #c3a54c00) 1; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-17b02a0b */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-536bb1e6 */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-56ad3e93 */.btn { --border-color: linear-gradient(-45deg, #e4e676, #c1a44b, #c1a44b); --border-width: .155em; --curve-size: .5em; --bg: #090e15; --color: #caa8ff; color: var(--color); position: relative; isolation: isolate; display: inline-grid; place-content: center; border: 0; padding: 12px 28px; font-weight: 600; text-decoration: none; cursor: pointer; /* sombra base */ box-shadow: 10px 10px 20px rgba(0, 0, 0, .6); /* 🔥 glow inferior real */ filter: drop-shadow(0 18px 25px rgba(123, 47, 247, 0.45)); 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: filter .3s ease, color .3s ease; } /* Glow mais forte no hover */ .btn:hover { filter: drop-shadow(0 25px 35px rgba(123, 47, 247, 0.65)); } /* Texto do botão Elementor */ .btn:hover .elementor-button-text { color: #ffffff !important; transition: 0.5s; } /* Camadas */ .btn::after, .btn::before { content: ''; position: absolute; inset: 0; } /* Borda animada */ .btn::before { background: var(--border-color); background-size: 300% 300%; animation: move-bg7234 4s ease infinite; z-index: -2; } /* Animação */ @keyframes move-bg7234 { 0% { background-position: 31% 0% } 50% { background-position: 70% 100% } 100% { background-position: 31% 0% } } /* Fundo interno */ .btn::after { background: var(--bg); z-index: -1; clip-path: polygon( var(--border-width) calc(var(--curve-size) + var(--border-width) * .5), calc(var(--curve-size) + var(--border-width) * .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) * .5)), calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)), var(--border-width) calc(100% - var(--border-width))); transition: clip-path 500ms; } /* Efeito de abertura no hover */ .btn:where(:hover, :focus)::after { 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) * .5)), calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)), calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)) calc(100% - var(--border-width))); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-12258584 */.elementor-6 .elementor-element.elementor-element-12258584:before { content: ''; position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%); width: 30%; transition: 2s; border-radius: 100px; height: 8px; background: linear-gradient(98deg, #bb9e47, #e5e373, #bb9e47); box-shadow: 0px 100px 80px 0px #ba9e47, 0px 41.778px 33.422px 0px #ba9e47, 0px 22.336px 17.869px 0px #ba9e47, 0px 12.522px 10.017px 0px #ba9e47, 0px 6.65px 5.32px 0px #ba9e47, 0px 2.767px 2.214px 0px #ba9e47; } .elementor-6 .elementor-element.elementor-element-12258584:hover:before { width: 83%; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-21527e57 */.elementor-6 .elementor-element.elementor-element-21527e57::before { content: ""; position: absolute; top: 50%; left: 50%; width: 300px; height: 300px; /* ROXO NEON DIFUSO */ background: #406391; /* roxo vibrante */ border-radius: 100%; filter: blur(200px); transform: translate(-50%, -50%); animation: glowPulse 3s infinite; } @keyframes glowPulse { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-756f6b66 */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-16d3f54c */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-7614f2fb */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-270786bc */.elementor-6 .elementor-element.elementor-element-270786bc{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4eccc9cb */.degrade { background: linear-gradient(90deg, #c2a44c, #f2f496); background-clip: text; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-588cbb4f */.elementor-6 .elementor-element.elementor-element-588cbb4f{ text-wrap: balance; }/* End custom CSS */