.elementor-314 .elementor-element.elementor-element-4bc00a6{--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-314 .elementor-element.elementor-element-ad67d64{text-align:center;}.elementor-314 .elementor-element.elementor-element-ad67d64 .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-314 .elementor-element.elementor-element-55cb62d{--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-314 .elementor-element.elementor-element-55cb62d:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-55cb62d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#133D8B00;}.elementor-314 .elementor-element.elementor-element-90be7c2{--display:flex;--border-radius:30px 30px 30px 30px;}.elementor-314 .elementor-element.elementor-element-90be7c2:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-90be7c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#133D8B;}.elementor-314 .elementor-element.elementor-element-95c595c{--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-314 .elementor-element.elementor-element-95c595c.e-con{--align-self:flex-start;}.elementor-314 .elementor-element.elementor-element-a94f996{width:var( --container-widget-width, 51.412% );max-width:51.412%;--container-widget-width:51.412%;--container-widget-flex-grow:0;}.elementor-314 .elementor-element.elementor-element-a94f996.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-314 .elementor-element.elementor-element-7e4b6b5{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-314 .elementor-element.elementor-element-7e4b6b5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-314 .elementor-element.elementor-element-8bcb9ac{--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-314 .elementor-element.elementor-element-5099e9c{--display:flex;}.elementor-314 .elementor-element.elementor-element-776f952{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-776f952:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-776f952 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/capaprot.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-1da399e{--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-314 .elementor-element.elementor-element-1da399e:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-1da399e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-1da399e{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-1da399e{right:0px;}.elementor-314 .elementor-element.elementor-element-b14fa69{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-b14fa69 .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-314 .elementor-element.elementor-element-e10363a{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-e10363a .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-314 .elementor-element.elementor-element-5386b09{--display:flex;}.elementor-314 .elementor-element.elementor-element-60d316d{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-60d316d:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-60d316d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/cap3.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-e650f7c{--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-314 .elementor-element.elementor-element-e650f7c:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-e650f7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-e650f7c{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-e650f7c{right:0px;}.elementor-314 .elementor-element.elementor-element-da2034b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-da2034b .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-314 .elementor-element.elementor-element-8c3d424{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-8c3d424 .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-314 .elementor-element.elementor-element-b169871{--display:flex;}.elementor-314 .elementor-element.elementor-element-e78aa64{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-e78aa64:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-e78aa64 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/cap4.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-b710991{--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-314 .elementor-element.elementor-element-b710991:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-b710991 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-b710991{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-b710991{right:0px;}.elementor-314 .elementor-element.elementor-element-94d8f95{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-94d8f95.elementor-element{--align-self:flex-start;}.elementor-314 .elementor-element.elementor-element-94d8f95 .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-314 .elementor-element.elementor-element-5d0d7fc{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-5d0d7fc .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-314 .elementor-element.elementor-element-92b7a59{--display:flex;}.elementor-314 .elementor-element.elementor-element-28c75c7{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-28c75c7:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-28c75c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/cap7.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-ea6a213{--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-314 .elementor-element.elementor-element-ea6a213:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-ea6a213 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-ea6a213{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-ea6a213{right:0px;}.elementor-314 .elementor-element.elementor-element-dbd381c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-dbd381c .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-314 .elementor-element.elementor-element-2ac3b98{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-2ac3b98 .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-314 .elementor-element.elementor-element-b098ea0{--display:flex;}.elementor-314 .elementor-element.elementor-element-4a7f289{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-4a7f289:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-4a7f289 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/cap8.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-0c36b6e{--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-314 .elementor-element.elementor-element-0c36b6e:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-0c36b6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-0c36b6e{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-0c36b6e{right:0px;}.elementor-314 .elementor-element.elementor-element-ad02fbd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-ad02fbd .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-314 .elementor-element.elementor-element-872b2fc{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-872b2fc .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-314 .elementor-element.elementor-element-2928d14{--display:flex;}.elementor-314 .elementor-element.elementor-element-351040e{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-351040e:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-351040e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/cap9.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-676450b{--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-314 .elementor-element.elementor-element-676450b:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-676450b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-676450b{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-676450b{right:0px;}.elementor-314 .elementor-element.elementor-element-26c99b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-26c99b9 .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-314 .elementor-element.elementor-element-5fbc4f4{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-5fbc4f4 .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-314 .elementor-element.elementor-element-af34884{--display:flex;}.elementor-314 .elementor-element.elementor-element-15c3d92{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-15c3d92:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-15c3d92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/cap10.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-0430813{--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-314 .elementor-element.elementor-element-0430813:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-0430813 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-0430813{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-0430813{right:0px;}.elementor-314 .elementor-element.elementor-element-b5a6998{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-b5a6998 .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-314 .elementor-element.elementor-element-3b792fd{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-3b792fd .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-314 .elementor-element.elementor-element-751d485{--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-314 .elementor-element.elementor-element-dde0ed8{--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-314 .elementor-element.elementor-element-dde0ed8:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-dde0ed8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#133D8B00;}.elementor-314 .elementor-element.elementor-element-8e923ce{--display:flex;--border-radius:30px 30px 30px 30px;}.elementor-314 .elementor-element.elementor-element-8e923ce:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-8e923ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#133D8B;}.elementor-314 .elementor-element.elementor-element-96a17ba{--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-314 .elementor-element.elementor-element-96a17ba.e-con{--align-self:flex-start;}.elementor-314 .elementor-element.elementor-element-9cfe111{width:var( --container-widget-width, 51.412% );max-width:51.412%;--container-widget-width:51.412%;--container-widget-flex-grow:0;}.elementor-314 .elementor-element.elementor-element-9cfe111.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-314 .elementor-element.elementor-element-1266621{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-314 .elementor-element.elementor-element-1266621.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-314 .elementor-element.elementor-element-1b43dd2{--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-314 .elementor-element.elementor-element-c19a77f{--display:flex;}.elementor-314 .elementor-element.elementor-element-e3ae37e{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-e3ae37e:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-e3ae37e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/cap1-fin.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-41f3be4{--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-314 .elementor-element.elementor-element-41f3be4:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-41f3be4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-41f3be4{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-41f3be4{right:0px;}.elementor-314 .elementor-element.elementor-element-e4f9f6f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-e4f9f6f .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-314 .elementor-element.elementor-element-15374ce{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-15374ce .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-314 .elementor-element.elementor-element-f22ebd8{--display:flex;}.elementor-314 .elementor-element.elementor-element-a109b2b{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-a109b2b:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-a109b2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/cap2-fin.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-f61716e{--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-314 .elementor-element.elementor-element-f61716e:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-f61716e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-f61716e{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-f61716e{right:0px;}.elementor-314 .elementor-element.elementor-element-25dfba5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-25dfba5.elementor-element{--align-self:flex-start;}.elementor-314 .elementor-element.elementor-element-25dfba5 .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-314 .elementor-element.elementor-element-32e2fc1{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-32e2fc1 .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-314 .elementor-element.elementor-element-6ec6374{--display:flex;}.elementor-314 .elementor-element.elementor-element-eff79c9{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-eff79c9:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-eff79c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/capa3-fin.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-15dff45{--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-314 .elementor-element.elementor-element-15dff45:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-15dff45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-15dff45{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-15dff45{right:0px;}.elementor-314 .elementor-element.elementor-element-5e31883{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-5e31883 .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-314 .elementor-element.elementor-element-7617911{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-7617911 .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-314 .elementor-element.elementor-element-3322553{--display:flex;}.elementor-314 .elementor-element.elementor-element-27d640c{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-27d640c:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-27d640c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/cap4-fin.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-c81ae37{--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-314 .elementor-element.elementor-element-c81ae37:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-c81ae37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-c81ae37{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-c81ae37{right:0px;}.elementor-314 .elementor-element.elementor-element-4fc0f1a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-4fc0f1a.elementor-element{--align-self:flex-start;}.elementor-314 .elementor-element.elementor-element-4fc0f1a .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-314 .elementor-element.elementor-element-03073ec{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-03073ec .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-314 .elementor-element.elementor-element-8137369{--display:flex;}.elementor-314 .elementor-element.elementor-element-f0ca950{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-f0ca950:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-f0ca950 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/capa6-fin.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-cea906c{--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-314 .elementor-element.elementor-element-cea906c:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-cea906c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-cea906c{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-cea906c{right:0px;}.elementor-314 .elementor-element.elementor-element-2265c88{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-2265c88.elementor-element{--align-self:flex-start;}.elementor-314 .elementor-element.elementor-element-2265c88 .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-314 .elementor-element.elementor-element-44dccda{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-44dccda .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-314 .elementor-element.elementor-element-c0dca3b{--display:flex;}.elementor-314 .elementor-element.elementor-element-962a66d{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-962a66d:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-962a66d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/capa7-fin.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-8bdfb33{--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-314 .elementor-element.elementor-element-8bdfb33:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-8bdfb33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-8bdfb33{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-8bdfb33{right:0px;}.elementor-314 .elementor-element.elementor-element-0e05efc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -20px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-0e05efc .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-314 .elementor-element.elementor-element-a0ff13c{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-a0ff13c .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-314 .elementor-element.elementor-element-e5bbc1d{--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-314 .elementor-element.elementor-element-e9c552b{--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-314 .elementor-element.elementor-element-e9c552b:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-e9c552b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#133D8B00;}.elementor-314 .elementor-element.elementor-element-3d475dc{--display:flex;--border-radius:30px 30px 30px 30px;}.elementor-314 .elementor-element.elementor-element-3d475dc:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-3d475dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#133D8B;}.elementor-314 .elementor-element.elementor-element-0464618{--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-314 .elementor-element.elementor-element-0464618.e-con{--align-self:flex-start;}.elementor-314 .elementor-element.elementor-element-93b3a65{width:var( --container-widget-width, 51.412% );max-width:51.412%;--container-widget-width:51.412%;--container-widget-flex-grow:0;}.elementor-314 .elementor-element.elementor-element-93b3a65.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-314 .elementor-element.elementor-element-dadcd88{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-314 .elementor-element.elementor-element-dadcd88.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-314 .elementor-element.elementor-element-4a92b41{--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-314 .elementor-element.elementor-element-a2b6815{--display:flex;}.elementor-314 .elementor-element.elementor-element-a0e5e50{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-a0e5e50:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-a0e5e50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/cap1-vendas.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-51fd696{--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-314 .elementor-element.elementor-element-51fd696:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-51fd696 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-51fd696{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-51fd696{right:0px;}.elementor-314 .elementor-element.elementor-element-1b6076f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-1b6076f .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-314 .elementor-element.elementor-element-286afeb{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-286afeb .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-314 .elementor-element.elementor-element-5433289{--display:flex;}.elementor-314 .elementor-element.elementor-element-814e4ce{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-814e4ce:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-814e4ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/cap2-vendas.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-1a5dc82{--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-314 .elementor-element.elementor-element-1a5dc82:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-1a5dc82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-1a5dc82{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-1a5dc82{right:0px;}.elementor-314 .elementor-element.elementor-element-ed0e6cb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-ed0e6cb.elementor-element{--align-self:flex-start;}.elementor-314 .elementor-element.elementor-element-ed0e6cb .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-314 .elementor-element.elementor-element-9bee767{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-9bee767 .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-314 .elementor-element.elementor-element-c1e3ad4{--display:flex;}.elementor-314 .elementor-element.elementor-element-6a85a84{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-6a85a84:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-6a85a84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/capa3-vendas.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-87ce843{--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-314 .elementor-element.elementor-element-87ce843:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-87ce843 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-87ce843{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-87ce843{right:0px;}.elementor-314 .elementor-element.elementor-element-548af96{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-548af96 .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-314 .elementor-element.elementor-element-3db99ad{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-3db99ad .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-314 .elementor-element.elementor-element-f87a86e{--display:flex;}.elementor-314 .elementor-element.elementor-element-574aed8{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-574aed8:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-574aed8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/cap5-vendas.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-62d8d7f{--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-314 .elementor-element.elementor-element-62d8d7f:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-62d8d7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-62d8d7f{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-62d8d7f{right:0px;}.elementor-314 .elementor-element.elementor-element-c936e88{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-c936e88.elementor-element{--align-self:flex-start;}.elementor-314 .elementor-element.elementor-element-c936e88 .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-314 .elementor-element.elementor-element-2a00a28{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-2a00a28 .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-314 .elementor-element.elementor-element-fe1981b{--display:flex;}.elementor-314 .elementor-element.elementor-element-373f6f3{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-373f6f3:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-373f6f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/cap6-vendas.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-f3bc376{--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-314 .elementor-element.elementor-element-f3bc376:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-f3bc376 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-f3bc376{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-f3bc376{right:0px;}.elementor-314 .elementor-element.elementor-element-d40ee81{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-d40ee81.elementor-element{--align-self:flex-start;}.elementor-314 .elementor-element.elementor-element-d40ee81 .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-314 .elementor-element.elementor-element-b62e3fa{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-b62e3fa .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-314 .elementor-element.elementor-element-93e4d66{--display:flex;}.elementor-314 .elementor-element.elementor-element-edbc622{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-edbc622:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-edbc622 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/cap7-vendas.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-8c64106{--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-314 .elementor-element.elementor-element-8c64106:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-8c64106 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-8c64106{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-8c64106{right:0px;}.elementor-314 .elementor-element.elementor-element-256232e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -20px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-256232e .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-314 .elementor-element.elementor-element-a1fa2fc{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-a1fa2fc .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-314 .elementor-element.elementor-element-b8b7789{--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-314 .elementor-element.elementor-element-4d58028{--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-314 .elementor-element.elementor-element-4d58028:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-4d58028 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#133D8B00;}.elementor-314 .elementor-element.elementor-element-c2bd333{--display:flex;--border-radius:30px 30px 30px 30px;}.elementor-314 .elementor-element.elementor-element-c2bd333:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-c2bd333 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#133D8B;}.elementor-314 .elementor-element.elementor-element-dc95962{--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-314 .elementor-element.elementor-element-dc95962.e-con{--align-self:flex-start;}.elementor-314 .elementor-element.elementor-element-73b8342{width:var( --container-widget-width, 51.412% );max-width:51.412%;--container-widget-width:51.412%;--container-widget-flex-grow:0;}.elementor-314 .elementor-element.elementor-element-73b8342.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-314 .elementor-element.elementor-element-73b8342 .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;}.elementor-314 .elementor-element.elementor-element-e2a4b27{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-314 .elementor-element.elementor-element-e2a4b27.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-314 .elementor-element.elementor-element-9615703{--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-314 .elementor-element.elementor-element-b8b16ab{--display:flex;}.elementor-314 .elementor-element.elementor-element-a2c4f4b{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-a2c4f4b:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-a2c4f4b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/capas-preset-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-7219871{--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-314 .elementor-element.elementor-element-7219871:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-7219871 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-7219871{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-7219871{right:0px;}.elementor-314 .elementor-element.elementor-element-e4638e4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 16px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-e4638e4.elementor-element{--align-self:flex-start;}.elementor-314 .elementor-element.elementor-element-e4638e4 .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-314 .elementor-element.elementor-element-c8ff86d{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-c8ff86d .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-314 .elementor-element.elementor-element-5b5ad8e{--display:flex;}.elementor-314 .elementor-element.elementor-element-0319ef2{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-0319ef2:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-0319ef2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/capas-prest-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-284cd10{--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-314 .elementor-element.elementor-element-284cd10:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-284cd10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-284cd10{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-284cd10{right:0px;}.elementor-314 .elementor-element.elementor-element-f97ec56{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-f97ec56.elementor-element{--align-self:flex-start;}.elementor-314 .elementor-element.elementor-element-f97ec56 .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-314 .elementor-element.elementor-element-7c2c085{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-7c2c085 .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-314 .elementor-element.elementor-element-50c1727{--display:flex;}.elementor-314 .elementor-element.elementor-element-d6e5028{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-d6e5028:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-d6e5028 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/capas-preset-3.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-5fecddb{--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-314 .elementor-element.elementor-element-5fecddb:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-5fecddb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-5fecddb{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-5fecddb{right:0px;}.elementor-314 .elementor-element.elementor-element-9fd1385{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-9fd1385.elementor-element{--align-self:flex-start;}.elementor-314 .elementor-element.elementor-element-9fd1385 .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-314 .elementor-element.elementor-element-48957be{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-48957be .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-314 .elementor-element.elementor-element-8020232{--display:flex;}.elementor-314 .elementor-element.elementor-element-ca84f0d{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-ca84f0d:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-ca84f0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ideiaconsultoria.com.br/wp-content/uploads/2026/04/capas-preset-4.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-314 .elementor-element.elementor-element-d591a52{--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-314 .elementor-element.elementor-element-d591a52:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-d591a52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FF;}body:not(.rtl) .elementor-314 .elementor-element.elementor-element-d591a52{left:0px;}body.rtl .elementor-314 .elementor-element.elementor-element-d591a52{right:0px;}.elementor-314 .elementor-element.elementor-element-95e0515{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;padding:0px 0px 0px 0px;}.elementor-314 .elementor-element.elementor-element-95e0515.elementor-element{--align-self:flex-start;}.elementor-314 .elementor-element.elementor-element-95e0515 .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-314 .elementor-element.elementor-element-6e5d389{padding:15px 15px 15px 15px;}.elementor-314 .elementor-element.elementor-element-6e5d389 .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-314 .elementor-element.elementor-element-b20a1c0{--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-314 .elementor-element.elementor-element-722fa7e{--display:flex;}@media(min-width:768px){.elementor-314 .elementor-element.elementor-element-55cb62d{--content-width:1450px;}.elementor-314 .elementor-element.elementor-element-95c595c{--width:100%;}.elementor-314 .elementor-element.elementor-element-1da399e{--width:100%;}.elementor-314 .elementor-element.elementor-element-e650f7c{--width:100%;}.elementor-314 .elementor-element.elementor-element-b710991{--width:100%;}.elementor-314 .elementor-element.elementor-element-ea6a213{--width:100%;}.elementor-314 .elementor-element.elementor-element-0c36b6e{--width:100%;}.elementor-314 .elementor-element.elementor-element-676450b{--width:100%;}.elementor-314 .elementor-element.elementor-element-0430813{--width:100%;}.elementor-314 .elementor-element.elementor-element-dde0ed8{--content-width:1450px;}.elementor-314 .elementor-element.elementor-element-96a17ba{--width:100%;}.elementor-314 .elementor-element.elementor-element-41f3be4{--width:100%;}.elementor-314 .elementor-element.elementor-element-f61716e{--width:100%;}.elementor-314 .elementor-element.elementor-element-15dff45{--width:100%;}.elementor-314 .elementor-element.elementor-element-c81ae37{--width:100%;}.elementor-314 .elementor-element.elementor-element-cea906c{--width:100%;}.elementor-314 .elementor-element.elementor-element-8bdfb33{--width:100%;}.elementor-314 .elementor-element.elementor-element-e9c552b{--content-width:1450px;}.elementor-314 .elementor-element.elementor-element-0464618{--width:100%;}.elementor-314 .elementor-element.elementor-element-51fd696{--width:100%;}.elementor-314 .elementor-element.elementor-element-1a5dc82{--width:100%;}.elementor-314 .elementor-element.elementor-element-87ce843{--width:100%;}.elementor-314 .elementor-element.elementor-element-62d8d7f{--width:100%;}.elementor-314 .elementor-element.elementor-element-f3bc376{--width:100%;}.elementor-314 .elementor-element.elementor-element-8c64106{--width:100%;}.elementor-314 .elementor-element.elementor-element-4d58028{--content-width:1450px;}.elementor-314 .elementor-element.elementor-element-dc95962{--width:100%;}.elementor-314 .elementor-element.elementor-element-7219871{--width:100%;}.elementor-314 .elementor-element.elementor-element-284cd10{--width:100%;}.elementor-314 .elementor-element.elementor-element-5fecddb{--width:100%;}.elementor-314 .elementor-element.elementor-element-d591a52{--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-314 .elementor-element.elementor-element-751d485{--e-n-carousel-swiper-slides-to-display:2;}.elementor-314 .elementor-element.elementor-element-e5bbc1d{--e-n-carousel-swiper-slides-to-display:2;}.elementor-314 .elementor-element.elementor-element-b8b7789{--e-n-carousel-swiper-slides-to-display:2;}.elementor-314 .elementor-element.elementor-element-b20a1c0{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.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-314 .elementor-element.elementor-element-ad67d64{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -60px) 0px;}.elementor-314 .elementor-element.elementor-element-ad67d64 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-95c595c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-a94f996{margin:0px 0px calc(var(--kit-widget-spacing, 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-314 .elementor-element.elementor-element-7e4b6b5{--container-widget-width:876px;--container-widget-flex-grow:0;width:var( --container-widget-width, 876px );max-width:876px;}.elementor-314 .elementor-element.elementor-element-b14fa69 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-e10363a .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-da2034b .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-8c3d424 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-94d8f95 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-5d0d7fc .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-dbd381c .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-2ac3b98 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-ad02fbd .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-872b2fc .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-26c99b9 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-5fbc4f4 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-b5a6998 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-3b792fd .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-751d485{--e-n-carousel-swiper-slides-to-display:1;}.elementor-314 .elementor-element.elementor-element-96a17ba{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-9cfe111{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-314 .elementor-element.elementor-element-1266621{--container-widget-width:810px;--container-widget-flex-grow:0;width:var( --container-widget-width, 810px );max-width:810px;}.elementor-314 .elementor-element.elementor-element-e4f9f6f .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-15374ce .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-25dfba5 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-32e2fc1 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-5e31883 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-7617911 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-4fc0f1a .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-03073ec .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-2265c88 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-44dccda .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-0e05efc .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-a0ff13c .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-e5bbc1d{--e-n-carousel-swiper-slides-to-display:1;}.elementor-314 .elementor-element.elementor-element-0464618{--margin-top:-59px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-93b3a65{padding:0px 0px 10px 0px;}.elementor-314 .elementor-element.elementor-element-dadcd88{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-314 .elementor-element.elementor-element-1b6076f .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-286afeb .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-ed0e6cb .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-9bee767 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-548af96 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-3db99ad .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-c936e88 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-2a00a28 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-d40ee81 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-b62e3fa .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-256232e .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-a1fa2fc .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-b8b7789{--e-n-carousel-swiper-slides-to-display:1;}.elementor-314 .elementor-element.elementor-element-dc95962{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-73b8342{padding:0px 0px 10px 0px;}.elementor-314 .elementor-element.elementor-element-73b8342 .elementor-heading-title{font-size:29px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-e2a4b27{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-314 .elementor-element.elementor-element-e4638e4 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-c8ff86d .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-f97ec56 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-7c2c085 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-9fd1385 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-48957be .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-95e0515 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-6e5d389 .elementor-heading-title{font-size:35px;line-height:1.1;letter-spacing:-1.2px;}.elementor-314 .elementor-element.elementor-element-b20a1c0{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-1da399e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-1da399e { 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-314 .elementor-element.elementor-element-1da399e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-776f952 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-776f952 {
    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-e650f7c *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-e650f7c { 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-314 .elementor-element.elementor-element-e650f7c:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60d316d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-60d316d {
    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-b710991 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-b710991 { 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-314 .elementor-element.elementor-element-b710991:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e78aa64 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-e78aa64 {
    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-ea6a213 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-ea6a213 { 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-314 .elementor-element.elementor-element-ea6a213:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28c75c7 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-28c75c7 {
    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-0c36b6e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-0c36b6e { 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-314 .elementor-element.elementor-element-0c36b6e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a7f289 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-4a7f289 {
    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-676450b *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-676450b { 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-314 .elementor-element.elementor-element-676450b:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-351040e *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-351040e {
    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-0430813 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-0430813 { 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-314 .elementor-element.elementor-element-0430813:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15c3d92 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-15c3d92 {
    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-1da399e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-1da399e { 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-314 .elementor-element.elementor-element-1da399e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-776f952 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-776f952 {
    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-e650f7c *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-e650f7c { 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-314 .elementor-element.elementor-element-e650f7c:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60d316d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-60d316d {
    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-b710991 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-b710991 { 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-314 .elementor-element.elementor-element-b710991:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e78aa64 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-e78aa64 {
    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-ea6a213 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-ea6a213 { 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-314 .elementor-element.elementor-element-ea6a213:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28c75c7 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-28c75c7 {
    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-0c36b6e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-0c36b6e { 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-314 .elementor-element.elementor-element-0c36b6e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a7f289 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-4a7f289 {
    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-676450b *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-676450b { 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-314 .elementor-element.elementor-element-676450b:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-351040e *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-351040e {
    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-0430813 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-0430813 { 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-314 .elementor-element.elementor-element-0430813:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15c3d92 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-15c3d92 {
    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-1da399e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-1da399e { 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-314 .elementor-element.elementor-element-1da399e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-776f952 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-776f952 {
    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-e650f7c *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-e650f7c { 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-314 .elementor-element.elementor-element-e650f7c:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60d316d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-60d316d {
    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-b710991 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-b710991 { 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-314 .elementor-element.elementor-element-b710991:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e78aa64 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-e78aa64 {
    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-ea6a213 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-ea6a213 { 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-314 .elementor-element.elementor-element-ea6a213:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28c75c7 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-28c75c7 {
    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-0c36b6e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-0c36b6e { 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-314 .elementor-element.elementor-element-0c36b6e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a7f289 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-4a7f289 {
    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-676450b *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-676450b { 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-314 .elementor-element.elementor-element-676450b:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-351040e *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-351040e {
    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-0430813 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-0430813 { 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-314 .elementor-element.elementor-element-0430813:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15c3d92 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-15c3d92 {
    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-1da399e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-1da399e { 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-314 .elementor-element.elementor-element-1da399e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-776f952 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-776f952 {
    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-e650f7c *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-e650f7c { 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-314 .elementor-element.elementor-element-e650f7c:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60d316d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-60d316d {
    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-b710991 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-b710991 { 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-314 .elementor-element.elementor-element-b710991:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e78aa64 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-e78aa64 {
    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-ea6a213 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-ea6a213 { 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-314 .elementor-element.elementor-element-ea6a213:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28c75c7 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-28c75c7 {
    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-0c36b6e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-0c36b6e { 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-314 .elementor-element.elementor-element-0c36b6e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a7f289 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-4a7f289 {
    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-676450b *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-676450b { 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-314 .elementor-element.elementor-element-676450b:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-351040e *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-351040e {
    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-0430813 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-0430813 { 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-314 .elementor-element.elementor-element-0430813:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15c3d92 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-15c3d92 {
    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-1da399e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-1da399e { 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-314 .elementor-element.elementor-element-1da399e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-776f952 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-776f952 {
    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-e650f7c *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-e650f7c { 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-314 .elementor-element.elementor-element-e650f7c:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60d316d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-60d316d {
    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-b710991 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-b710991 { 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-314 .elementor-element.elementor-element-b710991:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e78aa64 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-e78aa64 {
    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-ea6a213 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-ea6a213 { 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-314 .elementor-element.elementor-element-ea6a213:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28c75c7 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-28c75c7 {
    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-0c36b6e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-0c36b6e { 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-314 .elementor-element.elementor-element-0c36b6e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a7f289 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-4a7f289 {
    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-676450b *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-676450b { 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-314 .elementor-element.elementor-element-676450b:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-351040e *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-351040e {
    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-0430813 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-0430813 { 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-314 .elementor-element.elementor-element-0430813:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15c3d92 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-15c3d92 {
    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-1da399e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-1da399e { 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-314 .elementor-element.elementor-element-1da399e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-776f952 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-776f952 {
    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-e650f7c *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-e650f7c { 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-314 .elementor-element.elementor-element-e650f7c:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60d316d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-60d316d {
    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-b710991 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-b710991 { 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-314 .elementor-element.elementor-element-b710991:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e78aa64 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-e78aa64 {
    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-ea6a213 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-ea6a213 { 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-314 .elementor-element.elementor-element-ea6a213:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28c75c7 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-28c75c7 {
    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-0c36b6e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-0c36b6e { 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-314 .elementor-element.elementor-element-0c36b6e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a7f289 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-4a7f289 {
    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-676450b *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-676450b { 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-314 .elementor-element.elementor-element-676450b:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-351040e *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-351040e {
    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-0430813 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-0430813 { 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-314 .elementor-element.elementor-element-0430813:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15c3d92 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-15c3d92 {
    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-1da399e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-1da399e { 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-314 .elementor-element.elementor-element-1da399e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-776f952 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-776f952 {
    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-e650f7c *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-e650f7c { 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-314 .elementor-element.elementor-element-e650f7c:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60d316d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-60d316d {
    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-b710991 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-b710991 { 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-314 .elementor-element.elementor-element-b710991:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e78aa64 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-e78aa64 {
    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-ea6a213 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-ea6a213 { 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-314 .elementor-element.elementor-element-ea6a213:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28c75c7 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-28c75c7 {
    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-0c36b6e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-0c36b6e { 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-314 .elementor-element.elementor-element-0c36b6e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a7f289 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-4a7f289 {
    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-676450b *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-676450b { 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-314 .elementor-element.elementor-element-676450b:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-351040e *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-351040e {
    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-0430813 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-0430813 { 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-314 .elementor-element.elementor-element-0430813:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15c3d92 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-15c3d92 {
    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-1da399e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-1da399e { 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-314 .elementor-element.elementor-element-1da399e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-776f952 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-776f952 {
    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-e650f7c *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-e650f7c { 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-314 .elementor-element.elementor-element-e650f7c:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60d316d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-60d316d {
    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-b710991 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-b710991 { 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-314 .elementor-element.elementor-element-b710991:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e78aa64 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-e78aa64 {
    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-ea6a213 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-ea6a213 { 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-314 .elementor-element.elementor-element-ea6a213:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28c75c7 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-28c75c7 {
    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-0c36b6e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-0c36b6e { 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-314 .elementor-element.elementor-element-0c36b6e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a7f289 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-4a7f289 {
    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-676450b *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-676450b { 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-314 .elementor-element.elementor-element-676450b:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-351040e *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-351040e {
    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-0430813 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-0430813 { 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-314 .elementor-element.elementor-element-0430813:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15c3d92 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-15c3d92 {
    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-41f3be4 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-41f3be4 { 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-314 .elementor-element.elementor-element-41f3be4:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3ae37e *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-e3ae37e {
    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-f61716e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-f61716e { 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-314 .elementor-element.elementor-element-f61716e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a109b2b *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a109b2b {
    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-15dff45 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-15dff45 { 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-314 .elementor-element.elementor-element-15dff45:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eff79c9 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-eff79c9 {
    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-c81ae37 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-c81ae37 { 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-314 .elementor-element.elementor-element-c81ae37:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27d640c *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-27d640c {
    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-cea906c *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-cea906c { 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-314 .elementor-element.elementor-element-cea906c:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0ca950 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-f0ca950 {
    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-8bdfb33 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-8bdfb33 { 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-314 .elementor-element.elementor-element-8bdfb33:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-962a66d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-962a66d {
    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-41f3be4 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-41f3be4 { 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-314 .elementor-element.elementor-element-41f3be4:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3ae37e *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-e3ae37e {
    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-f61716e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-f61716e { 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-314 .elementor-element.elementor-element-f61716e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a109b2b *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a109b2b {
    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-15dff45 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-15dff45 { 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-314 .elementor-element.elementor-element-15dff45:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eff79c9 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-eff79c9 {
    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-c81ae37 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-c81ae37 { 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-314 .elementor-element.elementor-element-c81ae37:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27d640c *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-27d640c {
    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-cea906c *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-cea906c { 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-314 .elementor-element.elementor-element-cea906c:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0ca950 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-f0ca950 {
    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-8bdfb33 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-8bdfb33 { 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-314 .elementor-element.elementor-element-8bdfb33:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-962a66d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-962a66d {
    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-41f3be4 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-41f3be4 { 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-314 .elementor-element.elementor-element-41f3be4:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3ae37e *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-e3ae37e {
    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-f61716e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-f61716e { 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-314 .elementor-element.elementor-element-f61716e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a109b2b *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a109b2b {
    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-15dff45 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-15dff45 { 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-314 .elementor-element.elementor-element-15dff45:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eff79c9 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-eff79c9 {
    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-c81ae37 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-c81ae37 { 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-314 .elementor-element.elementor-element-c81ae37:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27d640c *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-27d640c {
    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-cea906c *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-cea906c { 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-314 .elementor-element.elementor-element-cea906c:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0ca950 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-f0ca950 {
    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-8bdfb33 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-8bdfb33 { 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-314 .elementor-element.elementor-element-8bdfb33:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-962a66d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-962a66d {
    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-41f3be4 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-41f3be4 { 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-314 .elementor-element.elementor-element-41f3be4:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3ae37e *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-e3ae37e {
    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-f61716e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-f61716e { 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-314 .elementor-element.elementor-element-f61716e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a109b2b *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a109b2b {
    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-15dff45 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-15dff45 { 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-314 .elementor-element.elementor-element-15dff45:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eff79c9 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-eff79c9 {
    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-c81ae37 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-c81ae37 { 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-314 .elementor-element.elementor-element-c81ae37:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27d640c *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-27d640c {
    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-cea906c *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-cea906c { 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-314 .elementor-element.elementor-element-cea906c:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0ca950 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-f0ca950 {
    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-8bdfb33 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-8bdfb33 { 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-314 .elementor-element.elementor-element-8bdfb33:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-962a66d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-962a66d {
    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-41f3be4 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-41f3be4 { 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-314 .elementor-element.elementor-element-41f3be4:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3ae37e *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-e3ae37e {
    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-f61716e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-f61716e { 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-314 .elementor-element.elementor-element-f61716e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a109b2b *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a109b2b {
    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-15dff45 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-15dff45 { 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-314 .elementor-element.elementor-element-15dff45:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eff79c9 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-eff79c9 {
    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-c81ae37 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-c81ae37 { 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-314 .elementor-element.elementor-element-c81ae37:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27d640c *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-27d640c {
    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-cea906c *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-cea906c { 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-314 .elementor-element.elementor-element-cea906c:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0ca950 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-f0ca950 {
    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-8bdfb33 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-8bdfb33 { 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-314 .elementor-element.elementor-element-8bdfb33:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-962a66d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-962a66d {
    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-41f3be4 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-41f3be4 { 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-314 .elementor-element.elementor-element-41f3be4:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3ae37e *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-e3ae37e {
    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-f61716e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-f61716e { 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-314 .elementor-element.elementor-element-f61716e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a109b2b *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a109b2b {
    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-15dff45 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-15dff45 { 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-314 .elementor-element.elementor-element-15dff45:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eff79c9 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-eff79c9 {
    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-c81ae37 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-c81ae37 { 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-314 .elementor-element.elementor-element-c81ae37:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27d640c *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-27d640c {
    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-cea906c *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-cea906c { 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-314 .elementor-element.elementor-element-cea906c:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0ca950 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-f0ca950 {
    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-8bdfb33 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-8bdfb33 { 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-314 .elementor-element.elementor-element-8bdfb33:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-962a66d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-962a66d {
    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-41f3be4 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-41f3be4 { 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-314 .elementor-element.elementor-element-41f3be4:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3ae37e *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-e3ae37e {
    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-f61716e *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-f61716e { 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-314 .elementor-element.elementor-element-f61716e:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a109b2b *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a109b2b {
    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-15dff45 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-15dff45 { 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-314 .elementor-element.elementor-element-15dff45:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eff79c9 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-eff79c9 {
    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-c81ae37 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-c81ae37 { 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-314 .elementor-element.elementor-element-c81ae37:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27d640c *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-27d640c {
    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-cea906c *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-cea906c { 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-314 .elementor-element.elementor-element-cea906c:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0ca950 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-f0ca950 {
    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-8bdfb33 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-8bdfb33 { 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-314 .elementor-element.elementor-element-8bdfb33:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-962a66d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-962a66d {
    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-51fd696 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-51fd696 { 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-314 .elementor-element.elementor-element-51fd696:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0e5e50 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a0e5e50 {
    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-1a5dc82 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-1a5dc82 { 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-314 .elementor-element.elementor-element-1a5dc82:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-814e4ce *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-814e4ce {
    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-87ce843 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-87ce843 { 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-314 .elementor-element.elementor-element-87ce843:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a85a84 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-6a85a84 {
    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-62d8d7f *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-62d8d7f { 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-314 .elementor-element.elementor-element-62d8d7f:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-574aed8 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-574aed8 {
    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-f3bc376 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-f3bc376 { 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-314 .elementor-element.elementor-element-f3bc376:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-373f6f3 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-373f6f3 {
    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-8c64106 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-8c64106 { 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-314 .elementor-element.elementor-element-8c64106:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-edbc622 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-edbc622 {
    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-51fd696 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-51fd696 { 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-314 .elementor-element.elementor-element-51fd696:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0e5e50 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a0e5e50 {
    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-1a5dc82 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-1a5dc82 { 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-314 .elementor-element.elementor-element-1a5dc82:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-814e4ce *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-814e4ce {
    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-87ce843 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-87ce843 { 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-314 .elementor-element.elementor-element-87ce843:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a85a84 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-6a85a84 {
    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-62d8d7f *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-62d8d7f { 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-314 .elementor-element.elementor-element-62d8d7f:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-574aed8 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-574aed8 {
    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-f3bc376 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-f3bc376 { 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-314 .elementor-element.elementor-element-f3bc376:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-373f6f3 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-373f6f3 {
    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-8c64106 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-8c64106 { 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-314 .elementor-element.elementor-element-8c64106:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-edbc622 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-edbc622 {
    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-51fd696 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-51fd696 { 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-314 .elementor-element.elementor-element-51fd696:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0e5e50 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a0e5e50 {
    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-1a5dc82 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-1a5dc82 { 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-314 .elementor-element.elementor-element-1a5dc82:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-814e4ce *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-814e4ce {
    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-87ce843 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-87ce843 { 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-314 .elementor-element.elementor-element-87ce843:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a85a84 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-6a85a84 {
    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-62d8d7f *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-62d8d7f { 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-314 .elementor-element.elementor-element-62d8d7f:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-574aed8 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-574aed8 {
    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-f3bc376 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-f3bc376 { 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-314 .elementor-element.elementor-element-f3bc376:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-373f6f3 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-373f6f3 {
    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-8c64106 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-8c64106 { 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-314 .elementor-element.elementor-element-8c64106:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-edbc622 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-edbc622 {
    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-51fd696 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-51fd696 { 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-314 .elementor-element.elementor-element-51fd696:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0e5e50 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a0e5e50 {
    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-1a5dc82 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-1a5dc82 { 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-314 .elementor-element.elementor-element-1a5dc82:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-814e4ce *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-814e4ce {
    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-87ce843 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-87ce843 { 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-314 .elementor-element.elementor-element-87ce843:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a85a84 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-6a85a84 {
    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-62d8d7f *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-62d8d7f { 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-314 .elementor-element.elementor-element-62d8d7f:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-574aed8 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-574aed8 {
    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-f3bc376 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-f3bc376 { 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-314 .elementor-element.elementor-element-f3bc376:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-373f6f3 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-373f6f3 {
    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-8c64106 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-8c64106 { 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-314 .elementor-element.elementor-element-8c64106:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-edbc622 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-edbc622 {
    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-51fd696 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-51fd696 { 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-314 .elementor-element.elementor-element-51fd696:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0e5e50 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a0e5e50 {
    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-1a5dc82 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-1a5dc82 { 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-314 .elementor-element.elementor-element-1a5dc82:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-814e4ce *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-814e4ce {
    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-87ce843 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-87ce843 { 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-314 .elementor-element.elementor-element-87ce843:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a85a84 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-6a85a84 {
    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-62d8d7f *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-62d8d7f { 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-314 .elementor-element.elementor-element-62d8d7f:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-574aed8 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-574aed8 {
    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-f3bc376 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-f3bc376 { 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-314 .elementor-element.elementor-element-f3bc376:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-373f6f3 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-373f6f3 {
    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-8c64106 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-8c64106 { 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-314 .elementor-element.elementor-element-8c64106:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-edbc622 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-edbc622 {
    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-51fd696 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-51fd696 { 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-314 .elementor-element.elementor-element-51fd696:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0e5e50 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a0e5e50 {
    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-1a5dc82 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-1a5dc82 { 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-314 .elementor-element.elementor-element-1a5dc82:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-814e4ce *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-814e4ce {
    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-87ce843 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-87ce843 { 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-314 .elementor-element.elementor-element-87ce843:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a85a84 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-6a85a84 {
    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-62d8d7f *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-62d8d7f { 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-314 .elementor-element.elementor-element-62d8d7f:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-574aed8 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-574aed8 {
    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-f3bc376 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-f3bc376 { 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-314 .elementor-element.elementor-element-f3bc376:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-373f6f3 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-373f6f3 {
    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-8c64106 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-8c64106 { 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-314 .elementor-element.elementor-element-8c64106:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-edbc622 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-edbc622 {
    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-51fd696 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-51fd696 { 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-314 .elementor-element.elementor-element-51fd696:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a0e5e50 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a0e5e50 {
    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-1a5dc82 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-1a5dc82 { 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-314 .elementor-element.elementor-element-1a5dc82:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-814e4ce *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-814e4ce {
    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-87ce843 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-87ce843 { 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-314 .elementor-element.elementor-element-87ce843:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a85a84 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-6a85a84 {
    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-62d8d7f *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-62d8d7f { 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-314 .elementor-element.elementor-element-62d8d7f:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-574aed8 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-574aed8 {
    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-f3bc376 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-f3bc376 { 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-314 .elementor-element.elementor-element-f3bc376:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-373f6f3 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-373f6f3 {
    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-8c64106 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-8c64106 { 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-314 .elementor-element.elementor-element-8c64106:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-edbc622 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-edbc622 {
    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-7219871 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-7219871 { 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-314 .elementor-element.elementor-element-7219871:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2c4f4b *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a2c4f4b {
    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-284cd10 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-284cd10 { 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-314 .elementor-element.elementor-element-284cd10:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0319ef2 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-0319ef2 {
    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-5fecddb *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-5fecddb { 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-314 .elementor-element.elementor-element-5fecddb:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6e5028 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-d6e5028 {
    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-d591a52 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-d591a52 { 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-314 .elementor-element.elementor-element-d591a52:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca84f0d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-ca84f0d {
    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-7219871 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-7219871 { 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-314 .elementor-element.elementor-element-7219871:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2c4f4b *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a2c4f4b {
    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-284cd10 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-284cd10 { 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-314 .elementor-element.elementor-element-284cd10:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0319ef2 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-0319ef2 {
    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-5fecddb *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-5fecddb { 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-314 .elementor-element.elementor-element-5fecddb:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6e5028 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-d6e5028 {
    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-d591a52 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-d591a52 { 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-314 .elementor-element.elementor-element-d591a52:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca84f0d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-ca84f0d {
    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-7219871 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-7219871 { 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-314 .elementor-element.elementor-element-7219871:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2c4f4b *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a2c4f4b {
    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-284cd10 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-284cd10 { 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-314 .elementor-element.elementor-element-284cd10:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0319ef2 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-0319ef2 {
    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-5fecddb *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-5fecddb { 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-314 .elementor-element.elementor-element-5fecddb:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6e5028 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-d6e5028 {
    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-d591a52 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-d591a52 { 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-314 .elementor-element.elementor-element-d591a52:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca84f0d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-ca84f0d {
    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-7219871 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-7219871 { 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-314 .elementor-element.elementor-element-7219871:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2c4f4b *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a2c4f4b {
    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-284cd10 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-284cd10 { 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-314 .elementor-element.elementor-element-284cd10:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0319ef2 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-0319ef2 {
    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-5fecddb *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-5fecddb { 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-314 .elementor-element.elementor-element-5fecddb:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6e5028 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-d6e5028 {
    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-d591a52 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-d591a52 { 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-314 .elementor-element.elementor-element-d591a52:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca84f0d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-ca84f0d {
    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-7219871 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-7219871 { 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-314 .elementor-element.elementor-element-7219871:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2c4f4b *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-a2c4f4b {
    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-284cd10 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-284cd10 { 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-314 .elementor-element.elementor-element-284cd10:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0319ef2 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-0319ef2 {
    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-5fecddb *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-5fecddb { 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-314 .elementor-element.elementor-element-5fecddb:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6e5028 *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-d6e5028 {
    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-d591a52 *//* 1. Força o novo container a ter o exato mesmo tamanho do outro (o pai) */ .elementor-314 .elementor-element.elementor-element-d591a52 { 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-314 .elementor-element.elementor-element-d591a52:hover { opacity: 1; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca84f0d *//* Trava a proporção quadrada */
.elementor-314 .elementor-element.elementor-element-ca84f0d {
    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-314 {
    color: #fff !important;
}/* End custom CSS */