.elementor-2105 .elementor-element.elementor-element-dbfc6db{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2105 .elementor-element.elementor-element-32b0a8f{--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;}.elementor-2105 .elementor-element.elementor-element-d7a8860 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;color:#FFFFFF;}.elementor-2105 .elementor-element.elementor-element-0cb66b9 img{border-radius:15px 15px 15px 15px;}.elementor-2105 .elementor-element.elementor-element-e843a4b{color:#D1D1D1;}.elementor-2105 .elementor-element.elementor-element-38ca2b0{--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:030px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2105 .elementor-element.elementor-element-b7f7d59{--box-border-width:0px;--header-color:#FFFFFF;--item-text-color:#D1D1D1;--item-text-hover-color:#D1D1D1;--item-text-active-color:#D1D1D1;}.elementor-2105 .elementor-element.elementor-element-b7f7d59 .elementor-toc__header-title{text-align:start;}.elementor-2105 .elementor-element.elementor-element-b7f7d59 .elementor-toc__header{flex-direction:row;}.elementor-2105 .elementor-element.elementor-element-da289ca .premium-blog-post-outer-container{width:100%;padding:20px 0px 0px 0px;}.elementor-2105 .elementor-element.elementor-element-da289ca .premium-blog-wrap:not(.premium-blog-marquee) .premium-blog-post-outer-container{padding-inline:calc( 20px/2 );}.elementor-2105 .elementor-element.elementor-element-da289ca .premium-blog-wrap:not(.premium-blog-marquee){margin-inline:calc( -20px/2 );}.elementor-2105 .elementor-element.elementor-element-da289ca .premium-marquee-wrapper{--pa-marquee-spacing:20px;}.elementor-2105 .elementor-element.elementor-element-da289ca .premium-blog-content-wrapper{text-align:start;background-color:#FFFFFF00;margin:0px 0px 0px 0px;padding:15px 15px 15px 15px;}.elementor-2105 .elementor-element.elementor-element-da289ca .post-categories , .elementor-2105 .elementor-element.elementor-element-da289ca .premium-blog-post-tags-container {justify-content:start;}.elementor-2105 .elementor-element.elementor-element-da289ca > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:15px 15px 15px 15px;}.elementor-2105 .elementor-element.elementor-element-da289ca{z-index:3;}.elementor-2105 .elementor-element.elementor-element-da289ca .premium-blog-thumbnail-container img{height:270px;object-fit:cover;}.elementor-2105 .elementor-element.elementor-element-da289ca .premium-blog-masked .premium-blog-thumbnail-container svg{fill:#020101B0;height:56px;left:0px;bottom:0px;}.elementor-2105 .elementor-element.elementor-element-da289ca .premium-blog-entry-title a{color:#FFFFFF;}.elementor-2105 .elementor-element.elementor-element-da289ca .premium-blog-post-container{border-style:solid;border-width:1px 1px 1px 1px;border-radius:15px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-2105 .elementor-element.elementor-element-da289ca .premium-blog-post-outer-container{width:50%;}}@media(max-width:767px){.elementor-2105 .elementor-element.elementor-element-dbfc6db{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2105 .elementor-element.elementor-element-d7a8860 .elementor-heading-title{font-size:25px;}.elementor-2105 .elementor-element.elementor-element-e843a4b > .elementor-widget-container{margin:0px -10px 0px -10px;padding:0px 0px 0px 0px;}.elementor-2105 .elementor-element.elementor-element-38ca2b0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2105 .elementor-element.elementor-element-da289ca .premium-blog-post-outer-container{width:100%;}.elementor-2105 .elementor-element.elementor-element-da289ca > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;}.elementor-2105 .elementor-element.elementor-element-da289ca{z-index:3;}}@media(min-width:768px){.elementor-2105 .elementor-element.elementor-element-32b0a8f{--width:70%;}.elementor-2105 .elementor-element.elementor-element-38ca2b0{--width:30%;}}/* Start custom CSS for table-of-contents, class: .elementor-element-b7f7d59 *//* ==========================================================================
   LIQUID GLASS EFFECT - UNIVERSALE (SENZA BORDI NÉ OMBRE)
   ========================================================================== */

/* 1. Il Contenitore Principale (il Widget) */
.elementor-2105 .elementor-element.elementor-element-b7f7d59 {
    position: relative;
    overflow: hidden !important; /* Taglia i liquidi che escono dai bordi del widget */
    
    /* Sfondo Vetro Trasparente */
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(15px) saturate(100%);
    -webkit-backdrop-filter: blur(15px) saturate(100%);
    
    /* Rimossi bordi e contorni */
    border: none !important; 
    outline: none !important;
    border-radius: 16px; /* Smussa gli angoli del widget */
    
    /* Rimossa ogni tipo di ombra */
    box-shadow: none !important; 
    
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 1;
}

/* 2. Assicura che i contenuti interni del widget stiano SOPRA i liquidi */
.elementor-2105 .elementor-element.elementor-element-b7f7d59 > * {
    position: relative;
    z-index: 3;
    pointer-events: auto; /* Mantiene i link e i pulsanti interni cliccabili */
}

/* 3. Creazione dei liquidi neutri (Luce e Ombra) */
.elementor-2105 .elementor-element.elementor-element-b7f7d59::before,
.elementor-2105 .elementor-element.elementor-element-b7f7d59::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(25px); /* Sfoca i flussi per fonderli */
    z-index: 2;
    pointer-events: none; /* Impedisce che i blob blocchino le interazioni */
}

/* BLOB 1: Riflesso di luce bianca/argentata */
.elementor-2105 .elementor-element.elementor-element-b7f7d59::before {
    width: 80%; /* Dimensione relativa al widget */
    height: 150px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 70%);
    top: -20%;
    left: -10%;
    animation: liquidFloat1 12s infinite alternate ease-in-out;
}

/* BLOB 2: Ombra profonda (crea il contrasto "oleoso" sotto il vetro) */
.elementor-2105 .elementor-element.elementor-element-b7f7d59::after {
    width: 90%; /* Dimensione relativa al widget */
    height: 180px;
    background: radial-gradient(circle, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%);
    bottom: -30%;
    right: -10%;
    animation: liquidFloat2 15s infinite alternate ease-in-out;
}

/* 4. Animazioni di movimento dei fluidi */
@keyframes liquidFloat1 {
    0% {
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
    50% {
        transform: translate(15%, 10%) scale(1.1) rotate(60deg);
    }
    100% {
        transform: translate(-10%, -5%) scale(0.9) rotate(120deg);
    }
}

@keyframes liquidFloat2 {
    0% {
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
    50% {
        transform: translate(-15%, -10%) scale(1.15) rotate(-60deg);
    }
    100% {
        transform: translate(10%, 5%) scale(0.95) rotate(-120deg);
    }
}

/* 5. Effetto Hover del widget (Senza bordi né ombreggiature aggiuntive) */
.elementor-2105 .elementor-element.elementor-element-b7f7d59:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    border: none !important;
    box-shadow: none !important;
    transform: translateY(-4px); /* Mantiene solo il leggero movimento verso l'alto */
}/* End custom CSS */
/* Start custom CSS for premium-addon-blog, class: .elementor-element-da289ca *//* ==========================================================================
   EFFECTO LIQUID GLASS PER LE CARD DEL BLOG (PREMIUM ADDONS)
   ========================================================================== */

/* 1. Applichiamo l'effetto vetro a ciascuna card dei post */
.premium-blog-post-container.premium-blog-skin-classic {
    position: relative;
    overflow: hidden !important; /* Taglia i liquidi che escono dai bordi della card */
    
    /* Rimuove lo sfondo bianco di default del plugin */
    background: rgba(255, 255, 255, 0.03) !important; 
    
    /* Effetto Vetro (Rifrazione e saturazione) */
    backdrop-filter: blur(15px) saturate(100%);
    -webkit-backdrop-filter: blur(15px) saturate(100%);
    
    /* Bordi della card sottili e luminosi */
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 16px !important; /* Arrotonda gli angoli delle card */
    
    /* Ombreggiatura tridimensionale */
    box-shadow: 
        inset 0 1px 0 rgba(255, 255, 255, 0.15), 
        0 10px 30px rgba(0, 0, 0, 0.2) !important;
    
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    z-index: 1;
}

/* 2. Assicura che i testi e le immagini dei post rimangano visibili sopra il liquido */
.premium-blog-post-container.premium-blog-skin-classic > * {
    position: relative;
    z-index: 3;
}

/* 3. Creazione dei liquidi (Luce e Ombra) all'interno di ogni card */
.premium-blog-post-container.premium-blog-skin-classic::before,
.premium-blog-post-container.premium-blog-skin-classic::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(20px); /* Sfoca le forme per simulare l'effetto liquido */
    z-index: 2;
    pointer-events: none; /* Impedisce ai blob di interferire con i click sui post */
}

/* BLOB 1 (Riflesso luminoso bianco/argento in alto a sinistra) */
.premium-blog-post-container.premium-blog-skin-classic::before {
    width: 130px;
    height: 130px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 70%);
    top: -40px;
    left: -20px;
    animation: liquidBlogFloat1 10s infinite alternate ease-in-out;
}

/* BLOB 2 (Ombra profonda in basso a destra per dare tridimensionalità) */
.premium-blog-post-container.premium-blog-skin-classic::after {
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%);
    bottom: -50px;
    right: -20px;
    animation: liquidBlogFloat2 12s infinite alternate ease-in-out;
}

/* 4. Animazioni asincrone di movimento dei liquidi */
@keyframes liquidBlogFloat1 {
    0% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(25px, 15px) scale(1.1); }
    100% { transform: translate(-10px, -5px) scale(0.95); }
}

@keyframes liquidBlogFloat2 {
    0% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(-20px, -15px) scale(1.1); }
    100% { transform: translate(15px, 10px) scale(0.9); }
}

/* 5. Effetto Hover sulle singole card (Leggero sollevamento e incremento luminosità) */
.premium-blog-post-container.premium-blog-skin-classic:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    transform: translateY(-5px);
    box-shadow: 
        inset 0 1px 0 rgba(255, 255, 255, 0.25), 
        0 15px 35px rgba(0, 0, 0, 0.3) !important;
}/* End custom CSS */