.elementor-55 .elementor-element.elementor-element-bb3e488{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-bb3e488:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-bb3e488 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#061129;}.elementor-55 .elementor-element.elementor-element-bb3e488::before, .elementor-55 .elementor-element.elementor-element-bb3e488 > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-bb3e488 > .e-con-inner > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-bb3e488 > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-bb3e488 > .e-con-inner > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-bb3e488 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-55 .elementor-element.elementor-element-d7e8eb3{--spacer-size:50px;}.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-55 .elementor-element.elementor-element-6bcfe9a{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-6bcfe9a img{width: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-55 .elementor-element.elementor-element-4d527ea .elementor-menu-toggle{margin:0 auto;background-color:#02010100;}.elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;}.elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--main .elementor-item:hover, .elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--main .elementor-item.highlighted, .elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--main .elementor-item:focus{color:#7EDFB4;fill:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--dropdown a, .elementor-55 .elementor-element.elementor-element-4d527ea .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--dropdown{background-color:#02010100;}.elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--dropdown a:hover, .elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--dropdown a:focus, .elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--dropdown a.highlighted, .elementor-55 .elementor-element.elementor-element-4d527ea .elementor-menu-toggle:hover, .elementor-55 .elementor-element.elementor-element-4d527ea .elementor-menu-toggle:focus{color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--dropdown a:hover, .elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--dropdown a:focus, .elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--dropdown a.highlighted{background-color:#02010100;}.elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--dropdown a.elementor-item-active{color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--dropdown .elementor-item, .elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-55 .elementor-element.elementor-element-4d527ea div.elementor-menu-toggle{color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-4d527ea div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-4d527ea .elementor-menu-toggle:hover, .elementor-55 .elementor-element.elementor-element-4d527ea .elementor-menu-toggle:focus{background-color:#02010100;}.elementor-55 .elementor-element.elementor-element-667125ca{--display:flex;--min-height:0px;--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:70px 70px;--row-gap:70px;--column-gap:70px;--flex-wrap:wrap;border-style:none;--border-style:none;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-55 .elementor-element.elementor-element-667125ca:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-667125ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0a1e49;}.elementor-55 .elementor-element.elementor-element-497d131a{--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-55 .elementor-element.elementor-element-23af5ab0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-55 .elementor-element.elementor-element-2bdc6c69{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-55 .elementor-element.elementor-element-2bdc6c69 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-3149c95c{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;}.elementor-55 .elementor-element.elementor-element-3149c95c.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-3149c95c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;line-height:1.5em;color:#FFFFFF;}.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-55 .elementor-element.elementor-element-44238701 .elementor-icon-wrapper{text-align:center;}.elementor-55 .elementor-element.elementor-element-44238701.elementor-view-stacked .elementor-icon{background-color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-44238701.elementor-view-framed .elementor-icon, .elementor-55 .elementor-element.elementor-element-44238701.elementor-view-default .elementor-icon{color:#7EDFB4;border-color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-44238701.elementor-view-framed .elementor-icon, .elementor-55 .elementor-element.elementor-element-44238701.elementor-view-default .elementor-icon svg{fill:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-44238701 .elementor-icon{font-size:22px;}.elementor-55 .elementor-element.elementor-element-44238701 .elementor-icon svg{height:22px;}.elementor-55 .elementor-element.elementor-element-6ffbba20{--display:flex;--min-height:860px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-55 .elementor-element.elementor-element-6ffbba20:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-6ffbba20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0a1e49 0%, #3B5BA1 100%);}.elementor-55 .elementor-element.elementor-element-27061b90{--display:flex;--justify-content:center;}.elementor-55 .elementor-element.elementor-element-59bb505a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-55 .elementor-element.elementor-element-59bb505a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-35066ecf{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;}.elementor-55 .elementor-element.elementor-element-35066ecf.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-35066ecf .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;line-height:1.5em;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-2b109b87{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-2b109b87.e-con{--align-self:center;}.elementor-55 .elementor-element.elementor-element-4b44d8cd{--display:flex;--min-height:504px;--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:flex-end;--align-items:center;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-4b44d8cd:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-4b44d8cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B2FE02;background-image:url("https://vivacitasaudemental.com.br/wp-content/uploads/2026/02/portrait-person-with-visual-metaphor-memory-scaled-1.webp");background-position:top center;background-size:cover;}.elementor-55 .elementor-element.elementor-element-4b44d8cd::before, .elementor-55 .elementor-element.elementor-element-4b44d8cd > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-4b44d8cd > .e-con-inner > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-4b44d8cd > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-4b44d8cd > .e-con-inner > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-4b44d8cd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(182deg, #00000000 15%, #000000 87%);}.elementor-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{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-55 .elementor-element.elementor-element-37c07d4d{width:var( --container-widget-width, 227px );max-width:227px;margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:227px;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-37c07d4d.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-37c07d4d .elementor-image-box-wrapper{text-align:start;}.elementor-55 .elementor-element.elementor-element-37c07d4d .elementor-image-box-title{margin-bottom:6px;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:500;color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-37c07d4d:has(:hover) .elementor-image-box-title, .elementor-55 .elementor-element.elementor-element-37c07d4d:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-37c07d4d .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:400;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-10ca352f{--display:flex;--min-height:504px;--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:flex-end;--align-items:center;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-10ca352f:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-10ca352f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B2FE02;background-image:url("https://vivacitasaudemental.com.br/wp-content/uploads/2026/02/teenager-suffering-from-hangover-scaled-1.webp");background-position:top center;background-size:cover;}.elementor-55 .elementor-element.elementor-element-10ca352f::before, .elementor-55 .elementor-element.elementor-element-10ca352f > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-10ca352f > .e-con-inner > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-10ca352f > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-10ca352f > .e-con-inner > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-10ca352f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(182deg, #00000000 15%, #000000 87%);}.elementor-55 .elementor-element.elementor-element-76825e42{width:var( --container-widget-width, 227px );max-width:227px;margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:227px;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-76825e42.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-76825e42 .elementor-image-box-wrapper{text-align:start;}.elementor-55 .elementor-element.elementor-element-76825e42 .elementor-image-box-title{margin-bottom:6px;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:500;color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-76825e42:has(:hover) .elementor-image-box-title, .elementor-55 .elementor-element.elementor-element-76825e42:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-76825e42 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:400;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-3c8f3a03{--display:flex;--min-height:504px;--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:flex-end;--align-items:center;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-3c8f3a03:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-3c8f3a03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B2FE02;background-image:url("https://vivacitasaudemental.com.br/wp-content/uploads/2026/02/serene-moment-woman-with-henna-hands-by-sunlit-window-scaled-1.webp");background-position:bottom center;background-size:cover;}.elementor-55 .elementor-element.elementor-element-3c8f3a03::before, .elementor-55 .elementor-element.elementor-element-3c8f3a03 > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-3c8f3a03 > .e-con-inner > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-3c8f3a03 > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-3c8f3a03 > .e-con-inner > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-3c8f3a03 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(182deg, #00000000 15%, #000000 87%);}.elementor-55 .elementor-element.elementor-element-29999df{width:var( --container-widget-width, 227px );max-width:227px;margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:227px;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-29999df.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-29999df .elementor-image-box-wrapper{text-align:start;}.elementor-55 .elementor-element.elementor-element-29999df .elementor-image-box-title{margin-bottom:6px;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:500;color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-29999df:has(:hover) .elementor-image-box-title, .elementor-55 .elementor-element.elementor-element-29999df:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-29999df .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:400;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-a87ab9a{--display:flex;--min-height:504px;--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:flex-end;--align-items:center;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-a87ab9a:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-a87ab9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B2FE02;background-image:url("https://vivacitasaudemental.com.br/wp-content/uploads/2026/02/full-shot-woman-posing-shadow-scaled-1.webp");background-position:bottom center;background-size:cover;}.elementor-55 .elementor-element.elementor-element-a87ab9a::before, .elementor-55 .elementor-element.elementor-element-a87ab9a > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-a87ab9a > .e-con-inner > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-a87ab9a > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-a87ab9a > .e-con-inner > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-a87ab9a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(182deg, #00000000 15%, #000000 87%);}.elementor-55 .elementor-element.elementor-element-4339b7db{width:var( --container-widget-width, 227px );max-width:227px;margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:227px;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-4339b7db.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-4339b7db .elementor-image-box-wrapper{text-align:start;}.elementor-55 .elementor-element.elementor-element-4339b7db .elementor-image-box-title{margin-bottom:6px;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:500;color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-4339b7db:has(:hover) .elementor-image-box-title, .elementor-55 .elementor-element.elementor-element-4339b7db:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-4339b7db .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:400;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-64dd7ad7{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-64dd7ad7.e-con{--align-self:center;}.elementor-55 .elementor-element.elementor-element-ede655f{--display:flex;--min-height:504px;--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:flex-end;--align-items:center;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-ede655f:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-ede655f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B2FE02;background-image:url("https://vivacitasaudemental.com.br/wp-content/uploads/2026/02/depression-collage-concept-scaled-1.webp");background-position:top center;background-size:cover;}.elementor-55 .elementor-element.elementor-element-ede655f::before, .elementor-55 .elementor-element.elementor-element-ede655f > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-ede655f > .e-con-inner > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-ede655f > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-ede655f > .e-con-inner > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-ede655f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(182deg, #00000000 15%, #000000 87%);}.elementor-55 .elementor-element.elementor-element-5c918b99{width:var( --container-widget-width, 227px );max-width:227px;margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:227px;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-5c918b99.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-5c918b99 .elementor-image-box-wrapper{text-align:start;}.elementor-55 .elementor-element.elementor-element-5c918b99 .elementor-image-box-title{margin-bottom:6px;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:500;color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-5c918b99:has(:hover) .elementor-image-box-title, .elementor-55 .elementor-element.elementor-element-5c918b99:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-5c918b99 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:400;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-708e98ab{--display:flex;--min-height:504px;--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:flex-end;--align-items:center;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-708e98ab:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-708e98ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B2FE02;background-image:url("https://vivacitasaudemental.com.br/wp-content/uploads/2026/02/concept-portrait-overstimulated-person-scaled-1.webp");background-position:top center;background-size:cover;}.elementor-55 .elementor-element.elementor-element-708e98ab::before, .elementor-55 .elementor-element.elementor-element-708e98ab > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-708e98ab > .e-con-inner > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-708e98ab > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-708e98ab > .e-con-inner > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-708e98ab > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(182deg, #00000000 15%, #000000 87%);}.elementor-55 .elementor-element.elementor-element-9a848b8{width:var( --container-widget-width, 227px );max-width:227px;margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:227px;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-9a848b8.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-9a848b8 .elementor-image-box-wrapper{text-align:start;}.elementor-55 .elementor-element.elementor-element-9a848b8 .elementor-image-box-title{margin-bottom:6px;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:500;color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-9a848b8:has(:hover) .elementor-image-box-title, .elementor-55 .elementor-element.elementor-element-9a848b8:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-9a848b8 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:400;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-22e6cfed{--display:flex;--min-height:504px;--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:flex-end;--align-items:center;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-22e6cfed:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-22e6cfed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B2FE02;background-image:url("https://vivacitasaudemental.com.br/wp-content/uploads/2026/02/front-view-boy-thinking-hard-about-how-solve-his-homework-scaled.webp");background-position:bottom center;background-size:cover;}.elementor-55 .elementor-element.elementor-element-22e6cfed::before, .elementor-55 .elementor-element.elementor-element-22e6cfed > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-22e6cfed > .e-con-inner > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-22e6cfed > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-22e6cfed > .e-con-inner > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-22e6cfed > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(182deg, #00000000 15%, #000000 87%);}.elementor-55 .elementor-element.elementor-element-122e3e26{width:var( --container-widget-width, 227px );max-width:227px;margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:227px;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-122e3e26.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-122e3e26 .elementor-image-box-wrapper{text-align:start;}.elementor-55 .elementor-element.elementor-element-122e3e26 .elementor-image-box-title{margin-bottom:6px;font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:500;color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-122e3e26:has(:hover) .elementor-image-box-title, .elementor-55 .elementor-element.elementor-element-122e3e26:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-122e3e26 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:400;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-63469c7{--display:flex;--min-height:504px;--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:flex-end;--align-items:center;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-63469c7:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-63469c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B2FE02;background-image:url("https://vivacitasaudemental.com.br/wp-content/uploads/2026/02/portrait-cute-girl-working-her-office-desk-scaled-1.webp");background-position:bottom center;background-size:cover;}.elementor-55 .elementor-element.elementor-element-63469c7::before, .elementor-55 .elementor-element.elementor-element-63469c7 > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-63469c7 > .e-con-inner > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-63469c7 > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-63469c7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-63469c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(182deg, #00000000 15%, #000000 87%);}.elementor-55 .elementor-element.elementor-element-907f1e2{width:var( --container-widget-width, 227px );max-width:227px;margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:227px;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-907f1e2.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-907f1e2 .elementor-image-box-wrapper{text-align:start;}.elementor-55 .elementor-element.elementor-element-907f1e2 .elementor-image-box-title{margin-bottom:6px;font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:500;color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-907f1e2:has(:hover) .elementor-image-box-title, .elementor-55 .elementor-element.elementor-element-907f1e2:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-907f1e2 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:400;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-431cf906{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-431cf906.e-con{--align-self:center;}.elementor-55 .elementor-element.elementor-element-677d825{--display:flex;--min-height:504px;--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:flex-end;--align-items:center;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-677d825:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-677d825 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B2FE02;background-image:url("https://vivacitasaudemental.com.br/wp-content/uploads/2026/02/portrait-sad-person-with-depression-problems-living-room-sitting-floor-having-suicidal-thoughts-depressed-anxious-woman-pain-having-mental-health-difficulties-scaled-1.webp");background-position:bottom center;background-size:cover;}.elementor-55 .elementor-element.elementor-element-677d825::before, .elementor-55 .elementor-element.elementor-element-677d825 > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-677d825 > .e-con-inner > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-677d825 > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-677d825 > .e-con-inner > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-677d825 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(182deg, #00000000 15%, #000000 87%);}.elementor-55 .elementor-element.elementor-element-fdda965{width:var( --container-widget-width, 227px );max-width:227px;margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:227px;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-fdda965.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-fdda965 .elementor-image-box-wrapper{text-align:start;}.elementor-55 .elementor-element.elementor-element-fdda965 .elementor-image-box-title{margin-bottom:6px;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:500;color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-fdda965:has(:hover) .elementor-image-box-title, .elementor-55 .elementor-element.elementor-element-fdda965:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-fdda965 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:400;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-7881928{--display:flex;--min-height:504px;--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:flex-end;--align-items:center;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-7881928:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-7881928 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B2FE02;background-image:url("https://vivacitasaudemental.com.br/wp-content/uploads/2026/02/depressed-anorexic-slim-woman-with-measuring-tape-sitting-dining-table-scaled-1.webp");background-position:top center;background-size:cover;}.elementor-55 .elementor-element.elementor-element-7881928::before, .elementor-55 .elementor-element.elementor-element-7881928 > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-7881928 > .e-con-inner > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-7881928 > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-7881928 > .e-con-inner > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-7881928 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(182deg, #00000000 15%, #000000 87%);}.elementor-55 .elementor-element.elementor-element-c17e6ec{width:var( --container-widget-width, 227px );max-width:227px;margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:227px;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-c17e6ec.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-c17e6ec .elementor-image-box-wrapper{text-align:start;}.elementor-55 .elementor-element.elementor-element-c17e6ec .elementor-image-box-title{margin-bottom:6px;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:500;color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-c17e6ec:has(:hover) .elementor-image-box-title, .elementor-55 .elementor-element.elementor-element-c17e6ec:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-c17e6ec .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:400;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-27a032be{--display:flex;--min-height:504px;--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:flex-end;--align-items:center;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-27a032be:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-27a032be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B2FE02;background-image:url("https://vivacitasaudemental.com.br/wp-content/uploads/2026/02/elderly-man-sad-with-thinking-memory-retirement-home-with-remember-nostalgia-reflection-sofa-senior-person-lonely-with-alzheimers-depression-thoughtful-couch-lounge-scaled-1.webp");background-position:top center;background-size:cover;}.elementor-55 .elementor-element.elementor-element-27a032be::before, .elementor-55 .elementor-element.elementor-element-27a032be > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-27a032be > .e-con-inner > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-27a032be > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-27a032be > .e-con-inner > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-27a032be > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(182deg, #00000000 15%, #000000 87%);}.elementor-55 .elementor-element.elementor-element-2bec8820{width:var( --container-widget-width, 227px );max-width:227px;margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:227px;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-2bec8820.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-2bec8820 .elementor-image-box-wrapper{text-align:start;}.elementor-55 .elementor-element.elementor-element-2bec8820 .elementor-image-box-title{margin-bottom:6px;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:500;color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-2bec8820:has(:hover) .elementor-image-box-title, .elementor-55 .elementor-element.elementor-element-2bec8820:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-2bec8820 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:400;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-5400e725{--display:flex;--min-height:504px;--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:flex-end;--align-items:center;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-5400e725:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-5400e725 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B2FE02;background-image:url("https://vivacitasaudemental.com.br/wp-content/uploads/2026/02/man-smoking-cannabis-scaled-1.webp");background-position:bottom center;background-size:cover;}.elementor-55 .elementor-element.elementor-element-5400e725::before, .elementor-55 .elementor-element.elementor-element-5400e725 > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-5400e725 > .e-con-inner > .elementor-background-video-container::before, .elementor-55 .elementor-element.elementor-element-5400e725 > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-5400e725 > .e-con-inner > .elementor-background-slideshow::before, .elementor-55 .elementor-element.elementor-element-5400e725 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(182deg, #00000000 15%, #000000 87%);}.elementor-55 .elementor-element.elementor-element-3148dc39{width:var( --container-widget-width, 227px );max-width:227px;margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:227px;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-3148dc39.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-3148dc39 .elementor-image-box-wrapper{text-align:start;}.elementor-55 .elementor-element.elementor-element-3148dc39 .elementor-image-box-title{margin-bottom:6px;font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:500;color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-3148dc39:has(:hover) .elementor-image-box-title, .elementor-55 .elementor-element.elementor-element-3148dc39:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-3148dc39 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:400;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-2dee8ec9{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:4vw;--padding-bottom:4vw;--padding-left:4vw;--padding-right:4vw;}.elementor-55 .elementor-element.elementor-element-2dee8ec9:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-2dee8ec9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(0deg, #0a1e49 0%, #3B5BA1 100%);}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-55 .elementor-element.elementor-element-32a063fd{--display:flex;--min-height:447px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-55 .elementor-element.elementor-element-f9fdb62{--display:flex;--min-height:0px;--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;}.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-55 .elementor-element.elementor-element-1415d4f1{width:var( --container-widget-width, 77% );max-width:77%;--container-widget-width:77%;--container-widget-flex-grow:0;font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:300;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-1415d4f1 a{color:#FFFFFF;}.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-55 .elementor-element.elementor-element-77cd8b18{width:var( --container-widget-width, 77% );max-width:77%;--container-widget-width:77%;--container-widget-flex-grow:0;--e-icon-list-icon-size:17px;--icon-vertical-align:flex-start;--icon-vertical-offset:5px;}.elementor-55 .elementor-element.elementor-element-77cd8b18 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(14px/2);}.elementor-55 .elementor-element.elementor-element-77cd8b18 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(14px/2);}.elementor-55 .elementor-element.elementor-element-77cd8b18 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(14px/2);}.elementor-55 .elementor-element.elementor-element-77cd8b18 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-14px/2);}.elementor-55 .elementor-element.elementor-element-77cd8b18 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-14px/2);}.elementor-55 .elementor-element.elementor-element-77cd8b18 .elementor-icon-list-item:not(:last-child):after{content:"";width:100%;border-color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-77cd8b18 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-55 .elementor-element.elementor-element-77cd8b18 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-55 .elementor-element.elementor-element-77cd8b18 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-55 .elementor-element.elementor-element-77cd8b18 .elementor-icon-list-icon i{color:#7EDFB4;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-77cd8b18 .elementor-icon-list-icon svg{fill:#7EDFB4;transition:fill 0.3s;}.elementor-55 .elementor-element.elementor-element-77cd8b18 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-55 .elementor-element.elementor-element-77cd8b18 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-55 .elementor-element.elementor-element-77cd8b18 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;}.elementor-55 .elementor-element.elementor-element-77cd8b18 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.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-55 .elementor-element.elementor-element-da9dedc .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;line-height:1em;border-radius:5px 5px 5px 5px;padding:15px 040px 15px 40px;}.elementor-55 .elementor-element.elementor-element-da9dedc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-55 .elementor-element.elementor-element-da9dedc.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-55 .elementor-element.elementor-element-da9dedc .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-55 .elementor-element.elementor-element-2e2b209a{--display:flex;--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;}.elementor-55 .elementor-element.elementor-element-18083727{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-18083727 img{width:100%;border-radius:25px 25px 25px 25px;}.elementor-55 .elementor-element.elementor-element-3949384a{--display:flex;--min-height:447px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-55 .elementor-element.elementor-element-6ae8693c{--display:flex;--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:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-55 .elementor-element.elementor-element-42a75000{width:var( --container-widget-width, 78% );max-width:78%;--container-widget-width:78%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-20e270cc{width:var( --container-widget-width, 77% );max-width:77%;--container-widget-width:77%;--container-widget-flex-grow:0;--e-icon-list-icon-size:17px;--icon-vertical-align:flex-start;--icon-vertical-offset:5px;}.elementor-55 .elementor-element.elementor-element-20e270cc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(14px/2);}.elementor-55 .elementor-element.elementor-element-20e270cc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(14px/2);}.elementor-55 .elementor-element.elementor-element-20e270cc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(14px/2);}.elementor-55 .elementor-element.elementor-element-20e270cc .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-14px/2);}.elementor-55 .elementor-element.elementor-element-20e270cc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-14px/2);}.elementor-55 .elementor-element.elementor-element-20e270cc .elementor-icon-list-item:not(:last-child):after{content:"";width:100%;border-color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-20e270cc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-55 .elementor-element.elementor-element-20e270cc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-55 .elementor-element.elementor-element-20e270cc .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-55 .elementor-element.elementor-element-20e270cc .elementor-icon-list-icon i{color:#7EDFB4;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-20e270cc .elementor-icon-list-icon svg{fill:#7EDFB4;transition:fill 0.3s;}.elementor-55 .elementor-element.elementor-element-20e270cc .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-55 .elementor-element.elementor-element-20e270cc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-55 .elementor-element.elementor-element-20e270cc .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;}.elementor-55 .elementor-element.elementor-element-20e270cc .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-62f9595 .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;line-height:1em;border-radius:5px 5px 5px 5px;padding:15px 040px 15px 40px;}.elementor-55 .elementor-element.elementor-element-62f9595{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-55 .elementor-element.elementor-element-62f9595.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-55 .elementor-element.elementor-element-62f9595 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-55 .elementor-element.elementor-element-71466066{--display:flex;--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;--align-items:center;}.elementor-55 .elementor-element.elementor-element-71466066.e-con{--order:-99999 /* order start hack */;}.elementor-55 .elementor-element.elementor-element-fee898e{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-fee898e img{width:100%;border-radius:25px 25px 25px 25px;}.elementor-55 .elementor-element.elementor-element-1dcd72d4{--display:flex;--min-height:447px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-55 .elementor-element.elementor-element-37a01abe{--display:flex;--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:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-55 .elementor-element.elementor-element-54e7bee7{width:var( --container-widget-width, 78% );max-width:78%;--container-widget-width:78%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-7dab434e{width:var( --container-widget-width, 77% );max-width:77%;--container-widget-width:77%;--container-widget-flex-grow:0;--e-icon-list-icon-size:17px;--icon-vertical-align:flex-start;--icon-vertical-offset:5px;}.elementor-55 .elementor-element.elementor-element-7dab434e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(14px/2);}.elementor-55 .elementor-element.elementor-element-7dab434e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(14px/2);}.elementor-55 .elementor-element.elementor-element-7dab434e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(14px/2);}.elementor-55 .elementor-element.elementor-element-7dab434e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-14px/2);}.elementor-55 .elementor-element.elementor-element-7dab434e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-14px/2);}.elementor-55 .elementor-element.elementor-element-7dab434e .elementor-icon-list-item:not(:last-child):after{content:"";width:100%;border-color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-7dab434e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-55 .elementor-element.elementor-element-7dab434e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-55 .elementor-element.elementor-element-7dab434e .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-55 .elementor-element.elementor-element-7dab434e .elementor-icon-list-icon i{color:#7EDFB4;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-7dab434e .elementor-icon-list-icon svg{fill:#7EDFB4;transition:fill 0.3s;}.elementor-55 .elementor-element.elementor-element-7dab434e .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-55 .elementor-element.elementor-element-7dab434e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-55 .elementor-element.elementor-element-7dab434e .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;}.elementor-55 .elementor-element.elementor-element-7dab434e .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-248a98b .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;line-height:1em;border-radius:5px 5px 5px 5px;padding:15px 040px 15px 40px;}.elementor-55 .elementor-element.elementor-element-248a98b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-55 .elementor-element.elementor-element-248a98b.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-55 .elementor-element.elementor-element-248a98b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-55 .elementor-element.elementor-element-69059eab{--display:flex;--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;--align-items:center;}.elementor-55 .elementor-element.elementor-element-4afcc874 img{width:65%;border-radius:30px 30px 30px 30px;}.elementor-55 .elementor-element.elementor-element-c39427{--display:flex;--min-height:447px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-55 .elementor-element.elementor-element-6d53e1e5{--display:flex;--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:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-55 .elementor-element.elementor-element-6d29eb5e{width:var( --container-widget-width, 78% );max-width:78%;--container-widget-width:78%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-5b51b49 .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;line-height:1em;border-radius:5px 5px 5px 5px;padding:15px 040px 15px 40px;}.elementor-55 .elementor-element.elementor-element-5b51b49{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-55 .elementor-element.elementor-element-5b51b49.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-55 .elementor-element.elementor-element-5b51b49 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-55 .elementor-element.elementor-element-12da8b48{--display:flex;--min-height:447px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-55 .elementor-element.elementor-element-193c7731{--display:flex;--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:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-55 .elementor-element.elementor-element-7167bd93{width:var( --container-widget-width, 78% );max-width:78%;--container-widget-width:78%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-251b3cd5{width:var( --container-widget-width, 77% );max-width:77%;--container-widget-width:77%;--container-widget-flex-grow:0;--e-icon-list-icon-size:17px;--icon-vertical-align:flex-start;--icon-vertical-offset:5px;}.elementor-55 .elementor-element.elementor-element-251b3cd5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(14px/2);}.elementor-55 .elementor-element.elementor-element-251b3cd5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(14px/2);}.elementor-55 .elementor-element.elementor-element-251b3cd5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(14px/2);}.elementor-55 .elementor-element.elementor-element-251b3cd5 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-14px/2);}.elementor-55 .elementor-element.elementor-element-251b3cd5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-14px/2);}.elementor-55 .elementor-element.elementor-element-251b3cd5 .elementor-icon-list-item:not(:last-child):after{content:"";width:100%;border-color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-251b3cd5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-55 .elementor-element.elementor-element-251b3cd5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-55 .elementor-element.elementor-element-251b3cd5 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-55 .elementor-element.elementor-element-251b3cd5 .elementor-icon-list-icon i{color:#7EDFB4;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-251b3cd5 .elementor-icon-list-icon svg{fill:#7EDFB4;transition:fill 0.3s;}.elementor-55 .elementor-element.elementor-element-251b3cd5 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-55 .elementor-element.elementor-element-251b3cd5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-55 .elementor-element.elementor-element-251b3cd5 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;}.elementor-55 .elementor-element.elementor-element-251b3cd5 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-1883030f{--spacer-size:10px;}.elementor-55 .elementor-element.elementor-element-351dfc90 .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;line-height:1em;border-radius:5px 5px 5px 5px;padding:15px 040px 15px 40px;}.elementor-55 .elementor-element.elementor-element-351dfc90{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-55 .elementor-element.elementor-element-351dfc90.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-55 .elementor-element.elementor-element-351dfc90 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-55 .elementor-element.elementor-element-f5e025{--display:flex;--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;--align-items:center;}.elementor-55 .elementor-element.elementor-element-f5e025.e-con{--order:-99999 /* order start hack */;}.elementor-55 .elementor-element.elementor-element-52563b84{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-52563b84 img{width:100%;border-radius:25px 25px 25px 25px;}.elementor-55 .elementor-element.elementor-element-3ec5a173{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:10px;--n-tabs-gap:14px;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#0a1e49;}.elementor-55 .elementor-element.elementor-element-3ec5a173 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-3ec5a173.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-3ec5a173.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-55 .elementor-element.elementor-element-3ec5a173.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-3ec5a173.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-3ec5a173.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;font-weight:600;}:where( .elementor-55 .elementor-element.elementor-element-3ec5a173.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-55 .elementor-element.elementor-element-4df62aca{--display:flex;--min-height:0px;--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:70px 70px;--row-gap:70px;--column-gap:70px;--flex-wrap:wrap;border-style:none;--border-style:none;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-55 .elementor-element.elementor-element-4df62aca:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-4df62aca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0a1e49;}.elementor-55 .elementor-element.elementor-element-775dfaed{--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-55 .elementor-element.elementor-element-3a7a6989{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-55 .elementor-element.elementor-element-469233e2{--spacer-size:15px;}.elementor-55 .elementor-element.elementor-element-2d475d8f{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-55 .elementor-element.elementor-element-2d475d8f.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-2d475d8f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;color:#7EDFB4;}.elementor-55 .elementor-element.elementor-element-3604cfce{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-55 .elementor-element.elementor-element-3604cfce.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-3604cfce .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;line-height:1.5em;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-1b213096{--spacer-size:15px;}.elementor-55 .elementor-element.elementor-element-9b1b129 .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;line-height:1em;border-radius:5px 5px 5px 5px;padding:15px 040px 15px 40px;}.elementor-55 .elementor-element.elementor-element-9b1b129{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-55 .elementor-element.elementor-element-9b1b129.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-55 .elementor-element.elementor-element-9b1b129 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-55 .elementor-element.elementor-element-53f1ce8f{--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-55 .elementor-element.elementor-element-53f1ce8f:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-53f1ce8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#061129;}.elementor-55 .elementor-element.elementor-element-accb05d{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-55 .elementor-element.elementor-element-1a5b458c.elementor-element{--order:-99999 /* order start hack */;}.elementor-55 .elementor-element.elementor-element-1a5b458c{text-align:start;}.elementor-55 .elementor-element.elementor-element-1a5b458c img{width:10vw;}.elementor-55 .elementor-element.elementor-element-6cbf379b{width:100%;max-width:100%;--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-55 .elementor-element.elementor-element-6cbf379b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-55 .elementor-element.elementor-element-6cbf379b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-55 .elementor-element.elementor-element-6cbf379b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-55 .elementor-element.elementor-element-6cbf379b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-55 .elementor-element.elementor-element-6cbf379b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-55 .elementor-element.elementor-element-6cbf379b .elementor-icon-list-icon i{color:#7EDFB4;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-6cbf379b .elementor-icon-list-icon svg{fill:#7EDFB4;transition:fill 0.3s;}.elementor-55 .elementor-element.elementor-element-6cbf379b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-55 .elementor-element.elementor-element-6cbf379b .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;}.elementor-55 .elementor-element.elementor-element-6cbf379b .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-20e2d47a{--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-55 .elementor-element.elementor-element-ec314dc .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:500;line-height:1.2em;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-48335ab3{width:100%;max-width:100%;--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-55 .elementor-element.elementor-element-48335ab3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-55 .elementor-element.elementor-element-48335ab3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-55 .elementor-element.elementor-element-48335ab3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-55 .elementor-element.elementor-element-48335ab3 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-55 .elementor-element.elementor-element-48335ab3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-55 .elementor-element.elementor-element-48335ab3 .elementor-icon-list-icon i{color:#7EDFB4;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-48335ab3 .elementor-icon-list-icon svg{fill:#7EDFB4;transition:fill 0.3s;}.elementor-55 .elementor-element.elementor-element-48335ab3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-55 .elementor-element.elementor-element-48335ab3 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;}.elementor-55 .elementor-element.elementor-element-48335ab3 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-6eb493af{border-radius:15px 15px 15px 15px;}.elementor-55 .elementor-element.elementor-element-6eb493af iframe{height:112px;}.elementor-55 .elementor-element.elementor-element-694987a9{--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-55 .elementor-element.elementor-element-4dad88ce .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:500;line-height:1.2em;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-616fcd9{width:100%;max-width:100%;--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-55 .elementor-element.elementor-element-616fcd9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-55 .elementor-element.elementor-element-616fcd9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-55 .elementor-element.elementor-element-616fcd9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-55 .elementor-element.elementor-element-616fcd9 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-55 .elementor-element.elementor-element-616fcd9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-55 .elementor-element.elementor-element-616fcd9 .elementor-icon-list-icon i{color:#7EDFB4;transition:color 0.3s;}.elementor-55 .elementor-element.elementor-element-616fcd9 .elementor-icon-list-icon svg{fill:#7EDFB4;transition:fill 0.3s;}.elementor-55 .elementor-element.elementor-element-616fcd9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-55 .elementor-element.elementor-element-616fcd9 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;}.elementor-55 .elementor-element.elementor-element-616fcd9 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}@media(max-width:1024px){.elementor-55 .elementor-element.elementor-element-6bcfe9a{text-align:start;}.elementor-55 .elementor-element.elementor-element-6bcfe9a img{width:100%;}.elementor-55 .elementor-element.elementor-element-667125ca{--min-height:1440px;--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;--gap:70px 70px;--row-gap:70px;--column-gap:70px;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-55 .elementor-element.elementor-element-23af5ab0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-2b109b87{--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-55 .elementor-element.elementor-element-4b44d8cd{--padding-top:0px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-55 .elementor-element.elementor-element-10ca352f{--padding-top:0px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-55 .elementor-element.elementor-element-3c8f3a03{--padding-top:0px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-55 .elementor-element.elementor-element-a87ab9a{--padding-top:0px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-55 .elementor-element.elementor-element-64dd7ad7{--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-55 .elementor-element.elementor-element-ede655f{--padding-top:0px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-55 .elementor-element.elementor-element-708e98ab{--padding-top:0px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-55 .elementor-element.elementor-element-22e6cfed{--padding-top:0px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-55 .elementor-element.elementor-element-63469c7{--padding-top:0px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-55 .elementor-element.elementor-element-431cf906{--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-55 .elementor-element.elementor-element-677d825{--padding-top:0px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-55 .elementor-element.elementor-element-7881928{--padding-top:0px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-55 .elementor-element.elementor-element-27a032be{--padding-top:0px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-55 .elementor-element.elementor-element-5400e725{--padding-top:0px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-55 .elementor-element.elementor-element-da9dedc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-62f9595{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-248a98b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-5b51b49{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-351dfc90{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-4df62aca{--min-height:1440px;--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;--gap:70px 70px;--row-gap:70px;--column-gap:70px;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-55 .elementor-element.elementor-element-3a7a6989{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-9b1b129{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-55 .elementor-element.elementor-element-53f1ce8f{--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-55 .elementor-element.elementor-element-accb05d{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-55 .elementor-element.elementor-element-1a5b458c.elementor-element{--order:-99999 /* order start hack */;}.elementor-55 .elementor-element.elementor-element-1a5b458c{text-align:center;}.elementor-55 .elementor-element.elementor-element-1a5b458c img{width:25vw;}.elementor-55 .elementor-element.elementor-element-20e2d47a{--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%;}.elementor-55 .elementor-element.elementor-element-694987a9{--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;}}@media(max-width:767px){.elementor-55 .elementor-element.elementor-element-bb3e488{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:nowrap;--overlay-opacity:0;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-55 .elementor-element.elementor-element-d7e8eb3{--spacer-size:10px;}.elementor-55 .elementor-element.elementor-element-6bcfe9a{--container-widget-width:137px;--container-widget-flex-grow:0;width:var( --container-widget-width, 137px );max-width:137px;}.elementor-55 .elementor-element.elementor-element-6bcfe9a img{width:100vw;}.elementor-55 .elementor-element.elementor-element-4d527ea.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--dropdown .elementor-item, .elementor-55 .elementor-element.elementor-element-4d527ea .elementor-nav-menu--dropdown .elementor-sub-item{font-size:15px;}.elementor-55 .elementor-element.elementor-element-4d527ea{--nav-menu-icon-size:24px;}.elementor-55 .elementor-element.elementor-element-667125ca{--content-width:100%;--min-height:0px;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-55 .elementor-element.elementor-element-23af5ab0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-2bdc6c69{--container-widget-width:634px;--container-widget-flex-grow:0;width:var( --container-widget-width, 634px );max-width:634px;text-align:center;}.elementor-55 .elementor-element.elementor-element-3149c95c{width:100%;max-width:100%;text-align:center;}.elementor-55 .elementor-element.elementor-element-59bb505a{--container-widget-width:634px;--container-widget-flex-grow:0;width:var( --container-widget-width, 634px );max-width:634px;text-align:center;}.elementor-55 .elementor-element.elementor-element-59bb505a .elementor-heading-title{font-size:25px;}.elementor-55 .elementor-element.elementor-element-35066ecf{width:100%;max-width:100%;text-align:center;}.elementor-55 .elementor-element.elementor-element-4b44d8cd{--width:267px;--padding-top:0px;--padding-bottom:46px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-37c07d4d{--container-widget-width:196px;--container-widget-flex-grow:0;width:var( --container-widget-width, 196px );max-width:196px;}.elementor-55 .elementor-element.elementor-element-10ca352f{--width:267px;--padding-top:0px;--padding-bottom:46px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-76825e42{--container-widget-width:196px;--container-widget-flex-grow:0;width:var( --container-widget-width, 196px );max-width:196px;}.elementor-55 .elementor-element.elementor-element-3c8f3a03{--width:267px;--padding-top:0px;--padding-bottom:46px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-29999df{--container-widget-width:196px;--container-widget-flex-grow:0;width:var( --container-widget-width, 196px );max-width:196px;}.elementor-55 .elementor-element.elementor-element-a87ab9a{--width:267px;--padding-top:0px;--padding-bottom:46px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-4339b7db{--container-widget-width:196px;--container-widget-flex-grow:0;width:var( --container-widget-width, 196px );max-width:196px;}.elementor-55 .elementor-element.elementor-element-ede655f{--width:267px;--padding-top:0px;--padding-bottom:46px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-5c918b99{--container-widget-width:196px;--container-widget-flex-grow:0;width:var( --container-widget-width, 196px );max-width:196px;}.elementor-55 .elementor-element.elementor-element-708e98ab{--width:267px;--padding-top:0px;--padding-bottom:46px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-9a848b8{--container-widget-width:196px;--container-widget-flex-grow:0;width:var( --container-widget-width, 196px );max-width:196px;}.elementor-55 .elementor-element.elementor-element-22e6cfed{--width:267px;--padding-top:0px;--padding-bottom:46px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-122e3e26{--container-widget-width:196px;--container-widget-flex-grow:0;width:var( --container-widget-width, 196px );max-width:196px;}.elementor-55 .elementor-element.elementor-element-63469c7{--width:267px;--padding-top:0px;--padding-bottom:46px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-907f1e2{--container-widget-width:196px;--container-widget-flex-grow:0;width:var( --container-widget-width, 196px );max-width:196px;}.elementor-55 .elementor-element.elementor-element-431cf906{--margin-top:-0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-55 .elementor-element.elementor-element-677d825{--width:267px;--padding-top:0px;--padding-bottom:46px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-fdda965{--container-widget-width:196px;--container-widget-flex-grow:0;width:var( --container-widget-width, 196px );max-width:196px;}.elementor-55 .elementor-element.elementor-element-7881928{--width:267px;--padding-top:0px;--padding-bottom:46px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-c17e6ec{--container-widget-width:196px;--container-widget-flex-grow:0;width:var( --container-widget-width, 196px );max-width:196px;}.elementor-55 .elementor-element.elementor-element-27a032be{--width:267px;--padding-top:0px;--padding-bottom:46px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-2bec8820{--container-widget-width:196px;--container-widget-flex-grow:0;width:var( --container-widget-width, 196px );max-width:196px;}.elementor-55 .elementor-element.elementor-element-5400e725{--width:267px;--padding-top:0px;--padding-bottom:46px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-3148dc39{--container-widget-width:196px;--container-widget-flex-grow:0;width:var( --container-widget-width, 196px );max-width:196px;}.elementor-55 .elementor-element.elementor-element-2dee8ec9{--content-width:360px;--gap:40px 0px;--row-gap:40px;--column-gap:0px;--padding-top:11vw;--padding-bottom:11vw;--padding-left:7vw;--padding-right:7vw;}.elementor-55 .elementor-element.elementor-element-f9fdb62{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-55 .elementor-element.elementor-element-f9fdb62.e-con{--align-self:center;}.elementor-55 .elementor-element.elementor-element-1415d4f1{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;text-align:center;font-size:15px;}.elementor-55 .elementor-element.elementor-element-77cd8b18{--container-widget-width:479px;--container-widget-flex-grow:0;width:var( --container-widget-width, 479px );max-width:479px;}.elementor-55 .elementor-element.elementor-element-da9dedc.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-da9dedc .elementor-button{font-size:13px;}.elementor-55 .elementor-element.elementor-element-2e2b209a{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-55 .elementor-element.elementor-element-2e2b209a.e-con{--order:-99999 /* order start hack */;}.elementor-55 .elementor-element.elementor-element-18083727{--container-widget-width:340px;--container-widget-flex-grow:0;width:var( --container-widget-width, 340px );max-width:340px;}.elementor-55 .elementor-element.elementor-element-6ae8693c{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-55 .elementor-element.elementor-element-42a75000{--container-widget-width:430px;--container-widget-flex-grow:0;width:var( --container-widget-width, 430px );max-width:430px;text-align:center;}.elementor-55 .elementor-element.elementor-element-42a75000.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-20e270cc{--container-widget-width:479px;--container-widget-flex-grow:0;width:var( --container-widget-width, 479px );max-width:479px;}.elementor-55 .elementor-element.elementor-element-62f9595.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-62f9595 .elementor-button{font-size:13px;}.elementor-55 .elementor-element.elementor-element-71466066{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-55 .elementor-element.elementor-element-fee898e{--container-widget-width:340px;--container-widget-flex-grow:0;width:var( --container-widget-width, 340px );max-width:340px;}.elementor-55 .elementor-element.elementor-element-37a01abe{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-55 .elementor-element.elementor-element-54e7bee7{--container-widget-width:430px;--container-widget-flex-grow:0;width:var( --container-widget-width, 430px );max-width:430px;text-align:center;}.elementor-55 .elementor-element.elementor-element-54e7bee7.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-7dab434e{--container-widget-width:479px;--container-widget-flex-grow:0;width:var( --container-widget-width, 479px );max-width:479px;}.elementor-55 .elementor-element.elementor-element-248a98b.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-248a98b .elementor-button{font-size:13px;}.elementor-55 .elementor-element.elementor-element-69059eab{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-55 .elementor-element.elementor-element-69059eab.e-con{--order:-99999 /* order start hack */;}.elementor-55 .elementor-element.elementor-element-6d53e1e5{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-55 .elementor-element.elementor-element-6d29eb5e{--container-widget-width:430px;--container-widget-flex-grow:0;width:var( --container-widget-width, 430px );max-width:430px;text-align:center;}.elementor-55 .elementor-element.elementor-element-6d29eb5e.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-5b51b49.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-5b51b49 .elementor-button{font-size:13px;}.elementor-55 .elementor-element.elementor-element-193c7731{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-55 .elementor-element.elementor-element-7167bd93{--container-widget-width:430px;--container-widget-flex-grow:0;width:var( --container-widget-width, 430px );max-width:430px;text-align:center;}.elementor-55 .elementor-element.elementor-element-7167bd93.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-251b3cd5{--container-widget-width:479px;--container-widget-flex-grow:0;width:var( --container-widget-width, 479px );max-width:479px;}.elementor-55 .elementor-element.elementor-element-351dfc90.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-351dfc90 .elementor-button{font-size:13px;}.elementor-55 .elementor-element.elementor-element-f5e025{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-55 .elementor-element.elementor-element-52563b84{--container-widget-width:340px;--container-widget-flex-grow:0;width:var( --container-widget-width, 340px );max-width:340px;}.elementor-55 .elementor-element.elementor-element-4df62aca{--content-width:100%;--min-height:0px;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-55 .elementor-element.elementor-element-3a7a6989{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-2d475d8f{text-align:center;}.elementor-55 .elementor-element.elementor-element-2d475d8f .elementor-heading-title{font-size:18px;}.elementor-55 .elementor-element.elementor-element-3604cfce{width:100%;max-width:100%;text-align:center;}.elementor-55 .elementor-element.elementor-element-9b1b129.elementor-element{--align-self:center;}.elementor-55 .elementor-element.elementor-element-9b1b129 .elementor-button{font-size:13px;}.elementor-55 .elementor-element.elementor-element-53f1ce8f{--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-55 .elementor-element.elementor-element-accb05d{--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-55 .elementor-element.elementor-element-1a5b458c img{width:50vw;}.elementor-55 .elementor-element.elementor-element-20e2d47a{--width:100%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-55 .elementor-element.elementor-element-ec314dc{text-align:center;}.elementor-55 .elementor-element.elementor-element-ec314dc .elementor-heading-title{font-size:24px;line-height:1.2em;}.elementor-55 .elementor-element.elementor-element-694987a9{--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-55 .elementor-element.elementor-element-4dad88ce{text-align:center;}.elementor-55 .elementor-element.elementor-element-4dad88ce .elementor-heading-title{font-size:24px;line-height:1.2em;}}@media(min-width:768px){.elementor-55 .elementor-element.elementor-element-23af5ab0{--width:100%;}.elementor-55 .elementor-element.elementor-element-2b109b87{--width:1140px;}.elementor-55 .elementor-element.elementor-element-4b44d8cd{--width:300px;}.elementor-55 .elementor-element.elementor-element-10ca352f{--width:300px;}.elementor-55 .elementor-element.elementor-element-3c8f3a03{--width:300px;}.elementor-55 .elementor-element.elementor-element-a87ab9a{--width:300px;}.elementor-55 .elementor-element.elementor-element-64dd7ad7{--width:1140px;}.elementor-55 .elementor-element.elementor-element-ede655f{--width:300px;}.elementor-55 .elementor-element.elementor-element-708e98ab{--width:300px;}.elementor-55 .elementor-element.elementor-element-22e6cfed{--width:300px;}.elementor-55 .elementor-element.elementor-element-63469c7{--width:300px;}.elementor-55 .elementor-element.elementor-element-431cf906{--width:1140px;}.elementor-55 .elementor-element.elementor-element-677d825{--width:300px;}.elementor-55 .elementor-element.elementor-element-7881928{--width:300px;}.elementor-55 .elementor-element.elementor-element-27a032be{--width:300px;}.elementor-55 .elementor-element.elementor-element-5400e725{--width:300px;}.elementor-55 .elementor-element.elementor-element-f9fdb62{--width:52%;}.elementor-55 .elementor-element.elementor-element-2e2b209a{--width:50%;}.elementor-55 .elementor-element.elementor-element-6ae8693c{--width:50%;}.elementor-55 .elementor-element.elementor-element-71466066{--width:50%;}.elementor-55 .elementor-element.elementor-element-37a01abe{--width:50%;}.elementor-55 .elementor-element.elementor-element-69059eab{--width:50%;}.elementor-55 .elementor-element.elementor-element-6d53e1e5{--width:100%;}.elementor-55 .elementor-element.elementor-element-193c7731{--width:50%;}.elementor-55 .elementor-element.elementor-element-f5e025{--width:50%;}.elementor-55 .elementor-element.elementor-element-3a7a6989{--width:100%;}.elementor-55 .elementor-element.elementor-element-53f1ce8f{--content-width:1140px;}.elementor-55 .elementor-element.elementor-element-accb05d{--width:21%;}.elementor-55 .elementor-element.elementor-element-20e2d47a{--width:32%;}.elementor-55 .elementor-element.elementor-element-694987a9{--width:28%;}}@media(max-width:1024px) and (min-width:768px){.elementor-55 .elementor-element.elementor-element-23af5ab0{--width:100%;}.elementor-55 .elementor-element.elementor-element-4b44d8cd{--width:30%;}.elementor-55 .elementor-element.elementor-element-10ca352f{--width:30%;}.elementor-55 .elementor-element.elementor-element-3c8f3a03{--width:30%;}.elementor-55 .elementor-element.elementor-element-a87ab9a{--width:30%;}.elementor-55 .elementor-element.elementor-element-ede655f{--width:30%;}.elementor-55 .elementor-element.elementor-element-708e98ab{--width:30%;}.elementor-55 .elementor-element.elementor-element-22e6cfed{--width:30%;}.elementor-55 .elementor-element.elementor-element-63469c7{--width:30%;}.elementor-55 .elementor-element.elementor-element-677d825{--width:30%;}.elementor-55 .elementor-element.elementor-element-7881928{--width:30%;}.elementor-55 .elementor-element.elementor-element-27a032be{--width:30%;}.elementor-55 .elementor-element.elementor-element-5400e725{--width:30%;}.elementor-55 .elementor-element.elementor-element-3a7a6989{--width:100%;}.elementor-55 .elementor-element.elementor-element-accb05d{--width:100%;}.elementor-55 .elementor-element.elementor-element-20e2d47a{--width:100%;}.elementor-55 .elementor-element.elementor-element-694987a9{--width:100%;}}/* Start custom CSS for button, class: .elementor-element-da9dedc */.elementor-55 .elementor-element.elementor-element-da9dedc { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-da9dedc" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-da9dedc" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-da9dedc" genérico */ .elementor-55 .elementor-element.elementor-element-da9dedc { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-da9dedc". */ .elementor-55 .elementor-element.elementor-element-da9dedc .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-da9dedc .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-62f9595 */.elementor-55 .elementor-element.elementor-element-62f9595 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-62f9595" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-62f9595" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-62f9595" genérico */ .elementor-55 .elementor-element.elementor-element-62f9595 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-62f9595". */ .elementor-55 .elementor-element.elementor-element-62f9595 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-62f9595 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-248a98b */.elementor-55 .elementor-element.elementor-element-248a98b { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-248a98b" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-248a98b" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-248a98b" genérico */ .elementor-55 .elementor-element.elementor-element-248a98b { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-248a98b". */ .elementor-55 .elementor-element.elementor-element-248a98b .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-248a98b .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b51b49 */.elementor-55 .elementor-element.elementor-element-5b51b49 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-5b51b49" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-5b51b49" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-5b51b49" genérico */ .elementor-55 .elementor-element.elementor-element-5b51b49 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-5b51b49". */ .elementor-55 .elementor-element.elementor-element-5b51b49 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-5b51b49 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-351dfc90 */.elementor-55 .elementor-element.elementor-element-351dfc90 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-351dfc90" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-351dfc90" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-351dfc90" genérico */ .elementor-55 .elementor-element.elementor-element-351dfc90 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-351dfc90". */ .elementor-55 .elementor-element.elementor-element-351dfc90 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-351dfc90 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-da9dedc */.elementor-55 .elementor-element.elementor-element-da9dedc { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-da9dedc" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-da9dedc" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-da9dedc" genérico */ .elementor-55 .elementor-element.elementor-element-da9dedc { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-da9dedc". */ .elementor-55 .elementor-element.elementor-element-da9dedc .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-da9dedc .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-62f9595 */.elementor-55 .elementor-element.elementor-element-62f9595 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-62f9595" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-62f9595" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-62f9595" genérico */ .elementor-55 .elementor-element.elementor-element-62f9595 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-62f9595". */ .elementor-55 .elementor-element.elementor-element-62f9595 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-62f9595 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-248a98b */.elementor-55 .elementor-element.elementor-element-248a98b { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-248a98b" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-248a98b" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-248a98b" genérico */ .elementor-55 .elementor-element.elementor-element-248a98b { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-248a98b". */ .elementor-55 .elementor-element.elementor-element-248a98b .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-248a98b .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b51b49 */.elementor-55 .elementor-element.elementor-element-5b51b49 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-5b51b49" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-5b51b49" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-5b51b49" genérico */ .elementor-55 .elementor-element.elementor-element-5b51b49 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-5b51b49". */ .elementor-55 .elementor-element.elementor-element-5b51b49 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-5b51b49 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-351dfc90 */.elementor-55 .elementor-element.elementor-element-351dfc90 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-351dfc90" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-351dfc90" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-351dfc90" genérico */ .elementor-55 .elementor-element.elementor-element-351dfc90 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-351dfc90". */ .elementor-55 .elementor-element.elementor-element-351dfc90 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-351dfc90 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-da9dedc */.elementor-55 .elementor-element.elementor-element-da9dedc { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-da9dedc" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-da9dedc" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-da9dedc" genérico */ .elementor-55 .elementor-element.elementor-element-da9dedc { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-da9dedc". */ .elementor-55 .elementor-element.elementor-element-da9dedc .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-da9dedc .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-62f9595 */.elementor-55 .elementor-element.elementor-element-62f9595 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-62f9595" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-62f9595" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-62f9595" genérico */ .elementor-55 .elementor-element.elementor-element-62f9595 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-62f9595". */ .elementor-55 .elementor-element.elementor-element-62f9595 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-62f9595 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-248a98b */.elementor-55 .elementor-element.elementor-element-248a98b { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-248a98b" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-248a98b" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-248a98b" genérico */ .elementor-55 .elementor-element.elementor-element-248a98b { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-248a98b". */ .elementor-55 .elementor-element.elementor-element-248a98b .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-248a98b .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b51b49 */.elementor-55 .elementor-element.elementor-element-5b51b49 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-5b51b49" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-5b51b49" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-5b51b49" genérico */ .elementor-55 .elementor-element.elementor-element-5b51b49 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-5b51b49". */ .elementor-55 .elementor-element.elementor-element-5b51b49 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-5b51b49 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-351dfc90 */.elementor-55 .elementor-element.elementor-element-351dfc90 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-351dfc90" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-351dfc90" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-351dfc90" genérico */ .elementor-55 .elementor-element.elementor-element-351dfc90 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-351dfc90". */ .elementor-55 .elementor-element.elementor-element-351dfc90 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-351dfc90 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-da9dedc */.elementor-55 .elementor-element.elementor-element-da9dedc { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-da9dedc" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-da9dedc" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-da9dedc" genérico */ .elementor-55 .elementor-element.elementor-element-da9dedc { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-da9dedc". */ .elementor-55 .elementor-element.elementor-element-da9dedc .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-da9dedc .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-62f9595 */.elementor-55 .elementor-element.elementor-element-62f9595 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-62f9595" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-62f9595" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-62f9595" genérico */ .elementor-55 .elementor-element.elementor-element-62f9595 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-62f9595". */ .elementor-55 .elementor-element.elementor-element-62f9595 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-62f9595 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-248a98b */.elementor-55 .elementor-element.elementor-element-248a98b { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-248a98b" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-248a98b" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-248a98b" genérico */ .elementor-55 .elementor-element.elementor-element-248a98b { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-248a98b". */ .elementor-55 .elementor-element.elementor-element-248a98b .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-248a98b .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b51b49 */.elementor-55 .elementor-element.elementor-element-5b51b49 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-5b51b49" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-5b51b49" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-5b51b49" genérico */ .elementor-55 .elementor-element.elementor-element-5b51b49 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-5b51b49". */ .elementor-55 .elementor-element.elementor-element-5b51b49 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-5b51b49 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-351dfc90 */.elementor-55 .elementor-element.elementor-element-351dfc90 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-351dfc90" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-351dfc90" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-351dfc90" genérico */ .elementor-55 .elementor-element.elementor-element-351dfc90 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-351dfc90". */ .elementor-55 .elementor-element.elementor-element-351dfc90 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-351dfc90 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-da9dedc */.elementor-55 .elementor-element.elementor-element-da9dedc { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-da9dedc" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-da9dedc" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-da9dedc" genérico */ .elementor-55 .elementor-element.elementor-element-da9dedc { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-da9dedc". */ .elementor-55 .elementor-element.elementor-element-da9dedc .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-da9dedc .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-62f9595 */.elementor-55 .elementor-element.elementor-element-62f9595 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-62f9595" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-62f9595" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-62f9595" genérico */ .elementor-55 .elementor-element.elementor-element-62f9595 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-62f9595". */ .elementor-55 .elementor-element.elementor-element-62f9595 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-62f9595 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-248a98b */.elementor-55 .elementor-element.elementor-element-248a98b { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-248a98b" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-248a98b" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-248a98b" genérico */ .elementor-55 .elementor-element.elementor-element-248a98b { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-248a98b". */ .elementor-55 .elementor-element.elementor-element-248a98b .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-248a98b .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b51b49 */.elementor-55 .elementor-element.elementor-element-5b51b49 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-5b51b49" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-5b51b49" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-5b51b49" genérico */ .elementor-55 .elementor-element.elementor-element-5b51b49 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-5b51b49". */ .elementor-55 .elementor-element.elementor-element-5b51b49 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-5b51b49 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-351dfc90 */.elementor-55 .elementor-element.elementor-element-351dfc90 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-351dfc90" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-351dfc90" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-351dfc90" genérico */ .elementor-55 .elementor-element.elementor-element-351dfc90 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-351dfc90". */ .elementor-55 .elementor-element.elementor-element-351dfc90 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-351dfc90 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-da9dedc */.elementor-55 .elementor-element.elementor-element-da9dedc { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-da9dedc" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-da9dedc" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-da9dedc" genérico */ .elementor-55 .elementor-element.elementor-element-da9dedc { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-da9dedc". */ .elementor-55 .elementor-element.elementor-element-da9dedc .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-da9dedc .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-62f9595 */.elementor-55 .elementor-element.elementor-element-62f9595 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-62f9595" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-62f9595" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-62f9595" genérico */ .elementor-55 .elementor-element.elementor-element-62f9595 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-62f9595". */ .elementor-55 .elementor-element.elementor-element-62f9595 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-62f9595 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-248a98b */.elementor-55 .elementor-element.elementor-element-248a98b { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-248a98b" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-248a98b" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-248a98b" genérico */ .elementor-55 .elementor-element.elementor-element-248a98b { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-248a98b". */ .elementor-55 .elementor-element.elementor-element-248a98b .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-248a98b .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b51b49 */.elementor-55 .elementor-element.elementor-element-5b51b49 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-5b51b49" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-5b51b49" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-5b51b49" genérico */ .elementor-55 .elementor-element.elementor-element-5b51b49 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-5b51b49". */ .elementor-55 .elementor-element.elementor-element-5b51b49 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-5b51b49 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-351dfc90 */.elementor-55 .elementor-element.elementor-element-351dfc90 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-351dfc90" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-351dfc90" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-351dfc90" genérico */ .elementor-55 .elementor-element.elementor-element-351dfc90 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-351dfc90". */ .elementor-55 .elementor-element.elementor-element-351dfc90 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-351dfc90 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9b1b129 */.elementor-55 .elementor-element.elementor-element-9b1b129 { /* Arredonda as bordas do elemento em 5 pixels. */ border-radius: 5px; /* Define um fundo com um degradê de cores. 90deg: O degradê vai da esquerda para a direita. #3484F7 0%: Começa com um azul mais escuro na borda esquerda. #75ABF9 50%: No meio, transita para um azul mais claro. #3484F7 100%: Termina com o mesmo azul escuro na borda direita. Isso cria um efeito de brilho metálico ou acetinado no centro. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); } /* Estilo específico para elementos com a classe "btn3" (provavelmente um botão) */ .btn3 { /* Define o mesmo fundo degradê do ".elementor-55 .elementor-element.elementor-element-9b1b129" acima. É um pouco redundante se o ".elementor-55 .elementor-element.elementor-element-9b1b129" já for o botão, mas garante que botões com a classe "btn3" tenham este fundo. */ background: linear-gradient(90deg, #3484F7 0%, #75ABF9 50%, #3484F7 100%); /* Remove qualquer contorno que o navegador possa adicionar ao botão. */ outline: none; /* Muda o cursor do mouse para uma "mãozinha" quando ele passa sobre o botão, indicando que é clicável. */ cursor: pointer; /* Remove qualquer borda padrão do botão. */ border: none; /* Faz com que qualquer mudança de estilo (como hover ou active) aconteça suavemente ao longo de 0.9 segundos. */ transition: 0.9s; } /* Estilo para elementos com a classe "btn" QUANDO estão sendo clicados (ativos) */ .btn:active { /* Deixa o botão com 50% de transparência (meio apagado) enquanto está sendo pressionado. */ opacity: 0.5; } /* Mais estilos para elementos com a classe "btn3". É comum ter a mesma classe definida múltiplas vezes em CSS; as regras são combinadas. */ .btn3 { /* Define um espaçamento interno de 5 pixels em todos os lados do botão. "!important" força esta regra a ter prioridade sobre outras regras de padding que possam existir para este elemento. (Use com cautela!) */ padding: 5px !important; } /* Outro estilo para o ".elementor-55 .elementor-element.elementor-element-9b1b129" genérico */ .elementor-55 .elementor-element.elementor-element-9b1b129 { /* Faz com que a largura do elemento se ajuste ao conteúdo dentro dele. */ width: fit-content !important; /* "!important" força esta regra. */ /* Se o conteúdo interno for maior que o elemento, o excesso será cortado (não aparecerão barras de rolagem). */ overflow: hidden; } /* Define como o brilho vai se comportar QUANDO o mouse estiver SOBRE um elemento com a classe "elementor-button" dentro do ".elementor-55 .elementor-element.elementor-element-9b1b129". */ .elementor-55 .elementor-element.elementor-element-9b1b129 .elementor-button:hover::before { /* Aplica uma animação chamada "brilho". Essa animação dura 0.8 segundos. A velocidade da animação é constante (linear). */ animation: brilho 0.8s linear; } /* Configurações iniciais do efeito de brilho. O "::before" cria um elemento "falso" (como uma camada extra) antes do conteúdo real do "elementor-button". É nessa camada que o brilho acontece. */ .elementor-55 .elementor-element.elementor-element-9b1b129 .elementor-button::before { /* Mesmo que não tenha texto, isso é necessário para o ::before funcionar. */ content: ""; /* O brilho terá a mesma altura do botão. */ height: 100%; /* Permite posicionar o brilho exatamente em relação ao botão. */ position: absolute; /* Alinha o brilho no topo do botão. */ top: 0; /* Alinha o brilho à esquerda do botão (onde ele começa). */ left: 0; /* Começa invisível (totalmente transparente). */ opacity: 0; /* A cor do brilho será branca. */ background: #ffffff; /* Cria um efeito de "aura" ou "névoa" branca ao redor do brilho. - 0 0: sem deslocamento horizontal ou vertical da sombra. - 30px: o tamanho do "borrão" da sombra (quão espalhada ela é). - 20px: o tamanho da "expansão" da sombra (quão longe ela se estende). - #ffffffaa: a cor da sombra é branca com um pouco de transparência (o "aa" no final). */ box-shadow: 0 0 30px 20px #ffffffaa; /* Inclina o brilho em -30 graus no eixo X (horizontal). Isso faz com que o brilho pareça uma faixa de luz diagonal. */ transform: skewX(-30deg); /* Define como as cores do brilho se misturam com as cores do botão. "plus-lighter" faz com que as cores se somem, clareando a área onde o brilho passa. */ mix-blend-mode: plus-lighter; } /* Define os passos (keyframes) da animação chamada "brilho" */ @keyframes brilho { /* No início da animação (0% do tempo total) */ 0% { /* O brilho está totalmente transparente. */ opacity: 0; /* O brilho está posicionado na borda esquerda do botão. */ left: 0%; } /* Na metade da animação (50% do tempo total) */ 50% { /* O brilho está totalmente visível (opaco). */ opacity: 1; /* A posição 'left' não é definida aqui, então ele continua se movendo de 0% para 100% ao longo da animação. Na metade, estaria no meio do caminho. */ } /* No final da animação (100% do tempo total) */ 100% { /* O brilho volta a ser totalmente transparente. */ opacity: 0; /* O brilho termina na borda direita do botão, dando a impressão de que atravessou o botão. */ left: 100%; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ec314dc */.elementor-55 .elementor-element.elementor-element-ec314dc{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4dad88ce */.elementor-55 .elementor-element.elementor-element-4dad88ce{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS *//* Animação de subir e descer */ @keyframes floatUpDown { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0); } } /* Aplique essa classe ao ícone */ .icon-float { animation: floatUpDown 2s ease-in-out infinite; }/* End custom CSS */