.elementor-1209 .elementor-element.elementor-element-d62b7ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:4em;--padding-bottom:4em;--padding-left:3em;--padding-right:3em;}.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-1209 .elementor-element.elementor-element-e844ec8{width:var( --container-widget-width, 100% );max-width:100%;margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-1209 .elementor-element.elementor-element-e844ec8.elementor-element{--align-self:center;}.elementor-1209 .elementor-element.elementor-element-e844ec8 .elementor-heading-title{font-family:"Wix Madefor Display", Sans-serif;font-size:2.9em;font-weight:500;line-height:1.2em;color:#080613;}.elementor-1209 .elementor-element.elementor-element-964c9bc{width:var( --container-widget-width, 100% );max-width:100%;margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-1209 .elementor-element.elementor-element-964c9bc.elementor-element{--align-self:flex-start;}.elementor-1209 .elementor-element.elementor-element-964c9bc .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:1.1em;font-weight:400;line-height:1.5em;color:#5F5F5F;}.elementor-1209 .elementor-element.elementor-element-9493233{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-aed4a8e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1209 .elementor-element.elementor-element-aed4a8e.e-con:hover{--e-con-transform-translateY:-4px;}.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-1209 .elementor-element.elementor-element-f42bfaf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -1px) 0px;}.elementor-1209 .elementor-element.elementor-element-f42bfaf img{filter:brightness( 105% ) contrast( 100% ) saturate( 120% ) blur( 0px ) hue-rotate( 0deg );border-radius:10px 10px 0px 0px;}.elementor-1209 .elementor-element.elementor-element-d80ebc8{--display:flex;--justify-content:space-between;--border-radius:0px 0px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1.5em;--padding-bottom:2.5em;--padding-left:2em;--padding-right:2em;}.elementor-1209 .elementor-element.elementor-element-d80ebc8:not(.elementor-motion-effects-element-type-background), .elementor-1209 .elementor-element.elementor-element-d80ebc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-d80ebc8.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-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-1209 .elementor-element.elementor-element-528b6ce{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-528b6ce .elementor-icon-box-wrapper{text-align:start;}.elementor-1209 .elementor-element.elementor-element-528b6ce .elementor-icon-box-title{margin-block-end:10px;color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-528b6ce .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-528b6ce .elementor-icon-box-title a{font-family:"Wix Madefor Display", Sans-serif;font-size:1.4em;font-weight:600;line-height:1.3em;}.elementor-1209 .elementor-element.elementor-element-528b6ce:has(:hover) .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-528b6ce:has(:focus) .elementor-icon-box-title{color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-528b6ce .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:1.1em;font-weight:400;color:#0000009E;}.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-1209 .elementor-element.elementor-element-127f685{margin:-0.3em 0em calc(var(--kit-widget-spacing, 0px) + -1em) 0em;z-index:9;}.elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button{font-family:"Inter", Sans-serif;font-size:1.1em;font-weight:500;fill:#0F0F0F;color:#0F0F0F;border-radius:500px 500px 500px 500px;padding:1em 2em 1em 2em;}.elementor-1209 .elementor-element.elementor-element-b2306bf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-bcd9184{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1209 .elementor-element.elementor-element-bcd9184.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-1209 .elementor-element.elementor-element-372728a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -1px) 0px;}.elementor-1209 .elementor-element.elementor-element-372728a img{filter:brightness( 105% ) contrast( 100% ) saturate( 120% ) blur( 0px ) hue-rotate( 0deg );border-radius:10px 10px 0px 0px;}.elementor-1209 .elementor-element.elementor-element-3999397{--display:flex;--justify-content:space-between;--border-radius:0px 0px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1.5em;--padding-bottom:2.5em;--padding-left:2em;--padding-right:2em;}.elementor-1209 .elementor-element.elementor-element-3999397:not(.elementor-motion-effects-element-type-background), .elementor-1209 .elementor-element.elementor-element-3999397 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-3999397.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-1209 .elementor-element.elementor-element-2e69f86{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-2e69f86 .elementor-icon-box-wrapper{text-align:start;}.elementor-1209 .elementor-element.elementor-element-2e69f86 .elementor-icon-box-title{margin-block-end:10px;color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-2e69f86 .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-2e69f86 .elementor-icon-box-title a{font-family:"Wix Madefor Display", Sans-serif;font-size:1.4em;font-weight:600;line-height:1.3em;}.elementor-1209 .elementor-element.elementor-element-2e69f86:has(:hover) .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-2e69f86:has(:focus) .elementor-icon-box-title{color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-2e69f86 .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:1.1em;font-weight:400;color:#0000009E;}.elementor-1209 .elementor-element.elementor-element-a8463b6{margin:-0.3em 0em calc(var(--kit-widget-spacing, 0px) + -1em) 0em;z-index:9;}.elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button{font-family:"Inter", Sans-serif;font-size:1.1em;font-weight:500;fill:#0F0F0F;color:#0F0F0F;border-radius:500px 500px 500px 500px;padding:1em 2em 1em 2em;}.elementor-1209 .elementor-element.elementor-element-f45f7eb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-8e219fb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1209 .elementor-element.elementor-element-8e219fb.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-1209 .elementor-element.elementor-element-86283fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -1px) 0px;}.elementor-1209 .elementor-element.elementor-element-86283fd img{filter:brightness( 105% ) contrast( 100% ) saturate( 120% ) blur( 0px ) hue-rotate( 0deg );border-radius:10px 10px 0px 0px;}.elementor-1209 .elementor-element.elementor-element-826316d{--display:flex;--justify-content:space-between;--border-radius:0px 0px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1.5em;--padding-bottom:2.5em;--padding-left:2em;--padding-right:2em;}.elementor-1209 .elementor-element.elementor-element-826316d:not(.elementor-motion-effects-element-type-background), .elementor-1209 .elementor-element.elementor-element-826316d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-826316d.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-1209 .elementor-element.elementor-element-edb1b42{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-edb1b42 .elementor-icon-box-wrapper{text-align:start;}.elementor-1209 .elementor-element.elementor-element-edb1b42 .elementor-icon-box-title{margin-block-end:10px;color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-edb1b42 .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-edb1b42 .elementor-icon-box-title a{font-family:"Wix Madefor Display", Sans-serif;font-size:1.4em;font-weight:600;line-height:1.5em;}.elementor-1209 .elementor-element.elementor-element-edb1b42:has(:hover) .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-edb1b42:has(:focus) .elementor-icon-box-title{color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-edb1b42 .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:1.1em;font-weight:400;color:#0000009E;}.elementor-1209 .elementor-element.elementor-element-c8408b3{margin:-0.3em 0em calc(var(--kit-widget-spacing, 0px) + -1em) 0em;z-index:9;}.elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button{font-family:"Inter", Sans-serif;font-size:1.1em;font-weight:500;fill:#0F0F0F;color:#0F0F0F;border-radius:500px 500px 500px 500px;padding:1em 2em 1em 2em;}.elementor-1209 .elementor-element.elementor-element-e6fcf29{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-c6f4327{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1209 .elementor-element.elementor-element-c6f4327.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-1209 .elementor-element.elementor-element-2901949{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -1px) 0px;}.elementor-1209 .elementor-element.elementor-element-2901949 img{filter:brightness( 105% ) contrast( 100% ) saturate( 120% ) blur( 0px ) hue-rotate( 0deg );border-radius:10px 10px 0px 0px;}.elementor-1209 .elementor-element.elementor-element-6bd8700{--display:flex;--justify-content:space-between;--border-radius:0px 0px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1.5em;--padding-bottom:2.5em;--padding-left:2em;--padding-right:2em;}.elementor-1209 .elementor-element.elementor-element-6bd8700:not(.elementor-motion-effects-element-type-background), .elementor-1209 .elementor-element.elementor-element-6bd8700 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-6bd8700.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-1209 .elementor-element.elementor-element-50156bd{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-50156bd .elementor-icon-box-wrapper{text-align:start;}.elementor-1209 .elementor-element.elementor-element-50156bd .elementor-icon-box-title{margin-block-end:10px;color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-50156bd .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-50156bd .elementor-icon-box-title a{font-family:"Wix Madefor Display", Sans-serif;font-size:1.4em;font-weight:600;line-height:1.5em;}.elementor-1209 .elementor-element.elementor-element-50156bd:has(:hover) .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-50156bd:has(:focus) .elementor-icon-box-title{color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-50156bd .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:1.1em;font-weight:400;color:#0000009E;}.elementor-1209 .elementor-element.elementor-element-46f37b3{margin:-0.3em 0em calc(var(--kit-widget-spacing, 0px) + -1em) 0em;z-index:9;}.elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button{font-family:"Inter", Sans-serif;font-size:1.1em;font-weight:500;fill:#0F0F0F;color:#0F0F0F;border-radius:500px 500px 500px 500px;padding:1em 2em 1em 2em;}.elementor-1209 .elementor-element.elementor-element-6674365{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-05e9208{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1209 .elementor-element.elementor-element-05e9208.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-1209 .elementor-element.elementor-element-46eefad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -1px) 0px;}.elementor-1209 .elementor-element.elementor-element-46eefad img{filter:brightness( 105% ) contrast( 100% ) saturate( 120% ) blur( 0px ) hue-rotate( 0deg );border-radius:10px 10px 0px 0px;}.elementor-1209 .elementor-element.elementor-element-31b8481{--display:flex;--justify-content:space-between;--border-radius:0px 0px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1.5em;--padding-bottom:2.5em;--padding-left:2em;--padding-right:2em;}.elementor-1209 .elementor-element.elementor-element-31b8481:not(.elementor-motion-effects-element-type-background), .elementor-1209 .elementor-element.elementor-element-31b8481 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-31b8481.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-1209 .elementor-element.elementor-element-1d92f7c{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-1d92f7c .elementor-icon-box-wrapper{text-align:start;}.elementor-1209 .elementor-element.elementor-element-1d92f7c .elementor-icon-box-title{margin-block-end:10px;color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-1d92f7c .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-1d92f7c .elementor-icon-box-title a{font-family:"Wix Madefor Display", Sans-serif;font-size:1.4em;font-weight:600;line-height:1.3em;}.elementor-1209 .elementor-element.elementor-element-1d92f7c:has(:hover) .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-1d92f7c:has(:focus) .elementor-icon-box-title{color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-1d92f7c .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:1.1em;font-weight:400;color:#0000009E;}.elementor-1209 .elementor-element.elementor-element-01ce654{margin:-0.3em 0em calc(var(--kit-widget-spacing, 0px) + -1em) 0em;z-index:9;}.elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button{font-family:"Inter", Sans-serif;font-size:1.1em;font-weight:500;fill:#0F0F0F;color:#0F0F0F;border-radius:500px 500px 500px 500px;padding:1em 2em 1em 2em;}.elementor-1209 .elementor-element.elementor-element-c02857f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-8626bfc{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1209 .elementor-element.elementor-element-8626bfc.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-1209 .elementor-element.elementor-element-caee8e1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -1px) 0px;}.elementor-1209 .elementor-element.elementor-element-caee8e1 img{filter:brightness( 105% ) contrast( 100% ) saturate( 120% ) blur( 0px ) hue-rotate( 0deg );border-radius:10px 10px 0px 0px;}.elementor-1209 .elementor-element.elementor-element-09e2098{--display:flex;--justify-content:space-between;--border-radius:0px 0px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1.5em;--padding-bottom:2.5em;--padding-left:2em;--padding-right:2em;}.elementor-1209 .elementor-element.elementor-element-09e2098:not(.elementor-motion-effects-element-type-background), .elementor-1209 .elementor-element.elementor-element-09e2098 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-09e2098.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-1209 .elementor-element.elementor-element-cd3dfae{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-cd3dfae .elementor-icon-box-wrapper{text-align:start;}.elementor-1209 .elementor-element.elementor-element-cd3dfae .elementor-icon-box-title{margin-block-end:10px;color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-cd3dfae .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-cd3dfae .elementor-icon-box-title a{font-family:"Wix Madefor Display", Sans-serif;font-size:1.4em;font-weight:600;line-height:1.5em;}.elementor-1209 .elementor-element.elementor-element-cd3dfae:has(:hover) .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-cd3dfae:has(:focus) .elementor-icon-box-title{color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-cd3dfae .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:1.1em;font-weight:400;color:#0000009E;}.elementor-1209 .elementor-element.elementor-element-6f36889{margin:-0.3em 0em calc(var(--kit-widget-spacing, 0px) + -1em) 0em;z-index:9;}.elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button{font-family:"Inter", Sans-serif;font-size:1.1em;font-weight:500;fill:#0F0F0F;color:#0F0F0F;border-radius:500px 500px 500px 500px;padding:1em 2em 1em 2em;}.elementor-1209 .elementor-element.elementor-element-89b680a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-ed40f40{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1209 .elementor-element.elementor-element-ed40f40.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-1209 .elementor-element.elementor-element-1afa205{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -1px) 0px;}.elementor-1209 .elementor-element.elementor-element-1afa205 img{filter:brightness( 105% ) contrast( 100% ) saturate( 120% ) blur( 0px ) hue-rotate( 0deg );border-radius:10px 10px 0px 0px;}.elementor-1209 .elementor-element.elementor-element-a9c4eef{--display:flex;--justify-content:space-between;--border-radius:0px 0px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1.5em;--padding-bottom:2.5em;--padding-left:2em;--padding-right:2em;}.elementor-1209 .elementor-element.elementor-element-a9c4eef:not(.elementor-motion-effects-element-type-background), .elementor-1209 .elementor-element.elementor-element-a9c4eef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-a9c4eef.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-1209 .elementor-element.elementor-element-4d9b587{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-4d9b587 .elementor-icon-box-wrapper{text-align:start;}.elementor-1209 .elementor-element.elementor-element-4d9b587 .elementor-icon-box-title{margin-block-end:10px;color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-4d9b587 .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-4d9b587 .elementor-icon-box-title a{font-family:"Wix Madefor Display", Sans-serif;font-size:1.4em;font-weight:600;line-height:1.5em;}.elementor-1209 .elementor-element.elementor-element-4d9b587:has(:hover) .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-4d9b587:has(:focus) .elementor-icon-box-title{color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-4d9b587 .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:1.1em;font-weight:400;color:#0000009E;}.elementor-1209 .elementor-element.elementor-element-074b7a4{margin:-0.3em 0em calc(var(--kit-widget-spacing, 0px) + -1em) 0em;z-index:9;}.elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button{font-family:"Inter", Sans-serif;font-size:1.1em;font-weight:500;fill:#0F0F0F;color:#0F0F0F;border-radius:500px 500px 500px 500px;padding:1em 2em 1em 2em;}.elementor-1209 .elementor-element.elementor-element-2656558{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-7c6ee42{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1209 .elementor-element.elementor-element-7c6ee42.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-1209 .elementor-element.elementor-element-2da8bc2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -1px) 0px;}.elementor-1209 .elementor-element.elementor-element-2da8bc2 img{filter:brightness( 105% ) contrast( 100% ) saturate( 120% ) blur( 0px ) hue-rotate( 0deg );border-radius:10px 10px 0px 0px;}.elementor-1209 .elementor-element.elementor-element-b7b4341{--display:flex;--justify-content:space-between;--border-radius:0px 0px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1.5em;--padding-bottom:2.5em;--padding-left:2em;--padding-right:2em;}.elementor-1209 .elementor-element.elementor-element-b7b4341:not(.elementor-motion-effects-element-type-background), .elementor-1209 .elementor-element.elementor-element-b7b4341 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-b7b4341.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-1209 .elementor-element.elementor-element-b497edd{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-b497edd .elementor-icon-box-wrapper{text-align:start;}.elementor-1209 .elementor-element.elementor-element-b497edd .elementor-icon-box-title{margin-block-end:10px;color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-b497edd .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-b497edd .elementor-icon-box-title a{font-family:"Wix Madefor Display", Sans-serif;font-size:1.4em;font-weight:600;line-height:1.5em;}.elementor-1209 .elementor-element.elementor-element-b497edd:has(:hover) .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-b497edd:has(:focus) .elementor-icon-box-title{color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-b497edd .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:1.1em;font-weight:400;color:#0000009E;}.elementor-1209 .elementor-element.elementor-element-7487fc4{margin:-0.3em 0em calc(var(--kit-widget-spacing, 0px) + -1em) 0em;z-index:9;}.elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button{font-family:"Inter", Sans-serif;font-size:1.1em;font-weight:500;fill:#0F0F0F;color:#0F0F0F;border-radius:500px 500px 500px 500px;padding:1em 2em 1em 2em;}.elementor-1209 .elementor-element.elementor-element-d180129{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-b9328e9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1209 .elementor-element.elementor-element-b9328e9.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-1209 .elementor-element.elementor-element-70948c9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -1px) 0px;}.elementor-1209 .elementor-element.elementor-element-70948c9 img{filter:brightness( 105% ) contrast( 100% ) saturate( 120% ) blur( 0px ) hue-rotate( 0deg );border-radius:10px 10px 0px 0px;}.elementor-1209 .elementor-element.elementor-element-ebd5395{--display:flex;--justify-content:space-between;--border-radius:0px 0px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1.5em;--padding-bottom:2.5em;--padding-left:2em;--padding-right:2em;}.elementor-1209 .elementor-element.elementor-element-ebd5395:not(.elementor-motion-effects-element-type-background), .elementor-1209 .elementor-element.elementor-element-ebd5395 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-ebd5395.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-1209 .elementor-element.elementor-element-b0c7a36{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-b0c7a36 .elementor-icon-box-wrapper{text-align:start;}.elementor-1209 .elementor-element.elementor-element-b0c7a36 .elementor-icon-box-title{margin-block-end:10px;color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-b0c7a36 .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-b0c7a36 .elementor-icon-box-title a{font-family:"Wix Madefor Display", Sans-serif;font-size:1.4em;font-weight:600;line-height:1.5em;}.elementor-1209 .elementor-element.elementor-element-b0c7a36:has(:hover) .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-b0c7a36:has(:focus) .elementor-icon-box-title{color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-b0c7a36 .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:1.1em;font-weight:400;color:#0000009E;}.elementor-1209 .elementor-element.elementor-element-0cb9622{margin:-0.3em 0em calc(var(--kit-widget-spacing, 0px) + -1em) 0em;z-index:9;}.elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button{font-family:"Inter", Sans-serif;font-size:1.1em;font-weight:500;fill:#0F0F0F;color:#0F0F0F;border-radius:500px 500px 500px 500px;padding:1em 2em 1em 2em;}.elementor-1209 .elementor-element.elementor-element-603d888{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-f106ab3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1209 .elementor-element.elementor-element-f106ab3.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-1209 .elementor-element.elementor-element-3603c6b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -1px) 0px;}.elementor-1209 .elementor-element.elementor-element-3603c6b img{filter:brightness( 105% ) contrast( 100% ) saturate( 120% ) blur( 0px ) hue-rotate( 0deg );border-radius:10px 10px 0px 0px;}.elementor-1209 .elementor-element.elementor-element-0edb317{--display:flex;--justify-content:space-between;--border-radius:0px 0px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1.5em;--padding-bottom:2.5em;--padding-left:2em;--padding-right:2em;}.elementor-1209 .elementor-element.elementor-element-0edb317:not(.elementor-motion-effects-element-type-background), .elementor-1209 .elementor-element.elementor-element-0edb317 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-0edb317.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-1209 .elementor-element.elementor-element-2652775{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-2652775 .elementor-icon-box-wrapper{text-align:start;}.elementor-1209 .elementor-element.elementor-element-2652775 .elementor-icon-box-title{margin-block-end:10px;color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-2652775 .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-2652775 .elementor-icon-box-title a{font-family:"Wix Madefor Display", Sans-serif;font-size:1.4em;font-weight:600;line-height:1.5em;}.elementor-1209 .elementor-element.elementor-element-2652775:has(:hover) .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-2652775:has(:focus) .elementor-icon-box-title{color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-2652775 .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:1.1em;font-weight:400;color:#0000009E;}.elementor-1209 .elementor-element.elementor-element-1816cdf{margin:-0.3em 0em calc(var(--kit-widget-spacing, 0px) + -1em) 0em;z-index:9;}.elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button{font-family:"Inter", Sans-serif;font-size:1.1em;font-weight:500;fill:#0F0F0F;color:#0F0F0F;border-radius:500px 500px 500px 500px;padding:1em 2em 1em 2em;}.elementor-1209 .elementor-element.elementor-element-0536fd2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-5110b27{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1209 .elementor-element.elementor-element-5110b27.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-1209 .elementor-element.elementor-element-f019973{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -1px) 0px;}.elementor-1209 .elementor-element.elementor-element-f019973 img{filter:brightness( 105% ) contrast( 100% ) saturate( 120% ) blur( 0px ) hue-rotate( 0deg );border-radius:10px 10px 0px 0px;}.elementor-1209 .elementor-element.elementor-element-56c71e4{--display:flex;--justify-content:space-between;--border-radius:0px 0px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1.5em;--padding-bottom:2.5em;--padding-left:2em;--padding-right:2em;}.elementor-1209 .elementor-element.elementor-element-56c71e4:not(.elementor-motion-effects-element-type-background), .elementor-1209 .elementor-element.elementor-element-56c71e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-56c71e4.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-1209 .elementor-element.elementor-element-556439c{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-556439c .elementor-icon-box-wrapper{text-align:start;}.elementor-1209 .elementor-element.elementor-element-556439c .elementor-icon-box-title{margin-block-end:10px;color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-556439c .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-556439c .elementor-icon-box-title a{font-family:"Wix Madefor Display", Sans-serif;font-size:1.4em;font-weight:600;line-height:1.5em;}.elementor-1209 .elementor-element.elementor-element-556439c:has(:hover) .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-556439c:has(:focus) .elementor-icon-box-title{color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-556439c .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:1.1em;font-weight:400;color:#0000009E;}.elementor-1209 .elementor-element.elementor-element-7b404cf{margin:-0.3em 0em calc(var(--kit-widget-spacing, 0px) + -1em) 0em;z-index:9;}.elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button{font-family:"Inter", Sans-serif;font-size:1.1em;font-weight:500;fill:#0F0F0F;color:#0F0F0F;border-radius:500px 500px 500px 500px;padding:1em 2em 1em 2em;}.elementor-1209 .elementor-element.elementor-element-8b8cdd2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-dedef74{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1209 .elementor-element.elementor-element-dedef74.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-1209 .elementor-element.elementor-element-623e07e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -1px) 0px;}.elementor-1209 .elementor-element.elementor-element-623e07e img{filter:brightness( 105% ) contrast( 100% ) saturate( 120% ) blur( 0px ) hue-rotate( 0deg );border-radius:10px 10px 0px 0px;}.elementor-1209 .elementor-element.elementor-element-b656d10{--display:flex;--justify-content:space-between;--border-radius:0px 0px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1.5em;--padding-bottom:2.5em;--padding-left:2em;--padding-right:2em;}.elementor-1209 .elementor-element.elementor-element-b656d10:not(.elementor-motion-effects-element-type-background), .elementor-1209 .elementor-element.elementor-element-b656d10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-b656d10.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-1209 .elementor-element.elementor-element-4b40cbf{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-4b40cbf .elementor-icon-box-wrapper{text-align:start;}.elementor-1209 .elementor-element.elementor-element-4b40cbf .elementor-icon-box-title{margin-block-end:10px;color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-4b40cbf .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-4b40cbf .elementor-icon-box-title a{font-family:"Wix Madefor Display", Sans-serif;font-size:1.4em;font-weight:600;line-height:1.5em;}.elementor-1209 .elementor-element.elementor-element-4b40cbf:has(:hover) .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-4b40cbf:has(:focus) .elementor-icon-box-title{color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-4b40cbf .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:1.1em;font-weight:400;color:#0000009E;}.elementor-1209 .elementor-element.elementor-element-c6a5c2e{margin:-0.3em 0em calc(var(--kit-widget-spacing, 0px) + -1em) 0em;z-index:9;}.elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button{font-family:"Inter", Sans-serif;font-size:1.1em;font-weight:500;fill:#0F0F0F;color:#0F0F0F;border-radius:500px 500px 500px 500px;padding:1em 2em 1em 2em;}.elementor-1209 .elementor-element.elementor-element-9edf381{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-3648822{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1209 .elementor-element.elementor-element-3648822.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-1209 .elementor-element.elementor-element-e4eaf69{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -1px) 0px;}.elementor-1209 .elementor-element.elementor-element-e4eaf69 img{filter:brightness( 105% ) contrast( 100% ) saturate( 120% ) blur( 0px ) hue-rotate( 0deg );border-radius:10px 10px 0px 0px;}.elementor-1209 .elementor-element.elementor-element-ec421d9{--display:flex;--justify-content:space-between;--border-radius:0px 0px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1.5em;--padding-bottom:2.5em;--padding-left:2em;--padding-right:2em;}.elementor-1209 .elementor-element.elementor-element-ec421d9:not(.elementor-motion-effects-element-type-background), .elementor-1209 .elementor-element.elementor-element-ec421d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-ec421d9.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-1209 .elementor-element.elementor-element-4309d3e{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-4309d3e .elementor-icon-box-wrapper{text-align:start;}.elementor-1209 .elementor-element.elementor-element-4309d3e .elementor-icon-box-title{margin-block-end:10px;color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-4309d3e .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-4309d3e .elementor-icon-box-title a{font-family:"Wix Madefor Display", Sans-serif;font-size:1.4em;font-weight:600;line-height:1.5em;}.elementor-1209 .elementor-element.elementor-element-4309d3e:has(:hover) .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-4309d3e:has(:focus) .elementor-icon-box-title{color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-4309d3e .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:1.1em;font-weight:400;color:#0000009E;}.elementor-1209 .elementor-element.elementor-element-bbd89b2{margin:-0.3em 0em calc(var(--kit-widget-spacing, 0px) + -1em) 0em;z-index:9;}.elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button{font-family:"Inter", Sans-serif;font-size:1.1em;font-weight:500;fill:#0F0F0F;color:#0F0F0F;border-radius:500px 500px 500px 500px;padding:1em 2em 1em 2em;}.elementor-1209 .elementor-element.elementor-element-f85c44b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-f667d68{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1209 .elementor-element.elementor-element-f667d68.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-1209 .elementor-element.elementor-element-e7db19d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -1px) 0px;}.elementor-1209 .elementor-element.elementor-element-e7db19d img{filter:brightness( 105% ) contrast( 100% ) saturate( 120% ) blur( 0px ) hue-rotate( 0deg );border-radius:10px 10px 0px 0px;}.elementor-1209 .elementor-element.elementor-element-25e0db5{--display:flex;--justify-content:space-between;--border-radius:0px 0px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1.5em;--padding-bottom:2.5em;--padding-left:2em;--padding-right:2em;}.elementor-1209 .elementor-element.elementor-element-25e0db5:not(.elementor-motion-effects-element-type-background), .elementor-1209 .elementor-element.elementor-element-25e0db5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1209 .elementor-element.elementor-element-25e0db5.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-1209 .elementor-element.elementor-element-03cc057{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-03cc057 .elementor-icon-box-wrapper{text-align:start;}.elementor-1209 .elementor-element.elementor-element-03cc057 .elementor-icon-box-title{margin-block-end:10px;color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-03cc057 .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-03cc057 .elementor-icon-box-title a{font-family:"Wix Madefor Display", Sans-serif;font-size:1.4em;font-weight:600;line-height:1.5em;}.elementor-1209 .elementor-element.elementor-element-03cc057:has(:hover) .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-03cc057:has(:focus) .elementor-icon-box-title{color:#2C2C2C;}.elementor-1209 .elementor-element.elementor-element-03cc057 .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:1.1em;font-weight:400;color:#0000009E;}.elementor-1209 .elementor-element.elementor-element-5ec1cae{margin:-0.3em 0em calc(var(--kit-widget-spacing, 0px) + -1em) 0em;z-index:9;}.elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button{font-family:"Inter", Sans-serif;font-size:1.1em;font-weight:500;fill:#0F0F0F;color:#0F0F0F;border-radius:500px 500px 500px 500px;padding:1em 2em 1em 2em;}.elementor-1209 .elementor-element.elementor-element-4393bb6{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-20px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-20px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:45px;--e-n-carousel-arrow-normal-color:#02010100;--e-n-carousel-arrow-hover-color:#02010100;--e-n-carousel-dots-normal-color:#0049AF;--e-n-carousel-dots-hover-color:#0049AF;}#elementor-popup-modal-1209 .dialog-widget-content{background-color:#FAF8F5;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-1209{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1209 .dialog-message{width:882px;height:auto;}#elementor-popup-modal-1209 .dialog-close-button{display:flex;}@media(max-width:1024px){.elementor-1209 .elementor-element.elementor-element-e844ec8{width:100%;max-width:100%;margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;text-align:center;}.elementor-1209 .elementor-element.elementor-element-e844ec8 .elementor-heading-title{font-size:2.8em;}.elementor-1209 .elementor-element.elementor-element-964c9bc{width:100%;max-width:100%;}.elementor-1209 .elementor-element.elementor-element-9493233{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-528b6ce{padding:0em 2em 0em 2em;}.elementor-1209 .elementor-element.elementor-element-127f685{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1209 .elementor-element.elementor-element-127f685.elementor-element{--align-self:center;}.elementor-1209 .elementor-element.elementor-element-b2306bf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-2e69f86{padding:0em 2em 0em 2em;}.elementor-1209 .elementor-element.elementor-element-a8463b6{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1209 .elementor-element.elementor-element-a8463b6.elementor-element{--align-self:center;}.elementor-1209 .elementor-element.elementor-element-f45f7eb{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-edb1b42{padding:0em 2em 0em 2em;}.elementor-1209 .elementor-element.elementor-element-c8408b3{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1209 .elementor-element.elementor-element-c8408b3.elementor-element{--align-self:center;}.elementor-1209 .elementor-element.elementor-element-e6fcf29{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-50156bd{padding:0em 2em 0em 2em;}.elementor-1209 .elementor-element.elementor-element-46f37b3{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1209 .elementor-element.elementor-element-46f37b3.elementor-element{--align-self:center;}.elementor-1209 .elementor-element.elementor-element-6674365{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-1d92f7c{padding:0em 2em 0em 2em;}.elementor-1209 .elementor-element.elementor-element-01ce654{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1209 .elementor-element.elementor-element-01ce654.elementor-element{--align-self:center;}.elementor-1209 .elementor-element.elementor-element-c02857f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-cd3dfae{padding:0em 2em 0em 2em;}.elementor-1209 .elementor-element.elementor-element-6f36889{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1209 .elementor-element.elementor-element-6f36889.elementor-element{--align-self:center;}.elementor-1209 .elementor-element.elementor-element-89b680a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-4d9b587{padding:0em 2em 0em 2em;}.elementor-1209 .elementor-element.elementor-element-074b7a4{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1209 .elementor-element.elementor-element-074b7a4.elementor-element{--align-self:center;}.elementor-1209 .elementor-element.elementor-element-2656558{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-b497edd{padding:0em 2em 0em 2em;}.elementor-1209 .elementor-element.elementor-element-7487fc4{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1209 .elementor-element.elementor-element-7487fc4.elementor-element{--align-self:center;}.elementor-1209 .elementor-element.elementor-element-d180129{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-b0c7a36{padding:0em 2em 0em 2em;}.elementor-1209 .elementor-element.elementor-element-0cb9622{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1209 .elementor-element.elementor-element-0cb9622.elementor-element{--align-self:center;}.elementor-1209 .elementor-element.elementor-element-603d888{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-2652775{padding:0em 2em 0em 2em;}.elementor-1209 .elementor-element.elementor-element-1816cdf{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1209 .elementor-element.elementor-element-1816cdf.elementor-element{--align-self:center;}.elementor-1209 .elementor-element.elementor-element-0536fd2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-556439c{padding:0em 2em 0em 2em;}.elementor-1209 .elementor-element.elementor-element-7b404cf{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1209 .elementor-element.elementor-element-7b404cf.elementor-element{--align-self:center;}.elementor-1209 .elementor-element.elementor-element-8b8cdd2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-4b40cbf{padding:0em 2em 0em 2em;}.elementor-1209 .elementor-element.elementor-element-c6a5c2e{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1209 .elementor-element.elementor-element-c6a5c2e.elementor-element{--align-self:center;}.elementor-1209 .elementor-element.elementor-element-9edf381{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-4309d3e{padding:0em 2em 0em 2em;}.elementor-1209 .elementor-element.elementor-element-bbd89b2{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1209 .elementor-element.elementor-element-bbd89b2.elementor-element{--align-self:center;}.elementor-1209 .elementor-element.elementor-element-f85c44b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1209 .elementor-element.elementor-element-03cc057{padding:0em 2em 0em 2em;}.elementor-1209 .elementor-element.elementor-element-5ec1cae{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1209 .elementor-element.elementor-element-5ec1cae.elementor-element{--align-self:center;}.elementor-1209 .elementor-element.elementor-element-4393bb6{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;}}@media(max-width:767px){.elementor-1209 .elementor-element.elementor-element-d62b7ab{--padding-top:3em;--padding-bottom:2em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-1209 .elementor-element.elementor-element-e844ec8{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + -0.5em) 0em;}.elementor-1209 .elementor-element.elementor-element-e844ec8.elementor-element{--align-self:center;}.elementor-1209 .elementor-element.elementor-element-e844ec8 .elementor-heading-title{font-size:2em;line-height:1.2em;}.elementor-1209 .elementor-element.elementor-element-964c9bc{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-1209 .elementor-element.elementor-element-964c9bc .elementor-heading-title{font-size:1em;}.elementor-1209 .elementor-element.elementor-element-aed4a8e{--border-radius:10px 10px 10px 10px;}.elementor-1209 .elementor-element.elementor-element-d80ebc8{--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-1209 .elementor-element.elementor-element-528b6ce{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-528b6ce .elementor-icon-box-title{margin-block-end:5px;}.elementor-1209 .elementor-element.elementor-element-528b6ce .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-528b6ce .elementor-icon-box-title a{font-size:1.3em;}.elementor-1209 .elementor-element.elementor-element-528b6ce .elementor-icon-box-description{font-size:1em;}.elementor-1209 .elementor-element.elementor-element-127f685{width:100%;max-width:100%;margin:-0.4em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button{font-size:1em;line-height:1.2em;padding:1em 1.5em 1em 1.5em;}.elementor-1209 .elementor-element.elementor-element-bcd9184{--border-radius:10px 10px 10px 10px;}.elementor-1209 .elementor-element.elementor-element-3999397{--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-1209 .elementor-element.elementor-element-2e69f86{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-2e69f86 .elementor-icon-box-title{margin-block-end:5px;}.elementor-1209 .elementor-element.elementor-element-2e69f86 .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-2e69f86 .elementor-icon-box-title a{font-size:1.3em;}.elementor-1209 .elementor-element.elementor-element-2e69f86 .elementor-icon-box-description{font-size:1em;}.elementor-1209 .elementor-element.elementor-element-a8463b6{width:100%;max-width:100%;margin:-0.4em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button{font-size:1em;line-height:1.2em;padding:1em 1.5em 1em 1.5em;}.elementor-1209 .elementor-element.elementor-element-8e219fb{--border-radius:10px 10px 10px 10px;}.elementor-1209 .elementor-element.elementor-element-826316d{--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-1209 .elementor-element.elementor-element-edb1b42{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-edb1b42 .elementor-icon-box-title{margin-block-end:5px;}.elementor-1209 .elementor-element.elementor-element-edb1b42 .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-edb1b42 .elementor-icon-box-title a{font-size:1.3em;}.elementor-1209 .elementor-element.elementor-element-edb1b42 .elementor-icon-box-description{font-size:1em;}.elementor-1209 .elementor-element.elementor-element-c8408b3{width:100%;max-width:100%;margin:-0.4em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button{font-size:1em;line-height:1.2em;padding:1em 1.5em 1em 1.5em;}.elementor-1209 .elementor-element.elementor-element-c6f4327{--border-radius:10px 10px 10px 10px;}.elementor-1209 .elementor-element.elementor-element-6bd8700{--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-1209 .elementor-element.elementor-element-50156bd{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-50156bd .elementor-icon-box-title{margin-block-end:5px;}.elementor-1209 .elementor-element.elementor-element-50156bd .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-50156bd .elementor-icon-box-title a{font-size:1.3em;}.elementor-1209 .elementor-element.elementor-element-50156bd .elementor-icon-box-description{font-size:1em;}.elementor-1209 .elementor-element.elementor-element-46f37b3{width:100%;max-width:100%;margin:-0.4em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button{font-size:1em;line-height:1.2em;padding:1em 1.5em 1em 1.5em;}.elementor-1209 .elementor-element.elementor-element-05e9208{--border-radius:10px 10px 10px 10px;}.elementor-1209 .elementor-element.elementor-element-31b8481{--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-1209 .elementor-element.elementor-element-1d92f7c{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-1d92f7c .elementor-icon-box-title{margin-block-end:5px;}.elementor-1209 .elementor-element.elementor-element-1d92f7c .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-1d92f7c .elementor-icon-box-title a{font-size:1.3em;}.elementor-1209 .elementor-element.elementor-element-1d92f7c .elementor-icon-box-description{font-size:1em;}.elementor-1209 .elementor-element.elementor-element-01ce654{width:100%;max-width:100%;margin:-0.4em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button{font-size:1em;line-height:1.2em;padding:1em 1.5em 1em 1.5em;}.elementor-1209 .elementor-element.elementor-element-8626bfc{--border-radius:10px 10px 10px 10px;}.elementor-1209 .elementor-element.elementor-element-09e2098{--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-1209 .elementor-element.elementor-element-cd3dfae{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-cd3dfae .elementor-icon-box-title{margin-block-end:5px;}.elementor-1209 .elementor-element.elementor-element-cd3dfae .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-cd3dfae .elementor-icon-box-title a{font-size:1.3em;}.elementor-1209 .elementor-element.elementor-element-cd3dfae .elementor-icon-box-description{font-size:1em;}.elementor-1209 .elementor-element.elementor-element-6f36889{width:100%;max-width:100%;margin:-0.4em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button{font-size:1em;line-height:1.2em;padding:1em 1.5em 1em 1.5em;}.elementor-1209 .elementor-element.elementor-element-ed40f40{--border-radius:10px 10px 10px 10px;}.elementor-1209 .elementor-element.elementor-element-a9c4eef{--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-1209 .elementor-element.elementor-element-4d9b587{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-4d9b587 .elementor-icon-box-title{margin-block-end:5px;}.elementor-1209 .elementor-element.elementor-element-4d9b587 .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-4d9b587 .elementor-icon-box-title a{font-size:1.3em;}.elementor-1209 .elementor-element.elementor-element-4d9b587 .elementor-icon-box-description{font-size:1em;}.elementor-1209 .elementor-element.elementor-element-074b7a4{width:100%;max-width:100%;margin:-0.4em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button{font-size:1em;line-height:1.2em;padding:1em 1.5em 1em 1.5em;}.elementor-1209 .elementor-element.elementor-element-7c6ee42{--border-radius:10px 10px 10px 10px;}.elementor-1209 .elementor-element.elementor-element-b7b4341{--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-1209 .elementor-element.elementor-element-b497edd{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-b497edd .elementor-icon-box-title{margin-block-end:5px;}.elementor-1209 .elementor-element.elementor-element-b497edd .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-b497edd .elementor-icon-box-title a{font-size:1.3em;}.elementor-1209 .elementor-element.elementor-element-b497edd .elementor-icon-box-description{font-size:1em;}.elementor-1209 .elementor-element.elementor-element-7487fc4{width:100%;max-width:100%;margin:-0.4em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button{font-size:1em;line-height:1.2em;padding:1em 1.5em 1em 1.5em;}.elementor-1209 .elementor-element.elementor-element-b9328e9{--border-radius:10px 10px 10px 10px;}.elementor-1209 .elementor-element.elementor-element-ebd5395{--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-1209 .elementor-element.elementor-element-b0c7a36{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-b0c7a36 .elementor-icon-box-title{margin-block-end:5px;}.elementor-1209 .elementor-element.elementor-element-b0c7a36 .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-b0c7a36 .elementor-icon-box-title a{font-size:1.3em;}.elementor-1209 .elementor-element.elementor-element-b0c7a36 .elementor-icon-box-description{font-size:1em;}.elementor-1209 .elementor-element.elementor-element-0cb9622{width:100%;max-width:100%;margin:-0.4em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button{font-size:1em;line-height:1.2em;padding:1em 1.5em 1em 1.5em;}.elementor-1209 .elementor-element.elementor-element-f106ab3{--border-radius:10px 10px 10px 10px;}.elementor-1209 .elementor-element.elementor-element-0edb317{--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-1209 .elementor-element.elementor-element-2652775{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-2652775 .elementor-icon-box-title{margin-block-end:5px;}.elementor-1209 .elementor-element.elementor-element-2652775 .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-2652775 .elementor-icon-box-title a{font-size:1.3em;}.elementor-1209 .elementor-element.elementor-element-2652775 .elementor-icon-box-description{font-size:1em;}.elementor-1209 .elementor-element.elementor-element-1816cdf{width:100%;max-width:100%;margin:-0.4em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button{font-size:1em;line-height:1.2em;padding:1em 1.5em 1em 1.5em;}.elementor-1209 .elementor-element.elementor-element-5110b27{--border-radius:10px 10px 10px 10px;}.elementor-1209 .elementor-element.elementor-element-56c71e4{--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-1209 .elementor-element.elementor-element-556439c{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-556439c .elementor-icon-box-title{margin-block-end:5px;}.elementor-1209 .elementor-element.elementor-element-556439c .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-556439c .elementor-icon-box-title a{font-size:1.3em;}.elementor-1209 .elementor-element.elementor-element-556439c .elementor-icon-box-description{font-size:1em;}.elementor-1209 .elementor-element.elementor-element-7b404cf{width:100%;max-width:100%;margin:-0.4em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button{font-size:1em;line-height:1.2em;padding:1em 1.5em 1em 1.5em;}.elementor-1209 .elementor-element.elementor-element-dedef74{--border-radius:10px 10px 10px 10px;}.elementor-1209 .elementor-element.elementor-element-b656d10{--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-1209 .elementor-element.elementor-element-4b40cbf{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-4b40cbf .elementor-icon-box-title{margin-block-end:5px;}.elementor-1209 .elementor-element.elementor-element-4b40cbf .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-4b40cbf .elementor-icon-box-title a{font-size:1.3em;}.elementor-1209 .elementor-element.elementor-element-4b40cbf .elementor-icon-box-description{font-size:1em;}.elementor-1209 .elementor-element.elementor-element-c6a5c2e{width:100%;max-width:100%;margin:-0.4em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button{font-size:1em;line-height:1.2em;padding:1em 1.5em 1em 1.5em;}.elementor-1209 .elementor-element.elementor-element-3648822{--border-radius:10px 10px 10px 10px;}.elementor-1209 .elementor-element.elementor-element-ec421d9{--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-1209 .elementor-element.elementor-element-4309d3e{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-4309d3e .elementor-icon-box-title{margin-block-end:5px;}.elementor-1209 .elementor-element.elementor-element-4309d3e .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-4309d3e .elementor-icon-box-title a{font-size:1.3em;}.elementor-1209 .elementor-element.elementor-element-4309d3e .elementor-icon-box-description{font-size:1em;}.elementor-1209 .elementor-element.elementor-element-bbd89b2{width:100%;max-width:100%;margin:-0.4em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button{font-size:1em;line-height:1.2em;padding:1em 1.5em 1em 1.5em;}.elementor-1209 .elementor-element.elementor-element-f667d68{--border-radius:10px 10px 10px 10px;}.elementor-1209 .elementor-element.elementor-element-25e0db5{--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.25em;--padding-right:1.25em;}.elementor-1209 .elementor-element.elementor-element-03cc057{margin:-1em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-03cc057 .elementor-icon-box-title{margin-block-end:5px;}.elementor-1209 .elementor-element.elementor-element-03cc057 .elementor-icon-box-title, .elementor-1209 .elementor-element.elementor-element-03cc057 .elementor-icon-box-title a{font-size:1.3em;}.elementor-1209 .elementor-element.elementor-element-03cc057 .elementor-icon-box-description{font-size:1em;}.elementor-1209 .elementor-element.elementor-element-5ec1cae{width:100%;max-width:100%;margin:-0.4em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;}.elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button{font-size:1em;line-height:1.2em;padding:1em 1.5em 1em 1.5em;}.elementor-1209 .elementor-element.elementor-element-4393bb6{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-pagination-spacing:20px;}#elementor-popup-modal-1209 .dialog-message{width:1000px;}}/* Start custom CSS for heading, class: .elementor-element-e844ec8 */.elementor-1209 .elementor-element.elementor-element-e844ec8{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-964c9bc */.elementor-1209 .elementor-element.elementor-element-964c9bc{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-127f685 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-127f685 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aed4a8e *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a8463b6 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcd9184 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c8408b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e219fb *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-46f37b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6f4327 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-01ce654 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05e9208 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6f36889 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8626bfc *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-074b7a4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed40f40 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7487fc4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c6ee42 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0cb9622 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9328e9 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1816cdf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f106ab3 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7b404cf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5110b27 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c6a5c2e *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dedef74 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bbd89b2 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3648822 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5ec1cae *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f667d68 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-127f685 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-127f685 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aed4a8e *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a8463b6 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcd9184 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c8408b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e219fb *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-46f37b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6f4327 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-01ce654 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05e9208 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6f36889 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8626bfc *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-074b7a4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed40f40 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7487fc4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c6ee42 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0cb9622 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9328e9 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1816cdf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f106ab3 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7b404cf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5110b27 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c6a5c2e *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dedef74 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bbd89b2 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3648822 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5ec1cae *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f667d68 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-127f685 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-127f685 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aed4a8e *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a8463b6 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcd9184 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c8408b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e219fb *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-46f37b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6f4327 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-01ce654 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05e9208 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6f36889 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8626bfc *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-074b7a4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed40f40 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7487fc4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c6ee42 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0cb9622 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9328e9 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1816cdf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f106ab3 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7b404cf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5110b27 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c6a5c2e *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dedef74 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bbd89b2 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3648822 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5ec1cae *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f667d68 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-127f685 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-127f685 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aed4a8e *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a8463b6 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcd9184 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c8408b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e219fb *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-46f37b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6f4327 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-01ce654 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05e9208 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6f36889 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8626bfc *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-074b7a4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed40f40 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7487fc4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c6ee42 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0cb9622 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9328e9 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1816cdf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f106ab3 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7b404cf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5110b27 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c6a5c2e *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dedef74 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bbd89b2 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3648822 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5ec1cae *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f667d68 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-127f685 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-127f685 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aed4a8e *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a8463b6 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcd9184 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c8408b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e219fb *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-46f37b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6f4327 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-01ce654 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05e9208 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6f36889 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8626bfc *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-074b7a4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed40f40 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7487fc4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c6ee42 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0cb9622 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9328e9 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1816cdf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f106ab3 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7b404cf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5110b27 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c6a5c2e *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dedef74 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bbd89b2 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3648822 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5ec1cae *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f667d68 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-127f685 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-127f685 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aed4a8e *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a8463b6 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcd9184 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c8408b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e219fb *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-46f37b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6f4327 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-01ce654 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05e9208 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6f36889 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8626bfc *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-074b7a4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed40f40 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7487fc4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c6ee42 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0cb9622 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9328e9 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1816cdf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f106ab3 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7b404cf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5110b27 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c6a5c2e *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dedef74 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bbd89b2 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3648822 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5ec1cae *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f667d68 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-127f685 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-127f685 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aed4a8e *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a8463b6 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcd9184 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c8408b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e219fb *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-46f37b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6f4327 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-01ce654 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05e9208 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6f36889 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8626bfc *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-074b7a4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed40f40 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7487fc4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c6ee42 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0cb9622 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9328e9 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1816cdf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f106ab3 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7b404cf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5110b27 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c6a5c2e *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dedef74 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bbd89b2 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3648822 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5ec1cae *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f667d68 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-127f685 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-127f685 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aed4a8e *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a8463b6 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcd9184 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c8408b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e219fb *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-46f37b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6f4327 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-01ce654 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05e9208 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6f36889 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8626bfc *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-074b7a4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed40f40 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7487fc4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c6ee42 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0cb9622 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9328e9 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1816cdf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f106ab3 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7b404cf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5110b27 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c6a5c2e *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dedef74 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bbd89b2 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3648822 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5ec1cae *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f667d68 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-127f685 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-127f685 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aed4a8e *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a8463b6 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcd9184 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c8408b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e219fb *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-46f37b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6f4327 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-01ce654 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05e9208 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6f36889 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8626bfc *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-074b7a4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed40f40 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7487fc4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c6ee42 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0cb9622 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9328e9 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1816cdf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f106ab3 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7b404cf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5110b27 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c6a5c2e *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dedef74 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bbd89b2 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3648822 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5ec1cae *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f667d68 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-127f685 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-127f685 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aed4a8e *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a8463b6 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcd9184 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c8408b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e219fb *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-46f37b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6f4327 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-01ce654 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05e9208 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6f36889 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8626bfc *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-074b7a4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed40f40 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7487fc4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c6ee42 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0cb9622 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9328e9 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1816cdf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f106ab3 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7b404cf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5110b27 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c6a5c2e *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dedef74 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bbd89b2 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3648822 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5ec1cae *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f667d68 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-127f685 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-127f685 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aed4a8e *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a8463b6 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcd9184 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c8408b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e219fb *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-46f37b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6f4327 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-01ce654 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05e9208 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6f36889 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8626bfc *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-074b7a4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed40f40 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7487fc4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c6ee42 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0cb9622 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9328e9 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1816cdf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f106ab3 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7b404cf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5110b27 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c6a5c2e *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dedef74 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bbd89b2 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3648822 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5ec1cae *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f667d68 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-127f685 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-127f685 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aed4a8e *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a8463b6 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcd9184 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c8408b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e219fb *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-46f37b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6f4327 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-01ce654 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05e9208 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6f36889 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8626bfc *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-074b7a4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed40f40 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7487fc4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c6ee42 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0cb9622 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9328e9 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1816cdf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f106ab3 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7b404cf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5110b27 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c6a5c2e *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dedef74 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bbd89b2 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3648822 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5ec1cae *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f667d68 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-127f685 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-127f685 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aed4a8e *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a8463b6 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcd9184 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c8408b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e219fb *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-46f37b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6f4327 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-01ce654 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05e9208 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6f36889 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8626bfc *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-074b7a4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed40f40 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7487fc4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c6ee42 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0cb9622 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9328e9 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1816cdf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f106ab3 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7b404cf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5110b27 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c6a5c2e *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dedef74 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bbd89b2 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3648822 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5ec1cae *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f667d68 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-127f685 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-127f685 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aed4a8e *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a8463b6 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcd9184 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c8408b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e219fb *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-46f37b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6f4327 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-01ce654 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05e9208 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6f36889 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8626bfc *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-074b7a4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed40f40 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7487fc4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c6ee42 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0cb9622 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9328e9 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1816cdf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f106ab3 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7b404cf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5110b27 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c6a5c2e *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dedef74 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bbd89b2 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3648822 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5ec1cae *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f667d68 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-127f685 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-127f685 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-127f685 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aed4a8e *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-aed4a8e:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a8463b6 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-a8463b6 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcd9184 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-bcd9184:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c8408b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c8408b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e219fb *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8e219fb:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-46f37b3 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-46f37b3 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6f4327 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-c6f4327:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-01ce654 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-01ce654 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05e9208 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-05e9208:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6f36889 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-6f36889 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8626bfc *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-8626bfc:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-074b7a4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-074b7a4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ed40f40 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-ed40f40:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7487fc4 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7487fc4 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c6ee42 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-7c6ee42:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0cb9622 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-0cb9622 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b9328e9 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-b9328e9:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1816cdf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-1816cdf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f106ab3 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f106ab3:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7b404cf *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-7b404cf .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5110b27 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-5110b27:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c6a5c2e *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-c6a5c2e .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dedef74 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-dedef74:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bbd89b2 *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-bbd89b2 .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3648822 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-3648822:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5ec1cae *//* --- BALANCE TEXT --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae { text-wrap: balance; } /* --- ESTILO PRINCIPAL DO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { /* Fundo Dourado/Amarelo */ background: linear-gradient(90deg, #C28F38 0%, #FFE898 40.91%, #FFE898 60.01%, #C28F38 100%); border-radius: 50px !important; /* Borda superior para reflexo */ border: none; border-top: 1px solid #FFE898; /* Sombras complexas 3D e Glow */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25), 0px 7px 14.8px rgba(255, 247, 218, 0.30) inset, 0px 2px 0px #C79739, 0px 4px 118.6px rgba(255, 232, 152, 0.30); color: #000; font-size: 1.1em !important; transition: all 0.5s ease; position: relative; overflow: hidden; } /* --- EFEITO DE HOVER NO BOTÃO --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover { /* Combinando o efeito de subir (-3px) com o de aumentar (1.03) */ transform: translateY(-3px) scale(1.03); /* Fundo Verde Vibrante */ background: linear-gradient(90deg, #1CC95A 0%, #50F288 40.91%, #50F288 60.01%, #1CC95A 100%); border-top-color: #C2FFE0; /* Sombras complexas e Glow Verde */ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.3), 0px 9px 18px rgba(194, 255, 224, 0.5) inset, 0px 3px 0px #129E43, 0px 6px 140px rgba(28, 201, 90, 0.6); color: #000; } /* --- EFEITO DE BRILHO (SHINERY) --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button::before { content: ""; width: 70px; height: 130%; position: absolute; top: -15%; transform: translateX(-50%) skew(-25deg); user-select: none; pointer-events: none; filter: blur(3px); background: linear-gradient(10deg, rgba(255, 255, 255, 0.7) 12.81%, rgba(255, 255, 255, 0) 66.66%); animation: shinery 3s ease-in-out infinite; z-index: 1; } /* --- TEXTO E ÍCONE --- */ .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text, .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { position: relative; z-index: 2; /* Dica: Adicionei uma sombra leve no texto para garantir que o branco fique legível no fundo dourado claro */ } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { font-size: 1.5em; transition: 0.5s; margin-bottom: 0px; opacity: 0; animation: seta 1s infinite ease-in-out; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-icon { opacity: 1; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button:hover .elementor-button-text { transform: translateX(0); } /* --- KEYFRAMES --- */ @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } @keyframes seta { 0%, 100% { transform: translateX(10px); } /* Trocado para px para mais precisão */ 50% { transform: translateX(20px); } } @keyframes seta-mobile { 0%, 100% { transform: translateX(5px); } /* Movimento mais suave e próximo ao texto no mobile */ 50% { transform: translateX(15px); } } /* --- RESPONSIVIDADE (MOBILE) --- */ @media (max-width: 767px) { .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button { font-size: 14px !important; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-icon { animation-name: seta-mobile; } .elementor-1209 .elementor-element.elementor-element-5ec1cae .elementor-button-text { transition: 0.7s; width: 100% !important; white-space: nowrap; transform: translateX(15px); /* Levemente reduzido para acompanhar o espaço do mobile */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f667d68 *//* ===================== ESTADO NORMAL ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68{ box-shadow: 0 1px 2px #58565414, 0 4px 6px #5856540a, 0 24px 40px -16px #58565414; transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* ===================== HOVER DO CARD ===================== */ .elementor-1209 .elementor-element.elementor-element-f667d68:hover{ box-shadow: 0 8px 20px -8px rgba(181, 82, 38, 0.25); transition: all 0.3s ease; }/* End custom CSS */