.elementor-2226 .elementor-element.elementor-element-7228b2b{--display:flex;--min-height:100vh;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2226 .elementor-element.elementor-element-77b340f .elementor-repeater-item-93be25f .swiper-slide-bg{background-color:#833ca3;background-image:url(https://novosite.agenciadl7.com.br/wp-content/uploads/2025/01/slider1.png);background-size:cover;}.elementor-2226 .elementor-element.elementor-element-77b340f .elementor-repeater-item-93be25f .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-2226 .elementor-element.elementor-element-77b340f .elementor-repeater-item-0a508be .swiper-slide-bg{background-color:#833ca3;background-image:url(https://novosite.agenciadl7.com.br/wp-content/uploads/2025/01/slider2.jpg);background-size:cover;}.elementor-2226 .elementor-element.elementor-element-77b340f .elementor-repeater-item-5787fc5 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://novosite.agenciadl7.com.br/wp-content/uploads/2025/01/slider4.jpg);background-size:cover;}.elementor-2226 .elementor-element.elementor-element-77b340f .swiper-slide{transition-duration:calc(5000ms*1.2);height:100vh;}.elementor-2226 .elementor-element.elementor-element-77b340f .swiper-slide-contents{max-width:100%;}.elementor-2226 .elementor-element.elementor-element-77b340f .swiper-slide-inner{text-align:center;}.elementor-2226 .elementor-element.elementor-element-77b340f .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:0px;}.elementor-2226 .elementor-element.elementor-element-77b340f .elementor-slide-heading{font-family:"Julius Sans One", Sans-serif;font-size:105px;font-weight:100;}.elementor-2226 .elementor-element.elementor-element-0e5bbda{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-920901b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2226 .elementor-element.elementor-element-5923883{text-align:center;}.elementor-2226 .elementor-element.elementor-element-5923883 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:54px;font-weight:200;color:var( --e-global-color-58e413e );}.elementor-2226 .elementor-element.elementor-element-2bea9d9{text-align:center;}.elementor-2226 .elementor-element.elementor-element-2bea9d9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-bf2d569{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2226 .elementor-element.elementor-element-ab5cd6d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-2226 .elementor-element.elementor-element-ab5cd6d::before, .elementor-2226 .elementor-element.elementor-element-ab5cd6d > .elementor-background-video-container::before, .elementor-2226 .elementor-element.elementor-element-ab5cd6d > .e-con-inner > .elementor-background-video-container::before, .elementor-2226 .elementor-element.elementor-element-ab5cd6d > .elementor-background-slideshow::before, .elementor-2226 .elementor-element.elementor-element-ab5cd6d > .e-con-inner > .elementor-background-slideshow::before, .elementor-2226 .elementor-element.elementor-element-ab5cd6d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2226 .elementor-element.elementor-element-a5170be{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-a5170be.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2226 .elementor-element.elementor-element-8a4da1e > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-2226 .elementor-element.elementor-element-8a4da1e{font-family:"Roboto", Sans-serif;font-weight:300;color:var( --e-global-color-fd9ca9d );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-2226 .elementor-element.elementor-element-78de276 > .elementor-widget-container{padding:0px 0px 10px 0px;border-style:solid;border-width:0px 0px 01px 0px;border-color:var( --e-global-color-fd9ca9d );}.elementor-2226 .elementor-element.elementor-element-78de276 .elementor-icon-box-wrapper{align-items:center;}.elementor-2226 .elementor-element.elementor-element-78de276{--icon-box-icon-margin:10px;}.elementor-2226 .elementor-element.elementor-element-78de276 .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-78de276.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-fd9ca9d );fill:#FFFFFF;color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-78de276.elementor-view-framed .elementor-icon, .elementor-2226 .elementor-element.elementor-element-78de276.elementor-view-default .elementor-icon{fill:var( --e-global-color-fd9ca9d );color:var( --e-global-color-fd9ca9d );border-color:var( --e-global-color-fd9ca9d );}.elementor-2226 .elementor-element.elementor-element-78de276.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-78de276.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-78de276.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:var( --e-global-color-ec54446 );color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-78de276.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-78de276.elementor-view-default:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-78de276.elementor-view-framed:has(:focus) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-78de276.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-78de276.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-78de276.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-78de276 .elementor-icon{font-size:8px;padding:4px;border-width:1px 1px 1px 1px;}.elementor-2226 .elementor-element.elementor-element-78de276 .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-78de276 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:300;}.elementor-2226 .elementor-element.elementor-element-78de276 .elementor-icon-box-description{color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-b5528a5 > .elementor-widget-container{padding:0px 0px 10px 0px;border-style:solid;border-width:0px 0px 01px 0px;border-color:var( --e-global-color-fd9ca9d );}.elementor-2226 .elementor-element.elementor-element-b5528a5 .elementor-icon-box-wrapper{align-items:center;}.elementor-2226 .elementor-element.elementor-element-b5528a5{--icon-box-icon-margin:10px;}.elementor-2226 .elementor-element.elementor-element-b5528a5 .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-b5528a5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-fd9ca9d );fill:#FFFFFF;color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-b5528a5.elementor-view-framed .elementor-icon, .elementor-2226 .elementor-element.elementor-element-b5528a5.elementor-view-default .elementor-icon{fill:var( --e-global-color-fd9ca9d );color:var( --e-global-color-fd9ca9d );border-color:var( --e-global-color-fd9ca9d );}.elementor-2226 .elementor-element.elementor-element-b5528a5.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-b5528a5.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-b5528a5.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:var( --e-global-color-ec54446 );color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-b5528a5.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-b5528a5.elementor-view-default:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-b5528a5.elementor-view-framed:has(:focus) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-b5528a5.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-b5528a5.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-b5528a5.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-b5528a5 .elementor-icon{font-size:8px;padding:4px;border-width:1px 1px 1px 1px;}.elementor-2226 .elementor-element.elementor-element-b5528a5 .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-b5528a5 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:300;}.elementor-2226 .elementor-element.elementor-element-b5528a5 .elementor-icon-box-description{color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-23e2d74 > .elementor-widget-container{padding:0px 0px 10px 0px;border-style:solid;border-width:0px 0px 01px 0px;border-color:var( --e-global-color-fd9ca9d );}.elementor-2226 .elementor-element.elementor-element-23e2d74 .elementor-icon-box-wrapper{align-items:center;}.elementor-2226 .elementor-element.elementor-element-23e2d74{--icon-box-icon-margin:10px;}.elementor-2226 .elementor-element.elementor-element-23e2d74 .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-23e2d74.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-fd9ca9d );fill:#FFFFFF;color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-23e2d74.elementor-view-framed .elementor-icon, .elementor-2226 .elementor-element.elementor-element-23e2d74.elementor-view-default .elementor-icon{fill:var( --e-global-color-fd9ca9d );color:var( --e-global-color-fd9ca9d );border-color:var( --e-global-color-fd9ca9d );}.elementor-2226 .elementor-element.elementor-element-23e2d74.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-23e2d74.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-23e2d74.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:var( --e-global-color-ec54446 );color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-23e2d74.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-23e2d74.elementor-view-default:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-23e2d74.elementor-view-framed:has(:focus) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-23e2d74.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-23e2d74.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-23e2d74.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-23e2d74 .elementor-icon{font-size:8px;padding:4px;border-width:1px 1px 1px 1px;}.elementor-2226 .elementor-element.elementor-element-23e2d74 .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-23e2d74 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:300;}.elementor-2226 .elementor-element.elementor-element-23e2d74 .elementor-icon-box-description{color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-efdf7d2 > .elementor-widget-container{padding:0px 0px 10px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-fd9ca9d );}.elementor-2226 .elementor-element.elementor-element-efdf7d2 .elementor-icon-box-wrapper{align-items:center;}.elementor-2226 .elementor-element.elementor-element-efdf7d2{--icon-box-icon-margin:10px;}.elementor-2226 .elementor-element.elementor-element-efdf7d2 .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-efdf7d2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-fd9ca9d );fill:#FFFFFF;color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-efdf7d2.elementor-view-framed .elementor-icon, .elementor-2226 .elementor-element.elementor-element-efdf7d2.elementor-view-default .elementor-icon{fill:var( --e-global-color-fd9ca9d );color:var( --e-global-color-fd9ca9d );border-color:var( --e-global-color-fd9ca9d );}.elementor-2226 .elementor-element.elementor-element-efdf7d2.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-efdf7d2.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-efdf7d2.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:var( --e-global-color-ec54446 );color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-efdf7d2.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-efdf7d2.elementor-view-default:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-efdf7d2.elementor-view-framed:has(:focus) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-efdf7d2.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-efdf7d2.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-efdf7d2.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-efdf7d2 .elementor-icon{font-size:8px;padding:4px;border-width:1px 1px 1px 1px;}.elementor-2226 .elementor-element.elementor-element-efdf7d2 .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-efdf7d2 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:300;}.elementor-2226 .elementor-element.elementor-element-efdf7d2 .elementor-icon-box-description{color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-5f7124b{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.9;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-5f7124b:not(.elementor-motion-effects-element-type-background), .elementor-2226 .elementor-element.elementor-element-5f7124b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/parallax-1.jpg");}.elementor-2226 .elementor-element.elementor-element-5f7124b::before, .elementor-2226 .elementor-element.elementor-element-5f7124b > .elementor-background-video-container::before, .elementor-2226 .elementor-element.elementor-element-5f7124b > .e-con-inner > .elementor-background-video-container::before, .elementor-2226 .elementor-element.elementor-element-5f7124b > .elementor-background-slideshow::before, .elementor-2226 .elementor-element.elementor-element-5f7124b > .e-con-inner > .elementor-background-slideshow::before, .elementor-2226 .elementor-element.elementor-element-5f7124b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-ec54446 );--background-overlay:'';}.elementor-widget-testimonial-carousel .elementor-testimonial__text{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2226 .elementor-element.elementor-element-2ff58d3 .swiper-pagination-bullet-active, .elementor-2226 .elementor-element.elementor-element-2ff58d3 .swiper-pagination-progressbar-fill{background-color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-2ff58d3 .swiper-pagination-fraction{color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-2ff58d3 .elementor-main-swiper .swiper-slide{background-color:#00000000;}.elementor-2226 .elementor-element.elementor-element-2ff58d3 .elementor-swiper-button{font-size:20px;color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-2ff58d3 .elementor-swiper-button svg{fill:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-2ff58d3 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#E6E6E6;opacity:1;}.elementor-2226 .elementor-element.elementor-element-2ff58d3 .elementor-testimonial__text{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;font-style:normal;}.elementor-2226 .elementor-element.elementor-element-2ff58d3 .elementor-testimonial__name{color:#FFFFFF;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2226 .elementor-element.elementor-element-2ff58d3 .elementor-testimonial__title{color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-0a3f6bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-28c9b65 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-2226 .elementor-element.elementor-element-28c9b65{text-align:center;}.elementor-2226 .elementor-element.elementor-element-28c9b65 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:60px;font-weight:100;text-transform:uppercase;color:#FFCD05;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-2226 .elementor-element.elementor-element-8bf3ddb{--divider-border-style:solid;--divider-color:var( --e-global-color-fd9ca9d );--divider-border-width:1px;}.elementor-2226 .elementor-element.elementor-element-8bf3ddb > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-2226 .elementor-element.elementor-element-8bf3ddb .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-2226 .elementor-element.elementor-element-8bf3ddb .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2226 .elementor-element.elementor-element-19fa536{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-ee10e06{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:1px 1px;--row-gap:1px;--column-gap:1px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-675408c{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-9d406a3{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:1px 1px;--row-gap:1px;--column-gap:1px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-b08e56a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-2cb91ba{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:1px 1px;--row-gap:1px;--column-gap:1px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-81633c3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-a080f58{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:1px 1px;--row-gap:1px;--column-gap:1px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-1cdfab0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-1d28822{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:1px 1px;--row-gap:1px;--column-gap:1px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-856af50{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-f835dac{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:1px 1px;--row-gap:1px;--column-gap:1px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-26fc9a9{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:5px 5px;--row-gap:5px;--column-gap:5px;--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-6c25f11{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:5px 5px;--row-gap:5px;--column-gap:5px;--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-8589774{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-gap:40px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:16px;--n-tabs-title-color:var( --e-global-color-7663a3b );--n-tabs-title-color-active:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-8589774 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFCD0500;}.elementor-2226 .elementor-element.elementor-element-8589774.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-e7ae366 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-fd9ca9d );}.elementor-2226 .elementor-element.elementor-element-8589774.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-2226 .elementor-element.elementor-element-8589774.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFCD05;border-style:solid;border-width:01px 01px 01px 01px;border-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-8589774.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:01px 01px 01px 01px;border-color:var( --e-global-color-e7ae366 );}.elementor-2226 .elementor-element.elementor-element-8589774.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-2226 .elementor-element.elementor-element-8589774 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-c664c90{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-6b77fae > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-2226 .elementor-element.elementor-element-6b77fae{text-align:center;}.elementor-2226 .elementor-element.elementor-element-6b77fae .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:60px;font-weight:100;text-transform:uppercase;color:#FFCD05;}.elementor-2226 .elementor-element.elementor-element-c622f59 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-2226 .elementor-element.elementor-element-c622f59{text-align:center;}.elementor-2226 .elementor-element.elementor-element-c622f59 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;color:var( --e-global-color-58e413e );}.elementor-2226 .elementor-element.elementor-element-a3c8401{--divider-border-style:solid;--divider-color:#ECECEC;--divider-border-width:1.1px;}.elementor-2226 .elementor-element.elementor-element-a3c8401 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-2226 .elementor-element.elementor-element-a3c8401 .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-2226 .elementor-element.elementor-element-a3c8401 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2226 .elementor-element.elementor-element-fcd9251{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 01px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:01px;--border-left-width:0px;border-color:var( --e-global-color-e7ae366 );--border-color:var( --e-global-color-e7ae366 );--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-9f10c8f{--display:flex;}.elementor-2226 .elementor-element.elementor-element-7189690 > .elementor-widget-container{background-color:#FFFFFF;padding:10px 10px 10px 10px;border-radius:0px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-7189690.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-7189690{--icon-box-icon-margin:15px;}.elementor-2226 .elementor-element.elementor-element-7189690 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-58e413e );}.elementor-2226 .elementor-element.elementor-element-7189690.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-7189690.elementor-view-framed .elementor-icon, .elementor-2226 .elementor-element.elementor-element-7189690.elementor-view-default .elementor-icon{fill:var( --e-global-color-7663a3b );color:var( --e-global-color-7663a3b );border-color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-7189690.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-7189690.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#ECECEC;fill:var( --e-global-color-ec54446 );color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-7189690.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-7189690.elementor-view-default:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-7189690.elementor-view-framed:has(:focus) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-7189690.elementor-view-default:has(:focus) .elementor-icon{fill:#ECECEC;color:#ECECEC;border-color:#ECECEC;}.elementor-2226 .elementor-element.elementor-element-7189690.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-7189690.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-7189690 .elementor-icon{font-size:36px;border-width:1px 1px 1px 1px;}.elementor-2226 .elementor-element.elementor-element-7189690 .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-7189690 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;}.elementor-2226 .elementor-element.elementor-element-7189690 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-3c728d4{--display:flex;}.elementor-2226 .elementor-element.elementor-element-5269c93 > .elementor-widget-container{background-color:#FFFFFF;padding:10px 10px 10px 10px;border-radius:0px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-5269c93.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-5269c93{--icon-box-icon-margin:15px;}.elementor-2226 .elementor-element.elementor-element-5269c93 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-58e413e );}.elementor-2226 .elementor-element.elementor-element-5269c93.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-5269c93.elementor-view-framed .elementor-icon, .elementor-2226 .elementor-element.elementor-element-5269c93.elementor-view-default .elementor-icon{fill:var( --e-global-color-7663a3b );color:var( --e-global-color-7663a3b );border-color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-5269c93.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-5269c93.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#ECECEC;fill:var( --e-global-color-ec54446 );color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-5269c93.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-5269c93.elementor-view-default:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-5269c93.elementor-view-framed:has(:focus) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-5269c93.elementor-view-default:has(:focus) .elementor-icon{fill:#ECECEC;color:#ECECEC;border-color:#ECECEC;}.elementor-2226 .elementor-element.elementor-element-5269c93.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-5269c93.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-5269c93 .elementor-icon{font-size:36px;border-width:1px 1px 1px 1px;}.elementor-2226 .elementor-element.elementor-element-5269c93 .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-5269c93 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;}.elementor-2226 .elementor-element.elementor-element-5269c93 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-a0e6d00{--display:flex;}.elementor-2226 .elementor-element.elementor-element-aa81fb5 > .elementor-widget-container{background-color:#FFFFFF;padding:10px 10px 10px 10px;border-radius:0px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-aa81fb5.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-aa81fb5{--icon-box-icon-margin:15px;}.elementor-2226 .elementor-element.elementor-element-aa81fb5 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-58e413e );}.elementor-2226 .elementor-element.elementor-element-aa81fb5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-aa81fb5.elementor-view-framed .elementor-icon, .elementor-2226 .elementor-element.elementor-element-aa81fb5.elementor-view-default .elementor-icon{fill:var( --e-global-color-7663a3b );color:var( --e-global-color-7663a3b );border-color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-aa81fb5.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-aa81fb5.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#ECECEC;fill:var( --e-global-color-ec54446 );color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-aa81fb5.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-aa81fb5.elementor-view-default:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-aa81fb5.elementor-view-framed:has(:focus) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-aa81fb5.elementor-view-default:has(:focus) .elementor-icon{fill:#ECECEC;color:#ECECEC;border-color:#ECECEC;}.elementor-2226 .elementor-element.elementor-element-aa81fb5.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-aa81fb5.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-aa81fb5 .elementor-icon{font-size:36px;border-width:1px 1px 1px 1px;}.elementor-2226 .elementor-element.elementor-element-aa81fb5 .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-aa81fb5 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;}.elementor-2226 .elementor-element.elementor-element-aa81fb5 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-b4abf62{--display:flex;}.elementor-2226 .elementor-element.elementor-element-8c2ce8b > .elementor-widget-container{background-color:#FFFFFF;padding:10px 10px 10px 10px;border-radius:0px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-8c2ce8b.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-8c2ce8b{--icon-box-icon-margin:15px;}.elementor-2226 .elementor-element.elementor-element-8c2ce8b .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-58e413e );}.elementor-2226 .elementor-element.elementor-element-8c2ce8b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-8c2ce8b.elementor-view-framed .elementor-icon, .elementor-2226 .elementor-element.elementor-element-8c2ce8b.elementor-view-default .elementor-icon{fill:var( --e-global-color-7663a3b );color:var( --e-global-color-7663a3b );border-color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-8c2ce8b.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-8c2ce8b.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#ECECEC;fill:var( --e-global-color-ec54446 );color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-8c2ce8b.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-8c2ce8b.elementor-view-default:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-8c2ce8b.elementor-view-framed:has(:focus) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-8c2ce8b.elementor-view-default:has(:focus) .elementor-icon{fill:#ECECEC;color:#ECECEC;border-color:#ECECEC;}.elementor-2226 .elementor-element.elementor-element-8c2ce8b.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-8c2ce8b.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-8c2ce8b .elementor-icon{font-size:36px;border-width:1px 1px 1px 1px;}.elementor-2226 .elementor-element.elementor-element-8c2ce8b .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-8c2ce8b .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;}.elementor-2226 .elementor-element.elementor-element-8c2ce8b .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-73a75bd{--display:flex;}.elementor-2226 .elementor-element.elementor-element-7209900 > .elementor-widget-container{background-color:#FFFFFF;padding:10px 10px 10px 10px;border-radius:0px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-7209900.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-7209900{--icon-box-icon-margin:15px;}.elementor-2226 .elementor-element.elementor-element-7209900 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-58e413e );}.elementor-2226 .elementor-element.elementor-element-7209900.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-7209900.elementor-view-framed .elementor-icon, .elementor-2226 .elementor-element.elementor-element-7209900.elementor-view-default .elementor-icon{fill:var( --e-global-color-7663a3b );color:var( --e-global-color-7663a3b );border-color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-7209900.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-7209900.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#ECECEC;fill:var( --e-global-color-ec54446 );color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-7209900.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-7209900.elementor-view-default:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-7209900.elementor-view-framed:has(:focus) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-7209900.elementor-view-default:has(:focus) .elementor-icon{fill:#ECECEC;color:#ECECEC;border-color:#ECECEC;}.elementor-2226 .elementor-element.elementor-element-7209900.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-7209900.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-7209900 .elementor-icon{font-size:36px;border-width:1px 1px 1px 1px;}.elementor-2226 .elementor-element.elementor-element-7209900 .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-7209900 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;}.elementor-2226 .elementor-element.elementor-element-7209900 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-048a58d{--display:flex;}.elementor-2226 .elementor-element.elementor-element-7ec9281 > .elementor-widget-container{background-color:#FFFFFF;padding:10px 10px 10px 10px;border-radius:0px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-7ec9281.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-7ec9281{--icon-box-icon-margin:15px;}.elementor-2226 .elementor-element.elementor-element-7ec9281 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-58e413e );}.elementor-2226 .elementor-element.elementor-element-7ec9281.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-7ec9281.elementor-view-framed .elementor-icon, .elementor-2226 .elementor-element.elementor-element-7ec9281.elementor-view-default .elementor-icon{fill:var( --e-global-color-7663a3b );color:var( --e-global-color-7663a3b );border-color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-7ec9281.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-7ec9281.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#ECECEC;fill:var( --e-global-color-ec54446 );color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-7ec9281.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-7ec9281.elementor-view-default:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-7ec9281.elementor-view-framed:has(:focus) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-7ec9281.elementor-view-default:has(:focus) .elementor-icon{fill:#ECECEC;color:#ECECEC;border-color:#ECECEC;}.elementor-2226 .elementor-element.elementor-element-7ec9281.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-7ec9281.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-7ec9281 .elementor-icon{font-size:36px;border-width:1px 1px 1px 1px;}.elementor-2226 .elementor-element.elementor-element-7ec9281 .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-7ec9281 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;}.elementor-2226 .elementor-element.elementor-element-7ec9281 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-d71ea5d{--display:flex;}.elementor-2226 .elementor-element.elementor-element-54f1712 > .elementor-widget-container{background-color:#FFFFFF;padding:10px 10px 10px 10px;border-radius:0px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-54f1712.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-54f1712{--icon-box-icon-margin:15px;}.elementor-2226 .elementor-element.elementor-element-54f1712 .elementor-icon-box-title{margin-block-end:10px;color:var( --e-global-color-58e413e );}.elementor-2226 .elementor-element.elementor-element-54f1712.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-54f1712.elementor-view-framed .elementor-icon, .elementor-2226 .elementor-element.elementor-element-54f1712.elementor-view-default .elementor-icon{fill:var( --e-global-color-7663a3b );color:var( --e-global-color-7663a3b );border-color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-54f1712.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-54f1712.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#ECECEC;fill:var( --e-global-color-ec54446 );color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-54f1712.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-54f1712.elementor-view-default:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-54f1712.elementor-view-framed:has(:focus) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-54f1712.elementor-view-default:has(:focus) .elementor-icon{fill:#ECECEC;color:#ECECEC;border-color:#ECECEC;}.elementor-2226 .elementor-element.elementor-element-54f1712.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2226 .elementor-element.elementor-element-54f1712.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-54f1712 .elementor-icon{font-size:36px;border-width:1px 1px 1px 1px;}.elementor-2226 .elementor-element.elementor-element-54f1712 .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-54f1712 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;}.elementor-2226 .elementor-element.elementor-element-54f1712 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;color:var( --e-global-color-7663a3b );}.elementor-2226 .elementor-element.elementor-element-071d311{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:var( --e-global-color-58e413e );--e-n-carousel-arrow-hover-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-0f50295{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-3e12e2d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-2226 .elementor-element.elementor-element-3e12e2d{text-align:center;}.elementor-2226 .elementor-element.elementor-element-3e12e2d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;text-transform:uppercase;color:var( --e-global-color-58e413e );}.elementor-2226 .elementor-element.elementor-element-e3eb9d9{--divider-border-style:solid;--divider-color:#ECECEC;--divider-border-width:1.1px;}.elementor-2226 .elementor-element.elementor-element-e3eb9d9 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-2226 .elementor-element.elementor-element-e3eb9d9 .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-2226 .elementor-element.elementor-element-e3eb9d9 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2226 .elementor-element.elementor-element-fb8b406{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-a8115af > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-a8115af.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-a8115af:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-ee8e0f7 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-ee8e0f7.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-ee8e0f7:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-75f91c6 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-75f91c6.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-75f91c6:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-048ebf4 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-048ebf4.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-048ebf4:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-57efe14 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-57efe14.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-57efe14:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-13f98c8 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-13f98c8.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-13f98c8:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-12d66ea > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-12d66ea.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-12d66ea:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-6d285ad > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-6d285ad.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-6d285ad:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-a4bbbdb > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-a4bbbdb.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-a4bbbdb:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-38f0d9e > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-38f0d9e.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-38f0d9e:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-e4fc02f > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-e4fc02f.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-e4fc02f:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-8dc10ca > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-8dc10ca.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-8dc10ca:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-b76431b > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-b76431b.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-b76431b:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-732b0c9 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-732b0c9.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-732b0c9:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-ce10dc1 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-ce10dc1.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-ce10dc1:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-ad0bf02 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-ad0bf02.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-ad0bf02:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-6e977a1 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-6e977a1.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-6e977a1:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-803fe68 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-803fe68.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-803fe68:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-062747d > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-062747d.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-062747d:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-0a84fd1 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-0a84fd1.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-0a84fd1:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-464fb69 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-464fb69.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-464fb69:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-675ff05 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-675ff05.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-675ff05:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-bced6b3 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-bced6b3.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-bced6b3:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-14a3dd9 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-14a3dd9.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-14a3dd9:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-f47c6eb > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-f47c6eb.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-f47c6eb:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-bb9274b > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-bb9274b.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-bb9274b:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-f166bd7 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-f166bd7.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-f166bd7:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-db5c2f2 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-db5c2f2.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-db5c2f2:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-5a13dce > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-5a13dce.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-5a13dce:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-22c30a3 > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:5px 5px 5px 5px;}.elementor-2226 .elementor-element.elementor-element-22c30a3.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-2226 .elementor-element.elementor-element-22c30a3:hover > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-2226 .elementor-element.elementor-element-10a3b02{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.9;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-10a3b02:not(.elementor-motion-effects-element-type-background), .elementor-2226 .elementor-element.elementor-element-10a3b02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFCD05;background-image:url("https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/parallax-1.jpg");}.elementor-2226 .elementor-element.elementor-element-10a3b02::before, .elementor-2226 .elementor-element.elementor-element-10a3b02 > .elementor-background-video-container::before, .elementor-2226 .elementor-element.elementor-element-10a3b02 > .e-con-inner > .elementor-background-video-container::before, .elementor-2226 .elementor-element.elementor-element-10a3b02 > .elementor-background-slideshow::before, .elementor-2226 .elementor-element.elementor-element-10a3b02 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2226 .elementor-element.elementor-element-10a3b02 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFCD05;--background-overlay:'';}.elementor-2226 .elementor-element.elementor-element-bfb7826{text-align:center;}.elementor-2226 .elementor-element.elementor-element-bfb7826 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:80px;font-weight:300;color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-bfb7826 .elementor-heading-title a:hover, .elementor-2226 .elementor-element.elementor-element-bfb7826 .elementor-heading-title a:focus{color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-bfb7826 .elementor-heading-title a{transition-duration:0.5s;}.elementor-2226 .elementor-element.elementor-element-a1944be{--display:flex;}.elementor-2226 .elementor-element.elementor-element-2e56a88{--display:flex;}.elementor-2226 .elementor-element.elementor-element-4d91370{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-4d91370:not(.elementor-motion-effects-element-type-background), .elementor-2226 .elementor-element.elementor-element-4d91370 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-35ccabe > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-2226 .elementor-element.elementor-element-35ccabe{text-align:center;}.elementor-2226 .elementor-element.elementor-element-35ccabe .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:60px;font-weight:100;text-transform:uppercase;color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-4c04b6a > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-2226 .elementor-element.elementor-element-4c04b6a{text-align:center;}.elementor-2226 .elementor-element.elementor-element-4c04b6a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;color:var( --e-global-color-58e413e );}.elementor-2226 .elementor-element.elementor-element-939886b{--divider-border-style:solid;--divider-color:#ECECEC;--divider-border-width:1.1px;}.elementor-2226 .elementor-element.elementor-element-939886b > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-2226 .elementor-element.elementor-element-939886b .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-2226 .elementor-element.elementor-element-939886b .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2226 .elementor-element.elementor-element-0e6d25e{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-2226 .elementor-element.elementor-element-0e6d25e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-2226 .elementor-element.elementor-element-0e6d25e:after{content:"0.66";}.elementor-2226 .elementor-element.elementor-element-0e6d25e .elementor-post__thumbnail__link{width:100%;}.elementor-2226 .elementor-element.elementor-element-0e6d25e .elementor-post__meta-data span + span:before{content:"///";}.elementor-2226 .elementor-element.elementor-element-0e6d25e.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-2226 .elementor-element.elementor-element-0e6d25e.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-2226 .elementor-element.elementor-element-0e6d25e.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-2226 .elementor-element.elementor-element-0e6d25e .elementor-post__title, .elementor-2226 .elementor-element.elementor-element-0e6d25e .elementor-post__title a{color:var( --e-global-color-7663a3b );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2226 .elementor-element.elementor-element-0e6d25e .elementor-post__excerpt p{color:var( --e-global-color-fd9ca9d );font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2226 .elementor-element.elementor-element-c02a601 .elementor-button{background-color:#CC1C5000;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;fill:var( --e-global-color-ec54446 );color:var( --e-global-color-ec54446 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-e7ae366 );border-radius:02px 02px 02px 02px;}.elementor-2226 .elementor-element.elementor-element-c02a601 .elementor-button:hover, .elementor-2226 .elementor-element.elementor-element-c02a601 .elementor-button:focus{background-color:var( --e-global-color-ec54446 );color:#FFFFFF;border-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-c02a601 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-c02a601 .elementor-button:hover svg, .elementor-2226 .elementor-element.elementor-element-c02a601 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-eefd1e6{--display:flex;--min-height:30vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2226 .elementor-element.elementor-element-eefd1e6:not(.elementor-motion-effects-element-type-background), .elementor-2226 .elementor-element.elementor-element-eefd1e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://novosite.agenciadl7.com.br/wp-content/uploads/2025/01/Design-sem-nome-76.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2226 .elementor-element.elementor-element-8710b46{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-f5743bd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-2226 .elementor-element.elementor-element-f5743bd{text-align:center;}.elementor-2226 .elementor-element.elementor-element-f5743bd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:60px;font-weight:100;text-transform:uppercase;color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-1a3dacc > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-2226 .elementor-element.elementor-element-1a3dacc{text-align:center;}.elementor-2226 .elementor-element.elementor-element-1a3dacc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:300;color:var( --e-global-color-58e413e );}.elementor-2226 .elementor-element.elementor-element-2e19be1{--divider-border-style:solid;--divider-color:#ECECEC;--divider-border-width:1.1px;}.elementor-2226 .elementor-element.elementor-element-2e19be1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-2e19be1 .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-2226 .elementor-element.elementor-element-2e19be1 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2226 .elementor-element.elementor-element-024f750{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-b659a3a iframe{height:500px;transition-duration:0.5s;}.elementor-2226 .elementor-element.elementor-element-ba0538b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 0px;--row-gap:50px;--column-gap:0px;--overlay-opacity:0.8;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2226 .elementor-element.elementor-element-ba0538b:not(.elementor-motion-effects-element-type-background), .elementor-2226 .elementor-element.elementor-element-ba0538b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://novosite.agenciadl7.com.br/wp-content/uploads/2025/01/Design-sem-nome-76.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2226 .elementor-element.elementor-element-ba0538b::before, .elementor-2226 .elementor-element.elementor-element-ba0538b > .elementor-background-video-container::before, .elementor-2226 .elementor-element.elementor-element-ba0538b > .e-con-inner > .elementor-background-video-container::before, .elementor-2226 .elementor-element.elementor-element-ba0538b > .elementor-background-slideshow::before, .elementor-2226 .elementor-element.elementor-element-ba0538b > .e-con-inner > .elementor-background-slideshow::before, .elementor-2226 .elementor-element.elementor-element-ba0538b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-2226 .elementor-element.elementor-element-453acb3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-2226 .elementor-element.elementor-element-8d815b5{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:25px 25px 25px 25px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;--z-index:1;}.elementor-2226 .elementor-element.elementor-element-8d815b5:not(.elementor-motion-effects-element-type-background), .elementor-2226 .elementor-element.elementor-element-8d815b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFFC;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:25px;}.elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-25px;}.elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-field-group > label, .elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-field-subgroup label{color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-field-group > label{font-family:"Roboto", Sans-serif;font-weight:300;}.elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-field-type-html{padding-bottom:0px;}.elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-field-group .elementor-field{color:var( --e-global-color-fd9ca9d );}.elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-field-group .elementor-field:not(.elementor-select-wrapper){border-color:var( --e-global-color-fd9ca9d );border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-field-group .elementor-select-wrapper select{border-color:var( --e-global-color-fd9ca9d );border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-fd9ca9d );}.elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-button{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-2226 .elementor-element.elementor-element-5bac2ff .e-form__buttons__wrapper__button-next{background-color:#FFCD0500;color:var( --e-global-color-ec54446 );border-color:var( --e-global-color-e7ae366 );}.elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-button[type="submit"]{background-color:#FFCD0500;color:var( --e-global-color-ec54446 );border-color:var( --e-global-color-e7ae366 );}.elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-button[type="submit"] svg *{fill:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-5bac2ff .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-ec54446 );color:#ffffff;}.elementor-2226 .elementor-element.elementor-element-5bac2ff .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-ec54446 );color:#ffffff;border-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-ec54446 );color:#ffffff;border-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-5bac2ff .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2226 .elementor-element.elementor-element-5bac2ff .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2226 .elementor-element.elementor-element-5bac2ff{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-2226 .elementor-element.elementor-element-07aa894{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-2226 .elementor-element.elementor-element-38875a8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:400;color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-ed3cde2{font-family:"Roboto", Sans-serif;font-weight:200;color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-e889f17 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-e889f17 .elementor-icon-box-wrapper{align-items:center;text-align:justify;}.elementor-2226 .elementor-element.elementor-element-e889f17{--icon-box-icon-margin:10px;}.elementor-2226 .elementor-element.elementor-element-e889f17 .elementor-icon-box-title{margin-block-end:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-e889f17.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:var( --e-global-color-ec54446 );color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-e889f17.elementor-view-framed .elementor-icon, .elementor-2226 .elementor-element.elementor-element-e889f17.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-e889f17.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-e889f17 .elementor-icon{font-size:22px;}.elementor-2226 .elementor-element.elementor-element-e889f17 .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-e889f17 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-2226 .elementor-element.elementor-element-e889f17 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:200;color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-24e1a0c > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-24e1a0c .elementor-icon-box-wrapper{align-items:center;text-align:justify;}.elementor-2226 .elementor-element.elementor-element-24e1a0c{--icon-box-icon-margin:10px;}.elementor-2226 .elementor-element.elementor-element-24e1a0c .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-24e1a0c.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:var( --e-global-color-ec54446 );color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-24e1a0c.elementor-view-framed .elementor-icon, .elementor-2226 .elementor-element.elementor-element-24e1a0c.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-24e1a0c.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-24e1a0c .elementor-icon{font-size:22px;}.elementor-2226 .elementor-element.elementor-element-24e1a0c .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-24e1a0c .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-2226 .elementor-element.elementor-element-24e1a0c .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:200;color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-0f3ae29 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-0f3ae29 .elementor-icon-box-wrapper{align-items:center;text-align:justify;}.elementor-2226 .elementor-element.elementor-element-0f3ae29{--icon-box-icon-margin:10px;}.elementor-2226 .elementor-element.elementor-element-0f3ae29 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-0f3ae29.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:var( --e-global-color-ec54446 );color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-0f3ae29.elementor-view-framed .elementor-icon, .elementor-2226 .elementor-element.elementor-element-0f3ae29.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-0f3ae29.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-0f3ae29 .elementor-icon{font-size:22px;}.elementor-2226 .elementor-element.elementor-element-0f3ae29 .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-0f3ae29 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-2226 .elementor-element.elementor-element-0f3ae29 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:300;color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-49fd131{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;--icon-box-icon-margin:10px;}.elementor-2226 .elementor-element.elementor-element-49fd131 > .elementor-widget-container{margin:10px 0px 20px 0px;}.elementor-2226 .elementor-element.elementor-element-49fd131 .elementor-icon-box-wrapper{align-items:start;text-align:left;}.elementor-2226 .elementor-element.elementor-element-49fd131 .elementor-icon-box-title{margin-block-end:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-49fd131.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:var( --e-global-color-ec54446 );color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-49fd131.elementor-view-framed .elementor-icon, .elementor-2226 .elementor-element.elementor-element-49fd131.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-49fd131.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-49fd131 .elementor-icon{font-size:22px;}.elementor-2226 .elementor-element.elementor-element-49fd131 .elementor-icon i{transform:rotate(0deg);}.elementor-2226 .elementor-element.elementor-element-49fd131 .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-49fd131 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-2226 .elementor-element.elementor-element-49fd131 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:200;color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-fb14eb3{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-2226 .elementor-element.elementor-element-fb14eb3 .elementor-widget-container{text-align:left;}.elementor-2226 .elementor-element.elementor-element-fb14eb3 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-2226 .elementor-element.elementor-element-fb14eb3 .elementor-social-icon{background-color:#FFFFFF;}.elementor-2226 .elementor-element.elementor-element-fb14eb3 .elementor-social-icon i{color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-fb14eb3 .elementor-social-icon svg{fill:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-958a6f0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--overlay-opacity:0.3;--border-radius:0px 0px 0px 0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-2226 .elementor-element.elementor-element-958a6f0::before, .elementor-2226 .elementor-element.elementor-element-958a6f0 > .elementor-background-video-container::before, .elementor-2226 .elementor-element.elementor-element-958a6f0 > .e-con-inner > .elementor-background-video-container::before, .elementor-2226 .elementor-element.elementor-element-958a6f0 > .elementor-background-slideshow::before, .elementor-2226 .elementor-element.elementor-element-958a6f0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2226 .elementor-element.elementor-element-958a6f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2226 .elementor-element.elementor-element-abcb1c2{text-align:center;}.elementor-2226 .elementor-element.elementor-element-abcb1c2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:35px;font-weight:300;text-transform:uppercase;color:#FFFFFF3B;}.elementor-2226 .elementor-element.elementor-element-abcb1c2 .elementor-heading-title a:hover, .elementor-2226 .elementor-element.elementor-element-abcb1c2 .elementor-heading-title a:focus{color:var( --e-global-color-ec54446 );}.elementor-2226 .elementor-element.elementor-element-abcb1c2 .elementor-heading-title a{transition-duration:0.5s;}.elementor-2226 .elementor-element.elementor-element-8e41bd0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--overlay-opacity:0.6;--border-radius:0px 0px 0px 0px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-2226 .elementor-element.elementor-element-8e41bd0::before, .elementor-2226 .elementor-element.elementor-element-8e41bd0 > .elementor-background-video-container::before, .elementor-2226 .elementor-element.elementor-element-8e41bd0 > .e-con-inner > .elementor-background-video-container::before, .elementor-2226 .elementor-element.elementor-element-8e41bd0 > .elementor-background-slideshow::before, .elementor-2226 .elementor-element.elementor-element-8e41bd0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2226 .elementor-element.elementor-element-8e41bd0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2226 .elementor-element.elementor-element-b52a6c7{--display:flex;}.elementor-2226 .elementor-element.elementor-element-fee39dc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF45;}.elementor-2226 .elementor-element.elementor-element-e79ab10{--display:flex;}.elementor-2226 .elementor-element.elementor-element-a062c78{text-align:right;}.elementor-2226 .elementor-element.elementor-element-a062c78 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF57;}@media(max-width:1024px){.elementor-2226 .elementor-element.elementor-element-77b340f .elementor-slide-heading{font-size:54px;}.elementor-2226 .elementor-element.elementor-element-ee10e06{--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-9d406a3{--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-2cb91ba{--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-a080f58{--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-1d28822{--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-f835dac{--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-26fc9a9{--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-6c25f11{--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-071d311{--e-n-carousel-swiper-slides-to-display:2;}.elementor-2226 .elementor-element.elementor-element-fb8b406{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2226 .elementor-element.elementor-element-77b340f .swiper-slide-contents{max-width:100%;}.elementor-2226 .elementor-element.elementor-element-77b340f .elementor-slide-heading{font-size:44px;}.elementor-2226 .elementor-element.elementor-element-0e5bbda{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-2226 .elementor-element.elementor-element-5923883 .elementor-heading-title{font-size:38px;}.elementor-2226 .elementor-element.elementor-element-2bea9d9 .elementor-heading-title{font-size:20px;}.elementor-2226 .elementor-element.elementor-element-a5170be{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2226 .elementor-element.elementor-element-78de276 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-2226 .elementor-element.elementor-element-78de276{--icon-box-icon-margin:10px;}.elementor-2226 .elementor-element.elementor-element-78de276 .elementor-icon-box-title{margin-block-end:0px;}.elementor-2226 .elementor-element.elementor-element-b5528a5 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-23e2d74 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-efdf7d2 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-2226 .elementor-element.elementor-element-ee10e06{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-9d406a3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-2cb91ba{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-a080f58{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-1d28822{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-f835dac{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-26fc9a9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-6c25f11{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-8589774{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-gap:10px;}.elementor-2226 .elementor-element.elementor-element-071d311{--e-n-carousel-swiper-slides-to-display:1;}.elementor-2226 .elementor-element.elementor-element-fb8b406{--e-con-grid-template-columns:repeat(3, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;}.elementor-2226 .elementor-element.elementor-element-bfb7826 .elementor-heading-title{font-size:58px;}.elementor-2226 .elementor-element.elementor-element-0e6d25e > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-2226 .elementor-element.elementor-element-0e6d25e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-2226 .elementor-element.elementor-element-0e6d25e:after{content:"0.5";}.elementor-2226 .elementor-element.elementor-element-0e6d25e .elementor-post__thumbnail__link{width:100%;}.elementor-2226 .elementor-element.elementor-element-453acb3{--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;}.elementor-2226 .elementor-element.elementor-element-453acb3.e-con{--order:99999 /* order end hack */;}.elementor-2226 .elementor-element.elementor-element-8d815b5{--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;}.elementor-2226 .elementor-element.elementor-element-8d815b5.e-con{--order:99999 /* order end hack */;}.elementor-2226 .elementor-element.elementor-element-e889f17 .elementor-icon-box-wrapper{align-items:center;text-align:justify;}.elementor-2226 .elementor-element.elementor-element-e889f17 .elementor-icon-box-title{margin-block-end:0px;}.elementor-2226 .elementor-element.elementor-element-e889f17 .elementor-icon{font-size:18px;}.elementor-2226 .elementor-element.elementor-element-e889f17 .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-e889f17 .elementor-icon-box-title a{font-size:18px;}.elementor-2226 .elementor-element.elementor-element-24e1a0c .elementor-icon-box-wrapper{align-items:center;text-align:justify;}.elementor-2226 .elementor-element.elementor-element-24e1a0c .elementor-icon-box-title{margin-block-end:0px;}.elementor-2226 .elementor-element.elementor-element-24e1a0c .elementor-icon{font-size:18px;}.elementor-2226 .elementor-element.elementor-element-24e1a0c .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-24e1a0c .elementor-icon-box-title a{font-size:18px;}.elementor-2226 .elementor-element.elementor-element-0f3ae29 .elementor-icon-box-wrapper{align-items:center;text-align:justify;}.elementor-2226 .elementor-element.elementor-element-0f3ae29 .elementor-icon-box-title{margin-block-end:0px;}.elementor-2226 .elementor-element.elementor-element-0f3ae29 .elementor-icon{font-size:18px;}.elementor-2226 .elementor-element.elementor-element-0f3ae29 .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-0f3ae29 .elementor-icon-box-title a{font-size:18px;}.elementor-2226 .elementor-element.elementor-element-49fd131{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2226 .elementor-element.elementor-element-49fd131 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-2226 .elementor-element.elementor-element-49fd131 .elementor-icon-box-title{margin-block-end:0px;}.elementor-2226 .elementor-element.elementor-element-49fd131 .elementor-icon{font-size:18px;}.elementor-2226 .elementor-element.elementor-element-49fd131 .elementor-icon-box-title, .elementor-2226 .elementor-element.elementor-element-49fd131 .elementor-icon-box-title a{font-size:18px;}.elementor-2226 .elementor-element.elementor-element-958a6f0{--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;}.elementor-2226 .elementor-element.elementor-element-958a6f0.e-con{--order:99999 /* order end hack */;}.elementor-2226 .elementor-element.elementor-element-abcb1c2 .elementor-heading-title{font-size:58px;}.elementor-2226 .elementor-element.elementor-element-8e41bd0{--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;}.elementor-2226 .elementor-element.elementor-element-8e41bd0.e-con{--order:99999 /* order end hack */;}}@media(min-width:768px){.elementor-2226 .elementor-element.elementor-element-ab5cd6d{--width:100%;}.elementor-2226 .elementor-element.elementor-element-a5170be{--width:47.143%;}.elementor-2226 .elementor-element.elementor-element-5f7124b{--content-width:900px;}}@media(min-width:1025px){.elementor-2226 .elementor-element.elementor-element-5f7124b:not(.elementor-motion-effects-element-type-background), .elementor-2226 .elementor-element.elementor-element-5f7124b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-2226 .elementor-element.elementor-element-ba0538b:not(.elementor-motion-effects-element-type-background), .elementor-2226 .elementor-element.elementor-element-ba0538b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for image, class: .elementor-element-952a54f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ transition: transform 0.3s ease; /* Transição suave para o zoom */ } .imagem-hover img { width: 100%; height: 100%; object-fit: cover; /* Faz com que a imagem cubra o contêiner sem distorção */ transition: transform 0.3s ease; /* Transição suave para o zoom na imagem */ } .imagem-hover:hover img { transform: scale(1.1); /* Aumenta a imagem em 10% ao passar o mouse */ } /* Efeito de antes, fundo colorido */ .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 48px; height: 48px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-39da224 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-49c7527 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7083936 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-beede75 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-39e74cd */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a276350 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7a1be01 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-970c151 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b56192d */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8cc5ce6 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5738141 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-137c9a9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-726c52b */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f28fb82 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a1b326f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8e8804c */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bf831bb */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-aba4cd1 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4ecaa85 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-09f87e9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3eb7469 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f71a694 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ef6b661 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-75e15ec */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a52d2b7 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3b02025 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8039b5a */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e3fc292 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-eedf2c4 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ef9eab3 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5803164 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-6efae16 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-662c4b5 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1c34684 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-09eb19d */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-134da80 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e00963f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b8620a9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-9862bd8 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-64d63c8 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-952a54f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ transition: transform 0.3s ease; /* Transição suave para o zoom */ } .imagem-hover img { width: 100%; height: 100%; object-fit: cover; /* Faz com que a imagem cubra o contêiner sem distorção */ transition: transform 0.3s ease; /* Transição suave para o zoom na imagem */ } .imagem-hover:hover img { transform: scale(1.1); /* Aumenta a imagem em 10% ao passar o mouse */ } /* Efeito de antes, fundo colorido */ .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 48px; height: 48px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-39da224 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-49c7527 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7083936 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-beede75 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-39e74cd */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a276350 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7a1be01 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-970c151 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b56192d */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8cc5ce6 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5738141 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-137c9a9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-726c52b */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f28fb82 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a1b326f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8e8804c */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bf831bb */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-aba4cd1 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4ecaa85 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-09f87e9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3eb7469 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f71a694 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ef6b661 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-75e15ec */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a52d2b7 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3b02025 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8039b5a */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e3fc292 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-eedf2c4 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ef9eab3 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5803164 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-6efae16 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-662c4b5 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1c34684 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-09eb19d */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-134da80 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e00963f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b8620a9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-9862bd8 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-64d63c8 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-952a54f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ transition: transform 0.3s ease; /* Transição suave para o zoom */ } .imagem-hover img { width: 100%; height: 100%; object-fit: cover; /* Faz com que a imagem cubra o contêiner sem distorção */ transition: transform 0.3s ease; /* Transição suave para o zoom na imagem */ } .imagem-hover:hover img { transform: scale(1.1); /* Aumenta a imagem em 10% ao passar o mouse */ } /* Efeito de antes, fundo colorido */ .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 48px; height: 48px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-39da224 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-49c7527 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7083936 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-beede75 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-39e74cd */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a276350 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7a1be01 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-970c151 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b56192d */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8cc5ce6 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5738141 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-137c9a9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-726c52b */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f28fb82 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a1b326f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8e8804c */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bf831bb */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-aba4cd1 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4ecaa85 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-09f87e9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3eb7469 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f71a694 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ef6b661 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-75e15ec */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a52d2b7 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3b02025 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8039b5a */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e3fc292 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-eedf2c4 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ef9eab3 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5803164 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-6efae16 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-662c4b5 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1c34684 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-09eb19d */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-134da80 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e00963f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b8620a9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-9862bd8 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-64d63c8 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-952a54f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ transition: transform 0.3s ease; /* Transição suave para o zoom */ } .imagem-hover img { width: 100%; height: 100%; object-fit: cover; /* Faz com que a imagem cubra o contêiner sem distorção */ transition: transform 0.3s ease; /* Transição suave para o zoom na imagem */ } .imagem-hover:hover img { transform: scale(1.1); /* Aumenta a imagem em 10% ao passar o mouse */ } /* Efeito de antes, fundo colorido */ .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 48px; height: 48px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-39da224 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-49c7527 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7083936 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-beede75 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-39e74cd */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a276350 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7a1be01 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-970c151 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b56192d */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8cc5ce6 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5738141 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-137c9a9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-726c52b */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f28fb82 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a1b326f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8e8804c */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bf831bb */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-aba4cd1 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4ecaa85 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-09f87e9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3eb7469 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f71a694 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ef6b661 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-75e15ec */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a52d2b7 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3b02025 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8039b5a */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e3fc292 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-eedf2c4 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ef9eab3 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5803164 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-6efae16 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-662c4b5 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1c34684 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-09eb19d */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-134da80 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e00963f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b8620a9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-9862bd8 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-64d63c8 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-952a54f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ transition: transform 0.3s ease; /* Transição suave para o zoom */ } .imagem-hover img { width: 100%; height: 100%; object-fit: cover; /* Faz com que a imagem cubra o contêiner sem distorção */ transition: transform 0.3s ease; /* Transição suave para o zoom na imagem */ } .imagem-hover:hover img { transform: scale(1.1); /* Aumenta a imagem em 10% ao passar o mouse */ } /* Efeito de antes, fundo colorido */ .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 48px; height: 48px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-39da224 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-49c7527 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7083936 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-beede75 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-39e74cd */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a276350 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7a1be01 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-970c151 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b56192d */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8cc5ce6 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5738141 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-137c9a9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-726c52b */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f28fb82 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a1b326f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8e8804c */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bf831bb */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-aba4cd1 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4ecaa85 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-09f87e9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3eb7469 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f71a694 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ef6b661 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-75e15ec */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a52d2b7 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3b02025 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8039b5a */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e3fc292 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-eedf2c4 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ef9eab3 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5803164 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-6efae16 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-662c4b5 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1c34684 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-09eb19d */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-134da80 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e00963f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b8620a9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-9862bd8 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-64d63c8 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-952a54f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ transition: transform 0.3s ease; /* Transição suave para o zoom */ } .imagem-hover img { width: 100%; height: 100%; object-fit: cover; /* Faz com que a imagem cubra o contêiner sem distorção */ transition: transform 0.3s ease; /* Transição suave para o zoom na imagem */ } .imagem-hover:hover img { transform: scale(1.1); /* Aumenta a imagem em 10% ao passar o mouse */ } /* Efeito de antes, fundo colorido */ .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 48px; height: 48px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-39da224 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-49c7527 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7083936 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-beede75 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-39e74cd */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a276350 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7a1be01 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-970c151 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b56192d */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8cc5ce6 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5738141 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-137c9a9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-726c52b */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f28fb82 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a1b326f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8e8804c */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bf831bb */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-aba4cd1 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4ecaa85 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-09f87e9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3eb7469 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f71a694 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ef6b661 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-75e15ec */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a52d2b7 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3b02025 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8039b5a */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e3fc292 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-eedf2c4 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ef9eab3 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5803164 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-6efae16 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-662c4b5 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1c34684 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-09eb19d */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-134da80 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e00963f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b8620a9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-9862bd8 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-64d63c8 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-952a54f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ transition: transform 0.3s ease; /* Transição suave para o zoom */ } .imagem-hover img { width: 100%; height: 100%; object-fit: cover; /* Faz com que a imagem cubra o contêiner sem distorção */ transition: transform 0.3s ease; /* Transição suave para o zoom na imagem */ } .imagem-hover:hover img { transform: scale(1.1); /* Aumenta a imagem em 10% ao passar o mouse */ } /* Efeito de antes, fundo colorido */ .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 48px; height: 48px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-39da224 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-49c7527 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7083936 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-beede75 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-39e74cd */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a276350 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7a1be01 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-970c151 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b56192d */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8cc5ce6 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5738141 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-137c9a9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-726c52b */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f28fb82 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a1b326f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8e8804c */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bf831bb */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-aba4cd1 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4ecaa85 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-09f87e9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3eb7469 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f71a694 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ef6b661 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-75e15ec */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a52d2b7 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3b02025 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8039b5a */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e3fc292 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-eedf2c4 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ef9eab3 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5803164 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-6efae16 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-662c4b5 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1c34684 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-09eb19d */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-134da80 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e00963f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b8620a9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-9862bd8 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-64d63c8 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-952a54f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ transition: transform 0.3s ease; /* Transição suave para o zoom */ } .imagem-hover img { width: 100%; height: 100%; object-fit: cover; /* Faz com que a imagem cubra o contêiner sem distorção */ transition: transform 0.3s ease; /* Transição suave para o zoom na imagem */ } .imagem-hover:hover img { transform: scale(1.1); /* Aumenta a imagem em 10% ao passar o mouse */ } /* Efeito de antes, fundo colorido */ .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 48px; height: 48px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-39da224 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-49c7527 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7083936 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-beede75 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-39e74cd */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a276350 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7a1be01 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-970c151 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b56192d */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8cc5ce6 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5738141 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-137c9a9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-726c52b */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f28fb82 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a1b326f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8e8804c */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bf831bb */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-aba4cd1 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4ecaa85 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-09f87e9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3eb7469 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f71a694 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ef6b661 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-75e15ec */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a52d2b7 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3b02025 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8039b5a */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e3fc292 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-eedf2c4 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ef9eab3 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5803164 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-6efae16 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-662c4b5 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1c34684 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-09eb19d */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-134da80 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e00963f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b8620a9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-9862bd8 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-64d63c8 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-952a54f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ transition: transform 0.3s ease; /* Transição suave para o zoom */ } .imagem-hover img { width: 100%; height: 100%; object-fit: cover; /* Faz com que a imagem cubra o contêiner sem distorção */ transition: transform 0.3s ease; /* Transição suave para o zoom na imagem */ } .imagem-hover:hover img { transform: scale(1.1); /* Aumenta a imagem em 10% ao passar o mouse */ } /* Efeito de antes, fundo colorido */ .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 48px; height: 48px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-39da224 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-49c7527 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7083936 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-beede75 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-39e74cd */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a276350 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7a1be01 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-970c151 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b56192d */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8cc5ce6 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5738141 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-137c9a9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-726c52b */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f28fb82 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a1b326f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8e8804c */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bf831bb */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-aba4cd1 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4ecaa85 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-09f87e9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3eb7469 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f71a694 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ef6b661 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-75e15ec */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a52d2b7 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3b02025 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8039b5a */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e3fc292 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-eedf2c4 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ef9eab3 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5803164 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-6efae16 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-662c4b5 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-1c34684 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-09eb19d */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-134da80 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e00963f */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b8620a9 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-9862bd8 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-64d63c8 */.imagem-hover { position: relative; display: inline-block; overflow: hidden; /* Impede que o efeito ultrapasse a imagem */ cursor: pointer; /* Indica que é clicável */ } .imagem-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 205, 5, 0.6); /* Cor #FFCD05 com opacidade */ opacity: 0; transition: opacity 0.4s ease; /* Transição suave */ z-index: 1; } .imagem-hover:hover::before { opacity: 1; } /* Usando a imagem fornecida como ícone de link */ .imagem-hover::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); /* Leve redução para delicadeza */ width: 30px; height: 30px; padding: 20px; background-color: transparent; /* Fundo totalmente transparente */ border: 2px solid #FFFFFF; /* Borda branca fina */ border-radius: 50%; /* Moldura arredondada */ opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 2; pointer-events: none; /* O ícone não bloqueia o clique na imagem */ /* Usando a imagem do ícone de link fornecido */ background-image: url('https://novosite.agenciadl7.com.br/wp-content/uploads/2025/02/link.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; /* Ajuste do tamanho do ícone */ } /* Efeito de hover */ .imagem-hover:hover::after { opacity: 1; transform: translate(-50%, -50%) scale(1); /* Leve expansão no hover */ } /* Link clicável sobre a imagem */ .imagem-hover a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; /* Link sobreposto ao ícone */ }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7189690 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5269c93 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-aa81fb5 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8c2ce8b */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7209900 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7ec9281 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-54f1712 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7189690 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5269c93 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-aa81fb5 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8c2ce8b */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7209900 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7ec9281 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-54f1712 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7189690 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5269c93 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-aa81fb5 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8c2ce8b */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7209900 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7ec9281 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-54f1712 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7189690 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5269c93 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-aa81fb5 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8c2ce8b */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7209900 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7ec9281 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-54f1712 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7189690 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5269c93 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-aa81fb5 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8c2ce8b */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7209900 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7ec9281 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-54f1712 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7189690 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5269c93 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-aa81fb5 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8c2ce8b */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7209900 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7ec9281 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-54f1712 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7189690 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5269c93 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-aa81fb5 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8c2ce8b */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7209900 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7ec9281 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-54f1712 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7189690 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5269c93 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-aa81fb5 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8c2ce8b */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7209900 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7ec9281 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-54f1712 */.elementor-1918 .elementor-element.elementor-element-7e96c08:hover .elementor-widget-container { box-shadow: 10px 10px 0px 0px #CC1C50; transform: translateY(-5px); transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a8115af */.elementor-2226 .elementor-element.elementor-element-a8115af{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-a8115af:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ee8e0f7 */.elementor-2226 .elementor-element.elementor-element-ee8e0f7{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-ee8e0f7:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-75f91c6 */.elementor-2226 .elementor-element.elementor-element-75f91c6{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-75f91c6:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-048ebf4 */.elementor-2226 .elementor-element.elementor-element-048ebf4{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-048ebf4:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-57efe14 */.elementor-2226 .elementor-element.elementor-element-57efe14{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-57efe14:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-13f98c8 */.elementor-2226 .elementor-element.elementor-element-13f98c8{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-13f98c8:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-12d66ea */.elementor-2226 .elementor-element.elementor-element-12d66ea{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-12d66ea:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-6d285ad */.elementor-2226 .elementor-element.elementor-element-6d285ad{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-6d285ad:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a4bbbdb */.elementor-2226 .elementor-element.elementor-element-a4bbbdb{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-a4bbbdb:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-38f0d9e */.elementor-2226 .elementor-element.elementor-element-38f0d9e{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-38f0d9e:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e4fc02f */.elementor-2226 .elementor-element.elementor-element-e4fc02f{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-e4fc02f:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8dc10ca */.elementor-2226 .elementor-element.elementor-element-8dc10ca{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-8dc10ca:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b76431b */.elementor-2226 .elementor-element.elementor-element-b76431b{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-b76431b:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-732b0c9 */.elementor-2226 .elementor-element.elementor-element-732b0c9{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-732b0c9:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ce10dc1 */.elementor-2226 .elementor-element.elementor-element-ce10dc1{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-ce10dc1:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-ad0bf02 */.elementor-2226 .elementor-element.elementor-element-ad0bf02{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-ad0bf02:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-6e977a1 */.elementor-2226 .elementor-element.elementor-element-6e977a1{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-6e977a1:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-803fe68 */.elementor-2226 .elementor-element.elementor-element-803fe68{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-803fe68:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-062747d */.elementor-2226 .elementor-element.elementor-element-062747d{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-062747d:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0a84fd1 */.elementor-2226 .elementor-element.elementor-element-0a84fd1{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-0a84fd1:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-464fb69 */.elementor-2226 .elementor-element.elementor-element-464fb69{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-464fb69:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-675ff05 */.elementor-2226 .elementor-element.elementor-element-675ff05{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-675ff05:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bced6b3 */.elementor-2226 .elementor-element.elementor-element-bced6b3{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-bced6b3:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-14a3dd9 */.elementor-2226 .elementor-element.elementor-element-14a3dd9{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-14a3dd9:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f47c6eb */.elementor-2226 .elementor-element.elementor-element-f47c6eb{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-f47c6eb:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bb9274b */.elementor-2226 .elementor-element.elementor-element-bb9274b{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-bb9274b:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f166bd7 */.elementor-2226 .elementor-element.elementor-element-f166bd7{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-f166bd7:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-db5c2f2 */.elementor-2226 .elementor-element.elementor-element-db5c2f2{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-db5c2f2:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5a13dce */.elementor-2226 .elementor-element.elementor-element-5a13dce{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-5a13dce:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-22c30a3 */.elementor-2226 .elementor-element.elementor-element-22c30a3{ transition: all 0.3s linear; } .elementor-2226 .elementor-element.elementor-element-22c30a3:hover{ transform: scale(1.1); box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2) !important; border-radius:5px; }/* End custom CSS */ /* Start custom CSS */html, body{ overflow-x: hidden; } /* Estilizando a barra de rolagem para navegadores baseados em WebKit (Chrome, Edge, Safari) */ ::-webkit-scrollbar { width: 8px; /* Define a largura da barra de rolagem */ border-radius: 10px; /* Deixa os cantos arredondados */ } /* Estilizando o fundo da barra de rolagem */ ::-webkit-scrollbar-track { background: #f1f1f1; /* Cor do fundo da barra */ border-radius: 10px; /* Mantém os cantos arredondados */ } /* Estilizando a alça (scroll thumb) da barra de rolagem */ ::-webkit-scrollbar-thumb { background: #FFCD05; /* Cor da alça */ border-radius: 10px; /* Torna a alça arredondada */ } /* Efeito de hover na alça da barra de rolagem */ ::-webkit-scrollbar-thumb:hover { background: #a31540; /* Cor mais escura ao passar o mouse */ }/* End custom CSS */