.elementor-89071 .elementor-element.elementor-element-4534dc8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-89071 .elementor-element.elementor-element-3a28cba2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-89071 .elementor-element.elementor-element-5dcadb53{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-89071 .elementor-element.elementor-element-455b7ab{text-align:start;}.elementor-89071 .elementor-element.elementor-element-455b7ab img{width:7em;}.elementor-89071 .elementor-element.elementor-element-1a2feb55{--display:flex;--justify-content:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-89071 .elementor-element.elementor-element-7a93019f .elementor-menu-toggle{margin:0 auto;}.elementor-89071 .elementor-element.elementor-element-7a93019f .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:800;text-transform:uppercase;}.elementor-89071 .elementor-element.elementor-element-7a93019f .elementor-nav-menu--main .elementor-item{color:#708090;fill:#708090;}.elementor-89071 .elementor-element.elementor-element-7a93019f .elementor-nav-menu--main .elementor-item:hover,
					.elementor-89071 .elementor-element.elementor-element-7a93019f .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-89071 .elementor-element.elementor-element-7a93019f .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-89071 .elementor-element.elementor-element-7a93019f .elementor-nav-menu--main .elementor-item:focus{color:#70809085;fill:#70809085;}.elementor-89071 .elementor-element.elementor-element-7a93019f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-89071 .elementor-element.elementor-element-7a93019f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#61CE7000;}.elementor-89071 .elementor-element.elementor-element-7a93019f .e--pointer-framed .elementor-item:before,
					.elementor-89071 .elementor-element.elementor-element-7a93019f .e--pointer-framed .elementor-item:after{border-color:#61CE7000;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-89071 .elementor-element.elementor-element-293bb0a2 .elementor-icon-wrapper{text-align:center;}.elementor-89071 .elementor-element.elementor-element-293bb0a2.elementor-view-stacked .elementor-icon{background-color:#708090;}.elementor-89071 .elementor-element.elementor-element-293bb0a2.elementor-view-framed .elementor-icon, .elementor-89071 .elementor-element.elementor-element-293bb0a2.elementor-view-default .elementor-icon{color:#708090;border-color:#708090;}.elementor-89071 .elementor-element.elementor-element-293bb0a2.elementor-view-framed .elementor-icon, .elementor-89071 .elementor-element.elementor-element-293bb0a2.elementor-view-default .elementor-icon svg{fill:#708090;}.elementor-89071 .elementor-element.elementor-element-574ef33c{--display:flex;--justify-content:center;}.elementor-89071 .elementor-element.elementor-element-52991d0c{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:14px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-89071 .elementor-element.elementor-element-52991d0c .elementor-social-icon{background-color:#02010100;}.elementor-89071 .elementor-element.elementor-element-52991d0c .elementor-social-icon i{color:#708090;}.elementor-89071 .elementor-element.elementor-element-52991d0c .elementor-social-icon svg{fill:#708090;}.elementor-89071 .elementor-element.elementor-element-4667b7b4{--display:flex;--min-height:85vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.3;--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}.elementor-89071 .elementor-element.elementor-element-4667b7b4:not(.elementor-motion-effects-element-type-background), .elementor-89071 .elementor-element.elementor-element-4667b7b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-89071 .elementor-element.elementor-element-4667b7b4::before, .elementor-89071 .elementor-element.elementor-element-4667b7b4 > .elementor-background-video-container::before, .elementor-89071 .elementor-element.elementor-element-4667b7b4 > .e-con-inner > .elementor-background-video-container::before, .elementor-89071 .elementor-element.elementor-element-4667b7b4 > .elementor-background-slideshow::before, .elementor-89071 .elementor-element.elementor-element-4667b7b4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-89071 .elementor-element.elementor-element-4667b7b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.moaengenharia.com.br/wp-content/uploads/2026/05/img_topo.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-89071 .elementor-element.elementor-element-620a95e6{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-89071 .elementor-element.elementor-element-1a3b04a0 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#FFFFFF;}.elementor-89071 .elementor-element.elementor-element-34653f57 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:3em;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-89071 .elementor-element.elementor-element-72592fe7{font-family:"Roboto", Sans-serif;font-weight:400;color:#D8D8D8;}.elementor-89071 .elementor-element.elementor-element-679673fd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-89071 .elementor-element.elementor-element-3128e54a .elementor-button{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-89071 .elementor-element.elementor-element-57962366{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:6em;--padding-bottom:6em;--padding-left:1em;--padding-right:1em;}.elementor-89071 .elementor-element.elementor-element-459652e3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-89071 .elementor-element.elementor-element-5e8d56e9{--display:flex;}.elementor-89071 .elementor-element.elementor-element-59264edb .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2.2em;font-weight:700;color:#000000;}.elementor-89071 .elementor-element.elementor-element-c9bc7e9{--display:flex;--justify-content:flex-end;}.elementor-89071 .elementor-element.elementor-element-72e33f04{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-89071 .elementor-element.elementor-element-40fecdc6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-89071 .elementor-element.elementor-element-2d2a9a18 .elementor-icon-box-wrapper{text-align:start;gap:0px;}.elementor-89071 .elementor-element.elementor-element-2d2a9a18 .elementor-icon-box-title{margin-block-end:10px;color:#000000;}.elementor-89071 .elementor-element.elementor-element-2d2a9a18.elementor-view-stacked .elementor-icon{background-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-2d2a9a18.elementor-view-framed .elementor-icon, .elementor-89071 .elementor-element.elementor-element-2d2a9a18.elementor-view-default .elementor-icon{fill:#FCD83A;color:#FCD83A;border-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-2d2a9a18 .elementor-icon{font-size:24px;}.elementor-89071 .elementor-element.elementor-element-2d2a9a18 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-2d2a9a18 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-89071 .elementor-element.elementor-element-2d2a9a18 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;}.elementor-89071 .elementor-element.elementor-element-672faed2 .elementor-icon-box-wrapper{text-align:start;gap:0px;}.elementor-89071 .elementor-element.elementor-element-672faed2 .elementor-icon-box-title{margin-block-end:10px;color:#000000;}.elementor-89071 .elementor-element.elementor-element-672faed2.elementor-view-stacked .elementor-icon{background-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-672faed2.elementor-view-framed .elementor-icon, .elementor-89071 .elementor-element.elementor-element-672faed2.elementor-view-default .elementor-icon{fill:#FCD83A;color:#FCD83A;border-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-672faed2 .elementor-icon{font-size:24px;}.elementor-89071 .elementor-element.elementor-element-672faed2 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-672faed2 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-89071 .elementor-element.elementor-element-672faed2 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;}.elementor-89071 .elementor-element.elementor-element-58d2e23b .elementor-icon-box-wrapper{text-align:start;gap:0px;}.elementor-89071 .elementor-element.elementor-element-58d2e23b .elementor-icon-box-title{margin-block-end:10px;color:#000000;}.elementor-89071 .elementor-element.elementor-element-58d2e23b.elementor-view-stacked .elementor-icon{background-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-58d2e23b.elementor-view-framed .elementor-icon, .elementor-89071 .elementor-element.elementor-element-58d2e23b.elementor-view-default .elementor-icon{fill:#FCD83A;color:#FCD83A;border-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-58d2e23b .elementor-icon{font-size:24px;}.elementor-89071 .elementor-element.elementor-element-58d2e23b .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-58d2e23b .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-89071 .elementor-element.elementor-element-58d2e23b .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;}.elementor-89071 .elementor-element.elementor-element-5a663bb5 .elementor-icon-box-wrapper{text-align:start;gap:0px;}.elementor-89071 .elementor-element.elementor-element-5a663bb5 .elementor-icon-box-title{margin-block-end:10px;color:#000000;}.elementor-89071 .elementor-element.elementor-element-5a663bb5.elementor-view-stacked .elementor-icon{background-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-5a663bb5.elementor-view-framed .elementor-icon, .elementor-89071 .elementor-element.elementor-element-5a663bb5.elementor-view-default .elementor-icon{fill:#FCD83A;color:#FCD83A;border-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-5a663bb5 .elementor-icon{font-size:28px;}.elementor-89071 .elementor-element.elementor-element-5a663bb5 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-5a663bb5 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-89071 .elementor-element.elementor-element-5a663bb5 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;}.elementor-89071 .elementor-element.elementor-element-4e395de9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overlay-opacity:0.1;--padding-top:6em;--padding-bottom:6em;--padding-left:1em;--padding-right:1em;}.elementor-89071 .elementor-element.elementor-element-4e395de9:not(.elementor-motion-effects-element-type-background), .elementor-89071 .elementor-element.elementor-element-4e395de9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-89071 .elementor-element.elementor-element-4e395de9::before, .elementor-89071 .elementor-element.elementor-element-4e395de9 > .elementor-background-video-container::before, .elementor-89071 .elementor-element.elementor-element-4e395de9 > .e-con-inner > .elementor-background-video-container::before, .elementor-89071 .elementor-element.elementor-element-4e395de9 > .elementor-background-slideshow::before, .elementor-89071 .elementor-element.elementor-element-4e395de9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-89071 .elementor-element.elementor-element-4e395de9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.moaengenharia.com.br/wp-content/uploads/2026/05/d9596be6-750f-41c8-b6f8-9d088edcf92f.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-89071 .elementor-element.elementor-element-31e4efe0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-89071 .elementor-element.elementor-element-31e4efe0.e-con{--align-self:center;}.elementor-89071 .elementor-element.elementor-element-2085f081{--display:flex;}.elementor-89071 .elementor-element.elementor-element-68248b7a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2.2em;font-weight:700;color:#000000;}.elementor-89071 .elementor-element.elementor-element-313baec6{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-89071 .elementor-element.elementor-element-60f5b421{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-89071 .elementor-element.elementor-element-14c79922{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-89071 .elementor-element.elementor-element-14c79922 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-89071 .elementor-element.elementor-element-14c79922.elementor-view-stacked .elementor-icon{background-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-14c79922.elementor-view-framed .elementor-icon, .elementor-89071 .elementor-element.elementor-element-14c79922.elementor-view-default .elementor-icon{fill:#FCD83A;color:#FCD83A;border-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-14c79922 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-14c79922 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;}.elementor-89071 .elementor-element.elementor-element-11f3f8c2{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-89071 .elementor-element.elementor-element-11f3f8c2 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-89071 .elementor-element.elementor-element-11f3f8c2.elementor-view-stacked .elementor-icon{background-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-11f3f8c2.elementor-view-framed .elementor-icon, .elementor-89071 .elementor-element.elementor-element-11f3f8c2.elementor-view-default .elementor-icon{fill:#FCD83A;color:#FCD83A;border-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-11f3f8c2 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-11f3f8c2 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;}.elementor-89071 .elementor-element.elementor-element-b4d3b16{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-89071 .elementor-element.elementor-element-b4d3b16 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-89071 .elementor-element.elementor-element-b4d3b16.elementor-view-stacked .elementor-icon{background-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-b4d3b16.elementor-view-framed .elementor-icon, .elementor-89071 .elementor-element.elementor-element-b4d3b16.elementor-view-default .elementor-icon{fill:#FCD83A;color:#FCD83A;border-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-b4d3b16 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-b4d3b16 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;}.elementor-89071 .elementor-element.elementor-element-5fb6b5b4{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-89071 .elementor-element.elementor-element-5fb6b5b4 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-89071 .elementor-element.elementor-element-5fb6b5b4.elementor-view-stacked .elementor-icon{background-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-5fb6b5b4.elementor-view-framed .elementor-icon, .elementor-89071 .elementor-element.elementor-element-5fb6b5b4.elementor-view-default .elementor-icon{fill:#FCD83A;color:#FCD83A;border-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-5fb6b5b4 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-5fb6b5b4 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;}.elementor-89071 .elementor-element.elementor-element-1903921e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:6em;--padding-bottom:6em;--padding-left:1em;--padding-right:1em;}.elementor-89071 .elementor-element.elementor-element-1903921e:not(.elementor-motion-effects-element-type-background), .elementor-89071 .elementor-element.elementor-element-1903921e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-544b9abb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:-5%;--margin-left:0%;--margin-right:0%;}.elementor-89071 .elementor-element.elementor-element-153290ef{--display:flex;}.elementor-89071 .elementor-element.elementor-element-9dbf839 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2.5em;font-weight:700;color:#000000;}.elementor-89071 .elementor-element.elementor-element-40b4de42{--display:flex;--justify-content:flex-end;}.elementor-89071 .elementor-element.elementor-element-55d2a4c6{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-89071 .elementor-element.elementor-element-6a8555b7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-wrapper, .elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-navigationBar{--tw-line-bg:#00000008;--tw-ibx-bg:#000000;--tw-ibx-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-wrapper{--tw-lbl-big-size:22px;--tw-lbl-small-size:16px;--tw-ybx-size:80px;--tw-cbx-bottom-margin:60px;}.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-wrapper, .elementor-page .twae-popup .twae-popup-content{--tw-cbx-bg:#02010100;}.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-title, .twae-popup .twae-title{font-size:16px;}.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-wrapper, .elementor-89071 .elementor-element.elementor-element-a2b417d .twae-navigationBar{--tw-line-bg:#00000008;--tw-ibx-bg:#000000;--tw-ibx-color:#FCD83A;}.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-wrapper{--tw-lbl-big-size:22px;--tw-lbl-small-size:16px;--tw-ybx-size:80px;--tw-cbx-bottom-margin:60px;}.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-wrapper, .elementor-page .twae-popup .twae-popup-content{--tw-cbx-bg:#02010100;}.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-title, .twae-popup .twae-title{font-size:16px;}.elementor-89071 .elementor-element.elementor-element-341f361{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:6em;--padding-bottom:6em;--padding-left:1em;--padding-right:1em;}.elementor-89071 .elementor-element.elementor-element-42a9632{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-89071 .elementor-element.elementor-element-5e95fb6e{--display:flex;--justify-content:center;}.elementor-89071 .elementor-element.elementor-element-604d19d2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2.5em;font-weight:700;color:#000000;}.elementor-89071 .elementor-element.elementor-element-38729ef8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__name{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-89071 .elementor-element.elementor-element-2867d6ac{width:var( --container-widget-width, 99.057% );max-width:99.057%;--container-widget-width:99.057%;--container-widget-flex-grow:0;}.elementor-89071 .elementor-element.elementor-element-2867d6ac.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-89071 .elementor-element.elementor-element-2867d6ac .elementor-swiper-button{font-size:20px;}.elementor-89071 .elementor-element.elementor-element-2867d6ac .elementor-testimonial__text{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;}.elementor-89071 .elementor-element.elementor-element-5fa00181{--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;--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-89071 .elementor-element.elementor-element-5fa00181:not(.elementor-motion-effects-element-type-background), .elementor-89071 .elementor-element.elementor-element-5fa00181 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-89071 .elementor-element.elementor-element-35b11f2{width:var( --container-widget-width, 40% );max-width:40%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-89071 .elementor-element.elementor-element-35b11f2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.7em;font-weight:700;color:#000000;}.elementor-89071 .elementor-element.elementor-element-6a80da00{width:var( --container-widget-width, 23% );max-width:23%;--container-widget-width:23%;--container-widget-flex-grow:0;}.elementor-89071 .elementor-element.elementor-element-6a80da00 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-89071 .elementor-element.elementor-element-6a80da00.elementor-view-stacked .elementor-icon{background-color:#FDD31A;}.elementor-89071 .elementor-element.elementor-element-6a80da00.elementor-view-framed .elementor-icon, .elementor-89071 .elementor-element.elementor-element-6a80da00.elementor-view-default .elementor-icon{fill:#FDD31A;color:#FDD31A;border-color:#FDD31A;}.elementor-89071 .elementor-element.elementor-element-6a80da00 .elementor-icon{font-size:40px;}.elementor-89071 .elementor-element.elementor-element-6a80da00 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-6a80da00 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:1.8em;font-weight:600;}.elementor-89071 .elementor-element.elementor-element-6a80da00 .elementor-icon-box-title{color:#000000;}.elementor-89071 .elementor-element.elementor-element-6a80da00:has(:hover) .elementor-icon-box-title,
					 .elementor-89071 .elementor-element.elementor-element-6a80da00:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-89071 .elementor-element.elementor-element-6a80da00 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;}.elementor-89071 .elementor-element.elementor-element-40e08a2e{width:var( --container-widget-width, 23% );max-width:23%;--container-widget-width:23%;--container-widget-flex-grow:0;}.elementor-89071 .elementor-element.elementor-element-40e08a2e .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-89071 .elementor-element.elementor-element-40e08a2e.elementor-view-stacked .elementor-icon{background-color:#FDD31A;}.elementor-89071 .elementor-element.elementor-element-40e08a2e.elementor-view-framed .elementor-icon, .elementor-89071 .elementor-element.elementor-element-40e08a2e.elementor-view-default .elementor-icon{fill:#FDD31A;color:#FDD31A;border-color:#FDD31A;}.elementor-89071 .elementor-element.elementor-element-40e08a2e .elementor-icon{font-size:40px;}.elementor-89071 .elementor-element.elementor-element-40e08a2e .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-40e08a2e .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:1.8em;font-weight:600;}.elementor-89071 .elementor-element.elementor-element-40e08a2e .elementor-icon-box-title{color:#000000;}.elementor-89071 .elementor-element.elementor-element-40e08a2e:has(:hover) .elementor-icon-box-title,
					 .elementor-89071 .elementor-element.elementor-element-40e08a2e:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-89071 .elementor-element.elementor-element-40e08a2e .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;}.elementor-89071 .elementor-element.elementor-element-3f94bb1{width:var( --container-widget-width, 23% );max-width:23%;--container-widget-width:23%;--container-widget-flex-grow:0;}.elementor-89071 .elementor-element.elementor-element-3f94bb1 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-89071 .elementor-element.elementor-element-3f94bb1.elementor-view-stacked .elementor-icon{background-color:#FDD31A;}.elementor-89071 .elementor-element.elementor-element-3f94bb1.elementor-view-framed .elementor-icon, .elementor-89071 .elementor-element.elementor-element-3f94bb1.elementor-view-default .elementor-icon{fill:#FDD31A;color:#FDD31A;border-color:#FDD31A;}.elementor-89071 .elementor-element.elementor-element-3f94bb1 .elementor-icon{font-size:40px;}.elementor-89071 .elementor-element.elementor-element-3f94bb1 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-3f94bb1 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:1.8em;font-weight:600;}.elementor-89071 .elementor-element.elementor-element-3f94bb1 .elementor-icon-box-title{color:#000000;}.elementor-89071 .elementor-element.elementor-element-3f94bb1:has(:hover) .elementor-icon-box-title,
					 .elementor-89071 .elementor-element.elementor-element-3f94bb1:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-89071 .elementor-element.elementor-element-3f94bb1 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;}.elementor-89071 .elementor-element.elementor-element-20d46cc6 .elementor-button{background-color:#61CE70;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;fill:#1A1A1A;color:#1A1A1A;}.elementor-89071 .elementor-element.elementor-element-20d46cc6{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-89071 .elementor-element.elementor-element-20d46cc6 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-89071 .elementor-element.elementor-element-64fd399d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:6em;--padding-bottom:6em;--padding-left:1em;--padding-right:1em;}.elementor-89071 .elementor-element.elementor-element-33742000{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:16px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-89071 .elementor-element.elementor-element-59c18d7a{--display:flex;--margin-top:0px;--margin-bottom:16px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-89071 .elementor-element.elementor-element-32208fa1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2.5em;font-weight:700;color:#000000;}.elementor-89071 .elementor-element.elementor-element-57a91919{--display:flex;--justify-content:flex-end;}.elementor-89071 .elementor-element.elementor-element-7cff246d{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-89071 .elementor-element.elementor-element-207cbb32{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-89071 .elementor-element.elementor-element-5f84cdb2{--display:flex;}.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-wrapper{text-align:start;gap:0px;}.elementor-89071 .elementor-element.elementor-element-bc8e7d3.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-89071 .elementor-element.elementor-element-bc8e7d3.elementor-view-framed .elementor-icon, .elementor-89071 .elementor-element.elementor-element-bc8e7d3.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon{font-size:24px;}.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title{color:#000000;}.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-description{font-size:16px;font-weight:400;}.elementor-89071 .elementor-element.elementor-element-61477baf{--display:flex;}.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-wrapper{text-align:start;gap:0px;}.elementor-89071 .elementor-element.elementor-element-ca10df5.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-89071 .elementor-element.elementor-element-ca10df5.elementor-view-framed .elementor-icon, .elementor-89071 .elementor-element.elementor-element-ca10df5.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon{font-size:24px;}.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title{color:#000000;}.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-description{font-size:16px;font-weight:400;}.elementor-89071 .elementor-element.elementor-element-1c161b2b{--display:flex;}.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-wrapper{text-align:start;gap:0px;}.elementor-89071 .elementor-element.elementor-element-bdcd54f.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-89071 .elementor-element.elementor-element-bdcd54f.elementor-view-framed .elementor-icon, .elementor-89071 .elementor-element.elementor-element-bdcd54f.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon{font-size:24px;}.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title{color:#000000;}.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-description{font-size:16px;font-weight:400;}.elementor-89071 .elementor-element.elementor-element-6efaa68b{--display:flex;}.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-wrapper{text-align:start;gap:0px;}.elementor-89071 .elementor-element.elementor-element-c6d58fc.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-89071 .elementor-element.elementor-element-c6d58fc.elementor-view-framed .elementor-icon, .elementor-89071 .elementor-element.elementor-element-c6d58fc.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon{font-size:24px;}.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title{color:#000000;}.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-description{font-size:16px;font-weight:400;}.elementor-89071 .elementor-element.elementor-element-d963a3b{--display:flex;}.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-wrapper{text-align:start;gap:0px;}.elementor-89071 .elementor-element.elementor-element-e45cc0f.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-89071 .elementor-element.elementor-element-e45cc0f.elementor-view-framed .elementor-icon, .elementor-89071 .elementor-element.elementor-element-e45cc0f.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon{font-size:24px;}.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title{color:#000000;}.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-description{font-size:16px;font-weight:400;}.elementor-89071 .elementor-element.elementor-element-4c3148bc{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#000000;}.elementor-89071 .elementor-element.elementor-element-1654886e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:1;--padding-top:4em;--padding-bottom:4em;--padding-left:1em;--padding-right:1em;}.elementor-89071 .elementor-element.elementor-element-1654886e::before, .elementor-89071 .elementor-element.elementor-element-1654886e > .elementor-background-video-container::before, .elementor-89071 .elementor-element.elementor-element-1654886e > .e-con-inner > .elementor-background-video-container::before, .elementor-89071 .elementor-element.elementor-element-1654886e > .elementor-background-slideshow::before, .elementor-89071 .elementor-element.elementor-element-1654886e > .e-con-inner > .elementor-background-slideshow::before, .elementor-89071 .elementor-element.elementor-element-1654886e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.moaengenharia.com.br/wp-content/uploads/2026/05/124fb51f-f9f1-4780-aef3-0e6f0929cb69.webp");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-89071 .elementor-element.elementor-element-62247b14{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-89071 .elementor-element.elementor-element-7ae5f5e9{--display:flex;--justify-content:center;}.elementor-89071 .elementor-element.elementor-element-7a361e46 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:3em;font-weight:600;color:#FFFFFF;}.elementor-89071 .elementor-element.elementor-element-55fbbf49{--display:flex;}.elementor-89071 .elementor-element.elementor-element-2e9d7a37{font-family:"Roboto", Sans-serif;font-weight:400;color:#CCCCCC;}.elementor-89071 .elementor-element.elementor-element-7b732c09 .elementor-button{background-color:#61CE70;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;fill:#1A1A1A;color:#1A1A1A;}.elementor-89071 .elementor-element.elementor-element-7b732c09 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-89071 .elementor-element.elementor-element-77db320{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:4em;--padding-bottom:4em;--padding-left:1em;--padding-right:1em;}.elementor-89071 .elementor-element.elementor-element-6d9c352b{--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;--align-items:center;}.elementor-89071 .elementor-element.elementor-element-a8e8c44{--display:flex;}.elementor-89071 .elementor-element.elementor-element-876959e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2.5em;font-weight:700;color:#000000;}.elementor-89071 .elementor-element.elementor-element-57f06d0{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-89071 .elementor-element.elementor-element-25066fa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-89071 .elementor-element.elementor-element-d252f9c{--display:flex;border-style:none;--border-style:none;}.elementor-89071 .elementor-element.elementor-element-3417f35e{font-family:"Roboto", Sans-serif;font-weight:300;color:var( --e-global-color-text );}.elementor-89071 .elementor-element.elementor-element-4a1fe5dd{--display:flex;border-style:none;--border-style:none;}.elementor-89071 .elementor-element.elementor-element-1080ce23{font-family:"Roboto", Sans-serif;font-weight:300;color:var( --e-global-color-text );}.elementor-89071 .elementor-element.elementor-element-745ec78e{--display:flex;border-style:none;--border-style:none;}.elementor-89071 .elementor-element.elementor-element-3bdc6629{font-family:"Roboto", Sans-serif;font-weight:300;color:var( --e-global-color-text );}.elementor-89071 .elementor-element.elementor-element-27d4331f{--display:flex;border-style:none;--border-style:none;}.elementor-89071 .elementor-element.elementor-element-11a260d{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-89071 .elementor-element.elementor-element-400390da{--display:flex;border-style:none;--border-style:none;}.elementor-89071 .elementor-element.elementor-element-1070385b{font-family:"Roboto", Sans-serif;font-weight:300;color:var( --e-global-color-text );}.elementor-89071 .elementor-element.elementor-element-3820a25e{--display:flex;border-style:none;--border-style:none;}.elementor-89071 .elementor-element.elementor-element-52a889a7{font-family:"Roboto", Sans-serif;font-weight:300;color:var( --e-global-color-text );}.elementor-89071 .elementor-element.elementor-element-d577e53{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-89071 .elementor-element.elementor-element-d577e53 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-89071 .elementor-element.elementor-element-220067d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:6em;--padding-bottom:6em;--padding-left:1em;--padding-right:1em;}.elementor-89071 .elementor-element.elementor-element-5fb5cac8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-89071 .elementor-element.elementor-element-34db3a6f{--display:flex;}.elementor-89071 .elementor-element.elementor-element-5bb238eb .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2.5em;font-weight:700;color:#000000;}.elementor-89071 .elementor-element.elementor-element-6ed20899{--display:flex;}.elementor-89071 .elementor-element.elementor-element-831ccd6{--e-image-carousel-slides-to-show:5;}@media(max-width:1024px){.elementor-89071 .elementor-element.elementor-element-4534dc8d{--padding-top:0.6em;--padding-bottom:0.6em;--padding-left:2em;--padding-right:2em;}.elementor-89071 .elementor-element.elementor-element-3a28cba2{--justify-content:space-between;}.elementor-89071 .elementor-element.elementor-element-455b7ab img{width:6em;}.elementor-89071 .elementor-element.elementor-element-293bb0a2 .elementor-icon-wrapper{text-align:end;}.elementor-89071 .elementor-element.elementor-element-293bb0a2 .elementor-icon{font-size:28px;}.elementor-89071 .elementor-element.elementor-element-293bb0a2 .elementor-icon svg{height:28px;}.elementor-89071 .elementor-element.elementor-element-4667b7b4{--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:2em;}.elementor-89071 .elementor-element.elementor-element-620a95e6{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-89071 .elementor-element.elementor-element-34653f57{text-align:center;}.elementor-89071 .elementor-element.elementor-element-34653f57 .elementor-heading-title{font-size:2.4em;}.elementor-89071 .elementor-element.elementor-element-679673fd{--justify-content:center;}.elementor-89071 .elementor-element.elementor-element-59264edb .elementor-heading-title{font-size:1.8em;}.elementor-89071 .elementor-element.elementor-element-40fecdc6{--flex-wrap:wrap;}.elementor-89071 .elementor-element.elementor-element-2d2a9a18{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-89071 .elementor-element.elementor-element-672faed2{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-89071 .elementor-element.elementor-element-58d2e23b{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-89071 .elementor-element.elementor-element-5a663bb5{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-89071 .elementor-element.elementor-element-4e395de9{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-89071 .elementor-element.elementor-element-68248b7a .elementor-heading-title{font-size:1.8em;}.elementor-89071 .elementor-element.elementor-element-60f5b421{--justify-content:center;}.elementor-89071 .elementor-element.elementor-element-14c79922 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-14c79922 .elementor-icon-box-title a{font-size:14px;}.elementor-89071 .elementor-element.elementor-element-11f3f8c2 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-11f3f8c2 .elementor-icon-box-title a{font-size:14px;}.elementor-89071 .elementor-element.elementor-element-b4d3b16 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-b4d3b16 .elementor-icon-box-title a{font-size:14px;}.elementor-89071 .elementor-element.elementor-element-5fb6b5b4 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-5fb6b5b4 .elementor-icon-box-title a{font-size:14px;}.elementor-89071 .elementor-element.elementor-element-9dbf839 .elementor-heading-title{font-size:1.8em;}.elementor-89071 .elementor-element.elementor-element-6a8555b7{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-wrapper{--tw-lbl-big-size:20px;--tw-lbl-small-size:14px;--tw-ybx-size:80px;}.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-wrapper{--tw-lbl-big-size:20px;--tw-lbl-small-size:14px;--tw-ybx-size:80px;}.elementor-89071 .elementor-element.elementor-element-604d19d2 .elementor-heading-title{font-size:1.8em;}.elementor-89071 .elementor-element.elementor-element-35b11f2 .elementor-heading-title{font-size:1.6em;}.elementor-89071 .elementor-element.elementor-element-6a80da00 .elementor-icon{font-size:24px;}.elementor-89071 .elementor-element.elementor-element-6a80da00 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-6a80da00 .elementor-icon-box-title a{font-size:1.7em;}.elementor-89071 .elementor-element.elementor-element-40e08a2e .elementor-icon{font-size:24px;}.elementor-89071 .elementor-element.elementor-element-40e08a2e .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-40e08a2e .elementor-icon-box-title a{font-size:1.7em;}.elementor-89071 .elementor-element.elementor-element-3f94bb1 .elementor-icon{font-size:24px;}.elementor-89071 .elementor-element.elementor-element-3f94bb1 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-3f94bb1 .elementor-icon-box-title a{font-size:1.7em;}.elementor-89071 .elementor-element.elementor-element-20d46cc6{--container-widget-width:35%;--container-widget-flex-grow:0;width:var( --container-widget-width, 35% );max-width:35%;}.elementor-89071 .elementor-element.elementor-element-20d46cc6 .elementor-button{font-size:12px;}.elementor-89071 .elementor-element.elementor-element-32208fa1 .elementor-heading-title{font-size:1.8em;}.elementor-89071 .elementor-element.elementor-element-4c3148bc{--e-n-carousel-swiper-slides-to-display:2;}.elementor-89071 .elementor-element.elementor-element-7a361e46 .elementor-heading-title{font-size:2.5em;}.elementor-89071 .elementor-element.elementor-element-7b732c09 .elementor-button{font-size:16px;}.elementor-89071 .elementor-element.elementor-element-876959e .elementor-heading-title{font-size:1.8em;}.elementor-89071 .elementor-element.elementor-element-5bb238eb .elementor-heading-title{font-size:1.8em;}}@media(max-width:767px){.elementor-89071 .elementor-element.elementor-element-5dcadb53{--width:60%;}.elementor-89071 .elementor-element.elementor-element-455b7ab img{width:5em;}.elementor-89071 .elementor-element.elementor-element-1a2feb55{--width:20%;}.elementor-89071 .elementor-element.elementor-element-293bb0a2 .elementor-icon{font-size:24px;}.elementor-89071 .elementor-element.elementor-element-293bb0a2 .elementor-icon svg{height:24px;}.elementor-89071 .elementor-element.elementor-element-574ef33c{--width:30%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-89071 .elementor-element.elementor-element-4667b7b4{--overlay-opacity:0.18;--padding-top:4em;--padding-bottom:4em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-89071 .elementor-element.elementor-element-1a3b04a0{text-align:center;}.elementor-89071 .elementor-element.elementor-element-1a3b04a0 .elementor-heading-title{font-size:10px;}.elementor-89071 .elementor-element.elementor-element-34653f57 .elementor-heading-title{font-size:1.8em;}.elementor-89071 .elementor-element.elementor-element-72592fe7{text-align:center;}.elementor-89071 .elementor-element.elementor-element-3128e54a .elementor-button{font-size:15px;}.elementor-89071 .elementor-element.elementor-element-59264edb{text-align:center;}.elementor-89071 .elementor-element.elementor-element-59264edb .elementor-heading-title{font-size:1.5em;}.elementor-89071 .elementor-element.elementor-element-72e33f04{text-align:center;}.elementor-89071 .elementor-element.elementor-element-2d2a9a18{width:100%;max-width:100%;}.elementor-89071 .elementor-element.elementor-element-2d2a9a18 .elementor-icon-box-wrapper{text-align:center;}.elementor-89071 .elementor-element.elementor-element-672faed2{width:100%;max-width:100%;}.elementor-89071 .elementor-element.elementor-element-672faed2 .elementor-icon-box-wrapper{text-align:center;}.elementor-89071 .elementor-element.elementor-element-58d2e23b{width:100%;max-width:100%;}.elementor-89071 .elementor-element.elementor-element-58d2e23b .elementor-icon-box-wrapper{text-align:center;}.elementor-89071 .elementor-element.elementor-element-5a663bb5{width:100%;max-width:100%;}.elementor-89071 .elementor-element.elementor-element-5a663bb5 .elementor-icon-box-wrapper{text-align:center;}.elementor-89071 .elementor-element.elementor-element-4e395de9::before, .elementor-89071 .elementor-element.elementor-element-4e395de9 > .elementor-background-video-container::before, .elementor-89071 .elementor-element.elementor-element-4e395de9 > .e-con-inner > .elementor-background-video-container::before, .elementor-89071 .elementor-element.elementor-element-4e395de9 > .elementor-background-slideshow::before, .elementor-89071 .elementor-element.elementor-element-4e395de9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-89071 .elementor-element.elementor-element-4e395de9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:90% 0px;}.elementor-89071 .elementor-element.elementor-element-4e395de9{--overlay-opacity:0.07;}.elementor-89071 .elementor-element.elementor-element-68248b7a{text-align:center;}.elementor-89071 .elementor-element.elementor-element-68248b7a .elementor-heading-title{font-size:1.5em;}.elementor-89071 .elementor-element.elementor-element-313baec6{text-align:center;}.elementor-89071 .elementor-element.elementor-element-14c79922{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-89071 .elementor-element.elementor-element-11f3f8c2{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-89071 .elementor-element.elementor-element-b4d3b16{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-89071 .elementor-element.elementor-element-5fb6b5b4{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-89071 .elementor-element.elementor-element-544b9abb{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:-25%;--margin-left:0%;--margin-right:0%;}.elementor-89071 .elementor-element.elementor-element-9dbf839{text-align:center;}.elementor-89071 .elementor-element.elementor-element-55d2a4c6{text-align:center;}.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-wrapper{--tw-lbl-big-size:18px;--tw-lbl-small-size:14px;--tw-ybx-size:80px;}.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-wrapper{--tw-lbl-big-size:18px;--tw-lbl-small-size:14px;--tw-ybx-size:80px;}.elementor-89071 .elementor-element.elementor-element-604d19d2{text-align:center;}.elementor-89071 .elementor-element.elementor-element-2867d6ac{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-89071 .elementor-element.elementor-element-35b11f2{--container-widget-width:48%;--container-widget-flex-grow:0;width:var( --container-widget-width, 48% );max-width:48%;text-align:center;}.elementor-89071 .elementor-element.elementor-element-35b11f2 .elementor-heading-title{font-size:1.3em;}.elementor-89071 .elementor-element.elementor-element-6a80da00{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-89071 .elementor-element.elementor-element-6a80da00 .elementor-icon-box-wrapper{text-align:start;}.elementor-89071 .elementor-element.elementor-element-6a80da00 .elementor-icon{font-size:20px;}.elementor-89071 .elementor-element.elementor-element-6a80da00 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-6a80da00 .elementor-icon-box-title a{font-size:1.5em;}.elementor-89071 .elementor-element.elementor-element-6a80da00 .elementor-icon-box-description{font-size:12px;}.elementor-89071 .elementor-element.elementor-element-40e08a2e{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-89071 .elementor-element.elementor-element-40e08a2e .elementor-icon-box-wrapper{text-align:start;}.elementor-89071 .elementor-element.elementor-element-40e08a2e .elementor-icon{font-size:20px;}.elementor-89071 .elementor-element.elementor-element-40e08a2e .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-40e08a2e .elementor-icon-box-title a{font-size:1.5em;}.elementor-89071 .elementor-element.elementor-element-40e08a2e .elementor-icon-box-description{font-size:12px;}.elementor-89071 .elementor-element.elementor-element-3f94bb1{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-89071 .elementor-element.elementor-element-3f94bb1 .elementor-icon-box-wrapper{text-align:start;}.elementor-89071 .elementor-element.elementor-element-3f94bb1 .elementor-icon{font-size:20px;}.elementor-89071 .elementor-element.elementor-element-3f94bb1 .elementor-icon-box-title, .elementor-89071 .elementor-element.elementor-element-3f94bb1 .elementor-icon-box-title a{font-size:1.5em;}.elementor-89071 .elementor-element.elementor-element-3f94bb1 .elementor-icon-box-description{font-size:12px;}.elementor-89071 .elementor-element.elementor-element-20d46cc6{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-89071 .elementor-element.elementor-element-20d46cc6 .elementor-button{font-size:15px;}.elementor-89071 .elementor-element.elementor-element-32208fa1{text-align:center;}.elementor-89071 .elementor-element.elementor-element-7cff246d{text-align:center;}.elementor-89071 .elementor-element.elementor-element-4c3148bc{--e-n-carousel-swiper-slides-to-display:1;}.elementor-89071 .elementor-element.elementor-element-1654886e{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-89071 .elementor-element.elementor-element-1654886e::before, .elementor-89071 .elementor-element.elementor-element-1654886e > .elementor-background-video-container::before, .elementor-89071 .elementor-element.elementor-element-1654886e > .e-con-inner > .elementor-background-video-container::before, .elementor-89071 .elementor-element.elementor-element-1654886e > .elementor-background-slideshow::before, .elementor-89071 .elementor-element.elementor-element-1654886e > .e-con-inner > .elementor-background-slideshow::before, .elementor-89071 .elementor-element.elementor-element-1654886e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:60% 0px;background-size:cover;}.elementor-89071 .elementor-element.elementor-element-7a361e46{text-align:center;}.elementor-89071 .elementor-element.elementor-element-7a361e46 .elementor-heading-title{font-size:1.9em;}.elementor-89071 .elementor-element.elementor-element-2e9d7a37{text-align:center;}.elementor-89071 .elementor-element.elementor-element-7b732c09 .elementor-button{font-size:15px;}.elementor-89071 .elementor-element.elementor-element-876959e{text-align:center;}.elementor-89071 .elementor-element.elementor-element-57f06d0{text-align:center;}.elementor-89071 .elementor-element.elementor-element-3417f35e{text-align:start;}.elementor-89071 .elementor-element.elementor-element-1080ce23{text-align:start;}.elementor-89071 .elementor-element.elementor-element-3bdc6629{text-align:start;}.elementor-89071 .elementor-element.elementor-element-11a260d{text-align:start;}.elementor-89071 .elementor-element.elementor-element-1070385b{text-align:start;}.elementor-89071 .elementor-element.elementor-element-52a889a7{text-align:start;}.elementor-89071 .elementor-element.elementor-element-5bb238eb{text-align:center;}.elementor-89071 .elementor-element.elementor-element-831ccd6{--e-image-carousel-slides-to-show:3;}}@media(min-width:768px){.elementor-89071 .elementor-element.elementor-element-5dcadb53{--width:30%;}.elementor-89071 .elementor-element.elementor-element-1a2feb55{--width:50%;}.elementor-89071 .elementor-element.elementor-element-574ef33c{--width:10%;}.elementor-89071 .elementor-element.elementor-element-620a95e6{--width:60%;}.elementor-89071 .elementor-element.elementor-element-31e4efe0{--width:80%;}.elementor-89071 .elementor-element.elementor-element-5e95fb6e{--width:70%;}.elementor-89071 .elementor-element.elementor-element-62247b14{--width:70%;}.elementor-89071 .elementor-element.elementor-element-55fbbf49{--width:30%;}.elementor-89071 .elementor-element.elementor-element-6d9c352b{--width:40%;}.elementor-89071 .elementor-element.elementor-element-25066fa{--width:60%;}.elementor-89071 .elementor-element.elementor-element-5fb5cac8{--width:40%;}.elementor-89071 .elementor-element.elementor-element-6ed20899{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-89071 .elementor-element.elementor-element-620a95e6{--width:100%;}}@media(min-width:1025px){.elementor-89071 .elementor-element.elementor-element-4667b7b4::before, .elementor-89071 .elementor-element.elementor-element-4667b7b4 > .elementor-background-video-container::before, .elementor-89071 .elementor-element.elementor-element-4667b7b4 > .e-con-inner > .elementor-background-video-container::before, .elementor-89071 .elementor-element.elementor-element-4667b7b4 > .elementor-background-slideshow::before, .elementor-89071 .elementor-element.elementor-element-4667b7b4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-89071 .elementor-element.elementor-element-4667b7b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}/* Start custom CSS for text-editor, class: .elementor-element-72592fe7 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-72592fe7, .elementor-89071 .elementor-element.elementor-element-72592fe7 p{
    font-size:14px;
    margin-top:0px;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3128e54a */.elementor-89071 .elementor-element.elementor-element-3128e54a a {
    background-color: #F5B800 !important;
    color: #1A1A1A !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding: 14px 32px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.elementor-89071 .elementor-element.elementor-element-3128e54a a:hover {
    background-color: #D9A200 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(245, 184, 0, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-72e33f04 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-72e33f04, .elementor-89071 .elementor-element.elementor-element-72e33f04 p{
    font-size:14px;
    margin-top:0px;
}
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2d2a9a18 *//* 1. Ajuste do Container Principal */
.elementor-89071 .elementor-element.elementor-element-2d2a9a18 {
    background: transparent !important;
    border: none !important;
    padding: 20px 25px !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-left: 3px solid rgba(0,0,0,0.05); /* Borda lateral discreta */
}

/* 2. Efeito ao passar o mouse (Hover) */
.elementor-89071 .elementor-element.elementor-element-2d2a9a18:hover {
    border-left: 3px solid #F5B800; /* Borda fica amarela no hover */
    transform: translateX(8px); /* Deslocamento suave para a direita */
}

/* 3. Estilo do Ícone */
.elementor-89071 .elementor-element.elementor-element-2d2a9a18 .elementor-icon {
 
    font-size: 32px !important;
    margin-bottom: 5px !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-2d2a9a18:hover .elementor-icon {
    color: #F5B800 !important; /* Ícone ganha cor de destaque */
}

/* 4. Título (Engenharia e Precisão) */
.elementor-89071 .elementor-element.elementor-element-2d2a9a18 .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.01em !important;
}

/* 5. Descrição (Leitura Limpa) */
.elementor-89071 .elementor-element.elementor-element-2d2a9a18 .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    color: #6B6B6B !important; /* Cor var(--text-muted) */
    line-height: 1.6 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-672faed2 *//* 1. Ajuste do Container Principal */
.elementor-89071 .elementor-element.elementor-element-672faed2 {
    background: transparent !important;
    border: none !important;
    padding: 20px 25px !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-left: 3px solid rgba(0,0,0,0.05); /* Borda lateral discreta */
}

/* 2. Efeito ao passar o mouse (Hover) */
.elementor-89071 .elementor-element.elementor-element-672faed2:hover {
    border-left: 3px solid #F5B800; /* Borda fica amarela no hover */
    transform: translateX(8px); /* Deslocamento suave para a direita */
}

/* 3. Estilo do Ícone */
.elementor-89071 .elementor-element.elementor-element-672faed2 .elementor-icon {
 
    font-size: 32px !important;
    margin-bottom: 5px !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-672faed2:hover .elementor-icon {
    color: #F5B800 !important; /* Ícone ganha cor de destaque */
}

/* 4. Título (Engenharia e Precisão) */
.elementor-89071 .elementor-element.elementor-element-672faed2 .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.01em !important;
}

/* 5. Descrição (Leitura Limpa) */
.elementor-89071 .elementor-element.elementor-element-672faed2 .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    color: #6B6B6B !important; /* Cor var(--text-muted) */
    line-height: 1.6 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-58d2e23b *//* 1. Ajuste do Container Principal */
.elementor-89071 .elementor-element.elementor-element-58d2e23b {
    background: transparent !important;
    border: none !important;
    padding: 20px 25px !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-left: 3px solid rgba(0,0,0,0.05); /* Borda lateral discreta */
}

/* 2. Efeito ao passar o mouse (Hover) */
.elementor-89071 .elementor-element.elementor-element-58d2e23b:hover {
    border-left: 3px solid #F5B800; /* Borda fica amarela no hover */
    transform: translateX(8px); /* Deslocamento suave para a direita */
}

/* 3. Estilo do Ícone */
.elementor-89071 .elementor-element.elementor-element-58d2e23b .elementor-icon {
 
    font-size: 32px !important;
    margin-bottom: 5px !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-58d2e23b:hover .elementor-icon {
    color: #F5B800 !important; /* Ícone ganha cor de destaque */
}

/* 4. Título (Engenharia e Precisão) */
.elementor-89071 .elementor-element.elementor-element-58d2e23b .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.01em !important;
}

/* 5. Descrição (Leitura Limpa) */
.elementor-89071 .elementor-element.elementor-element-58d2e23b .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    color: #6B6B6B !important; /* Cor var(--text-muted) */
    line-height: 1.6 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5a663bb5 *//* 1. Ajuste do Container Principal */
.elementor-89071 .elementor-element.elementor-element-5a663bb5 {
    background: transparent !important;
    border: none !important;
    padding: 20px 25px !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-left: 3px solid rgba(0,0,0,0.05); /* Borda lateral discreta */
}

/* 2. Efeito ao passar o mouse (Hover) */
.elementor-89071 .elementor-element.elementor-element-5a663bb5:hover {
    border-left: 3px solid #F5B800; /* Borda fica amarela no hover */
    transform: translateX(8px); /* Deslocamento suave para a direita */
}

/* 3. Estilo do Ícone */
.elementor-89071 .elementor-element.elementor-element-5a663bb5 .elementor-icon {
 
    font-size: 44px !important;
    margin-bottom: -5px !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-5a663bb5:hover .elementor-icon {
    color: #F5B800 !important; /* Ícone ganha cor de destaque */
}

/* 4. Título (Engenharia e Precisão) */
.elementor-89071 .elementor-element.elementor-element-5a663bb5 .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.01em !important;
}

/* 5. Descrição (Leitura Limpa) */
.elementor-89071 .elementor-element.elementor-element-5a663bb5 .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    color: #6B6B6B !important; /* Cor var(--text-muted) */
    line-height: 1.6 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-313baec6 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-313baec6, .elementor-89071 .elementor-element.elementor-element-313baec6 p{
    font-size:14px;
    margin-top:0px;
}
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-14c79922 *//* 1. Estilo do Card (Fundo Branco sobre Seção Cinza) */
.elementor-89071 .elementor-element.elementor-element-14c79922 {
    background: #FFFFFF !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out !important;
}

/* 2. Efeito de Hover (Borda Amarela e Sombra Leve) */
.elementor-89071 .elementor-element.elementor-element-14c79922:hover {
    border-color: #F5B800 !important; /* Cor var(--yellow) */
    box-shadow: 0 4px 12px rgba(245, 184, 0, 0.1) !important;
    transform: translateY(-2px);
}

/* 3. Estilo da Bolinha do Ícone (Check) */
.elementor-89071 .elementor-element.elementor-element-14c79922 .elementor-icon {
    width: 32px !important;
    height: 32px !important;
    background: rgba(245, 184, 0, 0.15) !important; /* Amarelo clarinho no fundo */
    border-radius: 50% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-right: 15px !important;
    flex-shrink: 0;
}

/* 4. Cor do Ícone SVG/I */
.elementor-89071 .elementor-element.elementor-element-14c79922 .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-14c79922 .elementor-icon svg {
   
    font-size: 18px !important;
    stroke-width: 2px;
   
}

/* 5. Ajuste do Texto (Alinhamento e Fonte) */
.elementor-89071 .elementor-element.elementor-element-14c79922 .elementor-icon-box-title {
    font-family: 'Roboto', sans-serif !important;
 
    font-weight: 400 !important;
    color: #6B6B6B !important; /* var(--text-muted) */
    margin: 0 !important;
    line-height: 1.5 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-11f3f8c2 *//* 1. Estilo do Card (Fundo Branco sobre Seção Cinza) */
.elementor-89071 .elementor-element.elementor-element-11f3f8c2 {
    background: #FFFFFF !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out !important;
}

/* 2. Efeito de Hover (Borda Amarela e Sombra Leve) */
.elementor-89071 .elementor-element.elementor-element-11f3f8c2:hover {
    border-color: #F5B800 !important; /* Cor var(--yellow) */
    box-shadow: 0 4px 12px rgba(245, 184, 0, 0.1) !important;
    transform: translateY(-2px);
}

/* 3. Estilo da Bolinha do Ícone (Check) */
.elementor-89071 .elementor-element.elementor-element-11f3f8c2 .elementor-icon {
    width: 32px !important;
    height: 32px !important;
    background: rgba(245, 184, 0, 0.15) !important; /* Amarelo clarinho no fundo */
    border-radius: 50% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-right: 15px !important;
    flex-shrink: 0;
}

/* 4. Cor do Ícone SVG/I */
.elementor-89071 .elementor-element.elementor-element-11f3f8c2 .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-11f3f8c2 .elementor-icon svg {
   
    font-size: 18px !important;
    stroke-width: 2px;
   
}

/* 5. Ajuste do Texto (Alinhamento e Fonte) */
.elementor-89071 .elementor-element.elementor-element-11f3f8c2 .elementor-icon-box-title {
    font-family: 'Roboto', sans-serif !important;
 
    font-weight: 400 !important;
    color: #6B6B6B !important; /* var(--text-muted) */
    margin: 0 !important;
    line-height: 1.5 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b4d3b16 *//* 1. Estilo do Card (Fundo Branco sobre Seção Cinza) */
.elementor-89071 .elementor-element.elementor-element-b4d3b16 {
    background: #FFFFFF !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out !important;
}

/* 2. Efeito de Hover (Borda Amarela e Sombra Leve) */
.elementor-89071 .elementor-element.elementor-element-b4d3b16:hover {
    border-color: #F5B800 !important; /* Cor var(--yellow) */
    box-shadow: 0 4px 12px rgba(245, 184, 0, 0.1) !important;
    transform: translateY(-2px);
}

/* 3. Estilo da Bolinha do Ícone (Check) */
.elementor-89071 .elementor-element.elementor-element-b4d3b16 .elementor-icon {
    width: 32px !important;
    height: 32px !important;
    background: rgba(245, 184, 0, 0.15) !important; /* Amarelo clarinho no fundo */
    border-radius: 50% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-right: 15px !important;
    flex-shrink: 0;
}

/* 4. Cor do Ícone SVG/I */
.elementor-89071 .elementor-element.elementor-element-b4d3b16 .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-b4d3b16 .elementor-icon svg {
   
    font-size: 18px !important;
    stroke-width: 2px;
   
}

/* 5. Ajuste do Texto (Alinhamento e Fonte) */
.elementor-89071 .elementor-element.elementor-element-b4d3b16 .elementor-icon-box-title {
    font-family: 'Roboto', sans-serif !important;
 
    font-weight: 400 !important;
    color: #6B6B6B !important; /* var(--text-muted) */
    margin: 0 !important;
    line-height: 1.5 !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5fb6b5b4 *//* 1. Estilo do Card (Fundo Branco sobre Seção Cinza) */
.elementor-89071 .elementor-element.elementor-element-5fb6b5b4 {
    background: #FFFFFF !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
    border-radius: 8px !important;
    padding: 15px 20px !important;
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out !important;
}

/* 2. Efeito de Hover (Borda Amarela e Sombra Leve) */
.elementor-89071 .elementor-element.elementor-element-5fb6b5b4:hover {
    border-color: #F5B800 !important; /* Cor var(--yellow) */
    box-shadow: 0 4px 12px rgba(245, 184, 0, 0.1) !important;
    transform: translateY(-2px);
}

/* 3. Estilo da Bolinha do Ícone (Check) */
.elementor-89071 .elementor-element.elementor-element-5fb6b5b4 .elementor-icon {
    width: 32px !important;
    height: 32px !important;
    background: rgba(245, 184, 0, 0.15) !important; /* Amarelo clarinho no fundo */
    border-radius: 50% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-right: 15px !important;
    flex-shrink: 0;
}

/* 4. Cor do Ícone SVG/I */
.elementor-89071 .elementor-element.elementor-element-5fb6b5b4 .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-5fb6b5b4 .elementor-icon svg {
   
    font-size: 18px !important;
    stroke-width: 2px;
   
}

/* 5. Ajuste do Texto (Alinhamento e Fonte) */
.elementor-89071 .elementor-element.elementor-element-5fb6b5b4 .elementor-icon-box-title {
    font-family: 'Roboto', sans-serif !important;
 
    font-weight: 400 !important;
    color: #6B6B6B !important; /* var(--text-muted) */
    margin: 0 !important;
    line-height: 1.5 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-55d2a4c6 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-55d2a4c6, .elementor-89071 .elementor-element.elementor-element-55d2a4c6 p{
    font-size:14px;
    margin-top:0px;
}
}/* End custom CSS */
/* Start custom CSS for timeline-widget-addon, class: .elementor-element-6b01b41 *//* ==========================================
   1. GERAL: FUNDO, SOMBRAS E RESET DE ESPAÇOS
   ========================================== */
.elementor-89071 .elementor-element.elementor-element-6b01b41 {
    margin-top: 0px !important;
}

.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-content {
    background: transparent !important; /* Remove o fundo branco */
    box-shadow: none !important;        /* Remove qualquer sombra */
    border: none !important;
    padding-top: 0 !important;          /* Tira o respiro interno superior */
    margin-top: 0 !important;           /* MATA O ESPAÇO VAZIO (LARANJA) ACIMA DO CARD */
    transition: all 0.3s ease;
}

/* ==========================================
   2. AJUSTE DO ÍCONE DA LINHA (NÚMERO)
   ========================================== */
.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-icon {
    width: 45px !important;               /* Tamanho do círculo */
    height: 45px !important;
    line-height: 45px !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 18px !important;           /* Tamanho do número dentro */
}

/* ==========================================
   3. TIPOGRAFIA
   ========================================== */
.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    color: #1A1A1A !important;            /* Grafite escuro para contraste máximo */
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-description,
.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-description p,
.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-description span {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    color: #333333 !important;            /* Cinza escuro para leitura no amarelo */
    font-size: 13px !important;           /* Tamanho ajustado da fonte */
    line-height: 1.5 !important;
    max-width: 250px !important;          /* Evita que o texto espalhe muito */
    margin: 0 auto !important;
}

/* ==========================================
   4. IMAGENS/ÍCONES 3D
   ========================================== */
.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-media {
    margin-top: 0 !important;             /* MATA O ESPAÇO VAZIO (LARANJA) ACIMA DA IMAGEM */
    padding-top: 0 !important;
}

.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-media img {
    width: 30%;
    filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1)); /* Sombra suave apenas no ícone */
}

/* ==========================================
   5. ESCONDE ELEMENTOS DESNECESSÁRIOS
   ========================================== */
.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-arrow, 
.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-icon::before, 
.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-icon::after {
    display: none !important;
}

/* ==========================================
   6. ZERA ESPAÇAMENTOS E ALTURAS FORÇADAS
   ========================================== */
.elementor-89071 .elementor-element.elementor-element-6b01b41 .elementor-widget-container,
.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-wrapper,
.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-wrapper-inside,
.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-slider-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-slider-wrapper {
    height: auto !important;
    min-height: 0 !important;
}

/* ==========================================
   7. NAVEGAÇÃO (SETAS) - DESKTOP
   ========================================== */
/* Esconde as setas por padrão no Desktop */
.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-button-prev,
.elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-button-next {
    display: none !important;
}

/* ==========================================
   8. RESPONSIVIDADE: TABLET E MOBILE
   ========================================== */

/* Ajustes Gerais para Dispositivos Móveis (Abaixo de 1024px) */
@media (max-width: 1024px) {
    
    /* 1. EXIBE AS SETAS APENAS AQUI E AJUSTA O ALINHAMENTO */
    .elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-button-prev,
    .elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-button-next {
        display: flex !important;
        background: #1A1A1A !important;
        color: #FFFFFF !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        border: none !important;
        
        /* Ajuste fino de altura para cravar na linha */
        top: 105px !important; 
        transform: translateY(-50%) !important; 
        z-index: 100 !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Posicionamento nas extremidades e exibição do ícone */
    .elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-button-prev { left: 0px !important; }
    .elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-button-next { right: 0px !important; }
    .elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-button-prev::after,
    .elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-button-next::after {
        font-size: 18px !important;
    }

    /* 2. Reduz o tamanho do círculo para não dominar a tela */
    .elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-icon {
        width: 38px !important;
        height: 38px !important;
        line-height: 38px !important;
        font-size: 16px !important;
    }

    /* 3. Ajusta a escala das imagens 3D */
    .elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-media img {
        width: 35% !important; 
    }

    /* 4. Refina a tipografia */
    .elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-title {
        font-size: 17px !important;
        margin-top: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-description,
    .elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-description p,
    .elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-description span {
        font-size: 12px !important;
        max-width: 100% !important; 
        padding: 0 10px !important;
    }

    /* 5. Garante que o card não suba demais no mobile */
    .elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-content {
        margin-top: 5px !important;
    }
}

/* Ajustes Específicos para Celulares (Abaixo de 767px) */
@media (max-width: 767px) {

    /* Puxa as setas um pouco para fora para não cobrir o texto */
    .elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-button-prev { left: -10px !important; }
    .elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-button-next { right: -10px !important; }

    /* Aumenta o espaçamento inferior para o widget não "colar" na seção de baixo */
    .elementor-89071 .elementor-element.elementor-element-6b01b41 .elementor-widget-container {
        padding-bottom: 30px !important;
    }

    /* Ajuste fino do ícone 3D para celulares pequenos */
    .elementor-89071 .elementor-element.elementor-element-6b01b41 .twae-media img {
        width: 30% !important;
    }
}/* End custom CSS */
/* Start custom CSS for timeline-widget-addon, class: .elementor-element-a2b417d */.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-content {
    background: transparent !important; /* Remove o fundo branco */
    box-shadow: none !important;        /* Remove qualquer sombra */
    border: none !important;
    padding-top: 0 !important;          /* Tira o respiro interno superior */
   
    transition: all 0.3s ease;
}

/* ==========================================
   2. AJUSTE DO ÍCONE DA LINHA (NÚMERO)
   ========================================== */
.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-icon {
    width: 45px !important;               /* Tamanho do círculo */
    height: 45px !important;
    line-height: 45px !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 18px !important;           /* Tamanho do número dentro */
}

/* ==========================================
   3. TIPOGRAFIA
   ========================================== */
.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    color: #1A1A1A !important;            /* Grafite escuro para contraste máximo */
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-description,
.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-description p,
.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-description span {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    color: #333333 !important;            /* Cinza escuro para leitura no amarelo */
    font-size: 13px !important;           /* Tamanho ajustado da fonte */
    line-height: 1.5 !important;
    max-width: 250px !important;          /* Evita que o texto espalhe muito */
    margin: 0 auto !important;
}

/* ==========================================
   4. IMAGENS/ÍCONES 3D
   ========================================== */
.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-media {
    margin-top: 0 !important;             /* MATA O ESPAÇO VAZIO (LARANJA) ACIMA DA IMAGEM */
    padding-top: 0 !important;
}

.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-media img {
    width: 30%;
    filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1)); /* Sombra suave apenas no ícone */
}

/* ==========================================
   5. ESCONDE ELEMENTOS DESNECESSÁRIOS
   ========================================== */
.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-arrow, 
.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-icon::before, 
.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-icon::after {
    display: none !important;
}

/* ==========================================
   6. ZERA ESPAÇAMENTOS E ALTURAS FORÇADAS
   ========================================== */
.elementor-89071 .elementor-element.elementor-element-a2b417d .elementor-widget-container,
.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-wrapper,
.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-wrapper-inside,
.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-slider-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-slider-wrapper {
    height: auto !important;
    min-height: 0 !important;
}

/* ==========================================
   7. NAVEGAÇÃO (SETAS) - DESKTOP
   ========================================== */
/* Esconde as setas por padrão no Desktop */
.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-button-prev,
.elementor-89071 .elementor-element.elementor-element-a2b417d .twae-button-next {
    display: none !important;
}

/* ==========================================
   8. RESPONSIVIDADE: TABLET E MOBILE
   ========================================== */

/* Ajustes Gerais para Dispositivos Móveis (Abaixo de 1024px) */
@media (max-width: 1024px) {
    
    /* 1. EXIBE AS SETAS APENAS AQUI E AJUSTA O ALINHAMENTO */
    .elementor-89071 .elementor-element.elementor-element-a2b417d .twae-button-prev,
    .elementor-89071 .elementor-element.elementor-element-a2b417d .twae-button-next {
        display: flex !important;
        background: #1A1A1A !important;
        color: #FFFFFF !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        border: none !important;
        
        /* Ajuste fino de altura para cravar na linha */
        top: 105px !important; 
        transform: translateY(-50%) !important; 
        z-index: 100 !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Posicionamento nas extremidades e exibição do ícone */
    .elementor-89071 .elementor-element.elementor-element-a2b417d .twae-button-prev { left: 0px !important; }
    .elementor-89071 .elementor-element.elementor-element-a2b417d .twae-button-next { right: 0px !important; }
    .elementor-89071 .elementor-element.elementor-element-a2b417d .twae-button-prev::after,
    .elementor-89071 .elementor-element.elementor-element-a2b417d .twae-button-next::after {
        font-size: 18px !important;
    }

    /* 2. Reduz o tamanho do círculo para não dominar a tela */
    .elementor-89071 .elementor-element.elementor-element-a2b417d .twae-icon {
        width: 38px !important;
        height: 38px !important;
        line-height: 38px !important;
        font-size: 16px !important;
    }

    /* 3. Ajusta a escala das imagens 3D */
    .elementor-89071 .elementor-element.elementor-element-a2b417d .twae-media img {
        width: 35% !important; 
    }

    /* 4. Refina a tipografia */
    .elementor-89071 .elementor-element.elementor-element-a2b417d .twae-title {
        font-size: 17px !important;
        margin-top: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-a2b417d .twae-description,
    .elementor-89071 .elementor-element.elementor-element-a2b417d .twae-description p,
    .elementor-89071 .elementor-element.elementor-element-a2b417d .twae-description span {
        font-size: 12px !important;
        max-width: 100% !important; 
        padding: 0 10px !important;
    }

    /* 5. Garante que o card não suba demais no mobile */
    .elementor-89071 .elementor-element.elementor-element-a2b417d .twae-content {
        margin-top: 5px !important;
    }
}

/* Ajustes Específicos para Celulares (Abaixo de 767px) */
@media (max-width: 767px) {

    /* Puxa as setas um pouco para fora para não cobrir o texto */
    .elementor-89071 .elementor-element.elementor-element-a2b417d .twae-button-prev { left: -10px !important; }
    .elementor-89071 .elementor-element.elementor-element-a2b417d .twae-button-next { right: -10px !important; }

    /* Aumenta o espaçamento inferior para o widget não "colar" na seção de baixo */
    .elementor-89071 .elementor-element.elementor-element-a2b417d .elementor-widget-container {
        padding-bottom: 30px !important;
    }

    /* Ajuste fino do ícone 3D para celulares pequenos */
    .elementor-89071 .elementor-element.elementor-element-a2b417d .twae-media img {
        width: 30% !important;
    }
}/* End custom CSS */
/* Start custom CSS for testimonial-carousel, class: .elementor-element-2867d6ac *//* 1. O CARD (SLIDE) */
.elementor-89071 .elementor-element.elementor-element-2867d6ac .elementor-testimonial {
    background: #FFFFFF !important;
    padding: 40px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04) !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    transition: all 0.3s ease;
}

/* 2. O TEXTO DO DEPOIMENTO (ROBOTO) */
.elementor-89071 .elementor-element.elementor-element-2867d6ac .elementor-testimonial__content {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-style: italic !important;
    font-size: 16px !important;
    color: #555555 !important;
    line-height: 1.8 !important;
    margin-bottom: 25px !important;
}

/* 3. NOME DO CLIENTE (MONTSERRAT) */
.elementor-89071 .elementor-element.elementor-element-2867d6ac .elementor-testimonial__name {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    color: #1A1A1A !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* 4. CARGO / TÍTULO (AMARELO DA MARCA) */
.elementor-89071 .elementor-element.elementor-element-2867d6ac .elementor-testimonial__title {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    color: #F5B800 !important; /* Amarelo técnico */
    margin-top: 5px !important;
}

/* 5. NAVEGAÇÃO (SETAS) */
.elementor-89071 .elementor-element.elementor-element-2867d6ac .elementor-swiper-button {
    color: #1A1A1A !important;
    opacity: 0.3;
    transition: all 0.3s ease;
}

.elementor-89071 .elementor-element.elementor-element-2867d6ac .elementor-swiper-button:hover {
    opacity: 1;
    color: #F5B800 !important;
}

/* 6. PAGINAÇÃO (PONTINHOS) */
.elementor-89071 .elementor-element.elementor-element-2867d6ac .swiper-pagination-bullet {
    background: #1A1A1A !important;
    opacity: 0.15;
    width: 8px !important;
    height: 8px !important;
}

.elementor-89071 .elementor-element.elementor-element-2867d6ac .swiper-pagination-bullet-active {
    background: #F5B800 !important;
    opacity: 1;
    width: 25px !important; /* Efeito pílula para o ativo */
    border-radius: 5px !important;
}

/* 7. RESPONSIVO (MOBILE) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-2867d6ac .elementor-testimonial {
        padding: 30px 20px !important;
    }
    
    .elementor-89071 .elementor-element.elementor-element-2867d6ac .elementor-testimonial__content {
        font-size: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6a80da00 *//* 1. Alinhamento e Espaçamento do Wrapper */
.elementor-89071 .elementor-element.elementor-element-6a80da00 .elementor-icon-box-wrapper {
    display: flex !important;
   
    gap: 15px !important; /* Espaço entre o ícone e o conteúdo */
    text-align: left !important;
    transition: all 0.3s ease;
    
}

/* 2. Estilo do Ícone (Estrela) */
.elementor-89071 .elementor-element.elementor-element-6a80da00 .elementor-icon {
 
  
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0; /* Impede o ícone de amassar em telas menores */
}

/* 3. Título (Montserrat) */
.elementor-89071 .elementor-element.elementor-element-6a80da00 .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
  
    margin-bottom: 8px !important;
    line-height: 1.2 !important;
}

/* 4. Descrição (Roboto) */
.elementor-89071 .elementor-element.elementor-element-6a80da00 .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
  
    color: #6B6B6B !important; /* var(--text-muted) */
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* 5. Efeito sutil de Hover */
.elementor-89071 .elementor-element.elementor-element-6a80da00:hover .elementor-icon-box-wrapper {
    transform: translateY(-3px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-40e08a2e *//* 1. Alinhamento e Espaçamento do Wrapper */
.elementor-89071 .elementor-element.elementor-element-40e08a2e .elementor-icon-box-wrapper {
    display: flex !important;
   
    gap: 15px !important; /* Espaço entre o ícone e o conteúdo */
    text-align: left !important;
    transition: all 0.3s ease;
    
}

/* 2. Estilo do Ícone (Estrela) */
.elementor-89071 .elementor-element.elementor-element-40e08a2e .elementor-icon {
 
  
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0; /* Impede o ícone de amassar em telas menores */
}

/* 3. Título (Montserrat) */
.elementor-89071 .elementor-element.elementor-element-40e08a2e .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
  
    margin-bottom: 8px !important;
    line-height: 1.2 !important;
}

/* 4. Descrição (Roboto) */
.elementor-89071 .elementor-element.elementor-element-40e08a2e .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
  
    color: #6B6B6B !important; /* var(--text-muted) */
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* 5. Efeito sutil de Hover */
.elementor-89071 .elementor-element.elementor-element-40e08a2e:hover .elementor-icon-box-wrapper {
    transform: translateY(-3px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3f94bb1 *//* 1. Alinhamento e Espaçamento do Wrapper */
.elementor-89071 .elementor-element.elementor-element-3f94bb1 .elementor-icon-box-wrapper {
    display: flex !important;
   
    gap: 15px !important; /* Espaço entre o ícone e o conteúdo */
    text-align: left !important;
    transition: all 0.3s ease;
    
}

/* 2. Estilo do Ícone (Estrela) */
.elementor-89071 .elementor-element.elementor-element-3f94bb1 .elementor-icon {
 
  
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0; /* Impede o ícone de amassar em telas menores */
}

/* 3. Título (Montserrat) */
.elementor-89071 .elementor-element.elementor-element-3f94bb1 .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
  
    margin-bottom: 8px !important;
    line-height: 1.2 !important;
}

/* 4. Descrição (Roboto) */
.elementor-89071 .elementor-element.elementor-element-3f94bb1 .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
  
    color: #6B6B6B !important; /* var(--text-muted) */
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* 5. Efeito sutil de Hover */
.elementor-89071 .elementor-element.elementor-element-3f94bb1:hover .elementor-icon-box-wrapper {
    transform: translateY(-3px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-20d46cc6 */.elementor-89071 .elementor-element.elementor-element-20d46cc6 a {
    background-color: #F5B800 !important;
    color: #1A1A1A !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding: 14px 32px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.elementor-89071 .elementor-element.elementor-element-20d46cc6 a:hover {
    background-color: #D9A200 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(245, 184, 0, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fa00181 */.elementor-89071 .elementor-element.elementor-element-5fa00181 {
    /* Um amarelo quase branco para manter a elegância */
    background: linear-gradient(135deg, #FFFFFF 0%, #FFF9E5 100%) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7cff246d */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-7cff246d, .elementor-89071 .elementor-element.elementor-element-7cff246d p{
    font-size:14px;
    margin-top:0px;
}
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bc8e7d3 *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ca10df5 *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-ca10df5 {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-ca10df5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-ca10df5 {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-ca10df5 {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-ca10df5:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-ca10df5::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bdcd54f *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-bdcd54f {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-bdcd54f {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c6d58fc *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-c6d58fc {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-c6d58fc {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e45cc0f *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-e45cc0f {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-e45cc0f {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bc8e7d3 *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ca10df5 *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-ca10df5 {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-ca10df5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-ca10df5 {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-ca10df5 {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-ca10df5:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-ca10df5::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bdcd54f *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-bdcd54f {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-bdcd54f {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c6d58fc *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-c6d58fc {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-c6d58fc {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e45cc0f *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-e45cc0f {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-e45cc0f {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bc8e7d3 *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ca10df5 *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-ca10df5 {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-ca10df5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-ca10df5 {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-ca10df5 {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-ca10df5:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-ca10df5::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bdcd54f *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-bdcd54f {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-bdcd54f {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c6d58fc *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-c6d58fc {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-c6d58fc {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e45cc0f *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-e45cc0f {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-e45cc0f {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bc8e7d3 *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ca10df5 *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-ca10df5 {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-ca10df5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-ca10df5 {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-ca10df5 {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-ca10df5:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-ca10df5::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bdcd54f *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-bdcd54f {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-bdcd54f {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c6d58fc *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-c6d58fc {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-c6d58fc {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e45cc0f *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-e45cc0f {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-e45cc0f {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bc8e7d3 *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ca10df5 *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-ca10df5 {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-ca10df5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-ca10df5 {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-ca10df5 {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-ca10df5:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-ca10df5::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bdcd54f *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-bdcd54f {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-bdcd54f {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c6d58fc *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-c6d58fc {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-c6d58fc {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e45cc0f *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-e45cc0f {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-e45cc0f {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bc8e7d3 *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bc8e7d3 .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-bc8e7d3::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ca10df5 *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-ca10df5 {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-ca10df5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-ca10df5:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-ca10df5 {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-ca10df5 {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-ca10df5:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-ca10df5 .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-ca10df5::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bdcd54f *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-bdcd54f:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-bdcd54f {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-bdcd54f {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-bdcd54f .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-bdcd54f::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c6d58fc *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-c6d58fc:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-c6d58fc {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-c6d58fc {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-c6d58fc .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-c6d58fc::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e45cc0f *//* 1. ESTADO NORMAL DO CARD (CLEAN & TECHNICAL) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f {
    background: #FFFFFF !important; /* Branco puro destaca melhor o amarelo */
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 12px !important;
    padding: 45px 35px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}

/* Acento Visual (Linha Amarela Escondida) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #F5B800;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: right;
}

/* 2. EFEITO DE HOVER (INVERSÃO SOFISTICADA) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover {
    background: #1A1A1A !important;
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* 3. ESTILO DO ÍCONE */
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon {
    background-color: rgba(245, 184, 0, 0.1) !important; /* Fundo suave amarelo */
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon {
    background-color: #F5B800 !important; /* Ícone fica sólido no hover */
    
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon svg {
    font-size: 28px !important;
    color: #F5B800 !important;
    transition: all 0.4s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg {
    color: #1A1A1A !important; /* Ícone inverte para preto no fundo amarelo */
    transform: rotateY(180deg); /* Efeito técnico sutil */
}

/* 4. TÍTULO (MONTSERRAT EXTRA BOLD) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon-box-title {
    color: #FFFFFF !important;
}

/* 5. DESCRIÇÃO (ROBOTO LIGHT) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14.5px !important;
    color: #555555 !important;
    line-height: 1.7 !important;
    transition: color 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon-box-description {
    color: rgba(255,255,255,0.7) !important; /* Leitura melhor que 0.5 */
}

/* Ícone no Hover (Inversão para preto no fundo amarelo) */
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon i,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg path,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg rect,
.elementor-89071 .elementor-element.elementor-element-e45cc0f:hover .elementor-icon svg circle {
    color: #1A1A1A !important;
    fill: #1A1A1A !important; /* Força o preenchimento do SVG para preto */
    transition: all 0.4s ease !important;
}

/* ==========================================
   RESPONSIVO: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-e45cc0f {
        padding: 35px 25px !important; /* Reduz um pouco o respiro */
    }

    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title {
        font-size: 18px !important; /* Título levemente menor */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    .elementor-89071 .elementor-element.elementor-element-e45cc0f {
        padding: 30px 20px !important; /* Padding mais compacto para telas estreitas */
        transform: none !important;     /* Desativa o translateY para evitar saltos no toque */
    }

    /* Reduz o impacto do hover no mobile (foca apenas na cor) */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f:hover {
        transform: translateY(-5px) !important; /* Elevação bem mais sutil */
    }

    /* Ajuste do Ícone */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon i,
    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon svg {
        font-size: 24px !important;
    }

    /* Ajuste de Tipografia */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .elementor-89071 .elementor-element.elementor-element-e45cc0f .elementor-icon-box-description {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    /* Garante que a barra amarela inferior não fique grossa demais */
    .elementor-89071 .elementor-element.elementor-element-e45cc0f::after {
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4c3148bc *//* 1. O CARD (SLIDE) */
.elementor-89071 .elementor-element.elementor-element-4c3148bc .swiper-slide-inner,
.elementor-89071 .elementor-element.elementor-element-4c3148bc .elementor-testimonial {
    background-color: #FFFFFF !important;
    border-radius: 15px !important;
    padding: 40px 30px !important;
    margin: 15px !important; /* Espaço para a sombra não cortar */
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    border: 1px solid rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease-in-out !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Alinha conteúdo à esquerda */
}

/* Efeito Hover no Card */
.elementor-89071 .elementor-element.elementor-element-4c3148bc .swiper-slide-inner:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 45px rgba(0,0,0,0.1) !important;
    border-color: #F5B800 !important; /* Borda amarela sutil no hover */
}

/* 2. ÍCONES */
.elementor-89071 .elementor-element.elementor-element-4c3148bc .elementor-testimonial__image,
.elementor-89071 .elementor-element.elementor-element-4c3148bc .elementor-carousel-image {
    margin-bottom: 25px !important;
    width: 50px !important;
    height: auto !important;
}

/* Se for ícone SVG do Elementor */
.elementor-89071 .elementor-element.elementor-element-4c3148bc i, .elementor-89071 .elementor-element.elementor-element-4c3148bc svg {
    color: #F5B800 !important;
    fill: #F5B800 !important;
    width: 45px;
}

/* 3. TÍTULO (MONTSERRAT) */
.elementor-89071 .elementor-element.elementor-element-4c3148bc .elementor-testimonial__name,
.elementor-89071 .elementor-element.elementor-element-4c3148bc .elementor-carousel-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 20px !important;
    color: #1A1A1A !important;
    margin-bottom: 15px !important;
    text-align: left !important;
}

/* 4. DESCRIÇÃO (ROBOTO) */
.elementor-89071 .elementor-element.elementor-element-4c3148bc .elementor-testimonial__content,
.elementor-89071 .elementor-element.elementor-element-4c3148bc .elementor-carousel-description {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    color: #555555 !important;
    line-height: 1.6 !important;
    text-align: left !important;
}

/* 5. NAVEGAÇÃO (SETAS LATERAIS) */
.elementor-89071 .elementor-element.elementor-element-4c3148bc .elementor-swiper-button {
    color: #1A1A1A !important;
    transition: all 0.2s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-4c3148bc .elementor-swiper-button:hover {
    color: #F5B800 !important;
    transform: scale(1.2);
}

/* 6. PAGINAÇÃO (PONTINHOS) */
.elementor-89071 .elementor-element.elementor-element-4c3148bc .swiper-pagination-bullet {
    background: #1A1A1A !important;
    opacity: 0.2;
}

.elementor-89071 .elementor-element.elementor-element-4c3148bc .swiper-pagination-bullet-active {
    background: #F5B800 !important;
    opacity: 1;
    width: 20px !important; /* Efeito de pílula no ativo */
    border-radius: 5px !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2e9d7a37 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-2e9d7a37, .elementor-89071 .elementor-element.elementor-element-2e9d7a37 p{
    font-size:14px;
    margin-top:0px;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7b732c09 */.elementor-89071 .elementor-element.elementor-element-7b732c09 a {
    background-color: #F5B800 !important;
    color: #1A1A1A !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding: 14px 32px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.elementor-89071 .elementor-element.elementor-element-7b732c09 a:hover {
    background-color: #D9A200 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(245, 184, 0, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-57f06d0 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-57f06d0, .elementor-89071 .elementor-element.elementor-element-57f06d0 p{
    font-size:14px;
    margin-top:0px;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3417f35e */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-3417f35e, .elementor-89071 .elementor-element.elementor-element-3417f35e p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1080ce23 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-1080ce23, .elementor-89071 .elementor-element.elementor-element-1080ce23 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3bdc6629 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-3bdc6629, .elementor-89071 .elementor-element.elementor-element-3bdc6629 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-11a260d */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-11a260d, .elementor-89071 .elementor-element.elementor-element-11a260d p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1070385b */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-1070385b, .elementor-89071 .elementor-element.elementor-element-1070385b p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-52a889a7 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-52a889a7, .elementor-89071 .elementor-element.elementor-element-52a889a7 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3417f35e */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-3417f35e, .elementor-89071 .elementor-element.elementor-element-3417f35e p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1080ce23 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-1080ce23, .elementor-89071 .elementor-element.elementor-element-1080ce23 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3bdc6629 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-3bdc6629, .elementor-89071 .elementor-element.elementor-element-3bdc6629 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-11a260d */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-11a260d, .elementor-89071 .elementor-element.elementor-element-11a260d p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1070385b */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-1070385b, .elementor-89071 .elementor-element.elementor-element-1070385b p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-52a889a7 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-52a889a7, .elementor-89071 .elementor-element.elementor-element-52a889a7 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3417f35e */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-3417f35e, .elementor-89071 .elementor-element.elementor-element-3417f35e p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1080ce23 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-1080ce23, .elementor-89071 .elementor-element.elementor-element-1080ce23 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3bdc6629 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-3bdc6629, .elementor-89071 .elementor-element.elementor-element-3bdc6629 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-11a260d */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-11a260d, .elementor-89071 .elementor-element.elementor-element-11a260d p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1070385b */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-1070385b, .elementor-89071 .elementor-element.elementor-element-1070385b p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-52a889a7 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-52a889a7, .elementor-89071 .elementor-element.elementor-element-52a889a7 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3417f35e */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-3417f35e, .elementor-89071 .elementor-element.elementor-element-3417f35e p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1080ce23 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-1080ce23, .elementor-89071 .elementor-element.elementor-element-1080ce23 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3bdc6629 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-3bdc6629, .elementor-89071 .elementor-element.elementor-element-3bdc6629 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-11a260d */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-11a260d, .elementor-89071 .elementor-element.elementor-element-11a260d p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1070385b */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-1070385b, .elementor-89071 .elementor-element.elementor-element-1070385b p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-52a889a7 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-52a889a7, .elementor-89071 .elementor-element.elementor-element-52a889a7 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3417f35e */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-3417f35e, .elementor-89071 .elementor-element.elementor-element-3417f35e p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1080ce23 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-1080ce23, .elementor-89071 .elementor-element.elementor-element-1080ce23 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3bdc6629 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-3bdc6629, .elementor-89071 .elementor-element.elementor-element-3bdc6629 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-11a260d */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-11a260d, .elementor-89071 .elementor-element.elementor-element-11a260d p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1070385b */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-1070385b, .elementor-89071 .elementor-element.elementor-element-1070385b p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-52a889a7 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-52a889a7, .elementor-89071 .elementor-element.elementor-element-52a889a7 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3417f35e */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-3417f35e, .elementor-89071 .elementor-element.elementor-element-3417f35e p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1080ce23 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-1080ce23, .elementor-89071 .elementor-element.elementor-element-1080ce23 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3bdc6629 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-3bdc6629, .elementor-89071 .elementor-element.elementor-element-3bdc6629 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-11a260d */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-11a260d, .elementor-89071 .elementor-element.elementor-element-11a260d p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1070385b */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-1070385b, .elementor-89071 .elementor-element.elementor-element-1070385b p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-52a889a7 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-52a889a7, .elementor-89071 .elementor-element.elementor-element-52a889a7 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3417f35e */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-3417f35e, .elementor-89071 .elementor-element.elementor-element-3417f35e p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1080ce23 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-1080ce23, .elementor-89071 .elementor-element.elementor-element-1080ce23 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3bdc6629 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-3bdc6629, .elementor-89071 .elementor-element.elementor-element-3bdc6629 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-11a260d */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-11a260d, .elementor-89071 .elementor-element.elementor-element-11a260d p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1070385b */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-1070385b, .elementor-89071 .elementor-element.elementor-element-1070385b p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-52a889a7 */@media screen and (max-width:768px){
    .elementor-89071 .elementor-element.elementor-element-52a889a7, .elementor-89071 .elementor-element.elementor-element-52a889a7 p{
    font-size:13px;

}
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-d577e53 *//* 1. Estrutura do Item (Details) */
.elementor-89071 .elementor-element.elementor-element-d577e53 .e-n-accordion-item {
    border: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
    margin-bottom: 0 !important;
}

/* 2. Estilo do Título (Summary) */
.elementor-89071 .elementor-element.elementor-element-d577e53 .e-n-accordion-item-title {
    background-color: transparent !important;
    padding: 20px 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

/* Texto da Pergunta */
.elementor-89071 .elementor-element.elementor-element-d577e53 .e-n-accordion-item-title-text {
    font-family: 'Roboto', sans-serif !important;
  
    color: #6B6B6B !important; /* var(--text-muted) */
    transition: color 0.3s ease;
}

/* Cor quando estiver aberto ou no hover */
.elementor-89071 .elementor-element.elementor-element-d577e53 .e-n-accordion-item[open] .e-n-accordion-item-title-text,
.elementor-89071 .elementor-element.elementor-element-d577e53 .e-n-accordion-item-title:hover .e-n-accordion-item-title-text {
    color: #1A1A1A !important; /* var(--dark) */
}

/* 3. Estilo do Ícone (Bolinha) */
.elementor-89071 .elementor-element.elementor-element-d577e53 .e-n-accordion-item-title-icon {
    width: 28px;
    height: 28px;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
}

/* Bolinha quando aberto */
.elementor-89071 .elementor-element.elementor-element-d577e53 .e-n-accordion-item[open] .e-n-accordion-item-title-icon {
    background-color: #F5B800 !important; /* var(--yellow) */
    border-color: #F5B800 !important;
    transform: rotate(45deg); /* Gira o + para virar X */
}

/* 4. Conteúdo da Resposta (Region) */
.elementor-89071 .elementor-element.elementor-element-d577e53 div[role="region"] {
    font-family: 'Roboto', sans-serif !important;

    font-weight: 300 !important;
    line-height: 1.75 !important;
    color: #6B6B6B !important;
    padding: 0 0 20px 0 !important;
}

/* Força a ordem correta no cabeçalho da sanfona */
.elementor-89071 .elementor-element.elementor-element-d577e53 .e-n-accordion-item-title {
    display: flex !important;
    flex-direction: row !important; /* Garante que fiquem lado a lado */
    justify-content: space-between !important; /* Empurra o ícone para o final */
    width: 100%;
}

/* Garante que o texto seja o primeiro elemento (Esquerda) */
.elementor-89071 .elementor-element.elementor-element-d577e53 .e-n-accordion-item-title-text {
    order: 1 !important;
    text-align: left !important;
    flex-grow: 1; /* Faz o texto ocupar o espaço e empurrar o ícone */
}

/* Garante que o ícone seja o segundo elemento (Direita) */
.elementor-89071 .elementor-element.elementor-element-d577e53 .e-n-accordion-item-title-icon {
    order: 2 !important;
    margin-left: 15px; /* Espaço entre texto e ícone */
}

/* ==========================================
   RESPONSIVIDADE: TABLET E MOBILE
   ========================================== */

/* 1. AJUSTES PARA TABLET (Até 1024px) */
@media (max-width: 1024px) {
    .elementor-89071 .elementor-element.elementor-element-d577e53 .e-n-accordion-item-title {
        padding: 15px 0 !important; /* Reduz levemente o respiro vertical */
    }

    .elementor-89071 .elementor-element.elementor-element-d577e53 .e-n-accordion-item-title-text {
        font-size: 16px !important; /* Ajuste sutil para o título */
    }
}

/* 2. AJUSTES PARA MOBILE (Até 767px) */
@media (max-width: 767px) {
    
    /* Título da Pergunta */
    .elementor-89071 .elementor-element.elementor-element-d577e53 .e-n-accordion-item-title {
        padding: 15px 0 !important;
    }

    .elementor-89071 .elementor-element.elementor-element-d577e53 .e-n-accordion-item-title-text {
        font-size: 14px !important;
        line-height: 1.3 !important;
        padding-right: 10px; /* Garante que o texto não "atropele" o ícone */
    }

    /* O Ícone (Bolinha) */
    .elementor-89071 .elementor-element.elementor-element-d577e53 .e-n-accordion-item-title-icon {
        width: 24px !important; /* Diminui um pouco para não pesar no mobile */
        height: 24px !important;
        min-width: 24px; /* Garante que a bolinha não esmague */
    }

    /* Conteúdo da Resposta */
    .elementor-89071 .elementor-element.elementor-element-d577e53 div[role="region"] {
        
        line-height: 1.6 !important;
        padding-bottom: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-831ccd6 *//* 1. ESCONDE AS SETAS DE NAVEGAÇÃO */
.elementor-89071 .elementor-element.elementor-element-831ccd6 .elementor-swiper-button {
    display: none !important;
}

/* 2. ESTILO DOS LOGOS (PADRONIZAÇÃO TÉCNICA) */
.elementor-89071 .elementor-element.elementor-element-831ccd6 .elementor-image-carousel img {
    filter: grayscale(100%) opacity(0.6) !important; /* Logos discretos */
    transition: all 0.4s ease-in-out !important;
    max-width: 80% !important; /* Evita que logos grudem uns nos outros */
    margin: 0 auto;
}

/* Efeito no logo do slide ativo ou ao passar o mouse */
.elementor-89071 .elementor-element.elementor-element-831ccd6:hover .elementor-image-carousel img,
.elementor-89071 .elementor-element.elementor-element-831ccd6 .swiper-slide-active img {
    filter: grayscale(0%) opacity(1) !important; /* Ganha cor e destaque */
    transform: scale(1.05);
}

/* 3. PAGINAÇÃO (PONTINHOS EM ESTILO PÍLULA) */
.elementor-89071 .elementor-element.elementor-element-831ccd6 .swiper-pagination {
    position: relative !important;
    margin-top: 30px !important;
}

.elementor-89071 .elementor-element.elementor-element-831ccd6 .swiper-pagination-bullet {
    background: #1A1A1A !important;
    opacity: 0.15;
    width: 8px !important;
    height: 8px !important;
    transition: all 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-831ccd6 .swiper-pagination-bullet-active {
    background: #F5B800 !important; /* Amarelo da sua marca */
    opacity: 1;
    width: 25px !important; /* Efeito pílula moderno */
    border-radius: 5px !important;
}

/* 4. AJUSTE DE ESPAÇAMENTO DO WIDGET */
.elementor-89071 .elementor-element.elementor-element-831ccd6 .elementor-widget-container {
    padding: 20px 0 !important;
}

/* 1. ESCONDE AS SETAS DE NAVEGAÇÃO */
.elementor-89071 .elementor-element.elementor-element-831ccd6 .elementor-swiper-button {
    display: none !important;
}

/* 2. ESTILO DOS LOGOS E ALINHAMENTO (PADRONIZAÇÃO TÉCNICA) */
/* Transforma o slide em flexbox para centralizar a imagem vertical e horizontalmente */
.elementor-89071 .elementor-element.elementor-element-831ccd6 .swiper-slide {
    display: flex !important;
    align-items: center !important; 
    justify-content: center !important;
    height: 120px !important; /* Define uma altura fixa para a "caixa" do logo. Ajuste se necessário */
}

.elementor-89071 .elementor-element.elementor-element-831ccd6 .elementor-image-carousel img {
    filter: grayscale(100%) opacity(0.6) !important; /* Logos discretos */
    transition: all 0.4s ease-in-out !important;
    
    /* Padronização de Tamanho */
    max-width: 80% !important; /* Evita que grudem nas laterais */
    max-height: 90px !important; /* Limita a altura para que nenhum logo fique gigante */
    width: auto !important;
    height: auto !important;
    object-fit: contain !important; /* Faz a imagem caber inteira dentro do limite sem distorcer */
    margin: 0; /* O flexbox do swiper-slide já cuida de centralizar */
}

/* Efeito no logo do slide ativo ou ao passar o mouse */
.elementor-89071 .elementor-element.elementor-element-831ccd6:hover .elementor-image-carousel img,
.elementor-89071 .elementor-element.elementor-element-831ccd6 .swiper-slide-active img {
    filter: grayscale(0%) opacity(1) !important; /* Ganha cor e destaque */
    transform: scale(1.05);
}

/* 3. PAGINAÇÃO (PONTINHOS EM ESTILO PÍLULA) */
.elementor-89071 .elementor-element.elementor-element-831ccd6 .swiper-pagination {
    position: relative !important;
    margin-top: 30px !important;
}

.elementor-89071 .elementor-element.elementor-element-831ccd6 .swiper-pagination-bullet {
    background: #1A1A1A !important;
    opacity: 0.15;
    width: 8px !important;
    height: 8px !important;
    transition: all 0.3s ease !important;
}

.elementor-89071 .elementor-element.elementor-element-831ccd6 .swiper-pagination-bullet-active {
    background: #F5B800 !important; /* Amarelo da sua marca */
    opacity: 1;
    width: 25px !important; /* Efeito pílula moderno */
    border-radius: 5px !important;
}

/* 4. AJUSTE DE ESPAÇAMENTO DO WIDGET */
.elementor-89071 .elementor-element.elementor-element-831ccd6 .elementor-widget-container {
    padding: 20px 0 !important;
}/* End custom CSS */
/* Start custom CSS *//* 1. Esconde o visual do cabeçalho do tema no topo */
#masthead:not(.is_stuck) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* 2. Aparece normalmente ao rolar a página (Sticky ativo) */
#masthead.is_stuck {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* 3. Zera o espaço em branco do container pai (menu-wrapper) 
   SE o filho (masthead) NÃO tiver a classe is_stuck */
.menu-wrapper:not(:has(#masthead.is_stuck)) {
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}/* End custom CSS */