.elementor-2350 .elementor-element.elementor-element-5993af0{--display:flex;--min-height:443px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overlay-opacity:0.44;--margin-top:-116px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2350 .elementor-element.elementor-element-5993af0::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .elementor-background-video-container::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .e-con-inner > .elementor-background-video-container::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .elementor-background-slideshow::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;background-image:url("https://boglione.eu/wp-content/uploads/2024/07/SL_042620_30310_10-2-1.png");--background-overlay:'';background-position:-401px -229px;background-repeat:no-repeat;}.elementor-2350 .elementor-element.elementor-element-2edc764{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-2350 .elementor-element.elementor-element-3726988{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-2350 .elementor-element.elementor-element-3726988 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:50px;font-weight:300;line-height:62px;color:#011A41;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-2350 .elementor-element.elementor-element-2892126{--divider-border-style:solid;--divider-color:#011A41;--divider-border-width:2px;}.elementor-2350 .elementor-element.elementor-element-2892126 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2350 .elementor-element.elementor-element-2892126 .elementor-divider-separator{width:54%;}.elementor-2350 .elementor-element.elementor-element-2892126 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2350 .elementor-element.elementor-element-f72681d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2350 .elementor-element.elementor-element-032c5ee{--display:flex;}.elementor-2350 .elementor-element.elementor-element-16ef844{--display:flex;}.elementor-2350 .elementor-element.elementor-element-16ef844.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2350 .elementor-element.elementor-element-94f5198{--display:flex;}@media(min-width:768px){.elementor-2350 .elementor-element.elementor-element-5993af0{--content-width:1180px;}.elementor-2350 .elementor-element.elementor-element-2edc764{--width:30%;}.elementor-2350 .elementor-element.elementor-element-f72681d{--width:90%;}}@media(min-width:1201px){.elementor-2350 .elementor-element.elementor-element-5993af0::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .elementor-background-video-container::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .e-con-inner > .elementor-background-video-container::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .elementor-background-slideshow::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}@media(max-width:1200px){.elementor-2350 .elementor-element.elementor-element-5993af0{--min-height:414px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2350 .elementor-element.elementor-element-2edc764{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-2350 .elementor-element.elementor-element-5993af0::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .elementor-background-video-container::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .e-con-inner > .elementor-background-video-container::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .elementor-background-slideshow::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-2350 .elementor-element.elementor-element-5993af0{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-2350 .elementor-element.elementor-element-5993af0{--min-height:119px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-2350 .elementor-element.elementor-element-5993af0::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .elementor-background-video-container::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .e-con-inner > .elementor-background-video-container::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .elementor-background-slideshow::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2350 .elementor-element.elementor-element-5993af0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-2350 .elementor-element.elementor-element-2edc764{--padding-top:160px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2350 .elementor-element.elementor-element-3726988{text-align:start;}.elementor-2350 .elementor-element.elementor-element-3726988 .elementor-heading-title{font-size:32px;line-height:1.3em;}.elementor-2350 .elementor-element.elementor-element-2892126 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2350 .elementor-element.elementor-element-f72681d{--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-2350 .elementor-element.elementor-element-16ef844{--width:100%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2350 .elementor-element.elementor-element-0a1591d > .elementor-widget-container{padding:10px 10px 10px 10px;}}/* Start custom CSS for shortcode, class: .elementor-element-ebb5b40 *//* Reset generale per evitare problemi di margine/padding */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Titolo "Aree tematiche" */
.titolo-aree-tematiche {
    font-family: 'Jost', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #011A41;
    margin-bottom: 15px;
}

/* Contenitore generale */
.contenitore-approfondimenti {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Lista articoli a sinistra */
.lista-articoli {
    flex: 2;
    max-width: 70%;
}

/* Contenitore delle categorie */
.filtro-categorie-wrapper {
    flex: 1;
    max-width: 30%;
    position: sticky;
    top: 20px;
    align-self: flex-start;
    max-height: 80vh;
    overflow-y: auto;
    background: white;
    padding: 15px;
    padding-left: 30px;
    border: 1px solid #ddd;
    box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

/* Stile per la lista delle categorie */
.filtro-categorie {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 0px;
    padding-left: 0;
}

/* Stile per i filtri */
.filtro-categorie .filtro-item {
    display: block;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    background-color: transparent;
    color: #011A41;
    transition: color 0.3s ease-in-out;
    padding: 8px 0;
}

.filtro-item:hover, .filtro-item.active {
    color: #0F54C0;
}

/* --- Stile per le card degli articoli --- */
.lista-approfondimenti {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.approfondimento-item {
    background: #fff;
    padding: 25px;
    border: 1px solid #ddd;
    box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.approfondimento-item:hover {
    background-color: #f9f9f9;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);
}

/* Titolo dell'articolo */
.approfondimento-item h3 {
    font-family: 'Jost', sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: #011A41;
    margin-bottom: 12px;
}

.approfondimento-item h3 a {
    text-decoration: none;
    color: #011A41;
}

.approfondimento-item h3 a:hover {
    text-decoration: underline;
    color: #0F54C0;
}

/* Anteprima del contenuto dell'articolo */
.approfondimento-item p {
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #011A41;
    margin-bottom: 20px;
}

/* Link "LEGGI TUTTO" */
.leggi-di-piu {
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #011A41;
    text-decoration: none;
    display: inline-block;
    margin-top: 12px;
}

.leggi-di-piu:hover {
    color: #0F54C0;
    text-decoration: underline;
}

/* Meta dati */
.elementor-post__meta-data {
    font-size: 14px;
    color: #777;
    margin-top: 10px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0a1591d *//* CSS per il filtro approfondimenti - Nuovo layout con classi personalizzate */


/* Contenitore principale */
.custom-insights-container {
    
    /* Imposta il font e il colore di default per tutto il contenitore */
    font-family: 'Jost', sans-serif;
    color: #011A41;
}


/* Sezione filtro sticky in alto */
.custom-filter-wrapper {
    
    top: 0;
    background: #fff;
   
    z-index: 1000;
    transition: all 0.3s ease;
    margin-bottom: 30px;
}

/* Lista delle categorie */
.custom-filter-list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

/* Elemento singolo della lista filtro */
.custom-filter-item {
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 0px;
    transition: background 0.3s;
    /* Colore di default per il testo */
    color: #011A41;
}

.custom-filter-item:hover,
.custom-filter-item.active {
    background: #011A41;
    color: #fff; /* In hover/active il testo diventa bianco */
}

/* Bottone per mostrare/nascondere il filtro */
.custom-toggle-filter {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 10px;
    background: #011A41;
    color: #ffffff; /* Testo bianco */
    padding: 5px 10px;
    border: none;
    border-radius: 3px;
}

/* Stile per ogni post */
.custom-post-item {
    margin-top:30px;
    padding: 20px 20px 20px 20px;
    border: 2px solid #f2f2f2;
    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.10);
    background: #fff;
    border-radius: 2px;
    /* Assicura che anche i testi all'interno abbiano il colore #011A41 */
    color: #011A41;
 
}

/* Titolo dell'articolo */
@media (max-width: 768px) { 
}

.custom-post-title {
    font-size: 14px !important;
    padding:10px;
    font-weight: 400;
    /* Il colore è già ereditato dal contenitore, ma lo esplicitiamo */
    color: #011A41;
    margin-bottom: 5px;
}

/* Anteprima del contenuto dell'articolo */
.custom-post-excerpt {
    font-size: 16px;
    font-weight: 400;
    color: #011A41;
    margin-bottom: 10px;
}

/* Link "Leggi tutto" */
.custom-read-more {
    font-size: 12px;
    font-weight: 500;
    color: #011A41;
    text-decoration: none;
    transition: color 0.3s;
}

.custom-read-more:hover {
    color: #0F54C0;
}/* End custom CSS */