.elementor-11159 .elementor-element.elementor-element-0427cbe{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-11159 .elementor-element.elementor-element-48c391f{--display:flex;}.elementor-11159 .elementor-element.elementor-element-c6ec127{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Urbanist;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Urbanist;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Urbanist;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11159 .elementor-element.elementor-element-1c4b9c7 .elementor-repeater-item-a602b22 .swiper-slide-bg{background-color:var( --e-global-color-31f20a2 );background-image:url(https://i0.wp.com/4uprojetos.com.br/wp-content/uploads/2026/05/IMG_1806.webp?fit=1376%2C768&ssl=1);background-size:cover;}.elementor-11159 .elementor-element.elementor-element-1c4b9c7 .elementor-repeater-item-7fccbdb .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://i0.wp.com/4uprojetos.com.br/wp-content/uploads/2026/05/IMG_1807.webp?fit=1376%2C768&ssl=1);background-size:cover;}.elementor-11159 .elementor-element.elementor-element-1c4b9c7 .elementor-repeater-item-e64cda8 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://i0.wp.com/4uprojetos.com.br/wp-content/uploads/2026/05/IMG_1808.webp?fit=1376%2C768&ssl=1);background-size:cover;}.elementor-11159 .elementor-element.elementor-element-1c4b9c7 .elementor-repeater-item-7ede476 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://i0.wp.com/4uprojetos.com.br/wp-content/uploads/2026/05/IMG_1809.webp?fit=1376%2C768&ssl=1);background-size:cover;}.elementor-11159 .elementor-element.elementor-element-1c4b9c7 .elementor-repeater-item-8b8b5fc .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://i0.wp.com/4uprojetos.com.br/wp-content/uploads/2026/05/IMG_1811.webp?fit=1376%2C768&ssl=1);background-size:cover;}.elementor-11159 .elementor-element.elementor-element-1c4b9c7 .elementor-repeater-item-67a51e8 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://i0.wp.com/4uprojetos.com.br/wp-content/uploads/2026/05/IMG_1812.webp?fit=1376%2C768&ssl=1);background-size:cover;}.elementor-11159 .elementor-element.elementor-element-1c4b9c7 .elementor-repeater-item-feaf32f .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://i0.wp.com/4uprojetos.com.br/wp-content/uploads/2026/05/IMG_1814.webp?fit=1376%2C768&ssl=1);background-size:cover;}.elementor-11159 .elementor-element.elementor-element-1c4b9c7 .elementor-repeater-item-e7a0478 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://i0.wp.com/4uprojetos.com.br/wp-content/uploads/2026/05/IMG_1813.webp?fit=1376%2C768&ssl=1);background-size:cover;}.elementor-11159 .elementor-element.elementor-element-1c4b9c7 .swiper-slide{transition-duration:calc(4500ms*1.2);height:300px;}.elementor-11159 .elementor-element.elementor-element-1c4b9c7{background-color:#FFFFFF;border-style:solid;border-width:4px 4px 4px 4px;border-color:#D5B56A;border-radius:24px 24px 24px 24px;box-shadow:0px 0px 10px 0px #D5B56A;}.elementor-11159 .elementor-element.elementor-element-1c4b9c7:not( .elementor-widget-image ), .elementor-11159 .elementor-element.elementor-element-1c4b9c7.elementor-widget-image img{-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-11159 .elementor-element.elementor-element-1c4b9c7 .swiper-slide-contents{max-width:500px;}.elementor-11159 .elementor-element.elementor-element-1c4b9c7 .swiper-slide-inner{padding:15px 15px 15px 15px;text-align:start;}.elementor-11159 .elementor-element.elementor-element-1c4b9c7 .elementor-slide-heading{color:var( --e-global-color-primary );font-family:"Urbanist", Urbanist;font-size:12px;font-weight:700;}.elementor-11159 .elementor-element.elementor-element-1c4b9c7 .swiper-slide-inner .elementor-slide-description:not(:last-child){margin-bottom:12px;}.elementor-11159 .elementor-element.elementor-element-1c4b9c7 .elementor-slide-description{color:#162E48;font-family:"Urbanist", Urbanist;font-weight:400;}.elementor-11159 .elementor-element.elementor-element-1c4b9c7 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#FFFFFF47;opacity:1;}.elementor-11159 .elementor-element.elementor-element-1c4b9c7 .swiper-pagination-bullet-active{background-color:var( --e-global-color-515f2bb );}.elementor-11159 .elementor-element.elementor-element-85a3e0e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-11159 .elementor-element.elementor-element-85a3e0e.e-con{--align-self:center;}.elementor-11159 .elementor-element.elementor-element-b7944f9.elementor-element{--align-self:center;}.elementor-11159 .elementor-element.elementor-element-ad789e7{--display:flex;}.elementor-11159 .elementor-element.elementor-element-9db5e36{--display:flex;}.elementor-11159 .elementor-element.elementor-element-e627683{width:100%;max-width:100%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11159 .elementor-element.elementor-element-e627683.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-11159 .elementor-element.elementor-element-6b258b7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Urbanist;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11159 .elementor-element.elementor-element-a221c5a{text-align:center;}.elementor-11159 .elementor-element.elementor-element-a221c5a .elementor-heading-title{font-family:"Urbanist", Urbanist;font-size:20px;font-weight:600;}.elementor-11159 .elementor-element.elementor-element-46d0340{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:50px;--margin-right:50px;}.elementor-11159 .elementor-element.elementor-element-12b0235{--display:flex;}.elementor-11159 .elementor-element.elementor-element-cb9a9dd{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-normal-text-color:#162E48;--e-filter-hover-text-color:var( --e-global-color-secondary );--e-filter-active-text-color:#D5B56A;--e-filter-item-border-radius:50px 50px 50px 50px;}.elementor-11159 .elementor-element.elementor-element-cb9a9dd .e-filter-item:not( [aria-pressed=true] ):not( :hover ){background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E7EB;}.elementor-11159 .elementor-element.elementor-element-cb9a9dd .e-filter-item:hover:not( [aria-pressed=true] ){background-color:#F4F4F4;border-style:solid;border-width:1px 1px 1px 1px;border-color:#162E48;}.elementor-11159 .elementor-element.elementor-element-cb9a9dd .e-filter-item[aria-pressed="true"]{background-color:#162E48;border-style:solid;border-color:#162E48;}.elementor-11159 .elementor-element.elementor-element-b045dec{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Urbanist;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Urbanist;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Urbanist;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-11159 .elementor-element.elementor-element-61b3c99{--grid-columns:3;}.elementor-11159 .elementor-element.elementor-element-bae71b8{--display:flex;}.elementor-11159 .elementor-element.elementor-element-e82b2ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11159 .elementor-element.elementor-element-0390461{--display:flex;--min-height:0px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:50px 50px 50px 50px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-11159 .elementor-element.elementor-element-0390461:not(.elementor-motion-effects-element-type-background), .elementor-11159 .elementor-element.elementor-element-0390461 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 0%, #2C5480 100%);}.elementor-11159 .elementor-element.elementor-element-09da253{text-align:center;}.elementor-11159 .elementor-element.elementor-element-09da253 .elementor-heading-title{font-family:"Urbanist", Urbanist;font-size:40px;font-weight:800;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Urbanist;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-11159 .elementor-element.elementor-element-adfce9c{text-align:center;font-family:"Urbanist", Urbanist;font-size:20px;font-weight:400;color:#D5B56A;}.elementor-11159 .elementor-element.elementor-element-07e0561{--display:flex;}.elementor-11159 .elementor-element.elementor-element-e626b42{--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-11159 .elementor-element.elementor-element-cc8244e{--display:flex;}.elementor-11159 .elementor-element.elementor-element-6b0c3eb{--display:flex;}.elementor-11159 .elementor-element.elementor-element-1456ddb{--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-11159 .elementor-element.elementor-element-c1b45c9{width:100%;max-width:100%;}.elementor-11159 .elementor-element.elementor-element-7e4e93c{--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-11159 .elementor-element.elementor-element-3f1cea4{width:100%;max-width:100%;}.elementor-11159 .elementor-element.elementor-element-eda17cf{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:var( --e-global-color-515f2bb );--e-n-carousel-arrow-hover-color:#FDFBF9;--e-n-carousel-swiper-pagination-size:14px;--e-n-carousel-dots-normal-color:var( --e-global-color-515f2bb );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Urbanist;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11159 .elementor-element.elementor-element-9e16381.elementor-element{--align-self:center;}.elementor-11159 .elementor-element.elementor-element-9e16381 .elementor-button{font-family:"Urbanist", Urbanist;font-weight:700;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-secondary );border-radius:50px 50px 50px 50px;padding:15px 40px 15px 40px;}.elementor-11159 .elementor-element.elementor-element-543d492{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Urbanist;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Urbanist;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Urbanist;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-11159 .elementor-element.elementor-element-9993afd .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-11159 .elementor-element.elementor-element-9993afd .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-11159 .elementor-element.elementor-element-9993afd{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-11159 .elementor-element.elementor-element-8973000{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-11159 .elementor-element.elementor-element-0a541d9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;grid-column:span 1;grid-row:span 1;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Urbanist;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11159 .elementor-element.elementor-element-9aa244c{z-index:2;}.elementor-11159 .elementor-element.elementor-element-9aa244c img{width:100%;}.elementor-11159 .elementor-element.elementor-element-9c4e15f{--e-image-carousel-slides-to-show:1;width:var( --container-widget-width, 52% );max-width:52%;--container-widget-width:52%;--container-widget-flex-grow:0;top:11px;z-index:1;border-style:solid;border-color:#02010100;border-radius:20px 20px 20px 20px;}.elementor-11159 .elementor-element.elementor-element-9c4e15f.elementor-element{--align-self:center;}body:not(.rtl) .elementor-11159 .elementor-element.elementor-element-9c4e15f{left:25%;}body.rtl .elementor-11159 .elementor-element.elementor-element-9c4e15f{right:25%;}.elementor-11159 .elementor-element.elementor-element-9c4e15f .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:50px 50px 50px 50px;}.elementor-11159 .elementor-element.elementor-element-73251d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Urbanist;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-11159 .elementor-element.elementor-element-39943e4{--divider-border-style:solid;--divider-color:#E5E7EB;--divider-border-width:1px;width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-11159 .elementor-element.elementor-element-39943e4.elementor-element{--align-self:center;}.elementor-11159 .elementor-element.elementor-element-39943e4 .elementor-divider-separator{width:100%;}.elementor-11159 .elementor-element.elementor-element-39943e4 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-11159 .elementor-element.elementor-element-a2aea9d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-11159 .elementor-element.elementor-element-a2aea9d.e-con{--align-self:center;}.elementor-11159 .elementor-element.elementor-element-8b0dbc3{--display:flex;}.elementor-11159 .elementor-element.elementor-element-1832413.elementor-element{--align-self:center;}.elementor-11159 .elementor-element.elementor-element-0839edf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11159 .elementor-element.elementor-element-ae24de0{--divider-border-style:solid;--divider-color:#E5E7EB;--divider-border-width:1px;width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-11159 .elementor-element.elementor-element-ae24de0.elementor-element{--align-self:center;}.elementor-11159 .elementor-element.elementor-element-ae24de0 .elementor-divider-separator{width:100%;}.elementor-11159 .elementor-element.elementor-element-ae24de0 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-11159 .elementor-element.elementor-element-b733a0c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-11159 .elementor-element.elementor-element-e42c42c{width:auto;max-width:auto;}.elementor-11159 .elementor-element.elementor-element-e42c42c.elementor-element{--align-self:center;}.elementor-11159 .elementor-element.elementor-element-920d6a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11159 .elementor-element.elementor-element-1b38694{--divider-border-style:solid;--divider-color:#E5E7EB;--divider-border-width:1px;width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-11159 .elementor-element.elementor-element-1b38694.elementor-element{--align-self:center;}.elementor-11159 .elementor-element.elementor-element-1b38694 .elementor-divider-separator{width:100%;}.elementor-11159 .elementor-element.elementor-element-1b38694 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-11159 .elementor-element.elementor-element-496e825{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-11159 .elementor-element.elementor-element-43c256d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-11159 .elementor-element.elementor-element-0a541d9{--content-width:325px;}}@media(max-width:1024px) and (min-width:768px){.elementor-11159 .elementor-element.elementor-element-48c391f{--width:20000000px;}.elementor-11159 .elementor-element.elementor-element-12b0235{--content-width:500px;}}@media(max-width:1024px){.elementor-11159 .elementor-element.elementor-element-0427cbe.e-con{--align-self:center;}.elementor-11159 .elementor-element.elementor-element-48c391f{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-11159 .elementor-element.elementor-element-e8c2929.elementor-element{--align-self:center;}.elementor-11159 .elementor-element.elementor-element-46d0340{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11159 .elementor-element.elementor-element-12b0235{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--flex-wrap:wrap;--align-content:center;}.elementor-11159 .elementor-element.elementor-element-cb9a9dd{--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-filter-space-between:29px;}.elementor-11159 .elementor-element.elementor-element-cb9a9dd.elementor-element{--align-self:center;}.elementor-11159 .elementor-element.elementor-element-cb9a9dd .e-filter-item{font-size:20px;}.elementor-11159 .elementor-element.elementor-element-61b3c99{--grid-columns:2;}.elementor-11159 .elementor-element.elementor-element-eda17cf{--e-n-carousel-swiper-slides-to-display:1;}.elementor-11159 .elementor-element.elementor-element-8973000{--grid-auto-flow:row;}.elementor-11159 .elementor-element.elementor-element-9aa244c{width:var( --container-widget-width, 205px );max-width:205px;--container-widget-width:205px;--container-widget-flex-grow:0;}.elementor-11159 .elementor-element.elementor-element-9c4e15f{--container-widget-width:192px;--container-widget-flex-grow:0;width:var( --container-widget-width, 192px );max-width:192px;top:50px;}.elementor-11159 .elementor-element.elementor-element-9c4e15f.elementor-element{--align-self:center;}body:not(.rtl) .elementor-11159 .elementor-element.elementor-element-9c4e15f{left:24%;}body.rtl .elementor-11159 .elementor-element.elementor-element-9c4e15f{right:24%;}.elementor-11159 .elementor-element.elementor-element-9c4e15f .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:20px 20px 20px 20px;}.elementor-11159 .elementor-element.elementor-element-cc79b28.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}}@media(max-width:767px){.elementor-11159 .elementor-element.elementor-element-ad789e7{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11159 .elementor-element.elementor-element-ad789e7.e-con{--align-self:center;}.elementor-11159 .elementor-element.elementor-element-46d0340{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;--align-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11159 .elementor-element.elementor-element-46d0340.e-con{--align-self:center;}.elementor-11159 .elementor-element.elementor-element-12b0235{--content-width:500px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--align-content:center;}.elementor-11159 .elementor-element.elementor-element-12b0235.e-con{--align-self:center;}.elementor-11159 .elementor-element.elementor-element-cb9a9dd{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;margin:0px 50px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;}.elementor-11159 .elementor-element.elementor-element-cb9a9dd .e-filter-item{font-size:18px;}.elementor-11159 .elementor-element.elementor-element-61b3c99{--grid-columns:1;}.elementor-11159 .elementor-element.elementor-element-09da253 .elementor-heading-title{font-size:30px;}.elementor-11159 .elementor-element.elementor-element-adfce9c{font-size:15px;}.elementor-11159 .elementor-element.elementor-element-07e0561{--content-width:500px;}.elementor-11159 .elementor-element.elementor-element-eda17cf{--e-n-carousel-swiper-slides-to-display:1;width:100%;max-width:100%;}.elementor-11159 .elementor-element.elementor-element-8973000{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11159 .elementor-element.elementor-element-9aa244c{width:var( --container-widget-width, 188px );max-width:188px;--container-widget-width:188px;--container-widget-flex-grow:0;}.elementor-11159 .elementor-element.elementor-element-9aa244c.elementor-element{--align-self:center;}.elementor-11159 .elementor-element.elementor-element-9c4e15f{--container-widget-width:174px;--container-widget-flex-grow:0;width:var( --container-widget-width, 174px );max-width:174px;top:16px;border-radius:25px 25px 25px 25px;}.elementor-11159 .elementor-element.elementor-element-9c4e15f.elementor-element{--align-self:center;}body:not(.rtl) .elementor-11159 .elementor-element.elementor-element-9c4e15f{left:25%;}body.rtl .elementor-11159 .elementor-element.elementor-element-9c4e15f{right:25%;}.elementor-11159 .elementor-element.elementor-element-9c4e15f .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:20px 20px 20px 20px;}}/* Start custom CSS for slides, class: .elementor-element-1c4b9c7 *//* Força o arredondamento e o corte das bordas */ .elementor-11159 .elementor-element.elementor-element-1c4b9c7 { border-radius: 24px !important; overflow: hidden !important; /* Ajuste da borda: o 0.1 torna a cor 50% mais transparente que a anterior */ border: 4px solid rgba(213, 181, 106, 0.1) !important; } /* Garante que os contêineres internos do slide sigam o mesmo padrão */ .elementor-11159 .elementor-element.elementor-element-1c4b9c7 .elementor-swiper, .elementor-11159 .elementor-element.elementor-element-1c4b9c7 .swiper-container, .elementor-11159 .elementor-element.elementor-element-1c4b9c7 .elementor-slides-wrapper { border-radius: 24px !important; overflow: hidden !important; } /* O código abaixo só será ativado em telas de celular */ @media (max-width: 767px) { .elementor-11159 .elementor-element.elementor-element-1c4b9c7 { /* Se o slider estiver muito alto e cortando, force uma altura menor: */ height: 250px !important; min-height: 250px !important; } .elementor-11159 .elementor-element.elementor-element-1c4b9c7 img, .elementor-11159 .elementor-element.elementor-element-1c4b9c7 .sua-classe-do-slider { /* Garante que a imagem ou o conteúdo caiba dentro do novo espaço */ object-fit: contain; /* ou 'cover', dependendo do efeito desejado */ width: 100% !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6ec127 *//* Anel decorativo na DIREITA do carrossel */ .elementor-11159 .elementor-element.elementor-element-c6ec127 { position: relative; } .elementor-11159 .elementor-element.elementor-element-c6ec127::after { content: ''; position: absolute; top: -40px; right: -40px; /* Fixa no lado direito */ width: 256px; height: 256px; border: 4px solid rgba(22, 46, 72, 0.1); border-radius: 50%; z-index: -1; animation: spin-slow 20s linear infinite; pointer-events: none; } @keyframes spin-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for taxonomy-filter, class: .elementor-element-cb9a9dd *//* ========================================= ESTILOS GERAIS DO CARD ========================================= */ /* Container do Card */ .vitrine-item { background: #ffffff !important; border-radius: 1rem !important; border: 1px solid rgba(213, 181, 106, 0.3) !important; transition: all 0.3s ease !important; display: flex !important; flex-direction: column !important; height: 100% !important; overflow: hidden; /* Evita que o conteúdo vaze das bordas arredondadas */ } .vitrine-item:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1) !important; transform: translateY(-5px) !important; } /* Área da Imagem */ .vitrine-img-container { position: relative; height: 192px; /* h-48 */ overflow: hidden; background: #f4f4f4; border-radius: 1rem 1rem 0 0; } /* Tag de Destaque/Combo */ .vitrine-tag { position: absolute; top: 12px; left: 12px; background: #D5B56A; color: #162E48; font-size: 10px; font-weight: 800; padding: 4px 10px; border-radius: 4px; text-transform: uppercase; z-index: 10; } /* ========================================= ESTILOS DE PREÇO ========================================= */ .price-regular { color: rgba(22, 46, 72, 0.5); font-size: 12px; } .price-main { color: #162E48; font-size: 24px; font-weight: 800; } .price-pix { color: #C07B5D; /* brand-terracotta */ font-size: 12px; font-weight: 500; } .price-installments { color: rgba(22, 46, 72, 0.8); font-size: 14px; font-weight: 600; } /* ========================================= TAXONOMIA (BOTÕES) - DESKTOP / GERAL ========================================= */ .taxonomia-container { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start; /* Mantém alinhado à esquerda no desktop. Mude para 'center' se quiser centralizado sempre */ gap: 8px !important; padding: 12px 16px !important; width: 100% !important; box-sizing: border-box !important; } .taxonomia-btn { background: #f4f4f4; color: #162E48; border-radius: 4px; padding: 6px 12px; font-size: 12px; border: 1px solid rgba(213, 181, 106, 0.3); text-align: center; flex: 0 1 auto; /* Permite que o botão ocupe apenas o espaço do seu texto */ white-space: nowrap; /* Impede que o texto quebre dentro do botão */ transition: background 0.2s ease; } .taxonomia-btn:hover { background: #e0e0e0; } /* ========================================= 📱 RESPONSIVIDADE (MOBILE) ========================================= */ @media (max-width: 768px) { /* Configuração da Pirâmide Invertida para os botões */ .taxonomia-container { justify-content: center !important; /* Centraliza as linhas de botões */ gap: 6px !important; /* Aproxima um pouco os botões para caber melhor */ padding: 12px !important; } /* Ajuste sutil no tamanho dos botões para o Mobile */ .taxonomia-btn { font-size: 11px; padding: 5px 10px; } /* Opcional: Reduzir levemente o tamanho do preço principal no mobile */ .price-main { font-size: 20px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-46d0340 *//* Container do Card */ .vitrine-item { background: #ffffff !important; border-radius: 1rem !important; border: 1px solid rgba(213, 181, 106, 0.3) !important; transition: all 0.3s ease !important; display: flex !important; flex-direction: column !important; height: 100% !important; } .vitrine-item:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1) !important; transform: translateY(-5px) !important; } /* Área da Imagem */ .vitrine-img-container { position: relative; height: 192px; /* h-48 */ overflow: hidden; background: #f4f4f4; border-radius: 1rem 1rem 0 0; } /* Tag de Destaque/Combo */ .vitrine-tag { position: absolute; top: 12px; left: 12px; background: #D5B56A; color: #162E48; font-size: 10px; font-weight: 800; padding: 4px 10px; border-radius: 4px; text-transform: uppercase; z-index: 10; } /* Estilos de Preço */ .price-regular { color: rgba(22, 46, 72, 0.5); font-size: 12px; } .price-main { color: #162E48; font-size: 24px; font-weight: 800; } .price-pix { color: #C07B5D; /* brand-terracotta */ font-size: 12px; font-weight: 500; } .price-installments { color: rgba(22, 46, 72, 0.8); font-size: 14px; font-weight: 600; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6b0c3eb *//* 1. Envolve e estiliza o Card Principal */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card { position: relative; border-radius: 24px; overflow: hidden; aspect-ratio: 16/9; /* Formato retangular paisagem */ cursor: pointer; background-color: #162E48; box-shadow: 0 10px 30px rgba(22, 46, 72, 0.15); border: 2px solid rgba(213, 181, 106, 0.3); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); font-family: 'Urbanist', sans-serif; } /* 2. Efeito flutuante ao passar o mouse */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:hover { transform: translateY(-8px); border-color: #D5B56A; box-shadow: 0 20px 40px rgba(22, 46, 72, 0.25); } /* 3. Configuração base das imagens */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-before, .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.7s ease-in-out, transform 0.8s ease-in-out; } /* 4. Imagem do Antes (Descolorida) */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-before { filter: grayscale(100%); opacity: 0.8; transform: scale(1); } /* 5. Imagem do Depois (Escondida inicialmente e com leve zoom) */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-after { opacity: 0; transform: scale(1.1); } /* 6. A MÁGICA: Revelação no Hover ou Toque */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:hover .img-after, .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:active .img-after { opacity: 1; transform: scale(1); } .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:hover .img-before, .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:active .img-before { opacity: 0; transform: scale(0.95); } /* 7. Etiqueta (Maior e no Canto Superior Direito) */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-badge { position: absolute; top: 20px; right: 20px; background: rgba(22, 46, 72, 0.9); backdrop-filter: blur(4px); color: #D5B56A; padding: 10px 24px; /* Aumentado o respiro interno */ border-radius: 50px; font-weight: 800; font-size: 16px; /* Letra maior */ letter-spacing: 0.5px; text-transform: uppercase; border: 2px solid rgba(213, 181, 106, 0.5); /* Borda dourada mais aparente */ z-index: 10; pointer-events: none; box-shadow: 0 4px 15px rgba(0,0,0,0.3); } /* 8. Rodapé com Degradê para o Texto */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content { position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(to top, rgba(22, 46, 72, 0.95) 0%, rgba(22, 46, 72, 0.6) 60%, transparent 100%); padding: 50px 20px 20px 20px; color: #FDFBF9; z-index: 10; pointer-events: none; } .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content h3 { color: #D5B56A; margin: 0 0 8px 0; font-size: 1.5rem; font-weight: 800; } .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content p { font-size: 0.95rem; margin: 0; color: rgba(253, 251, 249, 0.9); font-weight: 500; display: flex; align-items: center; gap: 8px; } /* 9. Animação do ícone de varinha mágica */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content i { color: #D5B56A; animation: pulseMagic 2s infinite; } @keyframes pulseMagic { 0% { transform: scale(1); opacity: 0.8; } 50% { transform: scale(1.2); opacity: 1; text-shadow: 0 0 10px #D5B56A; } 100% { transform: scale(1); opacity: 0.8; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6b0c3eb *//* 1. Envolve e estiliza o Card Principal */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card { position: relative; border-radius: 24px; overflow: hidden; aspect-ratio: 16/9; /* Formato retangular paisagem */ cursor: pointer; background-color: #162E48; box-shadow: 0 10px 30px rgba(22, 46, 72, 0.15); border: 2px solid rgba(213, 181, 106, 0.3); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); font-family: 'Urbanist', sans-serif; } /* 2. Efeito flutuante ao passar o mouse */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:hover { transform: translateY(-8px); border-color: #D5B56A; box-shadow: 0 20px 40px rgba(22, 46, 72, 0.25); } /* 3. Configuração base das imagens */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-before, .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.7s ease-in-out, transform 0.8s ease-in-out; } /* 4. Imagem do Antes (Descolorida) */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-before { filter: grayscale(100%); opacity: 0.8; transform: scale(1); } /* 5. Imagem do Depois (Escondida inicialmente e com leve zoom) */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-after { opacity: 0; transform: scale(1.1); } /* 6. A MÁGICA: Revelação no Hover ou Toque */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:hover .img-after, .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:active .img-after { opacity: 1; transform: scale(1); } .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:hover .img-before, .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:active .img-before { opacity: 0; transform: scale(0.95); } /* 7. Etiqueta (Maior e no Canto Superior Direito) */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-badge { position: absolute; top: 20px; right: 20px; background: rgba(22, 46, 72, 0.9); backdrop-filter: blur(4px); color: #D5B56A; padding: 10px 24px; /* Aumentado o respiro interno */ border-radius: 50px; font-weight: 800; font-size: 16px; /* Letra maior */ letter-spacing: 0.5px; text-transform: uppercase; border: 2px solid rgba(213, 181, 106, 0.5); /* Borda dourada mais aparente */ z-index: 10; pointer-events: none; box-shadow: 0 4px 15px rgba(0,0,0,0.3); } /* 8. Rodapé com Degradê para o Texto */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content { position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(to top, rgba(22, 46, 72, 0.95) 0%, rgba(22, 46, 72, 0.6) 60%, transparent 100%); padding: 50px 20px 20px 20px; color: #FDFBF9; z-index: 10; pointer-events: none; } .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content h3 { color: #D5B56A; margin: 0 0 8px 0; font-size: 1.5rem; font-weight: 800; } .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content p { font-size: 0.95rem; margin: 0; color: rgba(253, 251, 249, 0.9); font-weight: 500; display: flex; align-items: center; gap: 8px; } /* 9. Animação do ícone de varinha mágica */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content i { color: #D5B56A; animation: pulseMagic 2s infinite; } @keyframes pulseMagic { 0% { transform: scale(1); opacity: 0.8; } 50% { transform: scale(1.2); opacity: 1; text-shadow: 0 0 10px #D5B56A; } 100% { transform: scale(1); opacity: 0.8; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6b0c3eb *//* 1. Envolve e estiliza o Card Principal */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card { position: relative; border-radius: 24px; overflow: hidden; aspect-ratio: 16/9; /* Formato retangular paisagem */ cursor: pointer; background-color: #162E48; box-shadow: 0 10px 30px rgba(22, 46, 72, 0.15); border: 2px solid rgba(213, 181, 106, 0.3); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); font-family: 'Urbanist', sans-serif; } /* 2. Efeito flutuante ao passar o mouse */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:hover { transform: translateY(-8px); border-color: #D5B56A; box-shadow: 0 20px 40px rgba(22, 46, 72, 0.25); } /* 3. Configuração base das imagens */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-before, .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.7s ease-in-out, transform 0.8s ease-in-out; } /* 4. Imagem do Antes (Descolorida) */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-before { filter: grayscale(100%); opacity: 0.8; transform: scale(1); } /* 5. Imagem do Depois (Escondida inicialmente e com leve zoom) */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-after { opacity: 0; transform: scale(1.1); } /* 6. A MÁGICA: Revelação no Hover ou Toque */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:hover .img-after, .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:active .img-after { opacity: 1; transform: scale(1); } .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:hover .img-before, .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:active .img-before { opacity: 0; transform: scale(0.95); } /* 7. Etiqueta (Maior e no Canto Superior Direito) */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-badge { position: absolute; top: 20px; right: 20px; background: rgba(22, 46, 72, 0.9); backdrop-filter: blur(4px); color: #D5B56A; padding: 10px 24px; /* Aumentado o respiro interno */ border-radius: 50px; font-weight: 800; font-size: 16px; /* Letra maior */ letter-spacing: 0.5px; text-transform: uppercase; border: 2px solid rgba(213, 181, 106, 0.5); /* Borda dourada mais aparente */ z-index: 10; pointer-events: none; box-shadow: 0 4px 15px rgba(0,0,0,0.3); } /* 8. Rodapé com Degradê para o Texto */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content { position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(to top, rgba(22, 46, 72, 0.95) 0%, rgba(22, 46, 72, 0.6) 60%, transparent 100%); padding: 50px 20px 20px 20px; color: #FDFBF9; z-index: 10; pointer-events: none; } .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content h3 { color: #D5B56A; margin: 0 0 8px 0; font-size: 1.5rem; font-weight: 800; } .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content p { font-size: 0.95rem; margin: 0; color: rgba(253, 251, 249, 0.9); font-weight: 500; display: flex; align-items: center; gap: 8px; } /* 9. Animação do ícone de varinha mágica */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content i { color: #D5B56A; animation: pulseMagic 2s infinite; } @keyframes pulseMagic { 0% { transform: scale(1); opacity: 0.8; } 50% { transform: scale(1.2); opacity: 1; text-shadow: 0 0 10px #D5B56A; } 100% { transform: scale(1); opacity: 0.8; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6b0c3eb *//* 1. Envolve e estiliza o Card Principal */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card { position: relative; border-radius: 24px; overflow: hidden; aspect-ratio: 16/9; /* Formato retangular paisagem */ cursor: pointer; background-color: #162E48; box-shadow: 0 10px 30px rgba(22, 46, 72, 0.15); border: 2px solid rgba(213, 181, 106, 0.3); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); font-family: 'Urbanist', sans-serif; } /* 2. Efeito flutuante ao passar o mouse */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:hover { transform: translateY(-8px); border-color: #D5B56A; box-shadow: 0 20px 40px rgba(22, 46, 72, 0.25); } /* 3. Configuração base das imagens */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-before, .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.7s ease-in-out, transform 0.8s ease-in-out; } /* 4. Imagem do Antes (Descolorida) */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-before { filter: grayscale(100%); opacity: 0.8; transform: scale(1); } /* 5. Imagem do Depois (Escondida inicialmente e com leve zoom) */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-after { opacity: 0; transform: scale(1.1); } /* 6. A MÁGICA: Revelação no Hover ou Toque */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:hover .img-after, .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:active .img-after { opacity: 1; transform: scale(1); } .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:hover .img-before, .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:active .img-before { opacity: 0; transform: scale(0.95); } /* 7. Etiqueta (Maior e no Canto Superior Direito) */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-badge { position: absolute; top: 20px; right: 20px; background: rgba(22, 46, 72, 0.9); backdrop-filter: blur(4px); color: #D5B56A; padding: 10px 24px; /* Aumentado o respiro interno */ border-radius: 50px; font-weight: 800; font-size: 16px; /* Letra maior */ letter-spacing: 0.5px; text-transform: uppercase; border: 2px solid rgba(213, 181, 106, 0.5); /* Borda dourada mais aparente */ z-index: 10; pointer-events: none; box-shadow: 0 4px 15px rgba(0,0,0,0.3); } /* 8. Rodapé com Degradê para o Texto */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content { position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(to top, rgba(22, 46, 72, 0.95) 0%, rgba(22, 46, 72, 0.6) 60%, transparent 100%); padding: 50px 20px 20px 20px; color: #FDFBF9; z-index: 10; pointer-events: none; } .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content h3 { color: #D5B56A; margin: 0 0 8px 0; font-size: 1.5rem; font-weight: 800; } .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content p { font-size: 0.95rem; margin: 0; color: rgba(253, 251, 249, 0.9); font-weight: 500; display: flex; align-items: center; gap: 8px; } /* 9. Animação do ícone de varinha mágica */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content i { color: #D5B56A; animation: pulseMagic 2s infinite; } @keyframes pulseMagic { 0% { transform: scale(1); opacity: 0.8; } 50% { transform: scale(1.2); opacity: 1; text-shadow: 0 0 10px #D5B56A; } 100% { transform: scale(1); opacity: 0.8; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6b0c3eb *//* 1. Envolve e estiliza o Card Principal */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card { position: relative; border-radius: 24px; overflow: hidden; aspect-ratio: 16/9; /* Formato retangular paisagem */ cursor: pointer; background-color: #162E48; box-shadow: 0 10px 30px rgba(22, 46, 72, 0.15); border: 2px solid rgba(213, 181, 106, 0.3); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); font-family: 'Urbanist', sans-serif; } /* 2. Efeito flutuante ao passar o mouse */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:hover { transform: translateY(-8px); border-color: #D5B56A; box-shadow: 0 20px 40px rgba(22, 46, 72, 0.25); } /* 3. Configuração base das imagens */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-before, .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.7s ease-in-out, transform 0.8s ease-in-out; } /* 4. Imagem do Antes (Descolorida) */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-before { filter: grayscale(100%); opacity: 0.8; transform: scale(1); } /* 5. Imagem do Depois (Escondida inicialmente e com leve zoom) */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .img-after { opacity: 0; transform: scale(1.1); } /* 6. A MÁGICA: Revelação no Hover ou Toque */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:hover .img-after, .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:active .img-after { opacity: 1; transform: scale(1); } .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:hover .img-before, .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-card:active .img-before { opacity: 0; transform: scale(0.95); } /* 7. Etiqueta (Maior e no Canto Superior Direito) */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-badge { position: absolute; top: 20px; right: 20px; background: rgba(22, 46, 72, 0.9); backdrop-filter: blur(4px); color: #D5B56A; padding: 10px 24px; /* Aumentado o respiro interno */ border-radius: 50px; font-weight: 800; font-size: 16px; /* Letra maior */ letter-spacing: 0.5px; text-transform: uppercase; border: 2px solid rgba(213, 181, 106, 0.5); /* Borda dourada mais aparente */ z-index: 10; pointer-events: none; box-shadow: 0 4px 15px rgba(0,0,0,0.3); } /* 8. Rodapé com Degradê para o Texto */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content { position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(to top, rgba(22, 46, 72, 0.95) 0%, rgba(22, 46, 72, 0.6) 60%, transparent 100%); padding: 50px 20px 20px 20px; color: #FDFBF9; z-index: 10; pointer-events: none; } .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content h3 { color: #D5B56A; margin: 0 0 8px 0; font-size: 1.5rem; font-weight: 800; } .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content p { font-size: 0.95rem; margin: 0; color: rgba(253, 251, 249, 0.9); font-weight: 500; display: flex; align-items: center; gap: 8px; } /* 9. Animação do ícone de varinha mágica */ .elementor-11159 .elementor-element.elementor-element-6b0c3eb .ba-content i { color: #D5B56A; animation: pulseMagic 2s infinite; } @keyframes pulseMagic { 0% { transform: scale(1); opacity: 0.8; } 50% { transform: scale(1.2); opacity: 1; text-shadow: 0 0 10px #D5B56A; } 100% { transform: scale(1); opacity: 0.8; } }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-eda17cf *//* 1. Envolve e estiliza o Card Principal */ .elementor-11159 .elementor-element.elementor-element-eda17cf .ba-card { position: relative; border-radius: 24px; overflow: hidden; aspect-ratio: 16/9; /* Formato retangular paisagem */ cursor: pointer; background-color: #162E48; box-shadow: 0 10px 30px rgba(22, 46, 72, 0.15); border: 2px solid rgba(213, 181, 106, 0.3); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); font-family: 'Urbanist', sans-serif; } /* 2. Efeito flutuante ao passar o mouse */ .elementor-11159 .elementor-element.elementor-element-eda17cf .ba-card:hover { transform: translateY(-8px); border-color: #D5B56A; box-shadow: 0 20px 40px rgba(22, 46, 72, 0.25); } /* 3. Configuração base das imagens */ .elementor-11159 .elementor-element.elementor-element-eda17cf .img-before, .elementor-11159 .elementor-element.elementor-element-eda17cf .img-after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.7s ease-in-out, transform 0.8s ease-in-out; } /* 4. Imagem do Antes (Descolorida) */ .elementor-11159 .elementor-element.elementor-element-eda17cf .img-before { filter: grayscale(100%); opacity: 0.8; transform: scale(1); } /* 5. Imagem do Depois (Escondida inicialmente e com leve zoom) */ .elementor-11159 .elementor-element.elementor-element-eda17cf .img-after { opacity: 0; transform: scale(1.1); } /* 6. A MÁGICA: Revelação no Hover ou Toque */ .elementor-11159 .elementor-element.elementor-element-eda17cf .ba-card:hover .img-after, .elementor-11159 .elementor-element.elementor-element-eda17cf .ba-card:active .img-after { opacity: 1; transform: scale(1); } .elementor-11159 .elementor-element.elementor-element-eda17cf .ba-card:hover .img-before, .elementor-11159 .elementor-element.elementor-element-eda17cf .ba-card:active .img-before { opacity: 0; transform: scale(0.95); } /* 7. Etiqueta (Maior e no Canto Superior Direito) */ .elementor-11159 .elementor-element.elementor-element-eda17cf .ba-badge { position: absolute; top: 20px; right: 20px; background: rgba(22, 46, 72, 0.9); backdrop-filter: blur(4px); color: #D5B56A; padding: 10px 24px; /* Aumentado o respiro interno */ border-radius: 50px; font-weight: 800; font-size: 16px; /* Letra maior */ letter-spacing: 0.5px; text-transform: uppercase; border: 2px solid rgba(213, 181, 106, 0.5); /* Borda dourada mais aparente */ z-index: 10; pointer-events: none; box-shadow: 0 4px 15px rgba(0,0,0,0.3); } /* 8. Rodapé com Degradê para o Texto */ .elementor-11159 .elementor-element.elementor-element-eda17cf .ba-content { position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(to top, rgba(22, 46, 72, 0.95) 0%, rgba(22, 46, 72, 0.6) 60%, transparent 100%); padding: 50px 20px 20px 20px; color: #FDFBF9; z-index: 10; pointer-events: none; } .elementor-11159 .elementor-element.elementor-element-eda17cf .ba-content h3 { color: #D5B56A; margin: 0 0 8px 0; font-size: 1.5rem; font-weight: 800; } .elementor-11159 .elementor-element.elementor-element-eda17cf .ba-content p { font-size: 0.95rem; margin: 0; color: rgba(253, 251, 249, 0.9); font-weight: 500; display: flex; align-items: center; gap: 8px; } /* 9. Animação do ícone de varinha mágica */ .elementor-11159 .elementor-element.elementor-element-eda17cf .ba-content i { color: #D5B56A; animation: pulseMagic 2s infinite; } @keyframes pulseMagic { 0% { transform: scale(1); opacity: 0.8; } 50% { transform: scale(1.2); opacity: 1; text-shadow: 0 0 10px #D5B56A; } 100% { transform: scale(1); opacity: 0.8; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e16381 *//* ESTADO INICIAL: Fundo Azul e Texto Dourado */ .elementor-11159 .elementor-element.elementor-element-9e16381 .elementor-button { background-color: #162E48 !important; /* Brand Navy */ color: #D5B56A !important; /* Brand Gold */ border: 2px solid #162E48 !important; /* Borda acompanha o fundo */ border-radius: 50px !important; font-family: 'Urbanist', sans-serif !important; font-weight: 700 !important; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; padding: 15px 35px !important; } /* Cor do Ícone e Texto no estado inicial */ .elementor-11159 .elementor-element.elementor-element-9e16381 .elementor-button-icon, .elementor-11159 .elementor-element.elementor-element-9e16381 .elementor-button-text { color: #D5B56A !important; transition: all 0.4s ease !important; } /* ESTADO HOVER: Fundo Dourado, Texto/Ícone Brancos e Brilho */ .elementor-11159 .elementor-element.elementor-element-9e16381 .elementor-button:hover, .elementor-11159 .elementor-element.elementor-element-9e16381 .elementor-button:focus { background-color: #D5B56A !important; /* Preenche com Brand Gold */ border-color: #D5B56A !important; /* Borda muda para Gold */ color: #FFFFFF !important; /* Texto fica Branco */ transform: translateY(-3px) scale(1.02); box-shadow: 0 10px 25px rgba(213, 181, 106, 0.4) !important; /* Brilho dourado sofisticado */ } /* Garante que o ícone e o texto fiquem brancos no Hover */ .elementor-11159 .elementor-element.elementor-element-9e16381 .elementor-button:hover .elementor-button-icon, .elementor-11159 .elementor-element.elementor-element-9e16381 .elementor-button:hover .elementor-button-text, .elementor-11159 .elementor-element.elementor-element-9e16381 .elementor-button:focus .elementor-button-icon, .elementor-11159 .elementor-element.elementor-element-9e16381 .elementor-button:focus .elementor-button-text { color: #FFFFFF !important; } /* Efeito de Clique (Active) */ .elementor-11159 .elementor-element.elementor-element-9e16381 .elementor-button:active { transform: translateY(-1px); filter: brightness(1.1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e82b2ea *//* Container das Imagens */ .before-after-container { position: relative; overflow: hidden; border-radius: 1rem; aspect-ratio: 16/9; border: 4px solid rgba(213, 181, 106, 0.3); /* brand-gold/30 */ cursor: pointer; } /* Ajuste das Imagens */ .img-before, .img-after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.6s ease-in-out, transform 0.7s ease; } /* Estado Inicial */ .img-before { filter: grayscale(100%); opacity: 0.8; } .img-after { opacity: 0; } /* Efeito de Hover (Passar o Mouse) */ .before-after-container:hover .img-after { opacity: 1; transform: scale(1.05); } .before-after-container:hover .img-before { opacity: 0; } /* Etiqueta "O Espaço" */ .label-espaco { position: absolute; bottom: 16px; left: 16px; background: rgba(22, 46, 72, 0.8); color: #D5B56A; padding: 4px 12px; border-radius: 4px; font-size: 12px; font-weight: bold; border: 1px solid rgba(213, 181, 106, 0.2); z-index: 10; } /* Estilização dos Textos */ .projeto-titulo { color: #D5B56A; font-size: 1.25rem; font-weight: bold; margin-top: 1.5rem; } .projeto-desc { color: rgba(255, 255, 255, 0.7); font-size: 0.875rem; margin-bottom: 1rem; } .link-galeria { color: #D5B56A; text-decoration: underline; font-weight: bold; } /* Garante que a luz não vaze para fora da seção */ .elementor-11159 .elementor-element.elementor-element-e82b2ea { position: relative; overflow: hidden; } /* Cria a luz dourada (Orb) baseada no código original */ .elementor-11159 .elementor-element.elementor-element-e82b2ea::before { content: ''; position: absolute; bottom: -150px; left: -150px; width: 500px; height: 500px; background: rgba(213, 181, 106, 0.1); /* Cor Brand Gold com 10% de opacidade */ border-radius: 50%; filter: blur(80px); /* Deixa parecendo uma fumaça brilhante */ z-index: 0; pointer-events: none; animation: pulseGlow 4s infinite alternate ease-in-out; } /* Animação de pulsar */ @keyframes pulseGlow { 0% { transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1.2); opacity: 1; } } /* Garante que os conteúdos fiquem na frente da luz */ .elementor-11159 .elementor-element.elementor-element-e82b2ea > .elementor-container { position: relative; z-index: 1; }/* End custom CSS */ /* Start custom CSS for gallery, class: .elementor-element-9993afd *//* Esconde todas as imagens da galeria, menos a primeira */ .elementor-11159 .elementor-element.elementor-element-9993afd .elementor-gallery-item:not(:first-child) { display: none !important; } /* Deixa a primeira imagem invisível mas clicável por cima do botão */ .elementor-11159 .elementor-element.elementor-element-9993afd { position: absolute !important; width: 100% !important; height: 100% !important; top: 0; left: 0; opacity: 0 !important; z-index: 10 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-e42c42c */#sbi_images, .sbi_item, #sb_instagram { background-color: transparent !important; } #sb_instagram * { font-family: 'Urbanist', sans-serif !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-496e825 */
Decoração 4U
Shopee Logo
CURADORIA 4U
Novidade

Os melhores Achadinhos Shopee para o seu projeto

A 4U separa os melhores achadinhos para seu ambiente que combinam com seu projeto 3D. Divulgamos uma lista com itens atualizados dos nossos projetos postados que fizeram mais sucesso!

Ver Achadinhos Agora
/* End custom CSS */ /* Start custom CSS *//* ========================================================================== MÁSCARA CONTRA LINHAS E DIVISORES NO CARREGAMENTO (FOUC FIX) ========================================================================== */ /* 1. Remove qualquer linha, contorno ou divisor fantasma de containers cruas */ .elementor-section, .elementor-container, .elementor-row, .elementor-widget, .e-con, .e-container { outline: none !important; box-shadow: none !important; } /* 2. Oculta os divisores de forma (Shape Dividers) nativos até que o CSS do Elementor carregue */ .elementor-shape { display: none; } .elementor-page.elementor-html5-template .elementor-shape, .elementor-editor-active .elementor-shape { display: block !important; /* Mostra assim que o layout estiver pronto ou no editor */ } /* 3. EFEITO PREMIUM: Suaviza o flash visual do carregamento */ body:not(.elementor-editor-active) { animation: fadeInPage 0.4s ease-in-out; } @keyframes fadeInPage { 0% { opacity: 0.9; /* Começa quase invisível para esconder o "esqueleto" do site */ } 100% { opacity: 1; /* Revela o site perfeitamente polido */ } }/* End custom CSS */