@media (max-width: 1399px) {
    /* Aumenta lo spazio per i punti e i numeri dello slider */
    .home-default-slider .sp-dots,
    .home-default-slider .sp-slider_number {
        max-width: 1320px;
    }

    /* Ottimizzazione icone e padding dei tab per dare più respiro */
    .investa-tab-style .sppb-nav li a .sppb-tab-icon {
        font-size: 56px;
    }
    .investa-tab-style .sppb-nav li a {
        padding: 84px 30px; /* Ridotto il padding laterale da 46px a 30px */
    }

    /* Allarga il menu a tendina (Mega Menu) */
    body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
        width: 1300px !important;
    }

    /* Padding interno dei gruppi del mega menu */
    .sp-dropdown-main.sp-dropdown-mega .sp-dropdown-inner .row > div ul.sp-mega-group {
        padding: 20px;
    }

    /* Allarga il titolo e la descrizione nel Portfolio (Case Study) */
    .com_spsimpleportfolio.case-study .sp-simpleportfolio-details .sp-simpleportfolio-description > h2 {
        font-size: 50px;
        line-height: 70px;
        top: 150px;
        max-width: 1320px; /* Aumentato da 1110px */
        width: 100%;
        right: 0px;
        left: 0px;
        margin: 0 auto; /* Centra il contenuto se necessario */
    }

    /* Allarga l'area del titolo sopra l'immagine/video nel portfolio */
    .com_spsimpleportfolio.case-study .sp-simpleportfolio-image-video-wrapper h2 {
        max-width: 1320px; /* Aumentato da 1110px */
        padding-right: 5%;  /* Ridotto il padding per usare più spazio */
    }
}

/* ===================================================
   STILI PERSONALIZZATI MENU PRINCIPALE
   =================================================== */

/* 1. Stato Normale (Colore predefinito dei link) */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color: #f4f0e7; /* Sostituisci con il colore desiderato per i link a riposo */
    transition: color 0.3s ease; /* Transizione morbida al cambio colore */
}

/* 2. Stato Hover (Passaggio del mouse) e Stato Active (Pagina corrente) */
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li > a:hover,
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.current > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #c55324 !important; /* Sostituisci con il colore per l'effetto hover e pagina attiva */
	font-weight: 600;
}

/* 3. Evidenziazione facoltativa per la sola voce attiva */
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.current > a {
    font-weight: 600 ; /* Rende leggermente più marcato il testo della pagina attiva */
}



/* Margine destro specifico per l'ultima voce del menu */
.sp-megamenu-parent > li:last-child > a,
.sp-megamenu-parent > li:last-child > span {
    margin-right: 10px !important; /* Cambia 100px con la misura desiderata */
}


/* Uniforma il modulo lingue agli altri moduli dell’off-canvas */
.offcanvas-menu .offcanvas-inner .sp-module:has(.mod-languages) {
    margin-right: 20px;
    margin-bottom: 20px;
	margin-top: 35px;
	font-size: 16px;
}


.offcanvas-menu .header-modules:not(:has(> *)) {
    display: none !important;
}




/* Burger icon sempre bianca */
.burger-icon > span,
.offcanvas-active .burger-icon > span,
#modal-menu-toggler.active .burger-icon > span {
    background-color: #f3efe6 !important;
}




.page-header, 
.sp-page-title, 
.banner-header {
    background-image: none !important;
	padding: 15px;
}

.sp-page-title h1.sp-page-title-heading {
    /* clamp(minimo, valore fluido, massimo) */
    font-size: clamp(20px, 2.5vw + 1rem, 30px) !important;
    font-weight: 600;
    line-height: 1.2;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0px;
    padding: 0px;
}



body {
    background-color: #f3efe6; /* Sostituisci con il codice HEX del colore desiderato */
	
}



.quote-elegante {
    position: relative;
    padding: 0px 0px 0px 70px;
    margin: 30px 0;
    border: none;
   
}

.quote-elegante::before {
    content: "“";
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 150px;
    line-height: 1;
    color: #d1c8c0;
    font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", "serif";
}


div.sppb-addon.sppb-addon-header.quote-elegante {
   margin: 10px 0px;
}

blockquote {
    position: relative;
    margin: 20px 0;
    padding: 10px 35px;
    border-left: 3px solid #C3410D;
    font-style: italic;
    color: #812801;
	background-color: #f3efe6;
}


.custom-underline {
  position: relative;
  display: inline-block; /* Assicura che la linea si allinei rispetto al testo */
  padding-bottom: 8px;   /* Distanza tra il testo e la linea */

}

.custom-underline::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;               /* Cambia in 'left: 50%; transform: translateX(-50%);' per centrare la linea */
  width: 40px;
  height: 2px;
  background-color: #c3410d;
  
}

.custom-underline-center {
  position: relative;
  padding-bottom: 8px;   /* Distanza tra il testo e la linea */
  display: block;
  width: 100%;
  text-align: center;

}

.custom-underline-center::after {
  content: '';
  position: absolute;
  width: 40px;
  height: 2px;
  background-color: #c3410d;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  
}

/* Mobile landscape */
@media (max-width: 767.5px) {
   .custom-underline {
    display: block;
    width: 100%;
    text-align: center;
  }

  .custom-underline::after {
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
  }
}


@media (max-width: 767.5px) {
  .mobile-crop-4-3 img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: center;
    display: block;
  }
}


.border-tri {
  border-right: 2px solid #c3410d;
 
}

@media (max-width: 767.5px) {
  .border-tri {
    border-right: none;
	  position: relative;
  padding-bottom: 8px;   /* Distanza tra il testo e la linea */
  display: block;
  width: 100%;
  text-align: center;
	
	 
	  
  }
	.border-tri::after {
  content: '';
  position: absolute;
  width: 40px;
  height: 2px;
  background-color: #c3410d;
  left: 50%;
  transform: translateX(-50%);
  bottom: -6px;
	
  
}
}


#progetto-linea2 div.sppb-row-column  {
    margin-left: 0 !important;
    margin-right: 0 !important;
	 padding-left: 0 !important;
    padding-right: 0 !important;
}