.elementor-374 .elementor-element.elementor-element-729f12c > .elementor-container{min-height:100vh;}.elementor-374 .elementor-element.elementor-element-729f12c{margin-top:-15%;margin-bottom:0%;padding:0px 0px 0px 0px;}.elementor-374 .elementor-element.elementor-element-6f41a79 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-374 .elementor-element.elementor-element-29aa29b .elementor-repeater-item-d861f6b .swiper-slide-bg{background-color:#833ca3;background-image:url(https://www.ateliertrem.com/wp-content/uploads/2025/10/infissi-promo.jpg);background-size:cover;}.elementor-374 .elementor-element.elementor-element-29aa29b .elementor-repeater-item-d861f6b .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-374 .elementor-element.elementor-element-29aa29b .elementor-repeater-item-0cc0ca5 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://www.ateliertrem.com/wp-content/uploads/2025/10/finestre-velux.png);background-size:cover;}.elementor-374 .elementor-element.elementor-element-29aa29b .elementor-repeater-item-0cc0ca5 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-374 .elementor-element.elementor-element-29aa29b .swiper-slide{transition-duration:calc(5000ms*1.2);height:110vh;}.elementor-374 .elementor-element.elementor-element-29aa29b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-374 .elementor-element.elementor-element-29aa29b .swiper-slide-contents{max-width:66%;}.elementor-374 .elementor-element.elementor-element-29aa29b .swiper-slide-inner{padding:20% 0% 0% 5%;text-align:start;}.elementor-374 .elementor-element.elementor-element-29aa29b .elementor-slide-heading{font-family:"Montserrat", Sans-serif;font-size:80px;font-weight:600;}.elementor-374 .elementor-element.elementor-element-29aa29b .elementor-slide-description{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:500;}.elementor-374 .elementor-element.elementor-element-29aa29b .elementor-slide-button{border-width:1px;border-radius:48px;}.elementor-374 .elementor-element.elementor-element-2e9864d > .elementor-background-overlay{opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-374 .elementor-element.elementor-element-2e9864d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 60px 0px;}.elementor-374 .elementor-element.elementor-element-ca9c0e1 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-374 .elementor-element.elementor-element-ca9c0e1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-374 .elementor-element.elementor-element-7b8b06d > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-374 .elementor-element.elementor-element-168c74e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-374 .elementor-element.elementor-element-168c74e:not(.elementor-motion-effects-element-type-background), .elementor-374 .elementor-element.elementor-element-168c74e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.ateliertrem.com/wp-content/uploads/2025/10/h1-bg01.jpg");background-position:center left;background-repeat:no-repeat;background-size:auto;}.elementor-374 .elementor-element.elementor-element-168c74e > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-374 .elementor-element.elementor-element-168c74e > .elementor-container{min-height:796px;}.elementor-374 .elementor-element.elementor-element-168c74e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-5%;margin-bottom:0%;}.elementor-374 .elementor-element.elementor-element-b6077ef > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-374 .elementor-element.elementor-element-f089f09.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-374 .elementor-element.elementor-element-f089f09.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-374 .elementor-element.elementor-element-8b41212 .elementor-button{background-color:#E4552200;font-family:"Arial", Sans-serif;font-size:14px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#505050;border-radius:30px 30px 30px 30px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-374 .elementor-element.elementor-element-276122d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:60px;font-weight:600;line-height:63px;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-374 .elementor-element.elementor-element-d9fd295 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-374 .elementor-element.elementor-element-d9fd295 .elementor-icon-list-icon i{color:#CAA05C;transition:color 0.3s;}.elementor-374 .elementor-element.elementor-element-d9fd295 .elementor-icon-list-icon svg{fill:#CAA05C;transition:fill 0.3s;}.elementor-374 .elementor-element.elementor-element-d9fd295{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-374 .elementor-element.elementor-element-d9fd295 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-374 .elementor-element.elementor-element-1ca93a0 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-374 .elementor-element.elementor-element-1ca93a0 .elementor-icon-list-icon i{color:#CAA05C;transition:color 0.3s;}.elementor-374 .elementor-element.elementor-element-1ca93a0 .elementor-icon-list-icon svg{fill:#CAA05C;transition:fill 0.3s;}.elementor-374 .elementor-element.elementor-element-1ca93a0{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-374 .elementor-element.elementor-element-1ca93a0 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );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-374 .elementor-element.elementor-element-5603e7d{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-374 .elementor-element.elementor-element-ca4673d .elementor-button{background-color:#E4552200;border-style:solid;border-width:1px 1px 1px 1px;border-color:#5C5C5C;border-radius:33px 33px 33px 33px;}.elementor-374 .elementor-element.elementor-element-ca4673d .elementor-button:hover, .elementor-374 .elementor-element.elementor-element-ca4673d .elementor-button:focus{background-color:#CAA05C;color:#FFFFFF;}.elementor-374 .elementor-element.elementor-element-ca4673d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-374 .elementor-element.elementor-element-ca4673d .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-374 .elementor-element.elementor-element-ca4673d .elementor-button:hover svg, .elementor-374 .elementor-element.elementor-element-ca4673d .elementor-button:focus svg{fill:#FFFFFF;}.elementor-374 .elementor-element.elementor-element-8206f52 > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-374 .elementor-element.elementor-element-290fa5f > .elementor-widget-container{margin:0% -31% 0% 0%;border-radius:28px 28px 28px 28px;}.elementor-374 .elementor-element.elementor-element-290fa5f img{border-radius:10px 10px 10px 10px;}.elementor-374 .elementor-element.elementor-element-a71331b{margin-top:-25%;margin-bottom:0%;}.elementor-374 .elementor-element.elementor-element-aeae82e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-374 .elementor-element.elementor-element-aeae82e{text-align:center;}.elementor-374 .elementor-element.elementor-element-aeae82e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:19.3em;font-weight:600;color:#FFFFFF08;}.elementor-374 .elementor-element.elementor-element-c087a39{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-374 .elementor-element.elementor-element-460d564{margin-top:-6%;margin-bottom:0%;}.elementor-374 .elementor-element.elementor-element-6dbdc6b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-374 .elementor-element.elementor-element-6dbdc6b{text-align:center;}.elementor-374 .elementor-element.elementor-element-6dbdc6b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:19.3em;font-weight:600;color:#00000005;}.elementor-374 .elementor-element.elementor-element-60bfe93{margin-top:-10%;margin-bottom:0%;padding:60px 0px 60px 0px;}.elementor-374 .elementor-element.elementor-element-2febd51{padding:50px 0px 50px 0px;}.elementor-374 .elementor-element.elementor-element-af636a5 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-374 .elementor-element.elementor-element-9d1edf4 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-374 .elementor-element.elementor-element-9d1edf4:not(.elementor-motion-effects-element-type-background), .elementor-374 .elementor-element.elementor-element-9d1edf4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.ateliertrem.com/wp-content/uploads/2025/10/h1-bg01.jpg");background-position:center left;background-repeat:no-repeat;background-size:auto;}.elementor-374 .elementor-element.elementor-element-9d1edf4 > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-374 .elementor-element.elementor-element-9d1edf4 > .elementor-container{min-height:796px;}.elementor-374 .elementor-element.elementor-element-9d1edf4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:6%;margin-bottom:0%;}.elementor-374 .elementor-element.elementor-element-b00a6ec > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-374 .elementor-element.elementor-element-ac24b1f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-374 .elementor-element.elementor-element-ac24b1f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-374 .elementor-element.elementor-element-57d8d63 .elementor-button{background-color:#E4552200;font-family:"Arial", Sans-serif;font-size:14px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#505050;border-radius:30px 30px 30px 30px;}.elementor-374 .elementor-element.elementor-element-7fac7f0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:60px;font-weight:600;line-height:63px;color:#FFFFFF;}.elementor-374 .elementor-element.elementor-element-fba1a8d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:31px;font-weight:600;line-height:41px;color:#FFFFFF;}.elementor-374 .elementor-element.elementor-element-a82b610 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-374 .elementor-element.elementor-element-a82b610 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-374 .elementor-element.elementor-element-a82b610 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-374 .elementor-element.elementor-element-a82b610 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-374 .elementor-element.elementor-element-a82b610 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-374 .elementor-element.elementor-element-a82b610 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-374 .elementor-element.elementor-element-a82b610 .elementor-icon-list-icon i{color:#7FCA5C;transition:color 0.3s;}.elementor-374 .elementor-element.elementor-element-a82b610 .elementor-icon-list-icon svg{fill:#7FCA5C;transition:fill 0.3s;}.elementor-374 .elementor-element.elementor-element-a82b610{--e-icon-list-icon-size:21px;--icon-vertical-offset:0px;}.elementor-374 .elementor-element.elementor-element-a82b610 .elementor-icon-list-icon{padding-inline-end:5px;}.elementor-374 .elementor-element.elementor-element-a82b610 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-374 .elementor-element.elementor-element-d843e86 .elementor-button{background-color:#E4552200;border-style:solid;border-width:1px 1px 1px 1px;border-color:#5C5C5C;border-radius:33px 33px 33px 33px;}.elementor-374 .elementor-element.elementor-element-d843e86 .elementor-button:hover, .elementor-374 .elementor-element.elementor-element-d843e86 .elementor-button:focus{background-color:#CAA05C;color:#FFFFFF;}.elementor-374 .elementor-element.elementor-element-d843e86 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-374 .elementor-element.elementor-element-d843e86 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-374 .elementor-element.elementor-element-d843e86 .elementor-button:hover svg, .elementor-374 .elementor-element.elementor-element-d843e86 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-374 .elementor-element.elementor-element-aeeaea0 > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;}.elementor-374 .elementor-element.elementor-element-4adef27 > .elementor-widget-container{margin:0% -31% 0% 0%;border-radius:28px 28px 28px 28px;}.elementor-374 .elementor-element.elementor-element-4adef27 img{border-radius:10px 10px 10px 10px;}.elementor-374 .elementor-element.elementor-element-b4a8e3f > .elementor-widget-container{margin:-22% 0% 0% 0%;padding:0px 0px 0px 0px;}.elementor-374 .elementor-element.elementor-element-b4a8e3f{text-align:center;}.elementor-374 .elementor-element.elementor-element-b4a8e3f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:19.3em;font-weight:600;color:#FFFFFF08;}.elementor-374 .elementor-element.elementor-element-30140df{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-374 .elementor-element.elementor-element-536a3aa{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-374 .elementor-element.elementor-element-9258133{margin-top:-10%;margin-bottom:0%;padding:0px 0px 0px 0px;}.elementor-374 .elementor-element.elementor-element-4e1364f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-374 .elementor-element.elementor-element-4e1364f{text-align:center;}.elementor-374 .elementor-element.elementor-element-4e1364f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14.4em;font-weight:600;color:#00000005;}.elementor-374 .elementor-element.elementor-element-fe40e6d{margin-top:-11%;margin-bottom:0%;padding:0px 0px 0px 0px;}.elementor-374 .elementor-element.elementor-element-9cc7796 > .elementor-element-populated{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-374 .elementor-element.elementor-element-ac24b1f{width:52.632%;}.elementor-374 .elementor-element.elementor-element-aeeaea0{width:47.324%;}}@media(max-width:1024px){.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-374 .elementor-element.elementor-element-29aa29b .elementor-slide-heading{font-size:30px;}.elementor-374 .elementor-element.elementor-element-29aa29b .elementor-slide-description{font-size:20px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-374 .elementor-element.elementor-element-8b41212 .elementor-button{font-size:12px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-374 .elementor-element.elementor-element-276122d .elementor-heading-title{font-size:30px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-374 .elementor-element.elementor-element-5603e7d{font-size:12px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-374 .elementor-element.elementor-element-aeae82e .elementor-heading-title{font-size:30px;}.elementor-374 .elementor-element.elementor-element-6dbdc6b .elementor-heading-title{font-size:30px;}.elementor-374 .elementor-element.elementor-element-57d8d63 .elementor-button{font-size:12px;}.elementor-374 .elementor-element.elementor-element-7fac7f0 .elementor-heading-title{font-size:30px;}.elementor-374 .elementor-element.elementor-element-fba1a8d .elementor-heading-title{font-size:30px;}.elementor-374 .elementor-element.elementor-element-b4a8e3f .elementor-heading-title{font-size:30px;}.elementor-374 .elementor-element.elementor-element-4e1364f .elementor-heading-title{font-size:30px;}}@media(max-width:767px){.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-374 .elementor-element.elementor-element-29aa29b .swiper-slide{height:100vh;}.elementor-374 .elementor-element.elementor-element-29aa29b .elementor-slide-heading{font-size:50px;}.elementor-374 .elementor-element.elementor-element-29aa29b .elementor-slide-description{font-size:20px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-374 .elementor-element.elementor-element-8b41212 .elementor-button{font-size:12px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-374 .elementor-element.elementor-element-276122d .elementor-heading-title{font-size:50px;line-height:1.2em;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-374 .elementor-element.elementor-element-5603e7d{font-size:12px;}.elementor-374 .elementor-element.elementor-element-8206f52 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-374 .elementor-element.elementor-element-290fa5f{text-align:start;}.elementor-374 .elementor-element.elementor-element-290fa5f img{width:76%;}.elementor-374 .elementor-element.elementor-element-aeae82e .elementor-heading-title{font-size:25px;}.elementor-374 .elementor-element.elementor-element-6dbdc6b .elementor-heading-title{font-size:25px;}.elementor-374 .elementor-element.elementor-element-35271fe{width:100%;max-width:100%;}.elementor-374 .elementor-element.elementor-element-57d8d63 .elementor-button{font-size:12px;}.elementor-374 .elementor-element.elementor-element-7fac7f0 .elementor-heading-title{font-size:50px;}.elementor-374 .elementor-element.elementor-element-fba1a8d .elementor-heading-title{font-size:25px;}.elementor-374 .elementor-element.elementor-element-aeeaea0 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-374 .elementor-element.elementor-element-4adef27{text-align:start;}.elementor-374 .elementor-element.elementor-element-4adef27 img{width:76%;}.elementor-374 .elementor-element.elementor-element-b4a8e3f .elementor-heading-title{font-size:25px;}.elementor-374 .elementor-element.elementor-element-4e1364f .elementor-heading-title{font-size:25px;}}/* Start custom CSS for html, class: .elementor-element-53ba8ed */:root{
--gold: #CAA05C; /* gold/beige */
--ink: #141414; /* quasi nero */
--muted: #626262; /* testo descrittivo */
--bg: #f6f6f6; /* fondo sezione */
--line: #e5e5e5; /* righe decorative */
--maxw: 1200px;
--padY: clamp(56px, 10vw, 110px);
}
/* Facoltativo: se non usi il link a Google Fonts, resta sui system fonts */
.who-we-are,
.who-we-are *{
font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: 50px;
}
.who-we-are{
position: relative;
background: var(--bg);
overflow: hidden;
}
.wwa__container{
width: 100%;
max-width: var(--maxw);
margin-inline: auto;
padding: var(--padY) 24px;
position: relative;
}
/* Righe decorative sottili */
.wwa__container::before,
.wwa__container::after{
content:"";
position:absolute;
pointer-events:none;
opacity: .8;
}
.wwa__container::before{ /* orizzontale */
height: 1px;
left: 24px;
right: 24px;
top: clamp(36px, 6vw, 64px);
background: linear-gradient(90deg, transparent 0, var(--line) 12%, var(--line) 88%, transparent 100%);
}
.wwa__container::after{ /* verticale */
width: 1px;
top: 24px;
bottom: calc(100% - min(120px, 10vw));
left: clamp(320px, 32%, 420px);
background: linear-gradient(180deg, transparent 0, var(--line) 18%, var(--line) 92%, transparent 100%);
}
/* Watermark tecnico basso sx */
.who-we-are::before{
content:"";
position:absolute;
left: max(0px, (100% - var(--maxw))/2 + 24px);
bottom: -40px;
width: 540px; height: 360px;
background-image: url('data:image/svg+xml;utf8,\
');
background-size: contain;
background-repeat: no-repeat;
opacity: .18;
}
/* Layout */
.wwa__grid{
display: grid;
grid-template-columns: 290px 1fr;
gap: clamp(36px, 6vw, 72px);
align-items: start;
}
@media (max-width: 900px){
.wwa__grid{ grid-template-columns: 1fr; }
}
/* Kicker pill */
.wwa__kicker{
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 16px;
border: 1px solid #e6e6e6;
border-radius: 999px;
background: #fff;
color: #2e2e2e;
font-size: .78rem;
letter-spacing: .14em;
text-transform: uppercase;
font-weight: 600;
}
.wwa__dot{
width: 7px; height: 7px; border-radius: 50%; background: var(--gold); display:inline-block;
}
/* Titolo */
.wwa__title{
margin: 0 0 18px 0;
color: var(--ink);
line-height: 1.05;
font-weight: 800;
font-size: clamp(2.2rem, 5.6vw, 4rem); /* ~35–64px */
}
.wwa__title .accent{ color: var(--gold); font-weight: 800; }
/* Lead */
.wwa__lead{
max-width: 760px;
margin: 10px 0 0 0;
color: var(--muted);
font-size: clamp(0.98rem, 1.3vw, 1.05rem);
line-height: 1.7;
}
/* Extra aria sopra in desktop */
@media (min-width: 901px){
.wwa__left{ padding-top: clamp(8px, 1.5vw, 14px); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b8b06d */.srv-title{
font-size: 2.2rem !important; <<< cambia questo valore: es. 1.5rem, 2.4rem
}
/* ===== FIX TITOLI ICON BOX: usa font del sito, dimensioni e peso corretti ===== */
/* (Incolla questo blocco ALLA FINE del tuo CSS) */
:root{
--iconbox-title-weight: 700; /* cambia a 600 se lo vuoi meno “bold” */
--iconbox-title-d: 2rem; /* ≈ 32px desktop */
--iconbox-title-t: 1.75rem; /* ≈ 28px tablet */
--iconbox-title-m: 1.5rem; /* ≈ 24px smartphone */
}
/* Se usi la versione con classe .srv-title */
.srv-title{
font-family: inherit !important; /* usa il font globale del sito */
font-weight: var(--iconbox-title-weight) !important;
font-size: var(--iconbox-title-d) !important;
line-height: 1.12 !important;
letter-spacing: 0 !important;
color: inherit !important;
}
/* Se usi la versione con classe .srvp-title (clone maniacale) */
.srvp-title{
font-family: inherit !important;
font-weight: var(--iconbox-title-weight) !important;
font-size: var(--iconbox-title-d) !important;
line-height: 1.12 !important;
letter-spacing: 0 !important;
color: inherit !important;
}
/* Tablet */
@media (max-width: 1024px){
.srv-title, .srvp-title{ font-size: var(--iconbox-title-t) !important; }
}
/* Smartphone */
@media (max-width: 600px){
.srv-title, .srvp-title{ font-size: var(--iconbox-title-m) !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7de7c23 */:root{
--gold: #CAA05C; /* gold/beige */
--ink: #141414; /* quasi nero */
--muted: #626262; /* testo descrittivo */
--bg: #f6f6f6; /* fondo sezione */
--line: #e5e5e5; /* righe decorative */
--maxw: 1200px;
--padY: clamp(56px, 10vw, 110px);
}
/* Facoltativo: se non usi il link a Google Fonts, resta sui system fonts */
.who-we-are,
.who-we-are *{
font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
font-size: 50px;
}
.who-we-are{
position: relative;
background: var(--bg);
overflow: hidden;
}
.wwa__container{
width: 100%;
max-width: var(--maxw);
margin-inline: auto;
padding: var(--padY) 24px;
position: relative;
}
/* Righe decorative sottili */
.wwa__container::before,
.wwa__container::after{
content:"";
position:absolute;
pointer-events:none;
opacity: .8;
}
.wwa__container::before{ /* orizzontale */
height: 1px;
left: 24px;
right: 24px;
top: clamp(36px, 6vw, 64px);
background: linear-gradient(90deg, transparent 0, var(--line) 12%, var(--line) 88%, transparent 100%);
}
.wwa__container::after{ /* verticale */
width: 1px;
top: 24px;
bottom: calc(100% - min(120px, 10vw));
left: clamp(320px, 32%, 420px);
background: linear-gradient(180deg, transparent 0, var(--line) 18%, var(--line) 92%, transparent 100%);
}
/* Watermark tecnico basso sx */
.who-we-are::before{
content:"";
position:absolute;
left: max(0px, (100% - var(--maxw))/2 + 24px);
bottom: -40px;
width: 540px; height: 360px;
background-image: url('data:image/svg+xml;utf8,\
');
background-size: contain;
background-repeat: no-repeat;
opacity: .18;
}
/* Layout */
.wwa__grid{
display: grid;
grid-template-columns: 290px 1fr;
gap: clamp(36px, 6vw, 72px);
align-items: start;
}
@media (max-width: 900px){
.wwa__grid{ grid-template-columns: 1fr; }
}
/* Kicker pill */
.wwa__kicker{
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 16px;
border: 1px solid #e6e6e6;
border-radius: 999px;
background: #fff;
color: #2e2e2e;
font-size: .78rem;
letter-spacing: .14em;
text-transform: uppercase;
font-weight: 600;
}
.wwa__dot{
width: 7px; height: 7px; border-radius: 50%; background: var(--gold); display:inline-block;
}
/* Titolo */
.wwa__title{
margin: 0 0 18px 0;
color: var(--ink);
line-height: 1.05;
font-weight: 800;
font-size: clamp(2.2rem, 5.6vw, 4rem); /* ~35–64px */
}
.wwa__title .accent{ color: var(--gold); font-weight: 800; }
/* Lead */
.wwa__lead{
max-width: 760px;
margin: 10px 0 0 0;
color: var(--muted);
font-size: clamp(0.98rem, 1.3vw, 1.05rem);
line-height: 1.7;
}
/* Extra aria sopra in desktop */
@media (min-width: 901px){
.wwa__left{ padding-top: clamp(8px, 1.5vw, 14px); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-92ba0c1 */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
.design-services-section {
display: flex;
font-family: 'Poppins', sans-serif;
background-color: #f9f9f9;
padding: 50px;
gap: 40px;
align-items: flex-start; /* Allinea gli elementi all'inizio */
}
.service-image-container {
flex: 1 1 55%; /* Usa flexbox per una migliore gestione della larghezza */
position: relative;
border-radius: 20px;
overflow: hidden; /* Nasconde le parti dell'immagine che escono dal bordo arrotondato */
}
.service-image-container img {
width: 100%;
height: auto;
display: block;
transition: transform 0.3s ease;
}
.service-description {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px; /* Aggiunto per evitare che il testo sia troppo largo */
background-color: rgba(0, 0, 0, 0.6);
color: #ffffff;
padding: 20px;
border-radius: 15px;
}
.service-description p {
margin: 0;
font-size: 16px;
line-height: 1.6;
}
.services-list {
flex: 1 1 45%;
display: flex;
flex-direction: column;
}
.services-list ul {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}
.service-item {
display: flex;
align-items: center;
padding: 18px 0;
cursor: pointer;
border-bottom: 1px solid #e0e0e0;
transition: all 0.3s ease;
}
.service-item:last-child {
border-bottom: none;
}
.service-number {
font-size: 16px;
color: #b0b0b0;
margin-right: 20px;
font-weight: 500;
}
.service-name {
font-size: 22px; /* Leggermente ridotto per un aspetto più pulito */
font-weight: 600;
color: #333;
flex-grow: 1;
}
.service-arrow {
font-size: 24px;
color: #333;
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.3s ease; /* Transizione fluida per tutti gli stati */
background-color: transparent; /* Sfondo trasparente di default */
}
/* Stile quando l'elemento è ATTIVO */
.service-item.active .service-number,
.service-item.active .service-name {
color: #d4a373; /* Colore arancione per il testo attivo */
}
.service-item.active .service-arrow {
background-color: #d4a373; /* Sfondo arancione per la freccia attiva */
color: #fff; /* Freccia bianca */
transform: rotate(0deg); /* La freccia attiva punta a destra */
}
.scroll-to-top {
display: flex;
justify-content: flex-end;
margin-top: 20px;
}
.scroll-to-top a {
background-color: #e0e0e0;
color: #333;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 20px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.scroll-to-top a:hover {
background-color: #d4a373;
color: #fff;
}
/* 📱 OTTIMIZZAZIONE MOBILE 📱 */
@media (max-width: 992px) { /* Breakpoint per tablet e mobile */
.design-services-section {
flex-direction: column; /* Impila gli elementi verticalmente */
padding: 30px 20px; /* Riduci il padding per schermi piccoli */
}
.service-image-container,
.services-list {
flex: 1 1 100%; /* Occupa tutta la larghezza */
width: 100%;
}
.service-name {
font-size: 18px; /* Riduci la dimensione del testo dei servizi */
}
.service-description {
bottom: 15px;
left: 15px;
right: 15px;
padding: 15px;
}
.service-description p {
font-size: 14px;
}
}/* ★★★ INCOLLA QUESTO CODICE ALLA FINE DEL TUO FILE CSS ★★★ */
/* Riorganizza il .service-item per contenere domanda e risposta */
.service-item {
flex-wrap: wrap; /* Permette alla risposta di andare a capo */
}
/* La parte cliccabile della domanda */
.service-question {
display: flex;
align-items: center;
width: 100%;
}
/* La risposta (nascosta di default) */
.service-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-out;
width: 100%; /* Occupa tutta la larghezza */
}
.service-answer p {
padding: 10px 0 10px 55px; /* Allinea il testo della risposta */
margin: 0;
color: #555;
line-height: 1.6;
}
/* Quando l'elemento è attivo, mostra la risposta... */
.service-item.active .service-answer {
max-height: 500px;
}
/* ...e ruota la freccia. */
.service-item.active .service-arrow {
transform: rotate(90deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2cf8ba *//* ===== Stats4 (scoped) ===== */
.stats4{
--ink:#0f0f0f;
--muted:#6a6a6a;
--line:#e9e9e9;
--gap: clamp(20px, 4vw, 40px);
border-radius:30px;
font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
padding: clamp(28px,16vw,64px) clamp(16px,4vw,24px);
background:#fff;
color:var(--ink);
}
.stats4 .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.stats4-grid{
display:grid;
grid-template-columns: repeat(4,1fr);
gap: var(--gap);
align-items:start;
max-width:1280px;
margin-inline:auto;
}
.stat4-num{
font-weight:400;
font-size: clamp(2.2rem, 6vw, 4rem); /* numero grande */
line-height:1;
letter-spacing:.005em;
margin-bottom: clamp(14px, 2.2vw, 18px);
}
.stat4-rule{
height:1px; width:100%;
background:var(--line);
margin-bottom: clamp(12px, 2vw, 16px);
}
.stat4-title{
margin:0 0 10px 0;
font-weight:700;
font-size: clamp(1.05rem, 2.2vw, 1.4rem);
}
.stat4-text{
margin:0;
color:var(--muted);
line-height:1.65;
font-size: clamp(.95rem, 1.6vw, 1rem);
}
/* Responsive */
@media (max-width: 1024px){
.stats4-grid{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 600px){
.stats4-grid{ grid-template-columns: 1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6172364 *//* --- Importazione Font --- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
/* --- Reset e Stili Globali --- */
body {
font-family: 'Poppins', sans-serif;
background-color: #ffffff;
margin: 0;
padding: 60px 0; /* Spazio sopra e sotto la sezione */
}
/* --- Sezione Principale --- */
.process-section {
position: relative;
padding: 80px 20px;
background-image: url('https://www.ateliertrem.com/wp-content/uploads/2025/10/h1-bg01-1q.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden; /* Nasconde i numeri che escono dai bordi */
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
/* --- Intestazione della Sezione --- */
.section-header {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
margin-bottom: 60px;
color: #333;
}
.section-header h2 {
font-size: 2.8rem;
font-weight: 700;
line-height: 1.3;
margin: 0;
}
.section-header h2 .highlight {
color: #c5a47e; /* Colore dorato per la parola "Process" */
}
.section-header p {
font-size: 1rem;
line-height: 1.7;
margin: 0;
}
/* --- Griglia delle Card --- */
.process-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
align-items: flex-start; /* Allinea gli elementi all'inizio per creare l'effetto scalato */
}
.process-card {
background-color: #fff;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
padding: 15px 15px 40px 15px; /* <- RIGA CORRETTA */
position: relative;
overflow: hidden; /* Nasconde il numero che sborda */
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.process-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}
/* --- Effetto a Scalare --- */
.process-grid .process-card:nth-child(2) {
margin-top: 40px;
}
.process-grid .process-card:nth-child(3) {
margin-top: 80px;
}
.process-grid .process-card:nth-child(4) {
margin-top: 120px;
}
/* --- Immagine nella Card --- */
.card-image {
border-radius: 15px;
overflow: hidden;
margin-bottom: 20px;
}
.card-image img {
width: 100%;
height: auto;
display: block;
}
/* --- Contenuto della Card --- */
.card-content {
padding: 0 10px 10px;
text-align: left;
}
.card-step {
color: #c5a47e;
font-weight: 600;
font-size: 1rem;
}
.card-content h3 {
font-size: 1.3rem;
font-weight: 600;
margin: 5px 0 10px 0;
color: #2c3e50;
}
.card-content p {
font-size: 0.95rem;
color: #7f8c8d;
line-height: 1.6;
margin: 0;
}
/* --- Numero Traslucido di Sfondo --- */
.background-number {
position: absolute;
bottom: 5px; /* <- RIGA CORRETTA */
right: 15px; /* <- RIGA CORRETTA */
font-size: 5.5rem; /* Leggermente più piccolo per sicurezza */
font-weight: 700;
color: #000000;
opacity: 0.05;
line-height: 1;
z-index: 0;
pointer-events: none; /* Rende l'elemento non cliccabile */
}
/* --- Media Query per Dispositivi Mobili --- */
@media (max-width: 992px) {
.section-header {
grid-template-columns: 1fr;
text-align: center;
}
.process-grid {
grid-template-columns: repeat(2, 1fr);
}
.process-grid .process-card:nth-child(n) {
margin-top: 0; /* Rimuove l'effetto a scalare */
}
}
@media (max-width: 576px) {
.section-header h2 {
font-size: 2rem;
}
.process-grid {
grid-template-columns: 1fr;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-efa0d89 *//* --- Importazione Font --- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
/* --- Reset e Stili Globali --- */
body {
font-family: 'Poppins', sans-serif;
margin: 0;
background-color: #fdfdfd; /* Un colore di fallback se l'immagine non carica */
}
/* --- Sezione Hero --- */
.projects-hero-section {
position: relative; /* Necessario per posizionare le linee decorative */
background-image: url('https://www.ateliertrem.com/wp-content/uploads/2025/10/h1-bg02.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 140px 20px;
text-align: center;
overflow: hidden;
}
/* --- Linee decorative create con pseudo-elementi --- */
.projects-hero-section::before,
.projects-hero-section::after {
content: '';
position: absolute;
background-color: #e0e0e0; /* Colore delle linee */
}
/* Linea Orizzontale */
.projects-hero-section::before {
top: 25%;
left: 15%;
width: 20%;
height: 1px;
}
/* Linea Verticale */
.projects-hero-section::after {
top: 10%;
left: 25%;
width: 1px;
height: 30%;
}
.container {
max-width: 1200px;
margin: 0 auto;
position: relative; /* Assicura che il contenuto stia sopra le linee */
z-index: 2;
}
/* --- Wrapper del Contenuto --- */
.content-wrapper {
max-width: 750px; /* Controlla la larghezza del blocco di testo */
margin: 0 auto;
}
/* --- Tag "Our Projects" --- */
.section-tag {
display: inline-block;
padding: 6px 16px;
border: 1px solid #dcdcdc;
border-radius: 20px;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #555;
margin-bottom: 25px;
}
/* Pallino prima del testo */
.section-tag::before {
content: '•';
margin-right: 8px;
color: #c5a47e;
}
/* --- Titolo Principale --- */
/* --- Titolo Principale --- */
.projects-hero-section h2 {
font-size: 60px !important; /* <-- AGGIUNTO IL PUNTO E VIRGOLA FONDAMENTALE */
font-weight: 700;
color: #2c3e50;
margin: 0 0 30px 0;
line-height: 1.2;
}
/* Parole evidenziate in oro (H2) */
.projects-hero-section h2 .highlight {
color: #c5a47e; /* Tonalità di oro/ocra */
}
/* --- Paragrafo --- */
.content-wrapper p {
font-size: 1.1rem;
color: #7f8c8d;
line-height: 1.7;
margin: 0;
}
/* --- Responsività --- */
@media (max-width: 768px) {
.projects-hero-section {
padding: 100px 20px;
}
.projects-hero-section h2 {
font-size: 2.8rem;
}
.content-wrapper p {
font-size: 1rem;
}
/* Nasconde le linee decorative su schermi piccoli per un look più pulito */
.projects-hero-section::before,
.projects-hero-section::after {
display: none;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d68b95 *//* --- Importazione Font --- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
/* --- Reset e Stili Globali --- */
body {
font-family: 'Poppins', sans-serif;
background-color: #f4f4f4; /* Sfondo leggermente grigio per far risaltare le card */
margin: 0;
}
/* --- Sezione della Griglia --- */
.projects-grid-section {
padding: 80px 20px;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.projects-grid {
display: grid;
/* 3 colonne su desktop, si adatterà su schermi più piccoli */
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
/* --- Stile della singola Card --- */
.project-card {
background-color: #ffffff;
border-radius: 20px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
overflow: hidden; /* Nasconde ciò che esce dai bordi arrotondati */
text-decoration: none; /* Rimuove la sottolineatura dal link */
color: inherit;
transition: transform 0.3s ease, box-shadow 0.35s ease;
}
/* Effetto al passaggio del mouse */
.project-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
}
/* --- Contenitore dell'Immagine --- */
.card-image-wrapper {
position: relative; /* Necessario per posizionare i tag sopra l'immagine */
height: 400px; /* Altezza fissa per le immagini */
}
.card-image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover; /* Assicura che l'immagine copra lo spazio senza distorcersi */
display: block;
}
/* --- Tag sopra l'Immagine --- */
.card-tags {
position: absolute;
top: 15px;
left: 15px;
display: flex;
gap: 8px;
}
.tag {
background-color: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(5px); /* Effetto vetro smerigliato */
padding: 5px 12px;
border-radius: 15px;
font-size: 0.7rem;
font-weight: 600;
text-transform: uppercase;
color: #333;
}
/* --- Contenuto testuale della Card --- */
.card-content {
padding: 20px;
}
.card-content h3 {
margin: 0 0 5px 0;
font-size: 1.4rem;
color: #2c3e50;
}
.card-content p {
margin: 0;
font-size: 1rem;
color: #7f8c8d;
}
/* --- Responsività --- */
@media (max-width: 992px) {
.projects-grid {
grid-template-columns: repeat(2, 1fr); /* 2 colonne su tablet */
}
}
@media (max-width: 576px) {
.projects-grid {
grid-template-columns: 1fr; /* 1 colonna su mobile */
}
.card-image-wrapper {
height: 350px; /* Altezza leggermente ridotta su mobile */
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff84b65 *//* --- Stili Generali --- */
body {
font-family: sans-serif;
/* NON centrare forzatamente il body, lascia che la pagina scorra normalmente */
margin: 0;
}
/* --- Sezione Partner --- */
.partners-section {
width: 100%;
/* Sfondo chiaro per la sezione */
padding: 60px 0; /* Aumentato lo spazio per un look più pulito */
}
.scroller {
max-width: 1100px; /* Leggermente più largo per più loghi */
margin: auto;
overflow: hidden;
/* --- RIMOSSA LA PROPRIETÀ 'mask' CHE CAUSAVA LO SCHERMO BIANCO --- */
}
.scroller__inner {
display: flex;
flex-wrap: nowrap;
list-style: none;
margin: 0;
padding: 0;
/* Spazio tra i loghi. Sarà gestito dall'elemento 'li' per una migliore animazione */
}
/* --- Animazione di scorrimento --- */
.scroller[data-animated="true"] .scroller__inner {
width: max-content;
animation: scroll 40s linear infinite;
}
/* Pausa animazione al passaggio del mouse */
.scroller[data-animated="true"]:hover .scroller__inner {
animation-play-state: paused;
}
@keyframes scroll {
to {
/* Sposta il carosello della sua metà (grazie alla duplicazione JS) */
transform: translate(calc(-50%));
}
}
/* --- Stile dei Loghi (La parte importante) --- */
.scroller__inner li {
display: flex;
align-items: center;
justify-content: center;
padding: 0 35px; /* Aggiunto padding per spaziare i loghi */
}
.scroller__inner img {
max-width: 250px; /* Larghezza massima per ogni logo */
height: 60px; /* Altezza fissa per uniformare */
object-fit: contain; /* Mantiene le proporzioni del logo */
/* TRASFORMAZIONE IN SCALA DI GRIGI */
filter: grayscale(100%) opacity(60%);
transition: filter 0.3s ease;
}
/* Effetto al passaggio del mouse sul logo */
.scroller__inner img:hover {
filter: grayscale(0%) opacity(100%); /* Il logo torna colorato e visibile */
cursor: pointer;
}/* End custom CSS */