.elementor-10 .elementor-element.elementor-element-63fc47a{--display:flex;--min-height:95vh;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-63fc47a:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-63fc47a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://www.imporpecasbh.com.br/wp-content/uploads/2026/06/banner_1_home_v2.webp");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-71f352b{--display:flex;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-812d1b7 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-812d1b7 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-10 .elementor-element.elementor-element-812d1b7{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-10 .elementor-element.elementor-element-812d1b7 .elementor-icon-list-text{transition:color 0.3s;}.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-10 .elementor-element.elementor-element-48bb6d8{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:start;}.elementor-10 .elementor-element.elementor-element-48bb6d8 .elementor-heading-title{font-size:3.5em;font-weight:900;text-transform:uppercase;line-height:1.5em;letter-spacing:2px;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-7b6b117{--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-10 .elementor-element.elementor-element-4027bc3{--display:flex;--padding-top:6em;--padding-bottom:6em;--padding-left:1em;--padding-right:1em;}.elementor-10 .elementor-element.elementor-element-4027bc3:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-4027bc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f6d5ddc );}.elementor-10 .elementor-element.elementor-element-d133d47{--display:flex;}.elementor-10 .elementor-element.elementor-element-01f5524{text-align:center;}.elementor-10 .elementor-element.elementor-element-01f5524 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:3em;font-weight:600;text-transform:uppercase;letter-spacing:2px;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-10 .elementor-element.elementor-element-177e2cd{margin:8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-10 .elementor-element.elementor-element-9a36cf5{--display:flex;}.elementor-10 .elementor-element.elementor-element-7b47fa8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-call-to-action .elementor-cta__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-call-to-action .elementor-cta__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-call-to-action .elementor-cta__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-call-to-action .elementor-ribbon-inner{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-10 .elementor-element.elementor-element-876d863 .elementor-cta .elementor-cta__bg, .elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__content{text-align:start;}.elementor-10 .elementor-element.elementor-element-fb5a441{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta .elementor-cta__bg, .elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__content{text-align:start;}.elementor-10 .elementor-element.elementor-element-230368e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta .elementor-cta__bg, .elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__content{text-align:start;}.elementor-10 .elementor-element.elementor-element-4b71269{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta .elementor-cta__bg, .elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__content{text-align:start;}.elementor-10 .elementor-element.elementor-element-bc56ad9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta .elementor-cta__bg, .elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__content{text-align:start;}.elementor-10 .elementor-element.elementor-element-106f450{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta .elementor-cta__bg, .elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__content{text-align:start;}.elementor-10 .elementor-element.elementor-element-370b60b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta .elementor-cta__bg, .elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__content{text-align:start;}.elementor-10 .elementor-element.elementor-element-c3cd6cb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta .elementor-cta__bg, .elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__content{text-align:start;}.elementor-10 .elementor-element.elementor-element-37f61a2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta .elementor-cta__bg, .elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__content{text-align:start;}.elementor-10 .elementor-element.elementor-element-b970da5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta .elementor-cta__bg, .elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__content{text-align:start;}.elementor-10 .elementor-element.elementor-element-9dea247{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta .elementor-cta__bg, .elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__content{text-align:start;}.elementor-10 .elementor-element.elementor-element-20f4d50{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta .elementor-cta__bg, .elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__content{text-align:start;}.elementor-10 .elementor-element.elementor-element-44a8a10{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta .elementor-cta__bg, .elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__content{text-align:start;}.elementor-10 .elementor-element.elementor-element-f5af930{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta .elementor-cta__bg, .elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__content{text-align:start;}.elementor-10 .elementor-element.elementor-element-10b771a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta .elementor-cta__bg, .elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__content{text-align:start;}.elementor-10 .elementor-element.elementor-element-461ad34{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta .elementor-cta__bg, .elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__content{text-align:start;}.elementor-10 .elementor-element.elementor-element-d626dbb{--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-swiper-pagination-spacing:40px;}.elementor-10 .elementor-element.elementor-element-3570076{margin:32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-33cafe7{--display:flex;--padding-top:6em;--padding-bottom:6em;--padding-left:1em;--padding-right:1em;}.elementor-10 .elementor-element.elementor-element-33cafe7:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-33cafe7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f6d5ddc );}.elementor-10 .elementor-element.elementor-element-4e1b450{--display:flex;}.elementor-10 .elementor-element.elementor-element-a49c873{text-align:center;}.elementor-10 .elementor-element.elementor-element-a49c873 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:3em;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-2462fbe{margin:8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-10 .elementor-element.elementor-element-9195dc5{--display:flex;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-0edb521.elementor-wc-products ul.products li.product{text-align:center;}.elementor-10 .elementor-element.elementor-element-0edb521.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-10 .elementor-element.elementor-element-0edb521.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-10 .elementor-element.elementor-element-57c33cf{margin:32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-c0bfc97{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.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-10 .elementor-element.elementor-element-262ed6c{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-262ed6c .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-10 .elementor-element.elementor-element-262ed6c .elementor-icon-box-title{margin-block-end:30px;}.elementor-10 .elementor-element.elementor-element-262ed6c.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-10 .elementor-element.elementor-element-262ed6c.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-262ed6c.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-10 .elementor-element.elementor-element-262ed6c .elementor-icon-box-description{color:#000000;}.elementor-10 .elementor-element.elementor-element-afa68d0{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-afa68d0 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-10 .elementor-element.elementor-element-afa68d0 .elementor-icon-box-title{margin-block-end:30px;}.elementor-10 .elementor-element.elementor-element-afa68d0.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-10 .elementor-element.elementor-element-afa68d0.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-afa68d0.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-10 .elementor-element.elementor-element-afa68d0 .elementor-icon-box-description{color:#000000;}.elementor-10 .elementor-element.elementor-element-434f6ed{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-434f6ed .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-10 .elementor-element.elementor-element-434f6ed .elementor-icon-box-title{margin-block-end:30px;}.elementor-10 .elementor-element.elementor-element-434f6ed.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-10 .elementor-element.elementor-element-434f6ed.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-434f6ed.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-10 .elementor-element.elementor-element-434f6ed .elementor-icon-box-description{color:#000000;}.elementor-10 .elementor-element.elementor-element-13d7957{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-13d7957 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-10 .elementor-element.elementor-element-13d7957 .elementor-icon-box-title{margin-block-end:30px;}.elementor-10 .elementor-element.elementor-element-13d7957.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-10 .elementor-element.elementor-element-13d7957.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-13d7957.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-10 .elementor-element.elementor-element-13d7957 .elementor-icon-box-description{color:#000000;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-48bb6d8 .elementor-heading-title{font-size:2.5em;}.elementor-10 .elementor-element.elementor-element-d626dbb{--e-n-carousel-swiper-slides-to-display:2;}.elementor-10 .elementor-element.elementor-element-0edb521.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-10 .elementor-element.elementor-element-c0bfc97{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-10 .elementor-element.elementor-element-262ed6c{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-10 .elementor-element.elementor-element-afa68d0{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-10 .elementor-element.elementor-element-434f6ed{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-10 .elementor-element.elementor-element-13d7957{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-71f352b{--justify-content:center;}.elementor-10 .elementor-element.elementor-element-48bb6d8{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:start;}.elementor-10 .elementor-element.elementor-element-48bb6d8 .elementor-heading-title{font-size:2em;}.elementor-10 .elementor-element.elementor-element-4027bc3{--padding-top:4em;--padding-bottom:4em;--padding-left:1em;--padding-right:1em;}.elementor-10 .elementor-element.elementor-element-01f5524 .elementor-heading-title{font-size:2em;line-height:1.3em;}.elementor-10 .elementor-element.elementor-element-177e2cd{font-size:15px;}.elementor-10 .elementor-element.elementor-element-d626dbb{--e-n-carousel-swiper-slides-to-display:1;}.elementor-10 .elementor-element.elementor-element-a49c873 .elementor-heading-title{font-size:2em;line-height:1.3em;}.elementor-10 .elementor-element.elementor-element-2462fbe{font-size:15px;}.elementor-10 .elementor-element.elementor-element-0edb521.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-c0bfc97{--content-width:1500px;}}@media(max-width:1024px) and (min-width:768px){.elementor-10 .elementor-element.elementor-element-c0bfc97{--content-width:100%;}}/* Start custom CSS for icon-list, class: .elementor-element-812d1b7 *//* ==========================================================================
   KICKER / EYEBROW - IMPORPEÇAS
   ========================================================================== */

.elementor-10 .elementor-element.elementor-element-812d1b7 .elementor-icon-list-item {
    display: inline-flex;
    align-items: center;
    border-left: 3px solid #E10E0E; /* Borda Vermelha da marca */
    padding-left: 12px;
    margin-bottom: 22px;
}

.elementor-10 .elementor-element.elementor-element-812d1b7 .elementor-icon-list-text {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 13px !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    font-weight: 600 !important;
}

/* Caso decida usar um ícone no futuro, ele herda a cor corretamente */
.elementor-10 .elementor-element.elementor-element-812d1b7 .elementor-icon-list-icon i {
    color: #FFE000 !important;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c5e286e *//* ==========================================================================
   BOTÃO PRIMÁRIO (GLOW AMARELO)
   ========================================================================== */

.elementor-10 .elementor-element.elementor-element-c5e286e .elementor-button {
    background-color: #FFE000 !important;
    color: #1A1A1A !important; /* Contraste máximo para legibilidade */
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 16px 32px !important;
    border-radius: 10px !important;
    border: 2px solid #FFE000 !important;
    box-shadow: 0 8px 28px rgba(255, 224, 0, 0.35); /* Glow base */
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

.elementor-10 .elementor-element.elementor-element-c5e286e .elementor-button:hover {
    background-color: #F2C800 !important; /* Amarelo Deep */
    border-color: #F2C800 !important;
    transform: translateY(-3px); /* Levitação */
    box-shadow: 0 14px 36px rgba(255, 224, 0, 0.55); /* Glow expandido */
}

/* Ajuste Mobile */
@media (max-width: 768px) {
    .elementor-10 .elementor-element.elementor-element-c5e286e .elementor-button {
        width: 100% !important; /* Full width no celular */
        justify-content: center;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dc42cae *//* ==========================================================================
   BOTÃO SECUNDÁRIO (OUTLINE VERMELHO)
   ========================================================================== */

.elementor-10 .elementor-element.elementor-element-dc42cae .elementor-button {
    background-color: transparent !important;
    color: #FFFFFF !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 16px 32px !important;
    border-radius: 10px !important;
    border: 2px solid #E10E0E !important; /* Outline Vermelho */
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

.elementor-10 .elementor-element.elementor-element-dc42cae .elementor-button:hover {
    background-color: #E10E0E !important;
    color: #FFFFFF !important;
    transform: translateY(-3px); /* Levitação */
    box-shadow: 0 8px 28px rgba(225, 14, 14, 0.40); /* Glow Vermelho */
}

/* Ajuste Mobile */
@media (max-width: 768px) {
    .elementor-10 .elementor-element.elementor-element-dc42cae .elementor-button {
        width: 100% !important; /* Full width no celular */
        justify-content: center;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63fc47a *//* ==========================================================================
   CONTAINER HERO - ECOSSISTEMA IMPORPEÇAS MULTIMARCAS
   ========================================================================== */

/* 1. Ajustes Estruturais de Exibição e Altura */
.elementor-10 .elementor-element.elementor-element-63fc47a {
    position: relative !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
}

/* 2. Camada Gradiente Superior (Espaço Negativo Otimizado para Leitura à Esquerda) */
.elementor-10 .elementor-element.elementor-element-63fc47a::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, rgba(18, 18, 18, 0.96) 0%, rgba(18, 18, 18, 0.72) 45%, rgba(18, 18, 18, 0.45) 100%) !important;
    z-index: 1;
    pointer-events: none;
}

/* 3. Camada Gradiente Inferior (Transição Suave para emendar com a Próxima Seção) */
.elementor-10 .elementor-element.elementor-element-63fc47a::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 60%, #121212 100%) !important;
    z-index: 1;
    pointer-events: none;
}

/* 4. Isolamento de Camada para garantir Interação e Leitura do Conteúdo */
.elementor-10 .elementor-element.elementor-element-63fc47a > .elementor-container,
.elementor-10 .elementor-element.elementor-element-63fc47a > .e-con-inner,
.elementor-10 .elementor-element.elementor-element-63fc47a .elementor-widget-wrap {
    position: relative !important;
    z-index: 2 !important;
}

/* ==========================================================================
   5. AJUSTES DE RESPONSIVIDADE (MOBILE E TABLET PERFEITOS)
   ========================================================================== */
@media (max-width: 980px) {
    .elementor-10 .elementor-element.elementor-element-63fc47a {
        min-height: 85vh !important;
        background-position: 65% center !important; /* Move o veículo sutilmente para não sumir no corte */
    }
    
    /* Suaviza e centraliza a iluminação no tablet */
    .elementor-10 .elementor-element.elementor-element-63fc47a::before {
        background: linear-gradient(180deg, rgba(18, 18, 18, 0.94) 0%, rgba(18, 18, 18, 0.60) 100%) !important;
    }
}

@media (max-width: 760px) {
    .elementor-10 .elementor-element.elementor-element-63fc47a {
        min-height: auto !important;
        padding-top: 140px !important; /* Evita sobreposição com o Header Fixo */
        padding-bottom: 70px !important;
        background-position: 70% center !important;
    }
    
    /* Escurece o fundo de forma homogênea no mobile para priorizar a leitura técnica */
    .elementor-10 .elementor-element.elementor-element-63fc47a::before {
        background: rgba(18, 18, 18, 0.88) !important;
    }
    
    .elementor-10 .elementor-element.elementor-element-63fc47a::after {
        background: linear-gradient(180deg, transparent 40%, #121212 100%) !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-01f5524 *//* ==========================================================================
   TÍTULO DE SEÇÃO PREMIUM (H2 DETECT) - ECOSSISTEMA IMPORPEÇAS
   ========================================================================== */

/* 1. Alinhamento e Comportamento Estrutural do Título */
.elementor-10 .elementor-element.elementor-element-01f5524 .elementor-heading-title {
    display: block !important;
    text-align: center !important;
    position: relative !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
}

/* 2. Captura Automática da Tag <span> Interna (Sem precisar de classes no HTML) */
.elementor-10 .elementor-element.elementor-element-01f5524 .elementor-heading-title span {
    color: #FFE000 !important; /* Injeta o Amarelo Oficial da Logo */
    font-weight: 900 !important; /* Força o peso máximo para dar contraste agressivo */
    display: inline-block !important;
    transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 3. A Barra Industrial de Fechamento (Pseudo-elemento centralizado) */
.elementor-10 .elementor-element.elementor-element-01f5524 .elementor-heading-title::after {
    content: '' !important;
    display: block !important;
    width: 70px !important; /* Largura exata do protótipo */
    height: 4px !important; /* Espessura da barra */
    background-color: #FFE000 !important; /* Amarelo Oficial */
    border-radius: 3px !important;
    margin: 16px auto 0 !important; /* Move a barra exatamente para o centro abaixo do texto */
    box-shadow: 0 2px 8px rgba(255, 224, 0, 0.35); /* Brilho técnico refinado */
}

/* ==========================================================================
   4. MICROINTERAÇÕES PREMIUM NO HOVER
   ========================================================================== */
/* Faz a palavra em amarelo levitar levemente quando o usuário passa o mouse no título */
.elementor-10 .elementor-element.elementor-element-01f5524:hover .elementor-heading-title span {
    transform: translateY(-2px) scale(1.03) !important;
    text-shadow: 0 4px 14px rgba(255, 224, 0, 0.4);
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-876d863 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-87ac082 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-50f72e6 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-809b29c *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d1ef203 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cd8aaf2 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d3fa255 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-fcf064a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f37ab8f *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-26cc8c7 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-8f8da53 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-c5f668e *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cb1cd8b *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-e09e155 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-055b78a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-794a083 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-876d863 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-87ac082 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-50f72e6 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-809b29c *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d1ef203 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cd8aaf2 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d3fa255 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-fcf064a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f37ab8f *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-26cc8c7 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-8f8da53 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-c5f668e *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cb1cd8b *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-e09e155 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-055b78a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-794a083 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-876d863 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-87ac082 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-50f72e6 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-809b29c *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d1ef203 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cd8aaf2 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d3fa255 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-fcf064a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f37ab8f *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-26cc8c7 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-8f8da53 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-c5f668e *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cb1cd8b *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-e09e155 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-055b78a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-794a083 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-876d863 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-87ac082 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-50f72e6 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-809b29c *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d1ef203 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cd8aaf2 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d3fa255 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-fcf064a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f37ab8f *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-26cc8c7 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-8f8da53 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-c5f668e *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cb1cd8b *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-e09e155 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-055b78a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-794a083 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-876d863 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-87ac082 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-50f72e6 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-809b29c *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d1ef203 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cd8aaf2 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d3fa255 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-fcf064a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f37ab8f *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-26cc8c7 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-8f8da53 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-c5f668e *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cb1cd8b *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-e09e155 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-055b78a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-794a083 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-876d863 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-87ac082 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-50f72e6 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-809b29c *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d1ef203 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cd8aaf2 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d3fa255 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-fcf064a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f37ab8f *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-26cc8c7 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-8f8da53 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-c5f668e *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cb1cd8b *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-e09e155 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-055b78a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-794a083 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-876d863 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-87ac082 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-50f72e6 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-809b29c *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d1ef203 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cd8aaf2 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d3fa255 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-fcf064a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f37ab8f *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-26cc8c7 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-8f8da53 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-c5f668e *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cb1cd8b *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-e09e155 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-055b78a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-794a083 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-876d863 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-87ac082 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-50f72e6 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-809b29c *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d1ef203 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cd8aaf2 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d3fa255 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-fcf064a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f37ab8f *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-26cc8c7 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-8f8da53 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-c5f668e *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cb1cd8b *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-e09e155 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-055b78a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-794a083 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-876d863 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-87ac082 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-50f72e6 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-809b29c *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d1ef203 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cd8aaf2 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d3fa255 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-fcf064a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f37ab8f *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-26cc8c7 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-8f8da53 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-c5f668e *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cb1cd8b *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-e09e155 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-055b78a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-794a083 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-876d863 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-87ac082 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-50f72e6 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-809b29c *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d1ef203 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cd8aaf2 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d3fa255 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-fcf064a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f37ab8f *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-26cc8c7 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-8f8da53 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-c5f668e *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cb1cd8b *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-e09e155 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-055b78a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-794a083 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-876d863 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-87ac082 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-50f72e6 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-809b29c *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d1ef203 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cd8aaf2 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d3fa255 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-fcf064a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f37ab8f *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-26cc8c7 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-8f8da53 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-c5f668e *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cb1cd8b *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-e09e155 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-055b78a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-794a083 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-876d863 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-87ac082 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-50f72e6 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-809b29c *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d1ef203 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cd8aaf2 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d3fa255 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-fcf064a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f37ab8f *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-26cc8c7 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-8f8da53 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-c5f668e *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cb1cd8b *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-e09e155 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-055b78a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-794a083 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-876d863 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-87ac082 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-50f72e6 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-809b29c *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d1ef203 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cd8aaf2 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d3fa255 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-fcf064a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f37ab8f *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-26cc8c7 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-8f8da53 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-c5f668e *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cb1cd8b *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-e09e155 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-055b78a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-794a083 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-876d863 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-87ac082 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-50f72e6 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-809b29c *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d1ef203 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cd8aaf2 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d3fa255 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-fcf064a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f37ab8f *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-26cc8c7 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-8f8da53 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-c5f668e *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cb1cd8b *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-e09e155 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-055b78a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-794a083 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-876d863 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-87ac082 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-50f72e6 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-809b29c *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d1ef203 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cd8aaf2 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d3fa255 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-fcf064a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f37ab8f *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-26cc8c7 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-8f8da53 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-c5f668e *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cb1cd8b *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-e09e155 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-055b78a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-794a083 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-876d863 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-87ac082 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-50f72e6 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-809b29c *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d1ef203 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cd8aaf2 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d3fa255 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-fcf064a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f37ab8f *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-26cc8c7 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-8f8da53 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-c5f668e *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cb1cd8b *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-e09e155 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-055b78a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-794a083 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-876d863 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-876d863 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-876d863:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-87ac082 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-87ac082 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-87ac082:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-50f72e6 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-50f72e6 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-50f72e6:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-809b29c *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-809b29c .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-809b29c:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d1ef203 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d1ef203 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d1ef203:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cd8aaf2 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cd8aaf2 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cd8aaf2:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-d3fa255 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d3fa255 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-d3fa255:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-fcf064a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-fcf064a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-fcf064a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f37ab8f *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-f37ab8f .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-f37ab8f:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-26cc8c7 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-26cc8c7 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-26cc8c7:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-8f8da53 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-8f8da53 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-8f8da53:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-c5f668e *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-c5f668e .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-c5f668e:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-cb1cd8b *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-cb1cd8b .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-cb1cd8b:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-e09e155 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-e09e155 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-e09e155:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-055b78a *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-055b78a .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-055b78a:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-794a083 *//* ==========================================================================
   CARDS DE CATEGORIA (WIDGET: CALL TO ACTION) - IMPORPEÇAS BLINDADO
   ========================================================================== */

/* 1. Estrutura Base do Card e Bordas Finas */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha sutil padrão */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Altura exata do protótipo */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Controle de Brilho da Imagem (Tratamento Escuro) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__bg {
    filter: brightness(0.45) !important; /* Escurece para dar leitura técnica */
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Posicionamento do Conteúdo e Gradiente Total de Cobertura */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    
    /* ENGENHARIA DE CORREÇÃO: Força o container a esticar em 100% do card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    
    /* Gradiente premium esticado de baixo para cima sem quebras */
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Estilização dos Títulos (Oswald Uppercase) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 10px !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão "Ver Peças" (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-794a083 .elementor-cta__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Invisível e Deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES PREMIUM NO HOVER (EFEITO ATIVO)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta {
    transform: translateY(-6px);
    border-color: #FFE000 !important; /* Acende a borda em amarelo como no print */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
}

/* Zoom suave na foto do motor/peça */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__bg {
    transform: scale(1.12);
    filter: brightness(0.55) !important; /* Abre sutilmente a luz no hover */
}

/* Revela o botão e estabiliza a posição */
.elementor-10 .elementor-element.elementor-element-794a083:hover .elementor-cta__button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-d626dbb *//* ==========================================================================
   CARROSSEL DE CATEGORIAS (WIDGET: CARROSSEL / SLIDER) - IMPORPEÇAS FIX
   ========================================================================== */

/* 1. Estrutura Base do Slide (Card Individual) */
.elementor-10 .elementor-element.elementor-element-d626dbb .swiper-slide,
.elementor-10 .elementor-element.elementor-element-d626dbb .elementor-carousel-item,
.elementor-10 .elementor-element.elementor-element-d626dbb .elementor-cta {
    background-color: #121212 !important;
    border: 1px solid #2a2a2a !important; /* Linha de contorno sutil industrial */
    border-radius: 14px !important;
    overflow: hidden !important;
    height: 300px !important; /* Mantém a altura padrão do nosso grid */
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                border-color 0.35s ease, 
                box-shadow 0.35s ease !important;
}

/* 2. Tratamento Escuro da Imagem de Fundo (Garante Contraste para o Texto) */
.elementor-10 .elementor-element.elementor-element-d626dbb .elementor-cta__bg,
.elementor-10 .elementor-element.elementor-element-d626dbb .elementor-carousel-item__bg {
    filter: brightness(0.45) !important;
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), 
                filter 0.35s ease !important;
}

/* 3. Área de Conteúdo Alinhada na Base com Cobertura Total */
.elementor-10 .elementor-element.elementor-element-d626dbb .elementor-cta__content,
.elementor-10 .elementor-element.elementor-element-d626dbb .elementor-carousel-item__content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: center !important;
    
    /* Correção de Engenharia: Força o preenchimento total do gradiente no card */
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.5) 50%, #121212 100%) !important;
}

/* 4. Tipografia do Título da Categoria (Oswald Compacto) */
.elementor-10 .elementor-element.elementor-element-d626dbb .elementor-cta__title,
.elementor-10 .elementor-element.elementor-element-d626dbb .elementor-carousel-item__title {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #FFFFFF !important;
    margin-bottom: 0 !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 5. Comportamento Oculto do Botão (Aparece apenas no Hover) */
.elementor-10 .elementor-element.elementor-element-d626dbb .elementor-cta__button,
.elementor-10 .elementor-element.elementor-element-d626dbb .elementor-carousel-item__button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial da Logo */
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 6px !important;
    
    /* Estado Inicial Oculto deslocado para baixo */
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   6. MICROINTERAÇÕES NO HOVER (ESTADO ATIVO NO DESKTOP)
   ========================================================================== */
@media (min-width: 769px) {
    .elementor-10 .elementor-element.elementor-element-d626dbb .swiper-slide:hover,
    .elementor-10 .elementor-element.elementor-element-d626dbb .elementor-carousel-item:hover {
        transform: translateY(-6px);
        border-color: #FFE000 !important; /* Acende a borda em Amarelo Puro */
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(255, 224, 0, 0.15);
    }

    .elementor-10 .elementor-element.elementor-element-d626dbb .swiper-slide:hover .elementor-cta__bg,
    .elementor-10 .elementor-element.elementor-element-d626dbb .swiper-slide:hover .elementor-carousel-item__bg {
        transform: scale(1.12);
        filter: brightness(0.55) !important;
    }

    .elementor-10 .elementor-element.elementor-element-d626dbb .swiper-slide:hover .elementor-cta__button,
    .elementor-10 .elementor-element.elementor-element-d626dbb .swiper-slide:hover .elementor-carousel-item__button {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
}

/* ==========================================================================
   7. ELEMENTOS DE NAVEGAÇÃO (SETAS CENTRALIZADAS VIA FLEXBOX)
   ========================================================================== */
/* Correção da Seta: Alinhamento absoluto do ícone interno sem usar text-center */
.elementor-10 .elementor-element.elementor-element-d626dbb .elementor-swiper-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #FFE000 !important; /* Setas Amarelas */
    background: rgba(18, 18, 18, 0.6) !important;
    backdrop-filter: blur(4px);
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    z-index: 10 !important;
    transition: all 0.3s ease !important;
}

/* Força o ícone/svg interno a resetar margens amadoras do tema */
.elementor-10 .elementor-element.elementor-element-d626dbb .elementor-swiper-button i,
.elementor-10 .elementor-element.elementor-element-d626dbb .elementor-swiper-button svg {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.elementor-10 .elementor-element.elementor-element-d626dbb .elementor-swiper-button:hover {
    background: #FFE000 !important;
    color: #121212 !important;
    box-shadow: 0 0 15px rgba(255, 224, 0, 0.4);
}

/* Bolinhas de Paginação (Bullets inferiores) */
.elementor-10 .elementor-element.elementor-element-d626dbb .swiper-pagination-bullet {
    background: #2A2A2A !important;
    opacity: 1 !important;
    transition: all 0.3s ease !important;
}

.elementor-10 .elementor-element.elementor-element-d626dbb .swiper-pagination-bullet-active {
    background: #FFE000 !important; /* Bolinha ativa Amarela */
    width: 24px !important; /* Efeito Capsule moderno */
    border-radius: 4px !important;
    box-shadow: 0 0 8px rgba(255, 224, 0, 0.5);
}

/* ==========================================================================
   8. COMPORTAMENTO MOBILE
   ========================================================================== */
@media (max-width: 768px) {
    .elementor-10 .elementor-element.elementor-element-d626dbb .elementor-cta__button,
    .elementor-10 .elementor-element.elementor-element-d626dbb .elementor-carousel-item__button {
        opacity: 0.85 !important;
        transform: translateY(0) !important;
    }
    
    .elementor-10 .elementor-element.elementor-element-d626dbb .swiper-slide,
    .elementor-10 .elementor-element.elementor-element-d626dbb .elementor-carousel-item {
        border-color: rgba(255, 255, 255, 0.06) !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3570076 *//* ==========================================================================
   BOTÃO PRIMÁRIO (GLOW AMARELO)
   ========================================================================== */

.elementor-10 .elementor-element.elementor-element-3570076 .elementor-button {
    background-color: #FFE000 !important;
    color: #1A1A1A !important; /* Contraste máximo para legibilidade */
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 16px 32px !important;
    border-radius: 10px !important;
    border: 2px solid #FFE000 !important;
    box-shadow: 0 8px 28px rgba(255, 224, 0, 0.35); /* Glow base */
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

.elementor-10 .elementor-element.elementor-element-3570076 .elementor-button:hover {
    background-color: #F2C800 !important; /* Amarelo Deep */
    border-color: #F2C800 !important;
    transform: translateY(-3px); /* Levitação */
    box-shadow: 0 14px 36px rgba(255, 224, 0, 0.55); /* Glow expandido */
}

/* Ajuste Mobile */
@media (max-width: 768px) {
    .elementor-10 .elementor-element.elementor-element-3570076 .elementor-button {
        width: 100% !important; /* Full width no celular */
        justify-content: center;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a49c873 *//* ==========================================================================
   TÍTULO DE SEÇÃO PREMIUM (H2 DETECT) - ECOSSISTEMA IMPORPEÇAS
   ========================================================================== */

/* 1. Alinhamento e Comportamento Estrutural do Título */
.elementor-10 .elementor-element.elementor-element-a49c873 .elementor-heading-title {
    display: block !important;
    text-align: center !important;
    position: relative !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
}

/* 2. Captura Automática da Tag <span> Interna (Sem precisar de classes no HTML) */
.elementor-10 .elementor-element.elementor-element-a49c873 .elementor-heading-title span {
    color: #FFE000 !important; /* Injeta o Amarelo Oficial da Logo */
    font-weight: 900 !important; /* Força o peso máximo para dar contraste agressivo */
    display: inline-block !important;
    transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 3. A Barra Industrial de Fechamento (Pseudo-elemento centralizado) */
.elementor-10 .elementor-element.elementor-element-a49c873 .elementor-heading-title::after {
    content: '' !important;
    display: block !important;
    width: 70px !important; /* Largura exata do protótipo */
    height: 4px !important; /* Espessura da barra */
    background-color: #FFE000 !important; /* Amarelo Oficial */
    border-radius: 3px !important;
    margin: 16px auto 0 !important; /* Move a barra exatamente para o centro abaixo do texto */
    box-shadow: 0 2px 8px rgba(255, 224, 0, 0.35); /* Brilho técnico refinado */
}

/* ==========================================================================
   4. MICROINTERAÇÕES PREMIUM NO HOVER
   ========================================================================== */
/* Faz a palavra em amarelo levitar levemente quando o usuário passa o mouse no título */
.elementor-10 .elementor-element.elementor-element-a49c873:hover .elementor-heading-title span {
    transform: translateY(-2px) scale(1.03) !important;
    text-shadow: 0 4px 14px rgba(255, 224, 0, 0.4);
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-0edb521 *//* ==========================================================================
   GRID DE PRODUTOS PREMIUM (WIDGET: PRODUCTS) - IMPORPEÇAS
   ========================================================================== */

/* 1. RESET E ALINHAMENTO DO GRID (CSS Grid Nativo) */
.elementor-10 .elementor-element.elementor-element-0edb521 ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 4 colunas simétricas no desktop */
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Mata elementos fantasmas de limpeza de float do WooCommerce */
.elementor-10 .elementor-element.elementor-element-0edb521 ul.products::before,
.elementor-10 .elementor-element.elementor-element-0edb521 ul.products::after {
    display: none !important;
}

/* 2. ESTRUTURA DO CARD INDUSTRIAL (Chapa de Aço Fosca) */
.elementor-10 .elementor-element.elementor-element-0edb521 ul.products li.product {
    background-color: #1A1A1A !important; /* Fundo Grafite Escuro */
    border: 1px solid #2A2A2A !important; /* Contorno sutil */
    border-radius: 14px !important;
    overflow: hidden !important;
    padding: 0 0 20px 0 !important; /* Espaço para o botão na base */
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                box-shadow 0.35s ease, 
                border-color 0.35s ease !important;
}

/* 3. ENGENHARIA DA IMAGEM DA PEÇA / MOTOR */
.elementor-10 .elementor-element.elementor-element-0edb521 ul.products li.product a.woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;
    text-decoration: none !important;
}

.elementor-10 .elementor-element.elementor-element-0edb521 ul.products li.product img {
    width: 100% !important;
    height: 220px !important; /* Altura travada para blindar o alinhamento horizontal */
    object-fit: cover !important; /* Corta a foto sem distorcer as texturas mecânicas */
    margin-bottom: 0 !important;
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 4. TIPOGRAFIA DOS TÍTULOS (Montserrat Semibold) */
.elementor-10 .elementor-element.elementor-element-0edb521 ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    line-height: 1.3 !important;
    color: #FFFFFF !important;
    padding: 18px 20px 0 20px !important;
    margin: 0 !important;
    min-height: 58px !important; /* Alinhamento óptico: impede que títulos longos desalinho o preço */
}

/* Anula barras ou decorações padrões do tema abaixo do título */
.elementor-10 .elementor-element.elementor-element-0edb521 ul.products li.product .woocommerce-loop-product__title::after {
    display: none !important;
}

/* 5. BLOCO DE PREÇO HIGHLIGHT (Oswald Amarelo) */
.elementor-10 .elementor-element.elementor-element-0edb521 ul.products li.product .price {
    font-family: 'Oswald', sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    color: #FFE000 !important; /* Amarelo Oficial da Logo */
    padding: 0 20px !important;
    margin: auto 0 16px 0 !important; /* Efeito Magnético: empurra o preço fixo para a base */
}

/* Preço De (Risco de Desconto) */
.elementor-10 .elementor-element.elementor-element-0edb521 ul.products li.product .price del {
    color: #A8A8A8 !important;
    font-size: 0.92rem !important;
    margin-right: 6px;
}

/* Preço Por (Valor Vigente) */
.elementor-10 .elementor-element.elementor-element-0edb521 ul.products li.product .price ins {
    text-decoration: none !important;
    color: #FFE000 !important;
}

/* 6. BOTÃO COMPRAR / ADICIONAR AO CARRINHO (Outline Técnico) */
.elementor-10 .elementor-element.elementor-element-0edb521 ul.products li.product .button {
    background-color: transparent !important;
    color: #FFE000 !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 12px !important;
    margin: 0 20px !important;
    border: 2px solid #FFE000 !important; /* Contorno Inicial Amarelo */
    border-radius: 8px !important;
    text-align: center !important;
    display: block !important;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   7. MICROINTERAÇÕES PREMIUM NO HOVER (O CARD GANHA VIDA)
   ========================================================================== */
.elementor-10 .elementor-element.elementor-element-0edb521 ul.products li.product:hover {
    transform: translateY(-6px) !important; /* Levitação limpa */
    border-color: #FFE000 !important; /* Acende o contorno em Amarelo */
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6), 0 4px 14px rgba(255, 224, 0, 0.08) !important;
}

/* Zoom fotorrealista na imagem do produto */
.elementor-10 .elementor-element.elementor-element-0edb521 ul.products li.product:hover img {
    transform: scale(1.05) !important;
}

/* Preenchimento sólido e rápido do botão ao passar o mouse */
.elementor-10 .elementor-element.elementor-element-0edb521 ul.products li.product:hover .button {
    background-color: #FFE000 !important;
    color: #1A1A1A !important; /* Inverte o texto para preto industrial */
    box-shadow: 0 6px 18px rgba(255, 224, 0, 0.25);
}

/* ==========================================================================
   8. RESPONSIVIDADE INTERMEDIÁRIA (TABLET & MOBILE)
   ========================================================================== */
@media (max-width: 980px) {
    .elementor-10 .elementor-element.elementor-element-0edb521 ul.products {
        grid-template-columns: repeat(2, 1fr) !important; /* 2 colunas simétricas no tablet */
        gap: 16px !important;
    }
    
    .elementor-10 .elementor-element.elementor-element-0edb521 ul.products li.product img {
        height: 170px !important; /* Reduz a altura para equilibrar o espaço vertical */
    }

    .elementor-10 .elementor-element.elementor-element-0edb521 ul.products li.product .woocommerce-loop-product__title {
        font-size: 0.98rem !important;
        padding: 14px 16px 0 16px !important;
        min-height: 52px !important;
    }
    
    .elementor-10 .elementor-element.elementor-element-0edb521 ul.products li.product .price {
        font-size: 1.25rem !important;
        padding: 0 16px !important;
    }
    
    .elementor-10 .elementor-element.elementor-element-0edb521 ul.products li.product .button {
        margin: 0 16px !important;
        padding: 10px !important;
    }
}

@media (max-width: 560px) {
    .elementor-10 .elementor-element.elementor-element-0edb521 ul.products {
        grid-template-columns: 1fr !important; /* Coluna única robusta no celular */
        gap: 20px !important;
    }
    
    .elementor-10 .elementor-element.elementor-element-0edb521 ul.products li.product img {
        height: 220px !important; /* Devolve imponência para a foto no smartphone */
    }

    .elementor-10 .elementor-element.elementor-element-0edb521 ul.products li.product .woocommerce-loop-product__title {
        font-size: 1.05rem !important;
        min-height: auto !important; /* Libera a altura fixa em coluna única */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-57c33cf *//* ==========================================================================
   BOTÃO PRIMÁRIO (GLOW AMARELO)
   ========================================================================== */

.elementor-10 .elementor-element.elementor-element-57c33cf .elementor-button {
    background-color: #FFE000 !important;
    color: #1A1A1A !important; /* Contraste máximo para legibilidade */
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 16px 32px !important;
    border-radius: 10px !important;
    border: 2px solid #FFE000 !important;
    box-shadow: 0 8px 28px rgba(255, 224, 0, 0.35); /* Glow base */
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

.elementor-10 .elementor-element.elementor-element-57c33cf .elementor-button:hover {
    background-color: #F2C800 !important; /* Amarelo Deep */
    border-color: #F2C800 !important;
    transform: translateY(-3px); /* Levitação */
    box-shadow: 0 14px 36px rgba(255, 224, 0, 0.55); /* Glow expandido */
}

/* Ajuste Mobile */
@media (max-width: 768px) {
    .elementor-10 .elementor-element.elementor-element-57c33cf .elementor-button {
        width: 100% !important; /* Full width no celular */
        justify-content: center;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-262ed6c *//* ==========================================================================
   ELEMENTOS DE CONFIANÇA (WIDGET: CAIXA DE ÍCONE) - IMPORPEÇAS
   ========================================================================== */

/* Alinhamento horizontal interno do ícone com o texto */
.elementor-10 .elementor-element.elementor-element-262ed6c .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    width: 100% !important;
    position: relative !important;
}

/* Estilização do Ícone (Tamanho e cor escura industrial) */
.elementor-10 .elementor-element.elementor-element-262ed6c .elementor-icon {
    font-size: 1.9rem !important;
    line-height: 1 !important;
    color: #1A1A1A !important; /* Contraste máximo sobre o fundo amarelo */
    display: flex !important;
    align-items: center !important;
}

/* Estilização do Título (Montserrat Pesado) */
.elementor-10 .elementor-element.elementor-element-262ed6c .elementor-icon-box-title,
.elementor-10 .elementor-element.elementor-element-262ed6c .elementor-icon-box-title * {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1rem !important;
    letter-spacing: 0.5px !important;
    color: #1A1A1A !important;
    font-weight: 700 !important;
    margin:0px!important;
    margin-bottom:5px!important;
    line-height: 1.2 !important;
}

/* Linha fina de separação à esquerda (Efeito Divisor do Protótipo) */
.elementor-10 .elementor-element.elementor-element-262ed6c {
    position: relative !important;
}



/* Microinteração Premium: Leve pulsação no ícone ao passar o mouse */
.elementor-10 .elementor-element.elementor-element-262ed6c:hover .elementor-icon {
    transform: scale(1.08);
    transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* ==========================================================================
   ELEMENTOS DE CONFIANÇA - RESPONSIVIDADE (TABLET & MOBILE)
   ========================================================================== */

/* ---------- CONFIGURAÇÃO PARA TABLET (Telas até 980px) ---------- */
@media (max-width: 980px) {
    /* Diminui o vão entre o ícone e o texto para economizar espaço horizontal */
    .elementor-10 .elementor-element.elementor-element-262ed6c .elementor-icon-box-wrapper {
        gap: 10px !important;
    }

    /* Reduz sutilmente o tamanho do ícone para não esmagar a linha */
    .elementor-10 .elementor-element.elementor-element-262ed6c .elementor-icon {
        font-size: 1.5rem !important;
    }

    /* Ajusta a tipografia para um tamanho mais compacto e cirúrgico */
    .elementor-10 .elementor-element.elementor-element-262ed6c .elementor-icon-box-title,
    .elementor-10 .elementor-element.elementor-element-262ed6c .elementor-icon-box-title * {
        font-size: 0.85rem !important;
        letter-spacing: 0.2px !important;
    }
}

/* ---------- CONFIGURAÇÃO PARA MOBILE (Telas até 560px) ---------- */
@media (max-width: 560px) {
    /* Quebra o fluxo horizontal e empilha o ícone em cima do texto */
    .elementor-10 .elementor-element.elementor-element-262ed6c .elementor-icon-box-wrapper {
        flex-direction: column !important;
        text-align: center !important;
        gap: 8px !important;
        padding: 10px 0 !important;
    }

    /* Ajusta a margem do ícone para centralizar perfeitamente no fluxo vertical */
    .elementor-10 .elementor-element.elementor-element-262ed6c .elementor-icon {
        font-size: 1.8rem !important; /* Devolve um tamanho imponente para o celular */
        margin-bottom: 4px !important;
    }

    /* Força o título a se comportar em bloco centralizado */
    .elementor-10 .elementor-element.elementor-element-262ed6c .elementor-icon-box-title,
    .elementor-10 .elementor-element.elementor-element-262ed6c .elementor-icon-box-title * {
        font-size: 0.95rem !important;
        text-align: center !important;
        margin-bottom: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-afa68d0 *//* ==========================================================================
   ELEMENTOS DE CONFIANÇA (WIDGET: CAIXA DE ÍCONE) - IMPORPEÇAS
   ========================================================================== */

/* Alinhamento horizontal interno do ícone com o texto */
.elementor-10 .elementor-element.elementor-element-afa68d0 .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    width: 100% !important;
    position: relative !important;
}

/* Estilização do Ícone (Tamanho e cor escura industrial) */
.elementor-10 .elementor-element.elementor-element-afa68d0 .elementor-icon {
    font-size: 1.9rem !important;
    line-height: 1 !important;
    color: #1A1A1A !important; /* Contraste máximo sobre o fundo amarelo */
    display: flex !important;
    align-items: center !important;
}

/* Estilização do Título (Montserrat Pesado) */
.elementor-10 .elementor-element.elementor-element-afa68d0 .elementor-icon-box-title,
.elementor-10 .elementor-element.elementor-element-afa68d0 .elementor-icon-box-title * {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1rem !important;
    letter-spacing: 0.5px !important;
    color: #1A1A1A !important;
    font-weight: 700 !important;
    margin:0px!important;
    margin-bottom:5px!important;
    line-height: 1.2 !important;
}

/* Linha fina de separação à esquerda (Efeito Divisor do Protótipo) */
.elementor-10 .elementor-element.elementor-element-afa68d0 {
    position: relative !important;
}



/* Microinteração Premium: Leve pulsação no ícone ao passar o mouse */
.elementor-10 .elementor-element.elementor-element-afa68d0:hover .elementor-icon {
    transform: scale(1.08);
    transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* ==========================================================================
   ELEMENTOS DE CONFIANÇA - RESPONSIVIDADE (TABLET & MOBILE)
   ========================================================================== */

/* ---------- CONFIGURAÇÃO PARA TABLET (Telas até 980px) ---------- */
@media (max-width: 980px) {
    /* Diminui o vão entre o ícone e o texto para economizar espaço horizontal */
    .elementor-10 .elementor-element.elementor-element-afa68d0 .elementor-icon-box-wrapper {
        gap: 10px !important;
    }

    /* Reduz sutilmente o tamanho do ícone para não esmagar a linha */
    .elementor-10 .elementor-element.elementor-element-afa68d0 .elementor-icon {
        font-size: 1.5rem !important;
    }

    /* Ajusta a tipografia para um tamanho mais compacto e cirúrgico */
    .elementor-10 .elementor-element.elementor-element-afa68d0 .elementor-icon-box-title,
    .elementor-10 .elementor-element.elementor-element-afa68d0 .elementor-icon-box-title * {
        font-size: 0.85rem !important;
        letter-spacing: 0.2px !important;
    }
}

/* ---------- CONFIGURAÇÃO PARA MOBILE (Telas até 560px) ---------- */
@media (max-width: 560px) {
    /* Quebra o fluxo horizontal e empilha o ícone em cima do texto */
    .elementor-10 .elementor-element.elementor-element-afa68d0 .elementor-icon-box-wrapper {
        flex-direction: column !important;
        text-align: center !important;
        gap: 8px !important;
        padding: 10px 0 !important;
    }

    /* Ajusta a margem do ícone para centralizar perfeitamente no fluxo vertical */
    .elementor-10 .elementor-element.elementor-element-afa68d0 .elementor-icon {
        font-size: 1.8rem !important; /* Devolve um tamanho imponente para o celular */
        margin-bottom: 4px !important;
    }

    /* Força o título a se comportar em bloco centralizado */
    .elementor-10 .elementor-element.elementor-element-afa68d0 .elementor-icon-box-title,
    .elementor-10 .elementor-element.elementor-element-afa68d0 .elementor-icon-box-title * {
        font-size: 0.95rem !important;
        text-align: center !important;
        margin-bottom: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-434f6ed *//* ==========================================================================
   ELEMENTOS DE CONFIANÇA (WIDGET: CAIXA DE ÍCONE) - IMPORPEÇAS
   ========================================================================== */

/* Alinhamento horizontal interno do ícone com o texto */
.elementor-10 .elementor-element.elementor-element-434f6ed .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    width: 100% !important;
    position: relative !important;
}

/* Estilização do Ícone (Tamanho e cor escura industrial) */
.elementor-10 .elementor-element.elementor-element-434f6ed .elementor-icon {
    font-size: 1.9rem !important;
    line-height: 1 !important;
    color: #1A1A1A !important; /* Contraste máximo sobre o fundo amarelo */
    display: flex !important;
    align-items: center !important;
}

/* Estilização do Título (Montserrat Pesado) */
.elementor-10 .elementor-element.elementor-element-434f6ed .elementor-icon-box-title,
.elementor-10 .elementor-element.elementor-element-434f6ed .elementor-icon-box-title * {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1rem !important;
    letter-spacing: 0.5px !important;
    color: #1A1A1A !important;
    font-weight: 700 !important;
    margin:0px!important;
    margin-bottom:5px!important;
    line-height: 1.2 !important;
}

/* Linha fina de separação à esquerda (Efeito Divisor do Protótipo) */
.elementor-10 .elementor-element.elementor-element-434f6ed {
    position: relative !important;
}



/* Microinteração Premium: Leve pulsação no ícone ao passar o mouse */
.elementor-10 .elementor-element.elementor-element-434f6ed:hover .elementor-icon {
    transform: scale(1.08);
    transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* ==========================================================================
   ELEMENTOS DE CONFIANÇA - RESPONSIVIDADE (TABLET & MOBILE)
   ========================================================================== */

/* ---------- CONFIGURAÇÃO PARA TABLET (Telas até 980px) ---------- */
@media (max-width: 980px) {
    /* Diminui o vão entre o ícone e o texto para economizar espaço horizontal */
    .elementor-10 .elementor-element.elementor-element-434f6ed .elementor-icon-box-wrapper {
        gap: 10px !important;
    }

    /* Reduz sutilmente o tamanho do ícone para não esmagar a linha */
    .elementor-10 .elementor-element.elementor-element-434f6ed .elementor-icon {
        font-size: 1.5rem !important;
    }

    /* Ajusta a tipografia para um tamanho mais compacto e cirúrgico */
    .elementor-10 .elementor-element.elementor-element-434f6ed .elementor-icon-box-title,
    .elementor-10 .elementor-element.elementor-element-434f6ed .elementor-icon-box-title * {
        font-size: 0.85rem !important;
        letter-spacing: 0.2px !important;
    }
}

/* ---------- CONFIGURAÇÃO PARA MOBILE (Telas até 560px) ---------- */
@media (max-width: 560px) {
    /* Quebra o fluxo horizontal e empilha o ícone em cima do texto */
    .elementor-10 .elementor-element.elementor-element-434f6ed .elementor-icon-box-wrapper {
        flex-direction: column !important;
        text-align: center !important;
        gap: 8px !important;
        padding: 10px 0 !important;
    }

    /* Ajusta a margem do ícone para centralizar perfeitamente no fluxo vertical */
    .elementor-10 .elementor-element.elementor-element-434f6ed .elementor-icon {
        font-size: 1.8rem !important; /* Devolve um tamanho imponente para o celular */
        margin-bottom: 4px !important;
    }

    /* Força o título a se comportar em bloco centralizado */
    .elementor-10 .elementor-element.elementor-element-434f6ed .elementor-icon-box-title,
    .elementor-10 .elementor-element.elementor-element-434f6ed .elementor-icon-box-title * {
        font-size: 0.95rem !important;
        text-align: center !important;
        margin-bottom: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-13d7957 *//* ==========================================================================
   ELEMENTOS DE CONFIANÇA (WIDGET: CAIXA DE ÍCONE) - IMPORPEÇAS
   ========================================================================== */

/* Alinhamento horizontal interno do ícone com o texto */
.elementor-10 .elementor-element.elementor-element-13d7957 .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    width: 100% !important;
    position: relative !important;
}

/* Estilização do Ícone (Tamanho e cor escura industrial) */
.elementor-10 .elementor-element.elementor-element-13d7957 .elementor-icon {
    font-size: 1.9rem !important;
    line-height: 1 !important;
    color: #1A1A1A !important; /* Contraste máximo sobre o fundo amarelo */
    display: flex !important;
    align-items: center !important;
}

/* Estilização do Título (Montserrat Pesado) */
.elementor-10 .elementor-element.elementor-element-13d7957 .elementor-icon-box-title,
.elementor-10 .elementor-element.elementor-element-13d7957 .elementor-icon-box-title * {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1rem !important;
    letter-spacing: 0.5px !important;
    color: #1A1A1A !important;
    font-weight: 700 !important;
    margin:0px!important;
    margin-bottom:5px!important;
    line-height: 1.2 !important;
}

/* Linha fina de separação à esquerda (Efeito Divisor do Protótipo) */
.elementor-10 .elementor-element.elementor-element-13d7957 {
    position: relative !important;
}



/* Microinteração Premium: Leve pulsação no ícone ao passar o mouse */
.elementor-10 .elementor-element.elementor-element-13d7957:hover .elementor-icon {
    transform: scale(1.08);
    transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* ==========================================================================
   ELEMENTOS DE CONFIANÇA - RESPONSIVIDADE (TABLET & MOBILE)
   ========================================================================== */

/* ---------- CONFIGURAÇÃO PARA TABLET (Telas até 980px) ---------- */
@media (max-width: 980px) {
    /* Diminui o vão entre o ícone e o texto para economizar espaço horizontal */
    .elementor-10 .elementor-element.elementor-element-13d7957 .elementor-icon-box-wrapper {
        gap: 10px !important;
    }

    /* Reduz sutilmente o tamanho do ícone para não esmagar a linha */
    .elementor-10 .elementor-element.elementor-element-13d7957 .elementor-icon {
        font-size: 1.5rem !important;
    }

    /* Ajusta a tipografia para um tamanho mais compacto e cirúrgico */
    .elementor-10 .elementor-element.elementor-element-13d7957 .elementor-icon-box-title,
    .elementor-10 .elementor-element.elementor-element-13d7957 .elementor-icon-box-title * {
        font-size: 0.85rem !important;
        letter-spacing: 0.2px !important;
    }
}

/* ---------- CONFIGURAÇÃO PARA MOBILE (Telas até 560px) ---------- */
@media (max-width: 560px) {
    /* Quebra o fluxo horizontal e empilha o ícone em cima do texto */
    .elementor-10 .elementor-element.elementor-element-13d7957 .elementor-icon-box-wrapper {
        flex-direction: column !important;
        text-align: center !important;
        gap: 8px !important;
        padding: 10px 0 !important;
    }

    /* Ajusta a margem do ícone para centralizar perfeitamente no fluxo vertical */
    .elementor-10 .elementor-element.elementor-element-13d7957 .elementor-icon {
        font-size: 1.8rem !important; /* Devolve um tamanho imponente para o celular */
        margin-bottom: 4px !important;
    }

    /* Força o título a se comportar em bloco centralizado */
    .elementor-10 .elementor-element.elementor-element-13d7957 .elementor-icon-box-title,
    .elementor-10 .elementor-element.elementor-element-13d7957 .elementor-icon-box-title * {
        font-size: 0.95rem !important;
        text-align: center !important;
        margin-bottom: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0bfc97 *//* ==========================================================================
   BARRA DE PROVA SOCIAL / TRUST BAR (CONTAINER PAI) - IMPORPEÇAS
   ========================================================================== */

.elementor-10 .elementor-element.elementor-element-c0bfc97 {
    background-color: #FFE000 !important; /* Amarelo Oficial da Logo */
    padding: 34px 0 !important; /* Espaçamento vertical do protótipo */
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

/* Força a distribuição horizontal perfeita dos elementos filhos */
.elementor-10 .elementor-element.elementor-element-c0bfc97 > .elementor-container,
.elementor-10 .elementor-element.elementor-element-c0bfc97 > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
}

/* ==========================================================================
   RESPONSIVIDADE CIRÚRGICA (TABLET & MOBILE)
   ========================================================================== */
@media (max-width: 980px) {
    .elementor-10 .elementor-element.elementor-element-c0bfc97 {
        padding: 40px 20px !important;
    }
    
    /* Transforma em Grid de 2 colunas no Tablet para não esmagar os blocos */
    .elementor-10 .elementor-element.elementor-element-c0bfc97 > .elementor-container,
    .elementor-10 .elementor-element.elementor-element-c0bfc97 > .e-con-inner {
        flex-wrap: wrap !important;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 32px 26px !important;
    }
}

@media (max-width: 520px) {
    /* Transforma em lista vertical única no Mobile para leitura perfeita */
    .elementor-10 .elementor-element.elementor-element-c0bfc97 > .elementor-container,
    .elementor-10 .elementor-element.elementor-element-c0bfc97 > .e-con-inner {
        grid-template-columns: 1fr !important;
        gap: 38px !important;
    }
}/* End custom CSS */