.elementor-383 .elementor-element.elementor-element-077c5f2{--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;--overflow:hidden;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-383 .elementor-element.elementor-element-868e2fa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-383 .elementor-element.elementor-element-063cf2d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-383 .elementor-element.elementor-element-139ac37{--swiper-slides-to-display:4;--swiper-slides-gap:20px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 0% 4% 5%;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:30px;--arrow-normal-color:var( --e-global-color-primary );}.elementor-383 .elementor-element.elementor-element-139ac37 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-9f50424 );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-383 .elementor-element.elementor-element-139ac37 .swiper-slide > .elementor-element{height:100%;}@media(min-width:768px){.elementor-383 .elementor-element.elementor-element-868e2fa{--content-width:96%;}}@media(max-width:1024px){.elementor-383 .elementor-element.elementor-element-139ac37{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-383 .elementor-element.elementor-element-139ac37{--swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-077c5f2 *//* ==========================================================================
   1. REGOLAZIONE SCHEDE E OVERFLOW (DESKTOP)
   ========================================================================== */
/* Mostra 3 schede intere e 1 mezza a destra */
.elementor-383 .elementor-element.elementor-element-077c5f2 .swiper-slide {
    width: calc((100% - 60px) / 3.5) !important;
    flex-shrink: 0 !important;
}

/* Lascia uscire la scheda sporgente a destra */
.elementor-383 .elementor-element.elementor-element-077c5f2 .swiper {
    overflow: visible !important;
    /* Spazio a sinistra per allineare la prima scheda (Desktop) */
    padding-left: 60px !important; 
}

.elementor-383 .elementor-element.elementor-element-077c5f2 .swiper-wrapper {
    box-sizing: border-box !important;
}

/* ==========================================================================
   2. POSIZIONAMENTO FRECCE IN ALTO A DESTRA
   ========================================================================== */
.elementor-383 .elementor-element.elementor-element-077c5f2 .elementor-swiper-button-prev,
.elementor-383 .elementor-element.elementor-element-077c5f2 .elementor-swiper-button-next {
    position: absolute !important;
    top: -20px !important;
    bottom: auto !important;
    z-index: 10 !important;
}

/* Freccia Sinistra (Precedente) */
.elementor-383 .elementor-element.elementor-element-077c5f2 .elementor-swiper-button-prev {
    right: 50px !important;
    left: auto !important;
}

/* Freccia Destra (Successiva) */
.elementor-383 .elementor-element.elementor-element-077c5f2 .elementor-swiper-button-next {
    right: 10px !important;
    left: auto !important;
}

/* ==========================================================================
   3. REGOLAZIONI RESPONSIVE (TABLET E MOBILE)
   ========================================================================== */

/* TABLET (schermi fino a 1024px) */
@media (max-width: 1024px) {
    .elementor-383 .elementor-element.elementor-element-077c5f2 .swiper {
        /* Riduciamo il rientro a sinistra su Tablet */
        padding-left: 30px !important; 
    }
    .elementor-383 .elementor-element.elementor-element-077c5f2 .swiper-slide {
        /* Mostriamo 2.5 schede su Tablet */
        width: calc((100% - 30px) / 2.5) !important; 
    }
}

/* MOBILE (schermi fino a 767px) */
@media (max-width: 767px) {
    .elementor-383 .elementor-element.elementor-element-077c5f2 .swiper {
        /* Rientro minimo su Mobile */
        padding-left: 20px !important; 
    }
    .elementor-383 .elementor-element.elementor-element-077c5f2 .swiper-slide {
        /* Mostriamo 1.3 schede su Mobile per l'effetto peek */
        width: calc((100% - 20px) / 1.3) !important; 
    }
}

/* Struttura interna Loop Item */
.elementor-383 .elementor-element.elementor-element-077c5f2 .swiper-slide > .e-con {
    width: 100% !important;
    height: 100% !important;
}/* End custom CSS */