.elementor-13 .elementor-element.elementor-element-1a4396f{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-13 .elementor-element.elementor-element-c6be3c6{--display:flex;--min-height:550px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:1s;border-style:solid;--border-style:solid;border-width:0px 0px 35px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:35px;--border-left-width:0px;border-color:var( --e-global-color-349f2af );--border-color:var( --e-global-color-349f2af );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-c6be3c6:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-c6be3c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/00-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-c6be3c6:hover{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/00-1-scaled-1.jpg");}.elementor-13 .elementor-element.elementor-element-909b9b7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-909b9b7 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:500;text-transform:none;line-height:1.2em;color:#444444;}.elementor-13 .elementor-element.elementor-element-909b9b7 .elementor-heading-title a:hover, .elementor-13 .elementor-element.elementor-element-909b9b7 .elementor-heading-title a:focus{color:#444444;}.elementor-13 .elementor-element.elementor-element-65b0d46{--display:flex;--min-height:500px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:1s;border-style:solid;--border-style:solid;border-width:0px 0px 35px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:35px;--border-left-width:0px;border-color:var( --e-global-color-349f2af );--border-color:var( --e-global-color-349f2af );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-65b0d46:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-65b0d46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/01-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-65b0d46:hover{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/06-scaled-1.jpg");}.elementor-13 .elementor-element.elementor-element-0cc60bf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-0cc60bf .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:500;text-transform:none;line-height:1.2em;color:#444444;}.elementor-13 .elementor-element.elementor-element-0cc60bf .elementor-heading-title a:hover, .elementor-13 .elementor-element.elementor-element-0cc60bf .elementor-heading-title a:focus{color:#444444;}.elementor-13 .elementor-element.elementor-element-c458c75{--display:flex;--min-height:500px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:1s;border-style:solid;--border-style:solid;border-width:0px 0px 35px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:35px;--border-left-width:0px;border-color:var( --e-global-color-349f2af );--border-color:var( --e-global-color-349f2af );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-c458c75:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-c458c75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/02-scaled-1.jpg");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-c458c75:hover{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/02-scaled-1.png");}.elementor-13 .elementor-element.elementor-element-25cd57d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-25cd57d .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:500;text-transform:none;line-height:1.2em;color:#444444;}.elementor-13 .elementor-element.elementor-element-25cd57d .elementor-heading-title a:hover, .elementor-13 .elementor-element.elementor-element-25cd57d .elementor-heading-title a:focus{color:#444444;}.elementor-13 .elementor-element.elementor-element-6f5c091{--display:flex;--min-height:500px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:1s;border-style:solid;--border-style:solid;border-width:0px 0px 35px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:35px;--border-left-width:0px;border-color:var( --e-global-color-349f2af );--border-color:var( --e-global-color-349f2af );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-6f5c091:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-6f5c091 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/03-1-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-6f5c091:hover{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/03-scaled-1.jpg");}.elementor-13 .elementor-element.elementor-element-b37fc9f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-b37fc9f .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:500;text-transform:none;line-height:1.2em;color:#444444;}.elementor-13 .elementor-element.elementor-element-b37fc9f .elementor-heading-title a:hover, .elementor-13 .elementor-element.elementor-element-b37fc9f .elementor-heading-title a:focus{color:#444444;}.elementor-13 .elementor-element.elementor-element-deccb80{--display:flex;--min-height:500px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:1s;border-style:solid;--border-style:solid;border-width:0px 0px 35px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:35px;--border-left-width:0px;border-color:var( --e-global-color-349f2af );--border-color:var( --e-global-color-349f2af );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-deccb80:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-deccb80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/04-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-deccb80:hover{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/04-1-scaled-1.jpg");}.elementor-13 .elementor-element.elementor-element-3b17f2a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-3b17f2a .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:500;text-transform:none;line-height:1.2em;color:#444444;}.elementor-13 .elementor-element.elementor-element-3b17f2a .elementor-heading-title a:hover, .elementor-13 .elementor-element.elementor-element-3b17f2a .elementor-heading-title a:focus{color:#444444;}.elementor-13 .elementor-element.elementor-element-22da778{--display:flex;--min-height:500px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:1s;border-style:solid;--border-style:solid;border-width:0px 0px 35px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:35px;--border-left-width:0px;border-color:var( --e-global-color-349f2af );--border-color:var( --e-global-color-349f2af );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-22da778:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-22da778 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/05-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-22da778:hover{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/05.png");}.elementor-13 .elementor-element.elementor-element-18cbce0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-18cbce0 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:500;text-transform:none;line-height:1.2em;color:#444444;}.elementor-13 .elementor-element.elementor-element-18cbce0 .elementor-heading-title a:hover, .elementor-13 .elementor-element.elementor-element-18cbce0 .elementor-heading-title a:focus{color:#444444;}.elementor-13 .elementor-element.elementor-element-c3eef5f{--display:flex;--min-height:500px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:1s;border-style:solid;--border-style:solid;border-width:0px 0px 35px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:35px;--border-left-width:0px;border-color:var( --e-global-color-349f2af );--border-color:var( --e-global-color-349f2af );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-c3eef5f:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-c3eef5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/06-1-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-c3eef5f:hover{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/06-2-scaled-1.jpg");}.elementor-13 .elementor-element.elementor-element-868e4ab{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-868e4ab .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:500;text-transform:none;line-height:1.2em;color:#444444;}.elementor-13 .elementor-element.elementor-element-868e4ab .elementor-heading-title a:hover, .elementor-13 .elementor-element.elementor-element-868e4ab .elementor-heading-title a:focus{color:#444444;}.elementor-13 .elementor-element.elementor-element-e639ef4{--display:flex;--min-height:500px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:1s;border-style:solid;--border-style:solid;border-width:0px 0px 35px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:35px;--border-left-width:0px;border-color:var( --e-global-color-349f2af );--border-color:var( --e-global-color-349f2af );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-e639ef4:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-e639ef4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/07-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-e639ef4:hover{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/07-1-scaled-1.jpg");}.elementor-13 .elementor-element.elementor-element-948061e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-948061e .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:500;text-transform:none;line-height:1.2em;color:#444444;}.elementor-13 .elementor-element.elementor-element-948061e .elementor-heading-title a:hover, .elementor-13 .elementor-element.elementor-element-948061e .elementor-heading-title a:focus{color:#444444;}.elementor-13 .elementor-element.elementor-element-176f88c{--display:flex;--min-height:500px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:1s;border-style:solid;--border-style:solid;border-width:0px 0px 35px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:35px;--border-left-width:0px;border-color:var( --e-global-color-349f2af );--border-color:var( --e-global-color-349f2af );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-176f88c:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-176f88c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/08.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-176f88c:hover{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/08.png");}.elementor-13 .elementor-element.elementor-element-eb9266d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-eb9266d .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:500;text-transform:none;line-height:1.2em;color:#444444;}.elementor-13 .elementor-element.elementor-element-eb9266d .elementor-heading-title a:hover, .elementor-13 .elementor-element.elementor-element-eb9266d .elementor-heading-title a:focus{color:#444444;}.elementor-13 .elementor-element.elementor-element-dffbba4{--display:flex;--min-height:500px;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:1s;border-style:solid;--border-style:solid;border-width:0px 0px 35px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:35px;--border-left-width:0px;border-color:var( --e-global-color-349f2af );--border-color:var( --e-global-color-349f2af );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-dffbba4:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-dffbba4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/FOTO-SUBSTITUIR-CARROSEL-PB-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-dffbba4:hover{background-image:url("https://casaeterea-arq.com/wp-content/uploads/2025/09/FOTO-SUBSITITUIR-CARROSSEL-E-ESCRITORIO-scaled-1.jpg");}.elementor-13 .elementor-element.elementor-element-6b91f0b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-13 .elementor-element.elementor-element-6b91f0b .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:500;text-transform:none;line-height:1.2em;color:#444444;}.elementor-13 .elementor-element.elementor-element-6b91f0b .elementor-heading-title a:hover, .elementor-13 .elementor-element.elementor-element-6b91f0b .elementor-heading-title a:focus{color:#444444;}.elementor-13 .elementor-element.elementor-element-eac9293{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}@media(min-width:1025px){.elementor-13 .elementor-element.elementor-element-c6be3c6:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-c6be3c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-13 .elementor-element.elementor-element-65b0d46:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-65b0d46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-13 .elementor-element.elementor-element-c458c75:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-c458c75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-13 .elementor-element.elementor-element-6f5c091:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-6f5c091 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-13 .elementor-element.elementor-element-deccb80:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-deccb80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-13 .elementor-element.elementor-element-22da778:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-22da778 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-13 .elementor-element.elementor-element-c3eef5f:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-c3eef5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-13 .elementor-element.elementor-element-e639ef4:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-e639ef4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-13 .elementor-element.elementor-element-176f88c:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-176f88c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-13 .elementor-element.elementor-element-dffbba4:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-dffbba4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-eac9293{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-eac9293{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-c6be3c6 *//* título escondido inicialmente */ .card-projeto .titulo-hover { opacity: 0; transform: translateY(10px); transition: opacity .35s ease, transform .35s ease; } /* mostra só quando o mouse está no container do card */ .card-projeto:hover .titulo-hover { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3eef5f *//* container do widget */ .marquee-carousel .swiper{ overflow:hidden; } /* gap reduzido de 30px → 15px (ajuste aqui se quiser) */ .marquee-carousel .swiper-wrapper{ display:flex; gap:15px; /* era 30px */ width:max-content; will-change: transform; transition: none !important; /* evita “snap” do Swiper */ } /* cada slide mantém largura própria */ .marquee-carousel .swiper-slide{ flex:0 0 auto; } /* altura dos cards (mesmo que você já usa) */ .marquee-carousel .card-projeto{ height:480px; display:flex; align-items:center; justify-content:center; } .marquee-carousel .card-projeto img{ height:100%; width:auto; object-fit:contain; display:block; } /* hover do título (mantém o seu) */ .card-projeto .titulo-hover{ opacity:0; transform:translateY(10px); transition:opacity .35s ease, transform .35s ease; } .card-projeto:hover .titulo-hover{ opacity:1; transform:translateY(0); } /* responsivo: mesma lógica que você já tinha */ @media (max-width:1024px){ .marquee-carousel .card-projeto{ height:360px; } } @media (max-width:767px){ .marquee-carousel .card-projeto{ height:260px; } } /* feedback visual quando estiver arrastando */ .marquee-carousel.is-dragging{ cursor: grabbing; user-select: none; /* evita selecionar texto/img durante drag */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6be3c6 *//* título escondido inicialmente */ .card-projeto .titulo-hover { opacity: 0; transform: translateY(10px); transition: opacity .35s ease, transform .35s ease; } /* mostra só quando o mouse está no container do card */ .card-projeto:hover .titulo-hover { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3eef5f *//* container do widget */ .marquee-carousel .swiper{ overflow:hidden; } /* gap reduzido de 30px → 15px (ajuste aqui se quiser) */ .marquee-carousel .swiper-wrapper{ display:flex; gap:15px; /* era 30px */ width:max-content; will-change: transform; transition: none !important; /* evita “snap” do Swiper */ } /* cada slide mantém largura própria */ .marquee-carousel .swiper-slide{ flex:0 0 auto; } /* altura dos cards (mesmo que você já usa) */ .marquee-carousel .card-projeto{ height:480px; display:flex; align-items:center; justify-content:center; } .marquee-carousel .card-projeto img{ height:100%; width:auto; object-fit:contain; display:block; } /* hover do título (mantém o seu) */ .card-projeto .titulo-hover{ opacity:0; transform:translateY(10px); transition:opacity .35s ease, transform .35s ease; } .card-projeto:hover .titulo-hover{ opacity:1; transform:translateY(0); } /* responsivo: mesma lógica que você já tinha */ @media (max-width:1024px){ .marquee-carousel .card-projeto{ height:360px; } } @media (max-width:767px){ .marquee-carousel .card-projeto{ height:260px; } } /* feedback visual quando estiver arrastando */ .marquee-carousel.is-dragging{ cursor: grabbing; user-select: none; /* evita selecionar texto/img durante drag */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6be3c6 *//* título escondido inicialmente */ .card-projeto .titulo-hover { opacity: 0; transform: translateY(10px); transition: opacity .35s ease, transform .35s ease; } /* mostra só quando o mouse está no container do card */ .card-projeto:hover .titulo-hover { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3eef5f *//* container do widget */ .marquee-carousel .swiper{ overflow:hidden; } /* gap reduzido de 30px → 15px (ajuste aqui se quiser) */ .marquee-carousel .swiper-wrapper{ display:flex; gap:15px; /* era 30px */ width:max-content; will-change: transform; transition: none !important; /* evita “snap” do Swiper */ } /* cada slide mantém largura própria */ .marquee-carousel .swiper-slide{ flex:0 0 auto; } /* altura dos cards (mesmo que você já usa) */ .marquee-carousel .card-projeto{ height:480px; display:flex; align-items:center; justify-content:center; } .marquee-carousel .card-projeto img{ height:100%; width:auto; object-fit:contain; display:block; } /* hover do título (mantém o seu) */ .card-projeto .titulo-hover{ opacity:0; transform:translateY(10px); transition:opacity .35s ease, transform .35s ease; } .card-projeto:hover .titulo-hover{ opacity:1; transform:translateY(0); } /* responsivo: mesma lógica que você já tinha */ @media (max-width:1024px){ .marquee-carousel .card-projeto{ height:360px; } } @media (max-width:767px){ .marquee-carousel .card-projeto{ height:260px; } } /* feedback visual quando estiver arrastando */ .marquee-carousel.is-dragging{ cursor: grabbing; user-select: none; /* evita selecionar texto/img durante drag */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6be3c6 *//* título escondido inicialmente */ .card-projeto .titulo-hover { opacity: 0; transform: translateY(10px); transition: opacity .35s ease, transform .35s ease; } /* mostra só quando o mouse está no container do card */ .card-projeto:hover .titulo-hover { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3eef5f *//* container do widget */ .marquee-carousel .swiper{ overflow:hidden; } /* gap reduzido de 30px → 15px (ajuste aqui se quiser) */ .marquee-carousel .swiper-wrapper{ display:flex; gap:15px; /* era 30px */ width:max-content; will-change: transform; transition: none !important; /* evita “snap” do Swiper */ } /* cada slide mantém largura própria */ .marquee-carousel .swiper-slide{ flex:0 0 auto; } /* altura dos cards (mesmo que você já usa) */ .marquee-carousel .card-projeto{ height:480px; display:flex; align-items:center; justify-content:center; } .marquee-carousel .card-projeto img{ height:100%; width:auto; object-fit:contain; display:block; } /* hover do título (mantém o seu) */ .card-projeto .titulo-hover{ opacity:0; transform:translateY(10px); transition:opacity .35s ease, transform .35s ease; } .card-projeto:hover .titulo-hover{ opacity:1; transform:translateY(0); } /* responsivo: mesma lógica que você já tinha */ @media (max-width:1024px){ .marquee-carousel .card-projeto{ height:360px; } } @media (max-width:767px){ .marquee-carousel .card-projeto{ height:260px; } } /* feedback visual quando estiver arrastando */ .marquee-carousel.is-dragging{ cursor: grabbing; user-select: none; /* evita selecionar texto/img durante drag */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6be3c6 *//* título escondido inicialmente */ .card-projeto .titulo-hover { opacity: 0; transform: translateY(10px); transition: opacity .35s ease, transform .35s ease; } /* mostra só quando o mouse está no container do card */ .card-projeto:hover .titulo-hover { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3eef5f *//* container do widget */ .marquee-carousel .swiper{ overflow:hidden; } /* gap reduzido de 30px → 15px (ajuste aqui se quiser) */ .marquee-carousel .swiper-wrapper{ display:flex; gap:15px; /* era 30px */ width:max-content; will-change: transform; transition: none !important; /* evita “snap” do Swiper */ } /* cada slide mantém largura própria */ .marquee-carousel .swiper-slide{ flex:0 0 auto; } /* altura dos cards (mesmo que você já usa) */ .marquee-carousel .card-projeto{ height:480px; display:flex; align-items:center; justify-content:center; } .marquee-carousel .card-projeto img{ height:100%; width:auto; object-fit:contain; display:block; } /* hover do título (mantém o seu) */ .card-projeto .titulo-hover{ opacity:0; transform:translateY(10px); transition:opacity .35s ease, transform .35s ease; } .card-projeto:hover .titulo-hover{ opacity:1; transform:translateY(0); } /* responsivo: mesma lógica que você já tinha */ @media (max-width:1024px){ .marquee-carousel .card-projeto{ height:360px; } } @media (max-width:767px){ .marquee-carousel .card-projeto{ height:260px; } } /* feedback visual quando estiver arrastando */ .marquee-carousel.is-dragging{ cursor: grabbing; user-select: none; /* evita selecionar texto/img durante drag */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6be3c6 *//* título escondido inicialmente */ .card-projeto .titulo-hover { opacity: 0; transform: translateY(10px); transition: opacity .35s ease, transform .35s ease; } /* mostra só quando o mouse está no container do card */ .card-projeto:hover .titulo-hover { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3eef5f *//* container do widget */ .marquee-carousel .swiper{ overflow:hidden; } /* gap reduzido de 30px → 15px (ajuste aqui se quiser) */ .marquee-carousel .swiper-wrapper{ display:flex; gap:15px; /* era 30px */ width:max-content; will-change: transform; transition: none !important; /* evita “snap” do Swiper */ } /* cada slide mantém largura própria */ .marquee-carousel .swiper-slide{ flex:0 0 auto; } /* altura dos cards (mesmo que você já usa) */ .marquee-carousel .card-projeto{ height:480px; display:flex; align-items:center; justify-content:center; } .marquee-carousel .card-projeto img{ height:100%; width:auto; object-fit:contain; display:block; } /* hover do título (mantém o seu) */ .card-projeto .titulo-hover{ opacity:0; transform:translateY(10px); transition:opacity .35s ease, transform .35s ease; } .card-projeto:hover .titulo-hover{ opacity:1; transform:translateY(0); } /* responsivo: mesma lógica que você já tinha */ @media (max-width:1024px){ .marquee-carousel .card-projeto{ height:360px; } } @media (max-width:767px){ .marquee-carousel .card-projeto{ height:260px; } } /* feedback visual quando estiver arrastando */ .marquee-carousel.is-dragging{ cursor: grabbing; user-select: none; /* evita selecionar texto/img durante drag */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6be3c6 *//* título escondido inicialmente */ .card-projeto .titulo-hover { opacity: 0; transform: translateY(10px); transition: opacity .35s ease, transform .35s ease; } /* mostra só quando o mouse está no container do card */ .card-projeto:hover .titulo-hover { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3eef5f *//* container do widget */ .marquee-carousel .swiper{ overflow:hidden; } /* gap reduzido de 30px → 15px (ajuste aqui se quiser) */ .marquee-carousel .swiper-wrapper{ display:flex; gap:15px; /* era 30px */ width:max-content; will-change: transform; transition: none !important; /* evita “snap” do Swiper */ } /* cada slide mantém largura própria */ .marquee-carousel .swiper-slide{ flex:0 0 auto; } /* altura dos cards (mesmo que você já usa) */ .marquee-carousel .card-projeto{ height:480px; display:flex; align-items:center; justify-content:center; } .marquee-carousel .card-projeto img{ height:100%; width:auto; object-fit:contain; display:block; } /* hover do título (mantém o seu) */ .card-projeto .titulo-hover{ opacity:0; transform:translateY(10px); transition:opacity .35s ease, transform .35s ease; } .card-projeto:hover .titulo-hover{ opacity:1; transform:translateY(0); } /* responsivo: mesma lógica que você já tinha */ @media (max-width:1024px){ .marquee-carousel .card-projeto{ height:360px; } } @media (max-width:767px){ .marquee-carousel .card-projeto{ height:260px; } } /* feedback visual quando estiver arrastando */ .marquee-carousel.is-dragging{ cursor: grabbing; user-select: none; /* evita selecionar texto/img durante drag */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6be3c6 *//* título escondido inicialmente */ .card-projeto .titulo-hover { opacity: 0; transform: translateY(10px); transition: opacity .35s ease, transform .35s ease; } /* mostra só quando o mouse está no container do card */ .card-projeto:hover .titulo-hover { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3eef5f *//* container do widget */ .marquee-carousel .swiper{ overflow:hidden; } /* gap reduzido de 30px → 15px (ajuste aqui se quiser) */ .marquee-carousel .swiper-wrapper{ display:flex; gap:15px; /* era 30px */ width:max-content; will-change: transform; transition: none !important; /* evita “snap” do Swiper */ } /* cada slide mantém largura própria */ .marquee-carousel .swiper-slide{ flex:0 0 auto; } /* altura dos cards (mesmo que você já usa) */ .marquee-carousel .card-projeto{ height:480px; display:flex; align-items:center; justify-content:center; } .marquee-carousel .card-projeto img{ height:100%; width:auto; object-fit:contain; display:block; } /* hover do título (mantém o seu) */ .card-projeto .titulo-hover{ opacity:0; transform:translateY(10px); transition:opacity .35s ease, transform .35s ease; } .card-projeto:hover .titulo-hover{ opacity:1; transform:translateY(0); } /* responsivo: mesma lógica que você já tinha */ @media (max-width:1024px){ .marquee-carousel .card-projeto{ height:360px; } } @media (max-width:767px){ .marquee-carousel .card-projeto{ height:260px; } } /* feedback visual quando estiver arrastando */ .marquee-carousel.is-dragging{ cursor: grabbing; user-select: none; /* evita selecionar texto/img durante drag */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6be3c6 *//* título escondido inicialmente */ .card-projeto .titulo-hover { opacity: 0; transform: translateY(10px); transition: opacity .35s ease, transform .35s ease; } /* mostra só quando o mouse está no container do card */ .card-projeto:hover .titulo-hover { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3eef5f *//* container do widget */ .marquee-carousel .swiper{ overflow:hidden; } /* gap reduzido de 30px → 15px (ajuste aqui se quiser) */ .marquee-carousel .swiper-wrapper{ display:flex; gap:15px; /* era 30px */ width:max-content; will-change: transform; transition: none !important; /* evita “snap” do Swiper */ } /* cada slide mantém largura própria */ .marquee-carousel .swiper-slide{ flex:0 0 auto; } /* altura dos cards (mesmo que você já usa) */ .marquee-carousel .card-projeto{ height:480px; display:flex; align-items:center; justify-content:center; } .marquee-carousel .card-projeto img{ height:100%; width:auto; object-fit:contain; display:block; } /* hover do título (mantém o seu) */ .card-projeto .titulo-hover{ opacity:0; transform:translateY(10px); transition:opacity .35s ease, transform .35s ease; } .card-projeto:hover .titulo-hover{ opacity:1; transform:translateY(0); } /* responsivo: mesma lógica que você já tinha */ @media (max-width:1024px){ .marquee-carousel .card-projeto{ height:360px; } } @media (max-width:767px){ .marquee-carousel .card-projeto{ height:260px; } } /* feedback visual quando estiver arrastando */ .marquee-carousel.is-dragging{ cursor: grabbing; user-select: none; /* evita selecionar texto/img durante drag */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6be3c6 *//* título escondido inicialmente */ .card-projeto .titulo-hover { opacity: 0; transform: translateY(10px); transition: opacity .35s ease, transform .35s ease; } /* mostra só quando o mouse está no container do card */ .card-projeto:hover .titulo-hover { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3eef5f *//* container do widget */ .marquee-carousel .swiper{ overflow:hidden; } /* gap reduzido de 30px → 15px (ajuste aqui se quiser) */ .marquee-carousel .swiper-wrapper{ display:flex; gap:15px; /* era 30px */ width:max-content; will-change: transform; transition: none !important; /* evita “snap” do Swiper */ } /* cada slide mantém largura própria */ .marquee-carousel .swiper-slide{ flex:0 0 auto; } /* altura dos cards (mesmo que você já usa) */ .marquee-carousel .card-projeto{ height:480px; display:flex; align-items:center; justify-content:center; } .marquee-carousel .card-projeto img{ height:100%; width:auto; object-fit:contain; display:block; } /* hover do título (mantém o seu) */ .card-projeto .titulo-hover{ opacity:0; transform:translateY(10px); transition:opacity .35s ease, transform .35s ease; } .card-projeto:hover .titulo-hover{ opacity:1; transform:translateY(0); } /* responsivo: mesma lógica que você já tinha */ @media (max-width:1024px){ .marquee-carousel .card-projeto{ height:360px; } } @media (max-width:767px){ .marquee-carousel .card-projeto{ height:260px; } } /* feedback visual quando estiver arrastando */ .marquee-carousel.is-dragging{ cursor: grabbing; user-select: none; /* evita selecionar texto/img durante drag */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c6be3c6 *//* título escondido inicialmente */ .card-projeto .titulo-hover { opacity: 0; transform: translateY(10px); transition: opacity .35s ease, transform .35s ease; } /* mostra só quando o mouse está no container do card */ .card-projeto:hover .titulo-hover { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3eef5f *//* container do widget */ .marquee-carousel .swiper{ overflow:hidden; } /* gap reduzido de 30px → 15px (ajuste aqui se quiser) */ .marquee-carousel .swiper-wrapper{ display:flex; gap:15px; /* era 30px */ width:max-content; will-change: transform; transition: none !important; /* evita “snap” do Swiper */ } /* cada slide mantém largura própria */ .marquee-carousel .swiper-slide{ flex:0 0 auto; } /* altura dos cards (mesmo que você já usa) */ .marquee-carousel .card-projeto{ height:480px; display:flex; align-items:center; justify-content:center; } .marquee-carousel .card-projeto img{ height:100%; width:auto; object-fit:contain; display:block; } /* hover do título (mantém o seu) */ .card-projeto .titulo-hover{ opacity:0; transform:translateY(10px); transition:opacity .35s ease, transform .35s ease; } .card-projeto:hover .titulo-hover{ opacity:1; transform:translateY(0); } /* responsivo: mesma lógica que você já tinha */ @media (max-width:1024px){ .marquee-carousel .card-projeto{ height:360px; } } @media (max-width:767px){ .marquee-carousel .card-projeto{ height:260px; } } /* feedback visual quando estiver arrastando */ .marquee-carousel.is-dragging{ cursor: grabbing; user-select: none; /* evita selecionar texto/img durante drag */ }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-eac9293 */.marquee-carousel .swiper{ overflow:hidden; } .marquee-carousel .swiper-wrapper{ display:flex; gap:5px; /* espaço entre cards */ width:max-content; will-change: transform; transition: none !important; /* evita “snap” do Swiper */ } .marquee-carousel .swiper-slide{ flex:0 0 auto; } .marquee-carousel .card-projeto{ height:480px; display:flex; align-items:center; justify-content:center; } .marquee-carousel .card-projeto img{ height:100%; width:auto; object-fit:contain; display:block; } /* seu hover do título (mantém) */ .card-projeto .titulo-hover{ opacity:0; transform:translateY(10px); transition:opacity .35s, transform .35s; } .card-projeto:hover .titulo-hover{ opacity:1; transform:translateY(0); } /* responsivo: ajuste de altura */ @media (max-width:1024px){ .marquee-carousel .card-projeto{ height:360px; } } @media (max-width:767px){ .marquee-carousel .card-projeto{ height:260px; } } /* feedback visual e prevenção de seleção durante o arraste */ .marquee-carousel .swiper { cursor: grab; touch-action: pan-y; /* permite scroll vertical e drag horizontal */ } .marquee-carousel.is-dragging { cursor: grabbing; user-select: none; } /* evita que o navegador “arraste” a imagem nativamente */ .marquee-carousel .card-projeto img{ -webkit-user-drag: none; user-select: none; }/* End custom CSS */