.elementor-501 .elementor-element.elementor-element-f36d59d{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-501 .elementor-element.elementor-element-3e6a6ee{text-align:center;}.elementor-501 .elementor-element.elementor-element-3e6a6ee .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:64px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1;letter-spacing:-1.9px;color:#001529;}.elementor-501 .elementor-element.elementor-element-6519fa9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:60px 60px 60px 60px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-501 .elementor-element.elementor-element-6519fa9:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-6519fa9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#133D8B00;}.elementor-501 .elementor-element.elementor-element-9beff0e{--display:flex;--border-radius:30px 30px 30px 30px;}.elementor-501 .elementor-element.elementor-element-9beff0e:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-9beff0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#133D8B;}.elementor-501 .elementor-element.elementor-element-dace274{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--margin-top:-51px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-501 .elementor-element.elementor-element-dace274.e-con{--align-self:flex-start;}.elementor-501 .elementor-element.elementor-element-6a30381{width:var( --container-widget-width, 51.412% );max-width:51.412%;--container-widget-width:51.412%;--container-widget-flex-grow:0;}.elementor-501 .elementor-element.elementor-element-6a30381.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );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-501 .elementor-element.elementor-element-d2fa928{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:50%;--container-widget-flex-grow:0;color:#D2DEE9;}.elementor-501 .elementor-element.elementor-element-d2fa928.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-501 .elementor-element.elementor-element-865653d{--display:flex;--margin-top:-60px;--margin-bottom:-120px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-501 .elementor-element.elementor-element-a1dfea7{--display:flex;}.elementor-501 .elementor-element.elementor-element-379ce37{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-501 .elementor-element.elementor-element-379ce37:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-379ce37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/capas-ws-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-501 .elementor-element.elementor-element-d7412e7{--display:flex;--position:absolute;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 10px 10px;top:0px;}.elementor-501 .elementor-element.elementor-element-d7412e7:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-d7412e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-501 .elementor-element.elementor-element-d7412e7{left:0px;}body.rtl .elementor-501 .elementor-element.elementor-element-d7412e7{right:0px;}.elementor-501 .elementor-element.elementor-element-f3d016b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 16px;padding:0px 0px 0px 0px;}.elementor-501 .elementor-element.elementor-element-f3d016b.elementor-element{--align-self:flex-start;}.elementor-501 .elementor-element.elementor-element-f3d016b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:31px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1;letter-spacing:-1.9px;color:#133D8B;}.elementor-501 .elementor-element.elementor-element-c3aae15{padding:15px 15px 15px 15px;}.elementor-501 .elementor-element.elementor-element-c3aae15 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:27px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1;letter-spacing:-1.9px;color:#363636;}.elementor-501 .elementor-element.elementor-element-576cf11{--display:flex;}.elementor-501 .elementor-element.elementor-element-e16dc3a{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-501 .elementor-element.elementor-element-e16dc3a:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-e16dc3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/capas-ws-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-501 .elementor-element.elementor-element-8aa7900{--display:flex;--position:absolute;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 10px 10px;top:0px;}.elementor-501 .elementor-element.elementor-element-8aa7900:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-8aa7900 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-501 .elementor-element.elementor-element-8aa7900{left:0px;}body.rtl .elementor-501 .elementor-element.elementor-element-8aa7900{right:0px;}.elementor-501 .elementor-element.elementor-element-8b74a43{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-501 .elementor-element.elementor-element-8b74a43.elementor-element{--align-self:flex-start;}.elementor-501 .elementor-element.elementor-element-8b74a43 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:31px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1;letter-spacing:-1.9px;color:#133D8B;}.elementor-501 .elementor-element.elementor-element-04fe460{padding:15px 15px 15px 15px;}.elementor-501 .elementor-element.elementor-element-04fe460 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:27px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1;letter-spacing:-1.9px;color:#363636;}.elementor-501 .elementor-element.elementor-element-8b39582{--display:flex;}.elementor-501 .elementor-element.elementor-element-87b8260{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-501 .elementor-element.elementor-element-87b8260:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-87b8260 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/capas-ws-3.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-501 .elementor-element.elementor-element-fbc57e0{--display:flex;--position:absolute;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 10px 10px;top:0px;}.elementor-501 .elementor-element.elementor-element-fbc57e0:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-fbc57e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-501 .elementor-element.elementor-element-fbc57e0{left:0px;}body.rtl .elementor-501 .elementor-element.elementor-element-fbc57e0{right:0px;}.elementor-501 .elementor-element.elementor-element-5187843{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-501 .elementor-element.elementor-element-5187843 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:31px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1;letter-spacing:-1.9px;color:#133D8B;}.elementor-501 .elementor-element.elementor-element-9b2a8f6{padding:15px 15px 15px 15px;}.elementor-501 .elementor-element.elementor-element-9b2a8f6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:27px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1;letter-spacing:-1.9px;color:#363636;}.elementor-501 .elementor-element.elementor-element-a518b2d{--display:flex;}.elementor-501 .elementor-element.elementor-element-b7d701a{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-501 .elementor-element.elementor-element-b7d701a:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-b7d701a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/capas-ws-4.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-501 .elementor-element.elementor-element-6d66a74{--display:flex;--position:absolute;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 10px 10px;top:0px;}.elementor-501 .elementor-element.elementor-element-6d66a74:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-6d66a74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-501 .elementor-element.elementor-element-6d66a74{left:0px;}body.rtl .elementor-501 .elementor-element.elementor-element-6d66a74{right:0px;}.elementor-501 .elementor-element.elementor-element-5a46aec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-501 .elementor-element.elementor-element-5a46aec.elementor-element{--align-self:flex-start;}.elementor-501 .elementor-element.elementor-element-5a46aec .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:31px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1;letter-spacing:-1.9px;color:#133D8B;}.elementor-501 .elementor-element.elementor-element-7710af1{padding:15px 15px 15px 15px;}.elementor-501 .elementor-element.elementor-element-7710af1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:27px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1;letter-spacing:-1.9px;color:#363636;}.elementor-501 .elementor-element.elementor-element-953fa51{--display:flex;}.elementor-501 .elementor-element.elementor-element-970c8d1{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-501 .elementor-element.elementor-element-970c8d1:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-970c8d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/capas-ws-5.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-501 .elementor-element.elementor-element-5850eb5{--display:flex;--position:absolute;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 10px 10px;top:0px;}.elementor-501 .elementor-element.elementor-element-5850eb5:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-5850eb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-501 .elementor-element.elementor-element-5850eb5{left:0px;}body.rtl .elementor-501 .elementor-element.elementor-element-5850eb5{right:0px;}.elementor-501 .elementor-element.elementor-element-5bc03d2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 13px;padding:0px 0px 0px 0px;text-align:start;}.elementor-501 .elementor-element.elementor-element-5bc03d2.elementor-element{--align-self:flex-start;}.elementor-501 .elementor-element.elementor-element-5bc03d2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:31px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1;letter-spacing:-1.9px;color:#133D8B;}.elementor-501 .elementor-element.elementor-element-1c99e83{padding:15px 15px 15px 15px;}.elementor-501 .elementor-element.elementor-element-1c99e83 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:27px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1;letter-spacing:-1.9px;color:#363636;}.elementor-501 .elementor-element.elementor-element-f1890c2{--display:flex;}.elementor-501 .elementor-element.elementor-element-6496a11{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-501 .elementor-element.elementor-element-6496a11:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-6496a11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/capas-ws-6.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-501 .elementor-element.elementor-element-b7751c9{--display:flex;--position:absolute;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 10px 10px;top:0px;}.elementor-501 .elementor-element.elementor-element-b7751c9:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-b7751c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-501 .elementor-element.elementor-element-b7751c9{left:0px;}body.rtl .elementor-501 .elementor-element.elementor-element-b7751c9{right:0px;}.elementor-501 .elementor-element.elementor-element-5799d21{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-501 .elementor-element.elementor-element-5799d21.elementor-element{--align-self:flex-start;}.elementor-501 .elementor-element.elementor-element-5799d21 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:31px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1;letter-spacing:-1.9px;color:#133D8B;}.elementor-501 .elementor-element.elementor-element-a35d2bf{padding:15px 15px 15px 15px;}.elementor-501 .elementor-element.elementor-element-a35d2bf .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:27px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1;letter-spacing:-1.9px;color:#363636;}.elementor-501 .elementor-element.elementor-element-2f79611{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:0px;padding:0px 0px 0px 0px;--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;}.elementor-501 .elementor-element.elementor-element-0173516{--display:flex;}.elementor-501 .elementor-element.elementor-element-15d546e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-501 .elementor-element.elementor-element-6519fa9{--content-width:1450px;}.elementor-501 .elementor-element.elementor-element-dace274{--width:100%;}.elementor-501 .elementor-element.elementor-element-d7412e7{--width:100%;}.elementor-501 .elementor-element.elementor-element-8aa7900{--width:100%;}.elementor-501 .elementor-element.elementor-element-fbc57e0{--width:100%;}.elementor-501 .elementor-element.elementor-element-6d66a74{--width:100%;}.elementor-501 .elementor-element.elementor-element-5850eb5{--width:100%;}.elementor-501 .elementor-element.elementor-element-b7751c9{--width:100%;}}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-501 .elementor-element.elementor-element-2f79611{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-501 .elementor-element.elementor-element-f36d59d{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-501 .elementor-element.elementor-element-3e6a6ee .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-501 .elementor-element.elementor-element-dace274{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-501 .elementor-element.elementor-element-6a30381{padding:0px 0px 10px 0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-501 .elementor-element.elementor-element-d2fa928{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-501 .elementor-element.elementor-element-f3d016b .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-501 .elementor-element.elementor-element-c3aae15 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-501 .elementor-element.elementor-element-8b74a43 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-501 .elementor-element.elementor-element-04fe460 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-501 .elementor-element.elementor-element-5187843 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-501 .elementor-element.elementor-element-9b2a8f6 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-501 .elementor-element.elementor-element-5a46aec .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-501 .elementor-element.elementor-element-7710af1 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-501 .elementor-element.elementor-element-5bc03d2 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-501 .elementor-element.elementor-element-1c99e83 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-501 .elementor-element.elementor-element-5799d21 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-501 .elementor-element.elementor-element-a35d2bf .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-501 .elementor-element.elementor-element-2f79611{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-d7412e7 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-d7412e7 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-d7412e7:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-379ce37 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-379ce37 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8aa7900 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-8aa7900 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-8aa7900:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e16dc3a *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-e16dc3a {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbc57e0 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-fbc57e0 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-fbc57e0:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b8260 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-87b8260 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d66a74 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-6d66a74 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-6d66a74:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7d701a *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-b7d701a {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5850eb5 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-5850eb5 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-5850eb5:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-970c8d1 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-970c8d1 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7751c9 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-b7751c9 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-b7751c9:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6496a11 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-6496a11 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7412e7 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-d7412e7 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-d7412e7:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-379ce37 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-379ce37 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8aa7900 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-8aa7900 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-8aa7900:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e16dc3a *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-e16dc3a {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbc57e0 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-fbc57e0 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-fbc57e0:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b8260 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-87b8260 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d66a74 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-6d66a74 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-6d66a74:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7d701a *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-b7d701a {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5850eb5 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-5850eb5 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-5850eb5:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-970c8d1 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-970c8d1 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7751c9 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-b7751c9 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-b7751c9:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6496a11 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-6496a11 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7412e7 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-d7412e7 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-d7412e7:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-379ce37 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-379ce37 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8aa7900 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-8aa7900 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-8aa7900:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e16dc3a *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-e16dc3a {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbc57e0 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-fbc57e0 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-fbc57e0:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b8260 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-87b8260 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d66a74 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-6d66a74 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-6d66a74:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7d701a *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-b7d701a {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5850eb5 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-5850eb5 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-5850eb5:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-970c8d1 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-970c8d1 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7751c9 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-b7751c9 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-b7751c9:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6496a11 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-6496a11 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7412e7 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-d7412e7 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-d7412e7:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-379ce37 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-379ce37 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8aa7900 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-8aa7900 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-8aa7900:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e16dc3a *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-e16dc3a {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbc57e0 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-fbc57e0 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-fbc57e0:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b8260 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-87b8260 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d66a74 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-6d66a74 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-6d66a74:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7d701a *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-b7d701a {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5850eb5 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-5850eb5 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-5850eb5:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-970c8d1 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-970c8d1 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7751c9 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-b7751c9 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-b7751c9:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6496a11 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-6496a11 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7412e7 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-d7412e7 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-d7412e7:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-379ce37 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-379ce37 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8aa7900 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-8aa7900 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-8aa7900:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e16dc3a *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-e16dc3a {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbc57e0 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-fbc57e0 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-fbc57e0:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b8260 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-87b8260 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d66a74 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-6d66a74 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-6d66a74:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7d701a *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-b7d701a {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5850eb5 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-5850eb5 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-5850eb5:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-970c8d1 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-970c8d1 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7751c9 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-b7751c9 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-b7751c9:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6496a11 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-6496a11 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7412e7 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-d7412e7 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-d7412e7:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-379ce37 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-379ce37 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8aa7900 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-8aa7900 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-8aa7900:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e16dc3a *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-e16dc3a {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbc57e0 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-fbc57e0 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-fbc57e0:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b8260 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-87b8260 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d66a74 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-6d66a74 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-6d66a74:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7d701a *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-b7d701a {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5850eb5 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-5850eb5 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-5850eb5:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-970c8d1 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-970c8d1 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7751c9 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-b7751c9 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-b7751c9:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6496a11 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-6496a11 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7412e7 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-d7412e7 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-d7412e7:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-379ce37 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-379ce37 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8aa7900 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-8aa7900 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-8aa7900:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e16dc3a *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-e16dc3a {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbc57e0 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-fbc57e0 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-fbc57e0:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87b8260 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-87b8260 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d66a74 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-6d66a74 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-6d66a74:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7d701a *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-b7d701a {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5850eb5 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-5850eb5 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-5850eb5:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-970c8d1 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-970c8d1 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7751c9 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-501 .elementor-element.elementor-element-b7751c9 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; /* Copia 100% da largura do outro */ height: 100% !important; /* Copia 100% da altura do outro */ background-color: #FFFFFF; /* Fundo branco 100% */ z-index: 10; /* Centraliza o texto que você vai colocar dentro */ display: flex; flex-direction: column; justify-content: center; align-items: center; /* Estado inicial: Invisível */ opacity: 0; transition: opacity 0.3s ease-in-out; } /* 2. O Hover: Quando passar o mouse nele mesmo, ele aparece */ .elementor-501 .elementor-element.elementor-element-b7751c9:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6496a11 *//* Trava a proporção quadrada */
.elementor-501 .elementor-element.elementor-element-6496a11 {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative; /* Necessário para o texto em posição absoluta depois */
}

/* Garante que o slide do carrossel não force uma altura diferente */
.elementor-swiper-button-prev, .elementor-swiper-button-next {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-501 {
    color: #fff !important;
}/* End custom CSS */