.elementor-5300 .elementor-element.elementor-element-3f8d539{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:200px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;}.elementor-5300 .elementor-element.elementor-element-3f8d539:not(.elementor-motion-effects-element-type-background), .elementor-5300 .elementor-element.elementor-element-3f8d539 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://cristinaflorentino.com.br/wp-content/uploads/2026/01/Slide-16_9-3-12.jpg");background-size:cover;}.elementor-5300 .elementor-element.elementor-element-30f73ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.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-5300 .elementor-element.elementor-element-f7be15f img{width:53%;border-style:solid;border-color:#00340F;border-radius:300px 300px 300px 300px;}.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-5300 .elementor-element.elementor-element-d2f9e62{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-5300 .elementor-element.elementor-element-d2f9e62.elementor-element{--align-self:center;}.elementor-5300 .elementor-element.elementor-element-d2f9e62 .elementor-icon-box-wrapper{text-align:center;}.elementor-5300 .elementor-element.elementor-element-d2f9e62 .elementor-icon-box-title, .elementor-5300 .elementor-element.elementor-element-d2f9e62 .elementor-icon-box-title a{font-family:"Spectral SC", Sans-serif;font-size:28px;font-weight:500;}.elementor-5300 .elementor-element.elementor-element-d2f9e62 .elementor-icon-box-title{color:#00340F;}.elementor-5300 .elementor-element.elementor-element-d2f9e62:has(:hover) .elementor-icon-box-title, .elementor-5300 .elementor-element.elementor-element-d2f9e62:has(:focus) .elementor-icon-box-title{color:#66912B;}.elementor-5300 .elementor-element.elementor-element-d2f9e62 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;}.elementor-5300 .elementor-element.elementor-element-9a9a9f7{--grid-template-columns:repeat(0, auto);--icon-size:21px;--grid-column-gap:15px;--grid-row-gap:0px;}.elementor-5300 .elementor-element.elementor-element-9a9a9f7 .elementor-widget-container{text-align:center;}.elementor-5300 .elementor-element.elementor-element-9a9a9f7 .elementor-social-icon{background-color:#FFFFFF;--icon-padding:0.5em;}.elementor-5300 .elementor-element.elementor-element-9a9a9f7 .elementor-social-icon i{color:#111111;}.elementor-5300 .elementor-element.elementor-element-9a9a9f7 .elementor-social-icon svg{fill:#111111;}.elementor-5300 .elementor-element.elementor-element-9a9a9f7 .elementor-icon{border-radius:200px 200px 200px 200px;}.elementor-5300 .elementor-element.elementor-element-9a9a9f7 .elementor-social-icon:hover{background-color:#00340F;}.elementor-5300 .elementor-element.elementor-element-9a9a9f7 .elementor-social-icon:hover i{color:#FFFFFF;}.elementor-5300 .elementor-element.elementor-element-9a9a9f7 .elementor-social-icon:hover svg{fill:#FFFFFF;}.elementor-5300 .elementor-element.elementor-element-051f8a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.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-5300 .elementor-element.elementor-element-3a8b216 .elementor-button{font-family:"Spectral SC", Sans-serif;font-size:17px;font-weight:400;border-radius:900px 900px 900px 900px;padding:20px 60px 20px 60px;}.elementor-5300 .elementor-element.elementor-element-595b4eb .elementor-button{font-family:"Spectral SC", Sans-serif;font-size:17px;font-weight:400;border-radius:900px 900px 900px 900px;padding:20px 60px 20px 60px;}.elementor-5300 .elementor-element.elementor-element-521c0c1 .elementor-button{font-family:"Spectral SC", Sans-serif;font-size:17px;font-weight:400;border-radius:900px 900px 900px 900px;padding:20px 60px 20px 60px;}.elementor-5300 .elementor-element.elementor-element-ca86d33 .elementor-button{font-family:"Spectral SC", Sans-serif;font-size:17px;font-weight:400;border-radius:900px 900px 900px 900px;padding:20px 60px 20px 60px;}.elementor-5300 .elementor-element.elementor-element-fba7f98 .elementor-button{font-family:"Spectral SC", Sans-serif;font-size:17px;font-weight:400;border-radius:900px 900px 900px 900px;padding:20px 60px 20px 60px;}.elementor-5300 .elementor-element.elementor-element-ee32805 .elementor-button{font-family:"Spectral SC", Sans-serif;font-size:17px;font-weight:400;border-radius:900px 900px 900px 900px;padding:20px 60px 20px 60px;}.elementor-5300 .elementor-element.elementor-element-b2b042a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-5300 .elementor-element.elementor-element-d06c066 .elementor-button{font-family:"Spectral SC", Sans-serif;font-size:17px;font-weight:400;border-radius:900px 900px 900px 900px;padding:20px 60px 20px 60px;}.elementor-5300 .elementor-element.elementor-element-34ef249 .elementor-button{font-family:"Spectral SC", Sans-serif;font-size:17px;font-weight:400;border-radius:900px 900px 900px 900px;padding:20px 60px 20px 60px;}.elementor-5300 .elementor-element.elementor-element-de5957c .elementor-button{font-family:"Spectral SC", Sans-serif;font-size:17px;font-weight:400;border-radius:900px 900px 900px 900px;padding:20px 60px 20px 60px;}.elementor-5300 .elementor-element.elementor-element-d3f03b8 .elementor-button{font-family:"Spectral SC", Sans-serif;font-size:17px;font-weight:400;border-radius:900px 900px 900px 900px;padding:20px 60px 20px 60px;}.elementor-5300 .elementor-element.elementor-element-ceab074 .elementor-button{font-family:"Spectral SC", Sans-serif;font-size:17px;font-weight:400;border-radius:900px 900px 900px 900px;padding:20px 60px 20px 60px;}.elementor-5300 .elementor-element.elementor-element-b38e60c .elementor-button{font-family:"Spectral SC", Sans-serif;font-size:17px;font-weight:400;border-radius:900px 900px 900px 900px;padding:20px 60px 20px 60px;}@media(max-width:1024px){.elementor-5300 .elementor-element.elementor-element-9a9a9f7{--icon-size:18px;--grid-column-gap:10px;}}@media(max-width:767px){.elementor-5300 .elementor-element.elementor-element-3f8d539{--padding-top:20px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-5300 .elementor-element.elementor-element-9a9a9f7 .elementor-widget-container{text-align:center;}}@media(min-width:768px){.elementor-5300 .elementor-element.elementor-element-30f73ab{--width:50%;}.elementor-5300 .elementor-element.elementor-element-051f8a9{--width:50%;}.elementor-5300 .elementor-element.elementor-element-b2b042a{--width:50%;}}/* Start custom CSS for button, class: .elementor-element-3a8b216 */.elementor-button { position: relative; background: linear-gradient(90deg, #00340F, #66912B) !important; border-radius: 2000px; --left: 0%; /* Definir a variável inicialmente */ } .elementor-button:hover { box-shadow: 0px 0px 40px 0px #66912B !important; } .elementor-button:hover .elementor-button-icon{ animation: seta 0.4s ease infinite } .elementor-button-icon{ font-size: 20px; animation: seta 1.2s ease infinite } @keyframes seta{ 0%, 100%{ transform: translatex(10px); } 50%{ transform: translatex(5px); } } .elementor-button-text { text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); /* Aplica a sombra no texto */ } .elementor-button::before { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 99; width: calc(100% + 12px); height: calc(100% + 12px); border-radius: inherit; border: solid 1px #ECA018; opacity: 50%; transition: 0.5s ease; } .elementor-button:hover::before { transition: 0.5s ease; opacity: 0%; background: #ffffff40 } .elementor-button::after { content: ""; z-index: 9999; position: absolute; top: 50%; transform: translate(0%, -50%); left: var(--left, 0%); background: #2F4115; width: 15%; height: 80%; filter: blur(15px); opacity: 70%; mix-blend-mode: screen; /* Remova a transição */ transition: none; } .elementor-5300 .elementor-element.elementor-element-3a8b216{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 0.7s ease forwards; } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-595b4eb */.elementor-button { position: relative; background: linear-gradient(90deg, #00340F, #66912B) !important; border-radius: 2000px; --left: 0%; /* Definir a variável inicialmente */ } .elementor-button:hover { box-shadow: 0px 0px 40px 0px #66912B !important; } .elementor-button:hover .elementor-button-icon{ animation: seta 0.4s ease infinite } .elementor-button-icon{ font-size: 20px; animation: seta 1.2s ease infinite } @keyframes seta{ 0%, 100%{ transform: translatex(10px); } 50%{ transform: translatex(5px); } } .elementor-button-text { text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); /* Aplica a sombra no texto */ } .elementor-button::before { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 99; width: calc(100% + 12px); height: calc(100% + 12px); border-radius: inherit; border: solid 1px #ECA018; opacity: 50%; transition: 0.5s ease; } .elementor-button:hover::before { transition: 0.5s ease; opacity: 0%; background: #ffffff40 } .elementor-button::after { content: ""; z-index: 9999; position: absolute; top: 50%; transform: translate(0%, -50%); left: var(--left, 0%); background: #2F4115; width: 15%; height: 80%; filter: blur(15px); opacity: 70%; mix-blend-mode: screen; /* Remova a transição */ transition: none; } .elementor-5300 .elementor-element.elementor-element-595b4eb{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 0.7s ease forwards; } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-521c0c1 */.elementor-button { position: relative; background: linear-gradient(90deg, #00340F, #66912B) !important; border-radius: 2000px; --left: 0%; /* Definir a variável inicialmente */ } .elementor-button:hover { box-shadow: 0px 0px 40px 0px #66912B !important; } .elementor-button:hover .elementor-button-icon{ animation: seta 0.4s ease infinite } .elementor-button-icon{ font-size: 20px; animation: seta 1.2s ease infinite } @keyframes seta{ 0%, 100%{ transform: translatex(10px); } 50%{ transform: translatex(5px); } } .elementor-button-text { text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); /* Aplica a sombra no texto */ } .elementor-button::before { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 99; width: calc(100% + 12px); height: calc(100% + 12px); border-radius: inherit; border: solid 1px #ECA018; opacity: 50%; transition: 0.5s ease; } .elementor-button:hover::before { transition: 0.5s ease; opacity: 0%; background: #ffffff40 } .elementor-button::after { content: ""; z-index: 9999; position: absolute; top: 50%; transform: translate(0%, -50%); left: var(--left, 0%); background: #2F4115; width: 15%; height: 80%; filter: blur(15px); opacity: 70%; mix-blend-mode: screen; /* Remova a transição */ transition: none; } .elementor-5300 .elementor-element.elementor-element-521c0c1{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 0.7s ease forwards; } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ca86d33 */.elementor-button { position: relative; background: linear-gradient(90deg, #00340F, #66912B) !important; border-radius: 2000px; --left: 0%; /* Definir a variável inicialmente */ } .elementor-button:hover { box-shadow: 0px 0px 40px 0px #66912B !important; } .elementor-button:hover .elementor-button-icon{ animation: seta 0.4s ease infinite } .elementor-button-icon{ font-size: 20px; animation: seta 1.2s ease infinite } @keyframes seta{ 0%, 100%{ transform: translatex(10px); } 50%{ transform: translatex(5px); } } .elementor-button-text { text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); /* Aplica a sombra no texto */ } .elementor-button::before { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 99; width: calc(100% + 12px); height: calc(100% + 12px); border-radius: inherit; border: solid 1px #ECA018; opacity: 50%; transition: 0.5s ease; } .elementor-button:hover::before { transition: 0.5s ease; opacity: 0%; background: #ffffff40 } .elementor-button::after { content: ""; z-index: 9999; position: absolute; top: 50%; transform: translate(0%, -50%); left: var(--left, 0%); background: #2F4115; width: 15%; height: 80%; filter: blur(15px); opacity: 70%; mix-blend-mode: screen; /* Remova a transição */ transition: none; } .elementor-5300 .elementor-element.elementor-element-ca86d33{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 0.7s ease forwards; } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-fba7f98 */.elementor-button { position: relative; background: linear-gradient(90deg, #00340F, #66912B) !important; border-radius: 2000px; --left: 0%; /* Definir a variável inicialmente */ } .elementor-button:hover { box-shadow: 0px 0px 40px 0px #66912B !important; } .elementor-button:hover .elementor-button-icon{ animation: seta 0.4s ease infinite } .elementor-button-icon{ font-size: 20px; animation: seta 1.2s ease infinite } @keyframes seta{ 0%, 100%{ transform: translatex(10px); } 50%{ transform: translatex(5px); } } .elementor-button-text { text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); /* Aplica a sombra no texto */ } .elementor-button::before { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 99; width: calc(100% + 12px); height: calc(100% + 12px); border-radius: inherit; border: solid 1px #ECA018; opacity: 50%; transition: 0.5s ease; } .elementor-button:hover::before { transition: 0.5s ease; opacity: 0%; background: #ffffff40 } .elementor-button::after { content: ""; z-index: 9999; position: absolute; top: 50%; transform: translate(0%, -50%); left: var(--left, 0%); background: #2F4115; width: 15%; height: 80%; filter: blur(15px); opacity: 70%; mix-blend-mode: screen; /* Remova a transição */ transition: none; } .elementor-5300 .elementor-element.elementor-element-fba7f98{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 0.7s ease forwards; } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ee32805 */.elementor-button { position: relative; background: linear-gradient(90deg, #00340F, #66912B) !important; border-radius: 2000px; --left: 0%; /* Definir a variável inicialmente */ } .elementor-button:hover { box-shadow: 0px 0px 40px 0px #66912B !important; } .elementor-button:hover .elementor-button-icon{ animation: seta 0.4s ease infinite } .elementor-button-icon{ font-size: 20px; animation: seta 1.2s ease infinite } @keyframes seta{ 0%, 100%{ transform: translatex(10px); } 50%{ transform: translatex(5px); } } .elementor-button-text { text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); /* Aplica a sombra no texto */ } .elementor-button::before { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 99; width: calc(100% + 12px); height: calc(100% + 12px); border-radius: inherit; border: solid 1px #ECA018; opacity: 50%; transition: 0.5s ease; } .elementor-button:hover::before { transition: 0.5s ease; opacity: 0%; background: #ffffff40 } .elementor-button::after { content: ""; z-index: 9999; position: absolute; top: 50%; transform: translate(0%, -50%); left: var(--left, 0%); background: #2F4115; width: 15%; height: 80%; filter: blur(15px); opacity: 70%; mix-blend-mode: screen; /* Remova a transição */ transition: none; } .elementor-5300 .elementor-element.elementor-element-ee32805{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 0.7s ease forwards; } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d06c066 */.elementor-button { position: relative; background: linear-gradient(90deg, #00340F, #66912B) !important; border-radius: 2000px; --left: 0%; /* Definir a variável inicialmente */ } .elementor-button:hover { box-shadow: 0px 0px 40px 0px #66912B !important; } .elementor-button:hover .elementor-button-icon{ animation: seta 0.4s ease infinite } .elementor-button-icon{ font-size: 20px; animation: seta 1.2s ease infinite } @keyframes seta{ 0%, 100%{ transform: translatex(10px); } 50%{ transform: translatex(5px); } } .elementor-button-text { text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); /* Aplica a sombra no texto */ } .elementor-button::before { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 99; width: calc(100% + 12px); height: calc(100% + 12px); border-radius: inherit; border: solid 1px #ECA018; opacity: 50%; transition: 0.5s ease; } .elementor-button:hover::before { transition: 0.5s ease; opacity: 0%; background: #ffffff40 } .elementor-button::after { content: ""; z-index: 9999; position: absolute; top: 50%; transform: translate(0%, -50%); left: var(--left, 0%); background: #2F4115; width: 15%; height: 80%; filter: blur(15px); opacity: 70%; mix-blend-mode: screen; /* Remova a transição */ transition: none; } .elementor-5300 .elementor-element.elementor-element-d06c066{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 0.7s ease forwards; } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-34ef249 */.elementor-button { position: relative; background: linear-gradient(90deg, #00340F, #66912B) !important; border-radius: 2000px; --left: 0%; /* Definir a variável inicialmente */ } .elementor-button:hover { box-shadow: 0px 0px 40px 0px #66912B !important; } .elementor-button:hover .elementor-button-icon{ animation: seta 0.4s ease infinite } .elementor-button-icon{ font-size: 20px; animation: seta 1.2s ease infinite } @keyframes seta{ 0%, 100%{ transform: translatex(10px); } 50%{ transform: translatex(5px); } } .elementor-button-text { text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); /* Aplica a sombra no texto */ } .elementor-button::before { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 99; width: calc(100% + 12px); height: calc(100% + 12px); border-radius: inherit; border: solid 1px #ECA018; opacity: 50%; transition: 0.5s ease; } .elementor-button:hover::before { transition: 0.5s ease; opacity: 0%; background: #ffffff40 } .elementor-button::after { content: ""; z-index: 9999; position: absolute; top: 50%; transform: translate(0%, -50%); left: var(--left, 0%); background: #2F4115; width: 15%; height: 80%; filter: blur(15px); opacity: 70%; mix-blend-mode: screen; /* Remova a transição */ transition: none; } .elementor-5300 .elementor-element.elementor-element-34ef249{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 0.7s ease forwards; } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-de5957c */.elementor-button { position: relative; background: linear-gradient(90deg, #00340F, #66912B) !important; border-radius: 2000px; --left: 0%; /* Definir a variável inicialmente */ } .elementor-button:hover { box-shadow: 0px 0px 40px 0px #66912B !important; } .elementor-button:hover .elementor-button-icon{ animation: seta 0.4s ease infinite } .elementor-button-icon{ font-size: 20px; animation: seta 1.2s ease infinite } @keyframes seta{ 0%, 100%{ transform: translatex(10px); } 50%{ transform: translatex(5px); } } .elementor-button-text { text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); /* Aplica a sombra no texto */ } .elementor-button::before { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 99; width: calc(100% + 12px); height: calc(100% + 12px); border-radius: inherit; border: solid 1px #ECA018; opacity: 50%; transition: 0.5s ease; } .elementor-button:hover::before { transition: 0.5s ease; opacity: 0%; background: #ffffff40 } .elementor-button::after { content: ""; z-index: 9999; position: absolute; top: 50%; transform: translate(0%, -50%); left: var(--left, 0%); background: #2F4115; width: 15%; height: 80%; filter: blur(15px); opacity: 70%; mix-blend-mode: screen; /* Remova a transição */ transition: none; } .elementor-5300 .elementor-element.elementor-element-de5957c{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 0.7s ease forwards; } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d3f03b8 */.elementor-button { position: relative; background: linear-gradient(90deg, #00340F, #66912B) !important; border-radius: 2000px; --left: 0%; /* Definir a variável inicialmente */ } .elementor-button:hover { box-shadow: 0px 0px 40px 0px #66912B !important; } .elementor-button:hover .elementor-button-icon{ animation: seta 0.4s ease infinite } .elementor-button-icon{ font-size: 20px; animation: seta 1.2s ease infinite } @keyframes seta{ 0%, 100%{ transform: translatex(10px); } 50%{ transform: translatex(5px); } } .elementor-button-text { text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); /* Aplica a sombra no texto */ } .elementor-button::before { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 99; width: calc(100% + 12px); height: calc(100% + 12px); border-radius: inherit; border: solid 1px #ECA018; opacity: 50%; transition: 0.5s ease; } .elementor-button:hover::before { transition: 0.5s ease; opacity: 0%; background: #ffffff40 } .elementor-button::after { content: ""; z-index: 9999; position: absolute; top: 50%; transform: translate(0%, -50%); left: var(--left, 0%); background: #2F4115; width: 15%; height: 80%; filter: blur(15px); opacity: 70%; mix-blend-mode: screen; /* Remova a transição */ transition: none; } .elementor-5300 .elementor-element.elementor-element-d3f03b8{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 0.7s ease forwards; } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ceab074 */.elementor-button { position: relative; background: linear-gradient(90deg, #00340F, #66912B) !important; border-radius: 2000px; --left: 0%; /* Definir a variável inicialmente */ } .elementor-button:hover { box-shadow: 0px 0px 40px 0px #66912B !important; } .elementor-button:hover .elementor-button-icon{ animation: seta 0.4s ease infinite } .elementor-button-icon{ font-size: 20px; animation: seta 1.2s ease infinite } @keyframes seta{ 0%, 100%{ transform: translatex(10px); } 50%{ transform: translatex(5px); } } .elementor-button-text { text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); /* Aplica a sombra no texto */ } .elementor-button::before { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 99; width: calc(100% + 12px); height: calc(100% + 12px); border-radius: inherit; border: solid 1px #ECA018; opacity: 50%; transition: 0.5s ease; } .elementor-button:hover::before { transition: 0.5s ease; opacity: 0%; background: #ffffff40 } .elementor-button::after { content: ""; z-index: 9999; position: absolute; top: 50%; transform: translate(0%, -50%); left: var(--left, 0%); background: #2F4115; width: 15%; height: 80%; filter: blur(15px); opacity: 70%; mix-blend-mode: screen; /* Remova a transição */ transition: none; } .elementor-5300 .elementor-element.elementor-element-ceab074{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 0.7s ease forwards; } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b38e60c */.elementor-button { position: relative; background: linear-gradient(90deg, #00340F, #66912B) !important; border-radius: 2000px; --left: 0%; /* Definir a variável inicialmente */ } .elementor-button:hover { box-shadow: 0px 0px 40px 0px #66912B !important; } .elementor-button:hover .elementor-button-icon{ animation: seta 0.4s ease infinite } .elementor-button-icon{ font-size: 20px; animation: seta 1.2s ease infinite } @keyframes seta{ 0%, 100%{ transform: translatex(10px); } 50%{ transform: translatex(5px); } } .elementor-button-text { text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); /* Aplica a sombra no texto */ } .elementor-button::before { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 99; width: calc(100% + 12px); height: calc(100% + 12px); border-radius: inherit; border: solid 1px #ECA018; opacity: 50%; transition: 0.5s ease; } .elementor-button:hover::before { transition: 0.5s ease; opacity: 0%; background: #ffffff40 } .elementor-button::after { content: ""; z-index: 9999; position: absolute; top: 50%; transform: translate(0%, -50%); left: var(--left, 0%); background: #2F4115; width: 15%; height: 80%; filter: blur(15px); opacity: 70%; mix-blend-mode: screen; /* Remova a transição */ transition: none; } .elementor-5300 .elementor-element.elementor-element-b38e60c{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 0.7s ease forwards; } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Spectral SC'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://cristinaflorentino.com.br/wp-content/uploads/2025/11/SpectralSC-Light.ttf') format('truetype'); } /* End Custom Fonts CSS */