.elementor-1267 .elementor-element.elementor-element-59966698{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-1267 .elementor-element.elementor-element-59966698:not(.elementor-motion-effects-element-type-background), .elementor-1267 .elementor-element.elementor-element-59966698 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://salaocasaconceito.com.br/wp-content/uploads/2024/11/marrom-ruido.jpg");}.elementor-1267 .elementor-element.elementor-element-8d1d71b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-1267 .elementor-element.elementor-element-6b4daae7.elementor-element{--align-self:flex-start;}.elementor-1267 .elementor-element.elementor-element-6b4daae7{text-align:center;}.elementor-1267 .elementor-element.elementor-element-6b4daae7 .elementor-heading-title{font-size:22px;font-weight:400;text-transform:uppercase;color:#FFFFFF;}.elementor-1267 .elementor-element.elementor-element-71a792af{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:3px;padding:0px 0px 0px 0px;}.elementor-1267 .elementor-element.elementor-element-71a792af.elementor-element{--align-self:flex-start;}.elementor-1267 .elementor-element.elementor-element-71a792af .elementor-divider-separator{width:18%;margin:0 auto;margin-left:0;}.elementor-1267 .elementor-element.elementor-element-71a792af .elementor-divider{text-align:left;padding-block-start:3px;padding-block-end:3px;}.elementor-1267 .elementor-element.elementor-element-653d3f2e{width:var( --container-widget-width, 647px );max-width:647px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:647px;--container-widget-flex-grow:0;text-align:start;}.elementor-1267 .elementor-element.elementor-element-653d3f2e.elementor-element{--align-self:flex-start;}.elementor-1267 .elementor-element.elementor-element-653d3f2e .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:32px;font-weight:400;line-height:34px;color:#FFFFFF;}.elementor-1267 .elementor-element.elementor-element-7e57396e{--display:flex;--min-height:440px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overlay-opacity:0.64;border-style:solid;--border-style:solid;border-color:#CACACA94;--border-color:#CACACA94;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:58px;--padding-left:20px;--padding-right:0px;}.elementor-1267 .elementor-element.elementor-element-7e57396e:not(.elementor-motion-effects-element-type-background), .elementor-1267 .elementor-element.elementor-element-7e57396e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://salaocasaconceito.com.br/wp-content/uploads/2024/11/imagem_2024-11-24_110619532-e1732460522200.webp");background-position:top left;background-size:cover;}.elementor-1267 .elementor-element.elementor-element-7e57396e::before, .elementor-1267 .elementor-element.elementor-element-7e57396e > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-7e57396e > .e-con-inner > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-7e57396e > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-7e57396e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-7e57396e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 0%, #000000 100%);}.elementor-1267 .elementor-element.elementor-element-1f36ee45{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 5px 0px;}.elementor-1267 .elementor-element.elementor-element-1f36ee45 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:24px;line-height:32px;color:#FFFFFF;}.elementor-1267 .elementor-element.elementor-element-227ed1c7{--display:flex;--min-height:440px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overlay-opacity:0.64;border-style:solid;--border-style:solid;border-color:#CACACA94;--border-color:#CACACA94;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:58px;--padding-left:20px;--padding-right:0px;}.elementor-1267 .elementor-element.elementor-element-227ed1c7:not(.elementor-motion-effects-element-type-background), .elementor-1267 .elementor-element.elementor-element-227ed1c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://salaocasaconceito.com.br/wp-content/uploads/2024/11/imagem_2024-11-24_080407224-e1732460641617.webp");background-position:top left;background-size:cover;}.elementor-1267 .elementor-element.elementor-element-227ed1c7::before, .elementor-1267 .elementor-element.elementor-element-227ed1c7 > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-227ed1c7 > .e-con-inner > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-227ed1c7 > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-227ed1c7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-227ed1c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 0%, #000000 100%);}.elementor-1267 .elementor-element.elementor-element-2414636f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 5px 0px;}.elementor-1267 .elementor-element.elementor-element-2414636f .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:24px;line-height:32px;color:#FFFFFF;}.elementor-1267 .elementor-element.elementor-element-42ce83fd{--display:flex;--min-height:440px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overlay-opacity:0.64;border-style:solid;--border-style:solid;border-color:#CACACA94;--border-color:#CACACA94;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:58px;--padding-left:20px;--padding-right:0px;}.elementor-1267 .elementor-element.elementor-element-42ce83fd:not(.elementor-motion-effects-element-type-background), .elementor-1267 .elementor-element.elementor-element-42ce83fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://salaocasaconceito.com.br/wp-content/uploads/2025/01/Eldorado-37.webp");background-position:top left;background-size:cover;}.elementor-1267 .elementor-element.elementor-element-42ce83fd::before, .elementor-1267 .elementor-element.elementor-element-42ce83fd > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-42ce83fd > .e-con-inner > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-42ce83fd > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-42ce83fd > .e-con-inner > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-42ce83fd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 0%, #000000 100%);}.elementor-1267 .elementor-element.elementor-element-11a71107{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 5px 0px;}.elementor-1267 .elementor-element.elementor-element-11a71107 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:24px;line-height:32px;color:#FFFFFF;}.elementor-1267 .elementor-element.elementor-element-2e271629{--display:flex;--min-height:440px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overlay-opacity:0.64;border-style:solid;--border-style:solid;border-color:#CACACA94;--border-color:#CACACA94;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:58px;--padding-left:20px;--padding-right:0px;}.elementor-1267 .elementor-element.elementor-element-2e271629:not(.elementor-motion-effects-element-type-background), .elementor-1267 .elementor-element.elementor-element-2e271629 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://salaocasaconceito.com.br/wp-content/uploads/2025/01/VillaLobos-30.webp");background-position:top left;background-size:cover;}.elementor-1267 .elementor-element.elementor-element-2e271629::before, .elementor-1267 .elementor-element.elementor-element-2e271629 > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-2e271629 > .e-con-inner > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-2e271629 > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-2e271629 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-2e271629 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 0%, #000000 100%);}.elementor-1267 .elementor-element.elementor-element-f64627b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 5px 0px;}.elementor-1267 .elementor-element.elementor-element-f64627b .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:24px;line-height:32px;color:#FFFFFF;}.elementor-1267 .elementor-element.elementor-element-7731b336{--display:flex;--min-height:440px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overlay-opacity:0.64;border-style:solid;--border-style:solid;border-color:#CACACA94;--border-color:#CACACA94;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:58px;--padding-left:20px;--padding-right:0px;}.elementor-1267 .elementor-element.elementor-element-7731b336:not(.elementor-motion-effects-element-type-background), .elementor-1267 .elementor-element.elementor-element-7731b336 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://salaocasaconceito.com.br/wp-content/uploads/2024/11/2024-05-29.webp");background-position:top left;background-size:cover;}.elementor-1267 .elementor-element.elementor-element-7731b336::before, .elementor-1267 .elementor-element.elementor-element-7731b336 > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-7731b336 > .e-con-inner > .elementor-background-video-container::before, .elementor-1267 .elementor-element.elementor-element-7731b336 > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-7731b336 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1267 .elementor-element.elementor-element-7731b336 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 0%, #000000 100%);}.elementor-1267 .elementor-element.elementor-element-3d556143{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 5px 0px;}.elementor-1267 .elementor-element.elementor-element-3d556143 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:24px;line-height:32px;color:#FFFFFF;}.elementor-1267 .elementor-element.elementor-element-7360991a{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-offset-size:0px;--e-n-carousel-swiper-slides-gap:5px;width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;--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:-18px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-18px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:-18px;--e-n-carousel-arrow-size:40px;--e-n-carousel-arrow-normal-color:#BE962E;--e-n-carousel-arrow-hover-color:#8B732A;--e-n-carousel-swiper-pagination-size:7px;--e-n-carousel-dots-normal-color:#FFFFFF;--e-n-carousel-dots-hover-color:#707070;--e-n-carousel-swiper-pagination-spacing:19px;}@media(max-width:1024px){.elementor-1267 .elementor-element.elementor-element-59966698{--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:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-1267 .elementor-element.elementor-element-7360991a{--e-n-carousel-swiper-slides-to-display:3;width:100%;max-width:100%;}}@media(max-width:767px){.elementor-1267 .elementor-element.elementor-element-59966698{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1267 .elementor-element.elementor-element-8d1d71b{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1267 .elementor-element.elementor-element-653d3f2e .elementor-heading-title{font-size:32px;}.elementor-1267 .elementor-element.elementor-element-7e57396e{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--padding-top:30px;--padding-bottom:56px;--padding-left:30px;--padding-right:30px;}.elementor-1267 .elementor-element.elementor-element-227ed1c7{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--padding-top:30px;--padding-bottom:56px;--padding-left:30px;--padding-right:30px;}.elementor-1267 .elementor-element.elementor-element-42ce83fd{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;}.elementor-1267 .elementor-element.elementor-element-2e271629{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;}.elementor-1267 .elementor-element.elementor-element-7731b336:not(.elementor-motion-effects-element-type-background), .elementor-1267 .elementor-element.elementor-element-7731b336 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://salaocasaconceito.com.br/wp-content/uploads/2024/11/2024-05-29.webp");}.elementor-1267 .elementor-element.elementor-element-7731b336{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;}.elementor-1267 .elementor-element.elementor-element-7360991a{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-offset-size:35px;--e-n-carousel-swiper-slides-gap:8px;width:100%;max-width:100%;padding:0px 0px 0px 0px;--e-n-carousel-arrow-prev-left-position:10px;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-position:10px;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:24px;--e-n-carousel-swiper-pagination-size:5px;}}@media(min-width:768px){.elementor-1267 .elementor-element.elementor-element-8d1d71b{--width:41%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1267 .elementor-element.elementor-element-8d1d71b{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-7e57396e */.elementor-1267 .elementor-element.elementor-element-7e57396e { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7e57396e h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7e57396e a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7e57396e h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover h2, .elementor-1267 .elementor-element.elementor-element-7e57396e:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-7e57396e { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7e57396e h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7e57396e:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-227ed1c7 */.elementor-1267 .elementor-element.elementor-element-227ed1c7 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7 a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-227ed1c7 a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-227ed1c7 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover h2, .elementor-1267 .elementor-element.elementor-element-227ed1c7:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-227ed1c7 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-227ed1c7:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42ce83fd */.elementor-1267 .elementor-element.elementor-element-42ce83fd { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-42ce83fd a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-42ce83fd h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover h2, .elementor-1267 .elementor-element.elementor-element-42ce83fd:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-42ce83fd { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-42ce83fd:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2e271629 */.elementor-1267 .elementor-element.elementor-element-2e271629 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-2e271629 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-2e271629:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-2e271629:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629 a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-2e271629 a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-2e271629 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-2e271629:hover h2, .elementor-1267 .elementor-element.elementor-element-2e271629:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-2e271629 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-2e271629 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-2e271629:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-2e271629:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7731b336 */.elementor-1267 .elementor-element.elementor-element-7731b336 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7731b336 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7731b336:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7731b336:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336 a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7731b336 a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7731b336 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7731b336:hover h2, .elementor-1267 .elementor-element.elementor-element-7731b336:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-7731b336 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7731b336 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7731b336:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7731b336:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7e57396e */.elementor-1267 .elementor-element.elementor-element-7e57396e { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7e57396e h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7e57396e a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7e57396e h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover h2, .elementor-1267 .elementor-element.elementor-element-7e57396e:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-7e57396e { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7e57396e h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7e57396e:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-227ed1c7 */.elementor-1267 .elementor-element.elementor-element-227ed1c7 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7 a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-227ed1c7 a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-227ed1c7 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover h2, .elementor-1267 .elementor-element.elementor-element-227ed1c7:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-227ed1c7 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-227ed1c7:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42ce83fd */.elementor-1267 .elementor-element.elementor-element-42ce83fd { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-42ce83fd a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-42ce83fd h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover h2, .elementor-1267 .elementor-element.elementor-element-42ce83fd:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-42ce83fd { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-42ce83fd:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2e271629 */.elementor-1267 .elementor-element.elementor-element-2e271629 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-2e271629 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-2e271629:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-2e271629:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629 a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-2e271629 a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-2e271629 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-2e271629:hover h2, .elementor-1267 .elementor-element.elementor-element-2e271629:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-2e271629 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-2e271629 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-2e271629:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-2e271629:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7731b336 */.elementor-1267 .elementor-element.elementor-element-7731b336 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7731b336 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7731b336:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7731b336:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336 a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7731b336 a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7731b336 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7731b336:hover h2, .elementor-1267 .elementor-element.elementor-element-7731b336:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-7731b336 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7731b336 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7731b336:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7731b336:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7e57396e */.elementor-1267 .elementor-element.elementor-element-7e57396e { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7e57396e h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7e57396e a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7e57396e h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover h2, .elementor-1267 .elementor-element.elementor-element-7e57396e:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-7e57396e { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7e57396e h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7e57396e:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-227ed1c7 */.elementor-1267 .elementor-element.elementor-element-227ed1c7 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7 a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-227ed1c7 a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-227ed1c7 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover h2, .elementor-1267 .elementor-element.elementor-element-227ed1c7:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-227ed1c7 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-227ed1c7:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42ce83fd */.elementor-1267 .elementor-element.elementor-element-42ce83fd { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-42ce83fd a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-42ce83fd h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover h2, .elementor-1267 .elementor-element.elementor-element-42ce83fd:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-42ce83fd { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-42ce83fd:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2e271629 */.elementor-1267 .elementor-element.elementor-element-2e271629 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-2e271629 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-2e271629:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-2e271629:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629 a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-2e271629 a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-2e271629 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-2e271629:hover h2, .elementor-1267 .elementor-element.elementor-element-2e271629:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-2e271629 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-2e271629 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-2e271629:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-2e271629:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7731b336 */.elementor-1267 .elementor-element.elementor-element-7731b336 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7731b336 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7731b336:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7731b336:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336 a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7731b336 a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7731b336 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7731b336:hover h2, .elementor-1267 .elementor-element.elementor-element-7731b336:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-7731b336 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7731b336 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7731b336:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7731b336:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7e57396e */.elementor-1267 .elementor-element.elementor-element-7e57396e { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7e57396e h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7e57396e a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7e57396e h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover h2, .elementor-1267 .elementor-element.elementor-element-7e57396e:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-7e57396e { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7e57396e h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7e57396e:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-227ed1c7 */.elementor-1267 .elementor-element.elementor-element-227ed1c7 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7 a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-227ed1c7 a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-227ed1c7 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover h2, .elementor-1267 .elementor-element.elementor-element-227ed1c7:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-227ed1c7 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-227ed1c7:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42ce83fd */.elementor-1267 .elementor-element.elementor-element-42ce83fd { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-42ce83fd a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-42ce83fd h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover h2, .elementor-1267 .elementor-element.elementor-element-42ce83fd:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-42ce83fd { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-42ce83fd:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2e271629 */.elementor-1267 .elementor-element.elementor-element-2e271629 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-2e271629 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-2e271629:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-2e271629:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629 a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-2e271629 a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-2e271629 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-2e271629:hover h2, .elementor-1267 .elementor-element.elementor-element-2e271629:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-2e271629 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-2e271629 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-2e271629:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-2e271629:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7731b336 */.elementor-1267 .elementor-element.elementor-element-7731b336 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7731b336 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7731b336:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7731b336:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336 a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7731b336 a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7731b336 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7731b336:hover h2, .elementor-1267 .elementor-element.elementor-element-7731b336:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-7731b336 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7731b336 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7731b336:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7731b336:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7e57396e */.elementor-1267 .elementor-element.elementor-element-7e57396e { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7e57396e h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7e57396e a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7e57396e h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover h2, .elementor-1267 .elementor-element.elementor-element-7e57396e:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-7e57396e { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7e57396e h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7e57396e:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-227ed1c7 */.elementor-1267 .elementor-element.elementor-element-227ed1c7 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7 a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-227ed1c7 a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-227ed1c7 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover h2, .elementor-1267 .elementor-element.elementor-element-227ed1c7:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-227ed1c7 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-227ed1c7:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42ce83fd */.elementor-1267 .elementor-element.elementor-element-42ce83fd { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-42ce83fd a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-42ce83fd h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover h2, .elementor-1267 .elementor-element.elementor-element-42ce83fd:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-42ce83fd { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-42ce83fd:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2e271629 */.elementor-1267 .elementor-element.elementor-element-2e271629 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-2e271629 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-2e271629:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-2e271629:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629 a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-2e271629 a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-2e271629 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-2e271629:hover h2, .elementor-1267 .elementor-element.elementor-element-2e271629:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-2e271629 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-2e271629 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-2e271629:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-2e271629:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7731b336 */.elementor-1267 .elementor-element.elementor-element-7731b336 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7731b336 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7731b336:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7731b336:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336 a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7731b336 a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7731b336 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7731b336:hover h2, .elementor-1267 .elementor-element.elementor-element-7731b336:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-7731b336 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7731b336 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7731b336:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7731b336:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7e57396e */.elementor-1267 .elementor-element.elementor-element-7e57396e { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7e57396e h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7e57396e a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7e57396e h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover h2, .elementor-1267 .elementor-element.elementor-element-7e57396e:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-7e57396e { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7e57396e h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7e57396e:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7e57396e:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-227ed1c7 */.elementor-1267 .elementor-element.elementor-element-227ed1c7 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7 a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-227ed1c7 a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-227ed1c7 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover h2, .elementor-1267 .elementor-element.elementor-element-227ed1c7:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-227ed1c7 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-227ed1c7:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-227ed1c7:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42ce83fd */.elementor-1267 .elementor-element.elementor-element-42ce83fd { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-42ce83fd a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-42ce83fd h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover h2, .elementor-1267 .elementor-element.elementor-element-42ce83fd:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-42ce83fd { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-42ce83fd:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-42ce83fd:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2e271629 */.elementor-1267 .elementor-element.elementor-element-2e271629 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-2e271629 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-2e271629:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-2e271629:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629 a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-2e271629 a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-2e271629 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-2e271629:hover h2, .elementor-1267 .elementor-element.elementor-element-2e271629:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-2e271629 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-2e271629 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-2e271629:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-2e271629:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-2e271629:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7731b336 */.elementor-1267 .elementor-element.elementor-element-7731b336 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7731b336 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7731b336:hover h2 { transform: translateY(-45px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(-50%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7731b336:hover:after { opacity: 1; /* Faz o botão aparecer no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336 a{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7731b336 a:hover{ color: #000; } .elementor-1267 .elementor-element.elementor-element-7731b336 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: -40px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7731b336:hover h2, .elementor-1267 .elementor-element.elementor-element-7731b336:focus-within h2 { /* Inclui o estado "focus" do link */ transform: translateY(-45px); /* Move o h2 para cima no hover */ } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-7731b336 { position: relative; overflow: hidden; /* Garante que elementos adicionais não transbordem */ } .elementor-1267 .elementor-element.elementor-element-7731b336 h2 { position: relative; /* Para que o h2 seja ajustável no eixo vertical */ z-index: 10; /* Garante que o h2 esteja acima do botão */ margin-bottom: 2px; /* Posição inicial */ transition: transform 0.4s ease-in-out; /* Suaviza o movimento */ } .elementor-1267 .elementor-element.elementor-element-7731b336:h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336:hover h2 { transform: translateY(0px); /* Move o h2 para cima no hover */ } .elementor-1267 .elementor-element.elementor-element-7731b336:after { position: absolute; /* Posiciona o botão no contêiner */ bottom: 20px; /* Define a posição vertical */ left: 20px /* Centraliza horizontalmente */ transform: translateX(1%); /* Ajusta a centralização */ content: "CONHEÇA"; color: #000!important; background: #fff; padding: 5px 20px; border-radius: 8px; font-weight: 600; font-size: 16px; opacity: 0; z-index: 5; transition: opacity 0.4s ease-in-out; } .elementor-1267 .elementor-element.elementor-element-7731b336:after { opacity: 1; /* Faz o botão aparecer no hover */ } }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-7360991a */.elementor-1267 .elementor-element.elementor-element-7360991a .elementor-swiper-button{ background: #fff; border-radius: 100px; box-shadow: 0 3px 9px 0 rgba( 31, 38, 38, 0.47 ); } @media (max-width: 767px){ .elementor-1267 .elementor-element.elementor-element-7360991a .elementor-swiper-button{ display: none; } }/* End custom CSS */