/*
Theme Name: Dictum Child
Theme URI: https://dictum.qodeinteractive.com
Description: A child theme of Dictum
Author: Elated Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: dictum
Template: dictum
*/

/* =========================================================
   GUERINI - CSS CONSOLIDATO NEL CHILD THEME
   Regole personalizzate sincronizzate dal tema padre
   Data: 28/08/2026
   ========================================================= */

/* =========================================================
   A. REGOLE MIGRATE / SINCRONIZZATE DAL TEMA PADRE
   ========================================================= */

/* =========================================================
   FONT PRINCIPALE DEL SITO
   ========================================================= */

body,
button,
input,
select,
textarea {
    font-family: "Poppins", sans-serif;
}

/* =========================================================
   Centrare MENU
   ========================================================= */
.qodef-header-vertical-sliding-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.qodef-header-vertical-sliding-navigation > ul {
    width: 100%;
    text-align: center;
}

/* =========================================================
   HORIZONTAL SHOWCASE - DESKTOP
   ========================================================= */

@media only screen and (min-width: 1025px) {

    /* Tutte le slide con immagine + contenuto:
       540px contenitore immagine + 1140px contenuto = 1680px */
    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.qodef-e-item-intro-image):has(.qodef-e-item-content) {
        width: 1680px !important;
        min-width: 1680px !important;
        max-width: 1680px !important;
        flex: 0 0 1680px !important;
    }

    /* Contenitore immagine visibile */
    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.qodef-e-item-intro-image):has(.qodef-e-item-content)
    .qodef-e-item-intro-image {
        position: relative !important;

        width: 540px !important;
        min-width: 540px !important;
        max-width: 540px !important;
        flex: 0 0 540px !important;

        height: 100% !important;
        overflow: hidden !important;

        margin: 0 !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        translate: none !important;
    }

    /* Immagine reale larga 600px e centrata nel contenitore */
    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.qodef-e-item-intro-image):has(.qodef-e-item-content)
    .qodef-e-item-intro-image img {
        position: absolute !important;
        top: 0 !important;
        left: 50% !important;

        width: 600px !important;
        min-width: 600px !important;
        max-width: none !important;
        height: 100% !important;

        display: block !important;
        object-fit: cover !important;
        object-position: center center !important;

        margin: 0 !important;
        transform: translateX(-50%) !important;
    }

    /* Contenuto */
    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.qodef-e-item-intro-image):has(.qodef-e-item-content)
    .qodef-e-item-content {
        width: 1140px !important;
        min-width: 1140px !important;
        max-width: 1140px !important;
        flex: 0 0 1140px !important;

        padding: 0 !important;
        margin: 0 !important;
    }

    /* Elementor interno sempre largo quanto il contenuto */
    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.qodef-e-item-intro-image):has(.qodef-e-item-content)
    .qodef-e-item-content > .elementor,

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.qodef-e-item-intro-image):has(.qodef-e-item-content)
    .qodef-e-item-content > .elementor > .e-con {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 100% !important;
    }

    /* Prima slide speciale senza immagine laterale */
    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3285) {
        width: 1100px !important;
        min-width: 1100px !important;
        max-width: 1100px !important;
        flex: 0 0 1100px !important;
    }

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3285)
    .qodef-slide-content,

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3285)
    .qodef-e-item-content,

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3285)
    .elementor-3285,

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3285)
    .elementor-3285 > .e-con {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}


/* =========================================================
   BODY
   ========================================================= */

body {
    background-image: none !important;
}

.qodef-button.qodef-html--link {
   
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 1.6666666667em;
     color: #291616 !important;
    font-weight: 500 !important;
 
}

.qodef-button.qodef-layout--filled.qodef-html--link:hover {
    color:#307FE2 !important;

}

.qodef-icon-with-text.qodef-hover-effect--contrast .qodef-m-wrapper.qodef-mask {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #004986 !important;
    clip-path: inset(0 100% 0 0);
    transition: clip-path .57s cubic-bezier(.62, .83, .34, .93);
}

/* =========================================================
   HEADER VERTICALE / HAMBURGER
   ========================================================= */

body.qodef-header--vertical-sliding #qodef-page-header {
    height: 100vh !important;
  
    width: 100px;
}

body.qodef-header--vertical-sliding
#qodef-page-header
.qodef-vertical-sliding-area.qodef--static {
    position: relative !important;
    width: 100%;
    height: 100vh !important;
    min-height: 100vh !important;
    box-sizing: border-box;
}

body.qodef-header--vertical-sliding
#qodef-page-header
.qodef-vertical-sliding-menu-opener {
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    bottom: 50px !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
}


/* =========================================================
   MENU VERTICALE APERTO
   ========================================================= */

body.qodef-header--vertical-sliding
#qodef-page-header-inner {
    overflow: hidden;
}

/* Mantiene la struttura Dictum già funzionante.
   Modificati soltanto colore e intensità del blur. */
body.qodef-header--vertical-sliding
#qodef-page-header
.qodef-vertical-sliding-area.qodef--static,

body.qodef-header--vertical-sliding
#qodef-page-header
.qodef-vertical-sliding-area.qodef--dynamic {
    background-color: rgba(255, 255, 255, 0.025) !important;

    -webkit-backdrop-filter: blur(13px) saturate(105%) !important;
    backdrop-filter: blur(13px) saturate(105%) !important;

    border: 0 !important;
    box-shadow: none !important;
}

body.qodef-header--vertical-sliding
.qodef-vertical-sliding-area.qodef--dynamic {
    margin-left: -1px;
}

/* =========================================================
   MENU DICTUM - CENTRATURA SICURA DELLE VOCI
   Non modifica apertura, pannelli o animazioni
   ========================================================= */

.qodef-header-vertical-sliding-navigation {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.qodef-header-vertical-sliding-navigation > ul {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    text-align: center !important;
}

.qodef-header-vertical-sliding-navigation li,
.qodef-header-vertical-sliding-navigation li a {
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* =========================================================
   DICTUM - SPOSTA SOLO LE VOCI DEL MENU
   ========================================================= */

@media only screen and (min-width: 1025px) {

    .qodef-header-vertical-sliding-navigation > ul {
        margin-left: -120px !important;
    }
}

/* =========================================================
   HERO PAGINE - ALTEZZA
   ========================================================= */
@media screen and (min-width: 1025px) {

    .page-hero {
        height: 460px !important;
        min-height: 460px !important;
    }

}
/* =========================================================
   HOME HERO - VIRGOLETTE ALLINEATE AL TESTO
   ========================================================= */

@media only screen and (min-width: 1025px) {
  

    /* contenitore hero */
    .elementor-654 .elementor-element-9fb32b3 {
        position: relative !important;
    }

    /* testo */
    .elementor-654 .elementor-element-3cd1604 {
        position: relative !important;
        z-index: 2 !important;
    }

    /* virgoletta */
      .elementor-654 .elementor-element.elementor-element-214480a {
        position: absolute !important;
        top: auto !important;
        bottom: 190px !important;
        left: 140px !important;
        width: 140px !important;
        max-width: 140px !important;
        margin: 0 !important;
        z-index: 1 !important;
    }


    .elementor-654 .elementor-element-214480a img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }
}



/* =========================================================
   HOME - PROFESSIONISTI
   ========================================================= */

@media only screen and (min-width: 1025px) {

    /* Parent della slide Professionisti */
    .elementor-3258
    .elementor-element.elementor-element-b2dec45 {
        position: relative !important;
        min-height: 100vh !important;
    }

    /* Scritta PROFESSIONISTI in basso */
    .elementor-3258
    .elementor-element.elementor-element-5d4accb {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 40px !important;

        width: 100% !important;
        max-width: none !important;

        display: flex !important;
        justify-content: center !important;
        align-items: flex-end !important;

        padding: 0 40px !important;
        margin: 0 !important;
        z-index: 2 !important;
    }

    .elementor-3258
    .elementor-element.elementor-element-5d4accb img {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }
}


/* =========================================================
   HOME - OSSERVATORIO / PUBBLICAZIONI
   Template Elementor: 3299
   ========================================================= */

/* Tutta la sezione */
.elementor-3299 {
    font-family: "Poppins", sans-serif;
	color:#0C2340;
}

/* Singolo blocco pubblicazione */
.elementor-3299 .osservatorio-item {
    width: 100%;
    box-sizing: border-box;
}

/* Titolo pubblicazione - 22px Poppins */
.elementor-3299 .publication-title,
.elementor-3299 .publication-title .elementor-heading-title,
.elementor-3299 .publication-title h1,
.elementor-3299 .publication-title h2,
.elementor-3299 .publication-title h3,
.elementor-3299 .publication-title h4 {
    font-family: "Poppins", sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
}

/* Autore - 16px Libre Bodoni */
.elementor-3299 .publication-author,
.elementor-3299 .publication-author p,
.elementor-3299 .publication-author a,
.elementor-3299 .publication-author .elementor-heading-title {
    font-family: "Libre Bodoni", serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
}

/* Testo descrittivo - 16px Poppins */
.elementor-3299 .publication-text,
.elementor-3299 .publication-text p,
.elementor-3299 .publication-text a {
    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
}

/* Elimina i margini automatici dei paragrafi */
.elementor-3299 .publication-text p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Link Approfondisci - 16px Poppins */
.elementor-3299 .publication-link,
.elementor-3299 .publication-link a,
.elementor-3299 .publication-link .elementor-button,
.elementor-3299 .publication-link .elementor-button-text {
    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
}

/* Bottone/link senza grafica da pulsante */
.elementor-3299 .publication-link .elementor-button {
    min-height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Hover */
.elementor-3299 .publication-link a:hover,
.elementor-3299 .publication-link .elementor-button:hover {
    opacity: 0.65;
}

/* Separatore fra le pubblicazioni */
.elementor-3299 .publication-divider {
    width: 100%;
    height: 1px;
    border: 0;
    background-color: rgba(15, 35, 72, 0.35);
}


/* =========================================================
   OSSERVATORIO - SPAZIATURE DESKTOP
   ========================================================= */

@media only screen and (min-width: 1025px) {

    .elementor-3299 .osservatorio-item {
        padding: 28px 0 30px;
    }

    .elementor-3299 .publication-title {
        margin-bottom: 5px !important;
    }

    .elementor-3299 .publication-author {
        margin-bottom: 7px !important;
    }

    .elementor-3299 .publication-text {
        margin-bottom: 24px !important;
    }

    .elementor-3299 .publication-link {
        margin-top: 0 !important;
    }

    .elementor-3299 .publication-divider {
        margin: 0 !important;
    }
}


/* =========================================================
   OSSERVATORIO - TABLET E MOBILE
   ========================================================= */

@media only screen and (max-width: 1024px) {

    .elementor-3299 .osservatorio-item {
        padding: 24px 0;
    }

    .elementor-3299 .publication-title,
    .elementor-3299 .publication-title .elementor-heading-title,
    .elementor-3299 .publication-title h1,
    .elementor-3299 .publication-title h2,
    .elementor-3299 .publication-title h3,
    .elementor-3299 .publication-title h4 {
        font-size: 20px !important;
    }

    .elementor-3299 .publication-title {
        margin-bottom: 5px !important;
    }

    .elementor-3299 .publication-author {
        margin-bottom: 8px !important;
    }

    .elementor-3299 .publication-text {
        margin-bottom: 20px !important;
    }
}
/* =========================================================
   HOME - EXPERTISE
   ========================================================= */

@media only screen and (min-width: 1025px) {

    .elementor-3285
    .elementor-element-2f6b673 {
        align-self: stretch !important;
        display: flex !important;
        justify-content: flex-end !important;
        overflow: hidden !important;
    }

    .elementor-3285
    .elementor-element-2f6b673
    > img {
        display: block !important;
        width: auto !important;
        height: 100% !important;
        max-width: none !important;
    }
  
  
  /* =========================================================
   EXPERTISE - SPAZIO TRA TITOLO E TESTO
   ========================================================= */

    .elementor-element-e3be123 .qodef-custom-font {
        margin-bottom: 0px !important;
    }
}

/* =========================================================
   HOME - LO STUDIO
   ========================================================= */
 .elementor-676
.qodef-h1, h1
{
  margin-bottom:0px !important;
   }
@media only screen and (min-width: 1025px) {

    
/* =========================================================
   STUDIO - TITOLO VERTICALE LOSTUDIO
   ========================================================= */

.elementor-676 .elementor-element-5d4accb {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

.elementor-676 .elementor-element-5d4accb > img {
    display: block !important;

    width: auto !important;
    height: 690px !important;

    max-width: none !important;
    max-height: none !important;

    object-fit: contain !important;
    flex: none !important;
     transform: translateX(45px);
}
}
/* =========================================================
   HOME - SEDI
   ========================================================= */

@media only screen and (min-width: 1025px) {

    .qodef-horizontal-showcase
    .qodef-horizontal-slide.qodef-last-item:has(.qodef-e-item-intro-image):has(.qodef-e-item-content) {
        width: 2090px !important;
        min-width: 2090px !important;
        max-width: 2090px !important;
        flex: 0 0 2090px !important;
    }

    .qodef-horizontal-showcase
    .qodef-horizontal-slide.qodef-last-item:has(.qodef-e-item-intro-image):has(.qodef-e-item-content)
    .qodef-e-item-intro-image {
        width: 950px !important;
        min-width: 950px !important;
        max-width: 950px !important;
        flex: 0 0 950px !important;
    }

    .qodef-horizontal-showcase
    .qodef-horizontal-slide.qodef-last-item:has(.qodef-e-item-intro-image):has(.qodef-e-item-content)
    .qodef-e-item-intro-image img {
        width: 950px !important;
        min-width: 950px !important;
        max-width: 950px !important;
        height: 100% !important;

        left: 0 !important;
        transform: none !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


@media only screen and (min-width: 1025px) {
/* =========================================================
   HOME - SEDI / CARD ROMA HOVER
   ========================================================= */

.elementor-3365 .sede-roma {
    position: relative !important;
    width: 450px !important;
    height: 394px !important;
    min-height: 394px !important;
    overflow: hidden !important;
}

/* Entrambe le immagini occupano tutta la card */
.elementor-3365 .sede-roma-default,
.elementor-3365 .sede-roma-hover {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    transition: opacity 0.4s ease !important;
}

.elementor-3365 .sede-roma-default img,
.elementor-3365 .sede-roma-hover img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    margin: 0 !important;
}

/* Immagine verde iniziale */
.elementor-3365 .sede-roma-default {
    z-index: 1 !important;
    opacity: 1 !important;
}

/* Foto nascosta inizialmente */
.elementor-3365 .sede-roma-hover {
    z-index: 2 !important;
    opacity: 0 !important;
}

/* Contenitore con testi sopra la foto */
.elementor-3365 .sede-roma-testo-hover {
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;

    width: 100% !important;
    height: 100% !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transition:
        opacity 0.4s ease,
        visibility 0.4s ease !important;
}

/* HOVER */
.elementor-3365 .sede-roma:hover .sede-roma-default {
    opacity: 0 !important;
}

.elementor-3365 .sede-roma:hover .sede-roma-hover {
    opacity: 1 !important;
}

.elementor-3365 .sede-roma:hover .sede-roma-testo-hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* =========================================================
   HOME - CARD ROMA / HOVER COMPLETO
   ========================================================= */

.elementor-3365 .sede-roma {
    position: relative !important;
    width: 450px !important;
    height: 394px !important;
    min-height: 394px !important;
    overflow: hidden !important;
}

/* immagini default + hover */
.elementor-3365 .sede-roma-default,
.elementor-3365 .sede-roma-hover {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    transition:
        opacity 0.35s ease,
        transform 0.45s ease !important;
}

.elementor-3365 .sede-roma-default img,
.elementor-3365 .sede-roma-hover img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    margin: 0 !important;
}

/* immagine iniziale */
.elementor-3365 .sede-roma-default {
    z-index: 1 !important;
    opacity: 1 !important;
}

/* foto hover nascosta */
.elementor-3365 .sede-roma-hover {
    z-index: 2 !important;
    opacity: 0 !important;
}

/* contenitore testi hover */
.elementor-3365 .sede-roma-testo-hover {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    z-index: 3 !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: translateY(8px) !important;

    transition:
        opacity 0.35s ease,
        visibility 0.35s ease,
        transform 0.4s ease !important;
}

/* =========================================================
   INFO ROMA - ETICHETTE BIANCHE SEPARATE / FIGMA
   ========================================================= */

.elementor-3365 .sede-box-info {
    position: absolute !important;

    top: 42px !important;
    left: 42px !important;

    width: auto !important;
    max-width: 330px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    color: #0c2340 !important;
    font-family: "Poppins", sans-serif !important;

    z-index: 4 !important;
}

/* ROMA */
.elementor-3365 .sede-box-info h3 {
    display: table !important;
    width: auto !important;

    margin: 0 !important;
    padding: 8px 10px !important;

    background: #fff !important;

    color: #0c2340 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

/* RIGHE TESTO */
.elementor-3365 .sede-box-info .sede-riga {
    display: table !important;
    width: auto !important;
    max-width: 330px !important;

    margin: 0 !important;
    padding: 5px 10px !important;

    background: #fff !important;

    color: #0c2340 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

/* LINK MAIL / TELEFONO */
.elementor-3365 .sede-box-info a {
    color: #0c2340 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
}

/* =========================================================
   APPROFONDISCI
   ========================================================= */

.elementor-3365 .sede-box-btn {
    position: absolute !important;

    left: 42px !important;
    bottom: 28px !important;

    width: auto !important;
    height: auto !important;

    padding: 12px 18px !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #fff !important;

    box-sizing: border-box !important;
    z-index: 6 !important;

    transition: transform 0.25s ease !important;
}

.elementor-3365 .sede-box-btn a {
    color: #0c2340 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
}

.elementor-3365 .sede-box-btn:hover {
    transform: translateY(-2px) !important;
}

/* link mail / telefono */
.elementor-3365 .sede-box-info a {
    display: inline !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    color: #0c2340 !important;
    text-decoration: none !important;
}

/* =========================================================
   BOTTONE APPROFONDISCI
   ========================================================= */

.elementor-3365 .sede-box-btn {
    position: absolute !important;

    left: 42px !important;
    bottom: 42px !important;

    width: auto !important;
    height: auto !important;

    padding: 15px 26px !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #fff !important;

    box-sizing: border-box !important;

    transform: none !important;

    z-index: 6 !important;

    transition:
        transform 0.25s ease,
        background-color 0.25s ease !important;
}

.elementor-3365 .sede-box-btn a {
    color: #0c2340 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
}

/* =========================================================
   HOVER
   ========================================================= */

.elementor-3365 .sede-roma:hover .sede-roma-default {
    opacity: 0 !important;
}

.elementor-3365 .sede-roma:hover .sede-roma-hover {
    opacity: 1 !important;
    transform: scale(1.015) !important;
}

.elementor-3365 .sede-roma:hover .sede-roma-testo-hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transform: translateY(0) !important;
}

.elementor-3365 .sede-box-btn:hover {
    transform: translateY(-3px) !important;
}
/* =========================================================
   HOME - CARD BOLOGNA / HOVER COMPLETO
   ========================================================= */

.elementor-3365 .sede-bologna {
    position: relative !important;
    width: 450px !important;
    height: 394px !important;
    min-height: 394px !important;
    overflow: hidden !important;
}

/* immagini default + hover */
.elementor-3365 .sede-bologna-default,
.elementor-3365 .sede-bologna-hover {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    transition:
        opacity 0.35s ease,
        transform 0.45s ease !important;
}

.elementor-3365 .sede-bologna-default img,
.elementor-3365 .sede-bologna-hover img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    margin: 0 !important;
}

/* immagine iniziale */
.elementor-3365 .sede-bologna-default {
    z-index: 1 !important;
    opacity: 1 !important;
}

/* foto hover nascosta */
.elementor-3365 .sede-bologna-hover {
    z-index: 2 !important;
    opacity: 0 !important;
}

/* contenitore testi hover */
.elementor-3365 .sede-bologna-testo-hover {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    z-index: 3 !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: translateY(8px) !important;

    transition:
        opacity 0.35s ease,
        visibility 0.35s ease,
        transform 0.4s ease !important;
}


/* =========================================================
   INFO BOLOGNA - ETICHETTE BIANCHE SEPARATE
   ========================================================= */

.elementor-3365 .sede-bologna .sede-box-info {
    position: absolute !important;

    top: 42px !important;
    left: 42px !important;

    width: auto !important;
    max-width: 330px !important;

    height: auto !important;
    min-height: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    color: #0c2340 !important;
    font-family: "Poppins", sans-serif !important;

    z-index: 4 !important;
}

/* BOLOGNA */
.elementor-3365 .sede-bologna .sede-box-info h3 {
    display: table !important;
    width: auto !important;

    margin: 0 !important;
    padding: 8px 10px !important;

    background: #fff !important;

    color: #0c2340 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

/* INDIRIZZO / MAIL / TELEFONO */
.elementor-3365 .sede-bologna .sede-box-info p {
    display: table !important;
    width: auto !important;
    max-width: 330px !important;

    margin: 0 !important;
    padding: 5px 10px !important;

    background: #fff !important;

    color: #0c2340 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

/* link mail / telefono */
.elementor-3365 .sede-bologna .sede-box-info a {
    display: inline !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    color: #0c2340 !important;
    text-decoration: none !important;
}


/* =========================================================
   BOTTONE APPROFONDISCI
   ========================================================= */

.elementor-3365 .sede-bologna .sede-box-btn {
    position: absolute !important;

    left: 42px !important;
    bottom: 28px !important;

    width: auto !important;
    height: auto !important;

    padding: 12px 18px !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #fff !important;

    box-sizing: border-box !important;

    z-index: 6 !important;

    transition: transform 0.25s ease !important;
}

.elementor-3365 .sede-bologna .sede-box-btn a {
    color: #0c2340 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.elementor-3365 .sede-bologna:hover .sede-bologna-default {
    opacity: 0 !important;
}

.elementor-3365 .sede-bologna:hover .sede-bologna-hover {
    opacity: 1 !important;
    transform: scale(1.015) !important;
}

.elementor-3365 .sede-bologna:hover .sede-bologna-testo-hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transform: translateY(0) !important;
}

.elementor-3365 .sede-bologna .sede-box-btn:hover {
    transform: translateY(-2px) !important;
}
}
/* =========================================================
   HOME - EXPERTISE / SCRITTA VERTICALE
   ========================================================= */

@media only screen and (min-width: 1025px) {

    .elementor-3285 .expertise-inner {
        position: relative !important;
        overflow: hidden !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-3285 .expertise-title-image {
        height: 100% !important;
        overflow: hidden !important;
    }

    .elementor-3285 .expertise-title-image img {

        display: block !important;

        width: auto !important;
        max-width: none !important;

        height: 102% !important;
        min-height: 102% !important;

        position: relative !important;
        top:1% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}
/* =========================================================
   HOME - PROFESSIONISTI
   Immagine leggermente tagliata ai lati
   ========================================================= */

@media only screen and (min-width: 1025px) {

    /* Il widget nasconde quello che esce */
    .elementor-3258 .elementor-element.elementor-element-5d4accb{
        overflow: hidden !important;
    }

    .elementor-3258 .elementor-element.elementor-element-5d4accb img{

        display:block !important;

        width:111% !important;
        max-width:none !important;
        height:auto !important;

        position:relative !important;
        left:5% !important;

        object-fit:cover !important;
        object-position:center center !important;
    }

}

/* =========================================================
   HOME - OSSERVATORIO
   Elimina spazio prima/dopo immagine orizzontale
   ========================================================= */

@media only screen and (min-width: 1025px) {

    .elementor-3299
    .elementor-element.elementor-element-7fd8ce8 {
        margin: 0 !important;
        padding: 0 !important;

        justify-content: flex-end !important;
        align-items: stretch !important;
        overflow: hidden !important;
    }

    .elementor-3299
    .elementor-element.elementor-element-4c3484f,
    
    .elementor-3299
    .elementor-element.elementor-element-4c3484f
    .elementor-widget-container {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

   .elementor-3299
.elementor-element.elementor-element-4c3484f img {

    display: block !important;

    width: 104% !important;
    max-width: none !important;
    height: auto !important;

    position: relative !important;
    left: 0% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;
}
}
/* =========================================================
   HOME - OSSERVATORIO
   Separatore tra pubblicazioni
   ========================================================= */

.elementor-3299 .osservatorio-item + .osservatorio-item {
    border-top: 2px dashed rgba(12, 35, 64, .25);
    /* margin-top: 26px; */
    padding-top: 36px;
}



/* =========================================================
   HOME - EXPERTISE
   PREVENZIONE / INDAGINI / PROCESSO
   ========================================================= */
@media only screen and (min-width: 1025px) {
.elementor-3285 .expertise-prevenzione,
.elementor-3285 .expertise-indagini,
.elementor-3285 .expertise-processo {
    position: relative !important;

    min-height: 350px !important;

    display: flex !important;
    flex-direction: column !important;

    padding: 42px !important;

    overflow: hidden !important;
    isolation: isolate !important;
    box-sizing: border-box !important;
}

/* =========================================================
   Pattern di sfondo
   ========================================================= */

.elementor-3285 .expertise-prevenzione > .expertise-pattern,
.elementor-3285 .expertise-indagini > .expertise-pattern,
.elementor-3285 .expertise-processo > .expertise-pattern {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    z-index: 1 !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transition:
        opacity 0.4s ease,
        visibility 0.4s ease !important;
}

.elementor-3285 .expertise-pattern img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}

/* =========================================================
   Titolo sempre visibile
   ========================================================= */

.elementor-3285 .expertise-prevenzione > .expertise-titolo,
.elementor-3285 .expertise-indagini > .expertise-titolo,
.elementor-3285 .expertise-processo > .expertise-titolo {
    position: relative !important;

    width: 100% !important;
    margin: 0 !important;

    z-index: 3 !important;

    opacity: 1 !important;
    visibility: visible !important;
}

.elementor-3285 .expertise-titolo h3 {
    margin: 0 !important;
    color: #0c2340 !important;
}

/* =========================================================
   Descrizione
   Segue automaticamente l’altezza del titolo
   ========================================================= */

.elementor-3285 .expertise-prevenzione > .expertise-descrizione,
.elementor-3285 .expertise-indagini > .expertise-descrizione,
.elementor-3285 .expertise-processo > .expertise-descrizione {
    position: relative !important;

    width: 100% !important;
    margin: 34px 0 0 !important;

    z-index: 4 !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: translateY(8px) !important;

    transition:
        opacity 0.4s ease,
        visibility 0.4s ease,
        transform 0.4s ease !important;
}

/* =========================================================
   Testo interno
   ========================================================= */

.elementor-3285 .expertise-descrizione .expertise-box-info {
    color: #0c2340 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

.elementor-3285 .expertise-descrizione .expertise-box-info p {
    margin: 0 !important;
}

/* =========================================================
   Link
   ========================================================= */

.elementor-3285 .expertise-descrizione .expertise-box-btn {
    margin-top: 28px !important;
}

.elementor-3285 .expertise-descrizione .expertise-box-btn a {
    color: #0c2340 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;

    text-decoration: none !important;
}

/* =========================================================
   Hover
   ========================================================= */

.elementor-3285 .expertise-prevenzione:hover > .expertise-pattern,
.elementor-3285 .expertise-indagini:hover > .expertise-pattern,
.elementor-3285 .expertise-processo:hover > .expertise-pattern {
    opacity: 1 !important;
    visibility: visible !important;
}

.elementor-3285 .expertise-prevenzione:hover > .expertise-descrizione,
.elementor-3285 .expertise-indagini:hover > .expertise-descrizione,
.elementor-3285 .expertise-processo:hover > .expertise-descrizione {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transform: translateY(0) !important;
}

/* Allineamento box 2 e 3 */

.elementor-3285 .elementor-element-781b8f2{
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-3285 .expertise-indagini,
.elementor-3285 .expertise-processo{
    margin: 0 !important;
}

.elementor-3285 .expertise-indagini{
    transform: translateX(-42px);
}

/* Spostamento descrizione */

.elementor-3285 .expertise-prevenzione > .expertise-descrizione,
.elementor-3285 .expertise-indagini > .expertise-descrizione,
.elementor-3285 .expertise-processo > .expertise-descrizione{
    transform: translateX(22px) translateY(8px) !important;
}

.elementor-3285 .expertise-prevenzione:hover > .expertise-descrizione,
.elementor-3285 .expertise-indagini:hover > .expertise-descrizione,
.elementor-3285 .expertise-processo:hover > .expertise-descrizione{
    transform: translateX(22px) translateY(0) !important;
}
}
/**pagina expertise**/
.elementor-3701{
    --qode-main-color: #307FE2;
}

.elementor-3701 .qodef-horizontal-accordion-showcase .qodef-m-header .qodef-m-title::before{
    color: rgba(255,255,255,.6);
}

@media only screen and (min-width: 1025px){

    .elementor-3701
    .qodef-horizontal-accordion-showcase
    .qodef-m-item.active
    .qodef-m-content-left{
        width: 800px !important;
        max-width: 800px !important;
        flex: 0 0 800px !important;
    }

    .elementor-3701
    .qodef-horizontal-accordion-showcase
    .qodef-m-item.active
    .qodef-m-description{
        width: 100% !important;
        max-width: none !important;
        font-size: 16px !important;
        line-height: 1.75 !important;
    }

}

@media only screen and (min-width: 1025px){

    .expertise-intro{
        min-height: 560px;
        padding: 90px 100px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 100px;
    }

    .expertise-intro .expertise-intro-title{
        width: 38%;
        max-width: 430px;
        flex: 0 0 38%;
    }

    .expertise-intro .expertise-intro-text{
        width: 55%;
        max-width: 690px;
        flex: 0 0 55%;
    }

    .expertise-intro .expertise-intro-title h2{
        margin: 0;
    }

    .expertise-intro .expertise-intro-text p{
        margin: 0;
    }
}

/*professionisti*/

body.page-id-3450,
body.page-id-3450 #qodef-page-wrapper,
body.page-id-3450 #qodef-page-outer,
body.page-id-3450 #qodef-page-inner{
    background-color: #004986 !important;
}

body.page-id-3450 .elementor-element.e-con-boxed > .e-con-inner{
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media only screen and (min-width: 1025px){

    .page-id-3450 .elementor-element-03d94e9{
        width: 100vw !important;
        max-width: 100vw !important;

        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        display: flex !important;
        flex-direction: row !important;
        gap: 0 !important;a
    }

    .page-id-3450 .elementor-element-0ca3180,
    .page-id-3450 .elementor-element-45a8d13{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* =========================================================
   B. REGOLE GIÀ PRESENTI NEL CHILD THEME
   ========================================================= */

/* =========================================================
   HEADER - NASCONDE GET IN TOUCH
   ========================================================= */

#dictum_core_button-3 {
    display: none !important;
}

.widget.widget_dictum_core_button[data-area="main-home"]{
    display:none !important;
}


/* =========================================================
   GUERINI - FOOTER
   ========================================================= */

#qodef-page-footer.guerini-site-footer {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #0C2340;
    color: #ffffff;
}

#qodef-page-footer .guerini-footer-inner {
    width: 100% !important;
    max-width: none !important;
    min-height: 290px;

    display: grid !important;
    grid-template-columns:
        minmax(310px, 2.5fr)
        minmax(90px, 0.8fr)
        minmax(180px, 1.35fr)
        minmax(180px, 1.35fr)
        minmax(170px, 1.2fr)
        30px !important;

    align-items: start !important;
    column-gap: 42px;
    row-gap: 0;

    margin: 0 !important;
    padding: 58px 100px !important;
    box-sizing: border-box;
}

/* Tutti i blocchi devono restare separati */
#qodef-page-footer .guerini-footer-brand,
#qodef-page-footer .guerini-footer-menu,
#qodef-page-footer .guerini-footer-office,
#qodef-page-footer .guerini-footer-legal,
#qodef-page-footer .guerini-footer-social {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    float: none !important;
}

/* Logo */
#qodef-page-footer .guerini-footer-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 28px 0 0 !important;
}

#qodef-page-footer .guerini-footer-logo {
    margin: 0;
    color: #ffffff;
    font-family: Poppins, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

#qodef-page-footer .guerini-footer-payoff {
    margin: 2px 0 0;
    color: #ffffff;
    font-family: Poppins, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.05;
}

/* Menu e colonne */
#qodef-page-footer .guerini-footer-menu,
#qodef-page-footer .guerini-footer-office,
#qodef-page-footer .guerini-footer-legal {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

#qodef-page-footer .guerini-footer-menu {
    margin: 0 0 0 -6px !important;
}

#qodef-page-footer .guerini-footer-office:first-of-type {
    margin: 0 0 0 8px !important;
}

#qodef-page-footer .guerini-footer-office:last-of-type {
    margin: 0 0 0 8px !important;
}

#qodef-page-footer .guerini-footer-legal {
    margin: 0 0 0 14px !important;
}

#qodef-page-footer .guerini-footer-menu a,
#qodef-page-footer .guerini-footer-office div,
#qodef-page-footer .guerini-footer-office a,
#qodef-page-footer .guerini-footer-legal a,
#qodef-page-footer .guerini-footer-company div {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.55;
    text-decoration: none;
}

/* Titoli sedi */
#qodef-page-footer .guerini-footer-heading {
    color: #ffffff;
    font-weight: 400;
}

/* Indirizzi più chiari come nel Figma */
#qodef-page-footer
.guerini-footer-office
> div:not(.guerini-footer-heading) {
    color: rgba(255, 255, 255, 0.52);
}

/* Email e telefono bianchi */
#qodef-page-footer .guerini-footer-office a {
    color: #ffffff;
}

/* Privacy e dati società */
#qodef-page-footer .guerini-footer-legal > a {
    margin-bottom: 18px;
}

#qodef-page-footer .guerini-footer-company {
    margin: 0;
}

/* LinkedIn */
#qodef-page-footer .guerini-footer-social {
    display: flex !important;
    justify-content: flex-start;
    align-items: flex-start;
    justify-self: end;
    margin: 2px -6px 0 0 !important;
}

#qodef-page-footer .guerini-footer-social a {
    width: 24px;
    height: 24px;
    box-sizing: border-box;

    display: flex !important;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    border: 1px solid rgba(255, 255, 255, 0.75);
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
}

#qodef-page-footer .guerini-footer-inner a:hover {
    color: #ffffff;
    opacity: 0.7;
}

/* Tablet */
@media only screen and (max-width: 1100px) {

    #qodef-page-footer .guerini-footer-inner {
        min-height: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 38px 50px;
        padding: 65px 40px !important;
    }

    #qodef-page-footer .guerini-footer-brand,
    #qodef-page-footer .guerini-footer-menu,
    #qodef-page-footer .guerini-footer-office,
    #qodef-page-footer .guerini-footer-legal,
    #qodef-page-footer .guerini-footer-social {
        margin: 0 !important;
    }

    #qodef-page-footer .guerini-footer-social {
        justify-self: start;
    }
}

/* Mobile */
@media only screen and (max-width: 680px) {

    #qodef-page-footer .guerini-footer-inner {
        min-height: 0;
        grid-template-columns: 1fr !important;
        gap: 28px;
        padding: 50px 25px !important;
    }

    #qodef-page-footer .guerini-footer-logo {
        font-size: 27px;
    }

    #qodef-page-footer .guerini-footer-payoff {
        font-size: 20px;
    }
}


/* =========================================================
   OSSERVATORIO
   ========================================================= */

.guerini-osservatorio-categories {
    margin: 0 0 10px;
    color: #929292;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
}

.guerini-osservatorio-inner{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:80px;

    width:100%;
    max-width:1320px;
    margin:80px auto;
    padding:0 40px;

    box-sizing:border-box;
}

.guerini-osservatorio-list{
    flex:1 1 auto;
    min-width:0;
}

.guerini-osservatorio-sidebar{
    flex:0 0 320px;
    width:320px;
}

/* =========================================================
   OSSERVATORIO - STILE
   ========================================================= */

.guerini-osservatorio-inner {
    margin-top: 60px;
    margin-bottom: 90px;
}

.guerini-osservatorio-item {
    padding-bottom: 34px;
    margin-bottom: 34px;
    border-bottom: 1px solid rgba(16, 43, 77, 0.18);
}

.guerini-osservatorio-title {
    margin: 0 0 14px;
    font-size: 42px;
    line-height: 1.08;
}

.guerini-osservatorio-title a {
    color: #102b4d;
    text-decoration: none;
}

.guerini-osservatorio-categories {
    margin-bottom: 10px;
    color: #8f8f8f;
    font-size: 13px;
    line-height: 1.4;
}

.guerini-osservatorio-reference {
    display: inline-block;
    margin-bottom: 8px;
    padding: 6px 12px;
    background: #a9df8f;
    color: #102b4d;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.guerini-osservatorio-author {
    margin-bottom: 16px;
    color: #102b4d;
    font-family: "Libre Bodoni", serif;
    font-size: 14px;
    font-weight: 600;
}

.guerini-osservatorio-excerpt {
    margin-bottom: 10px;
    color: #102b4d;
    font-size: 15px;
    line-height: 1.7;
}

.guerini-osservatorio-excerpt p {
    margin: 0;
}

.guerini-osservatorio-read-more {
    color: #176bb6;
    font-size: 14px;
    text-decoration: none;
}

.guerini-osservatorio-item-tags {
    margin-top: 24px;
    color: #929292;
    font-size: 13px;
}

.guerini-osservatorio-item-tags a {
    color: inherit;
    text-decoration: none;
}

.guerini-osservatorio-item-tags a:not(:last-child)::after {
    content: " | ";
}

/* Sidebar */

.guerini-osservatorio-sidebar {
    color: #102b4d;
}

.guerini-sidebar-block {
    margin-top: 34px;
}

.guerini-sidebar-block h3 {
    margin: 0 0 14px;
    color: #102b4d;
    font-family: Poppins, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
}

.guerini-sidebar-categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.guerini-sidebar-categories li {
    margin: 0 0 5px;
    line-height: 1.35;
}

.guerini-sidebar-categories a {
    color: #102b4d;
    font-size: 14px;
    text-decoration: none;
}

.guerini-sidebar-tags {
    font-size: 13px;
    line-height: 1.55;
}

.guerini-sidebar-tags a {
    color: #102b4d;
    text-decoration: none;
}

.guerini-sidebar-tags a:not(:last-child)::after {
    content: " | ";
}

/* Search */

.guerini-sidebar-search form {
    position: relative;
}

.guerini-sidebar-search input[type="search"] {
    width: 100%;
    height: 46px;
    padding: 0 45px 0 0;
    border: 0;
    border-bottom: 1px solid rgba(16, 43, 77, 0.2);
    background: transparent;
    color: #102b4d;
    font-size: 14px;
}

.guerini-sidebar-search button,
.guerini-sidebar-search input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 46px;
    border: 0;
    background: transparent;
}

/* Tablet/mobile */

@media only screen and (max-width: 1024px) {
    .guerini-osservatorio-inner {
        gap: 50px;
        padding: 0 30px;
    }

    .guerini-osservatorio-sidebar {
        flex-basis: 280px;
        width: 280px;
    }

    .guerini-osservatorio-title {
        font-size: 34px;
    }
}

@media only screen and (max-width: 768px) {
    .guerini-osservatorio-inner {
        display: block;
        margin-top: 40px;
        padding: 0 22px;
    }

    .guerini-osservatorio-sidebar {
        width: 100%;
        margin-top: 60px;
    }

    .guerini-osservatorio-title {
        font-size: 30px;
    }
}
/* =========================================================
   OSSERVATORIO - NASCONDI BREADCRUMB
   ========================================================= */

body.page-id-3764 .qodef-breadcrumbs {
    display: none !important;
}
/* =========================================================
   OSSERVATORIO - TITLE/HERO DICTUM
   ========================================================= */

body.page-id-3764 .qodef-page-title {
    height: 395px !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

body.page-id-3764 .qodef-page-title .qodef-m-inner {
    height: 100% !important;
}

body.page-id-3764 .qodef-page-title .qodef-m-content {
    padding: 20px 45px !important;
}

body.page-id-3764 .qodef-breadcrumbs {
    color: #b5b5b5;
    font-family: Poppins, sans-serif;
    font-size: 18px;
}

body.page-id-3764 .qodef-breadcrumbs a,
body.page-id-3764 .qodef-breadcrumbs span {
    color: inherit;
}

/* =========================================================
   OSSERVATORIO - RIFINITURE FINALI DESKTOP
   ========================================================= */

/* Sfondo bianco */
body.page-id-3764,
body.page-id-3764 #qodef-page-outer,
body.page-id-3764 #qodef-page-inner,
body.page-id-3764 #qodef-page-content {
    background-color: #ffffff !important;
}

/* Hero / Page Title Dictum */
body.page-id-3764 .qodef-page-title {
    height: 460px !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

body.page-id-3764 .qodef-page-title .qodef-m-inner {
    height: 100% !important;
}

/* Breadcrumb Home / Osservatorio */
body.page-id-3764 .qodef-page-title .qodef-m-content {
    padding: 20px 45px !important;
}

body.page-id-3764 .qodef-breadcrumbs {
    color: rgba(255, 255, 255, 0.78);
    font-family: Poppins, sans-serif;
    font-size: 14px;
    line-height: 1.4;
}

body.page-id-3764 .qodef-breadcrumbs a,
body.page-id-3764 .qodef-breadcrumbs span {
    color: inherit;
}

/* Contenitore articoli + sidebar */
body.page-id-3764 .guerini-osservatorio-inner {
    display: grid;
    grid-template-columns: minmax(0, 2.25fr) minmax(270px, 0.85fr);
    align-items: start;

    width: 100%;
    max-width: 1320px;

    margin: 0px auto 90px;
    padding: 0 40px;

    column-gap: 78px;
    box-sizing: border-box;
}

/* Colonna articoli */
body.page-id-3764 .guerini-osservatorio-list {
    min-width: 0;
}

/* Singolo articolo */
body.page-id-3764 .guerini-osservatorio-item {
    margin: 0 0 34px;
    padding: 0 0 34px;
    border-bottom: 1px solid rgba(16, 43, 77, 0.16);
}

/* Categorie sopra il titolo */
body.page-id-3764 .guerini-osservatorio-categories {
    margin: 0 0 8px;
    color: #919191;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    line-height: 1.45;
}

/* Titolo articolo */
body.page-id-3764 .guerini-osservatorio-title {
    max-width: 760px;
    margin: 0 0 14px;

    font-size: 40px;
    line-height: 1.08;
    font-weight: 500;
}

body.page-id-3764 .guerini-osservatorio-title a {
    color: #102f53;
    text-decoration: none;
}

/* Etichetta verde */
body.page-id-3764 .guerini-osservatorio-reference {
    display: inline-block;

    margin: 0 0 9px;
    padding: 6px 13px;

    background-color: #a9df8f;
    color: #102f53;

    font-family: Poppins, sans-serif;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* Autore */
body.page-id-3764 .guerini-osservatorio-author {
    margin: 0 0 16px;

    color: #102f53;
    font-family: "Libre Bodoni", serif;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
}

/* Estratto */
body.page-id-3764 .guerini-osservatorio-excerpt {
    max-width: 760px;
    margin: 0 0 8px;

    color: #102f53;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    line-height: 1.75;
}

body.page-id-3764 .guerini-osservatorio-excerpt p {
    margin: 0;
}

/* Continua */
body.page-id-3764 .guerini-osservatorio-read-more {
    display: inline-block;

    color: #1471bd;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
}

body.page-id-3764 .guerini-osservatorio-read-more:hover {
    opacity: 0.65;
}

/* Tag sotto articolo */
body.page-id-3764 .guerini-osservatorio-item-tags {
    margin-top: 25px;

    color: #999999;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    line-height: 1.5;
}

body.page-id-3764 .guerini-osservatorio-item-tags a {
    color: inherit;
    text-decoration: none;
}

body.page-id-3764
.guerini-osservatorio-item-tags
a:not(:last-child)::after {
    content: " | ";
}

/* =========================================================
   OSSERVATORIO - SIDEBAR
   ========================================================= */

body.page-id-3764 .guerini-osservatorio-sidebar {
    width: 100%;
    color: #102f53;
}

/* Ricerca */
body.page-id-3764 .guerini-sidebar-search {
    margin: 0 0 42px;
}

body.page-id-3764
.guerini-sidebar-search
.qodef-search-form-inner {
    position: relative;
}

body.page-id-3764
.guerini-sidebar-search
input[type="search"] {
    width: 100%;
    height: 42px;

    padding: 0 42px 0 0;

    border: 0;
    border-bottom: 1px solid rgba(16, 47, 83, 0.20);
    border-radius: 0;

    background: transparent;
    color: #102f53;

    font-family: Poppins, sans-serif;
    font-size: 13px;
}

body.page-id-3764
.guerini-sidebar-search
button {
    position: absolute;
    top: 0;
    right: 0;

    width: 40px;
    height: 42px;

    padding: 0;
    border: 0;
    background: transparent;
}

/* Blocchi sidebar */
body.page-id-3764 .guerini-sidebar-block {
    margin: 0 0 35px;
}

body.page-id-3764 .guerini-sidebar-block h3 {
    margin: 0 0 16px;

    color: #102f53;
    font-family: Poppins, sans-serif;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 400;
}

/* Categorie senza pallini */
body.page-id-3764 .guerini-sidebar-categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.page-id-3764 .guerini-sidebar-categories li {
    margin: 0 0 5px;
    padding: 0;
}

body.page-id-3764 .guerini-sidebar-categories a {
    color: #102f53;
    font-family: Poppins, sans-serif;
    font-size: 13px;
    line-height: 1.45;
    text-decoration: none;
}

/* Tag sidebar */
body.page-id-3764 .guerini-sidebar-tags {
    color: #102f53;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    line-height: 1.65;
}

body.page-id-3764 .guerini-sidebar-tags a {
    color: inherit;
    text-decoration: none;
}

body.page-id-3764
.guerini-sidebar-tags
a:not(:last-child)::after {
    content: " | ";
}

/* Hover sidebar */
body.page-id-3764 .guerini-osservatorio-sidebar a:hover {
    opacity: 0.65;
}

/* =========================================================
   OSSERVATORIO - TABLET
   ========================================================= */

@media only screen and (max-width: 1024px) {

    body.page-id-3764 .qodef-page-title {
        height: 340px !important;
    }

    body.page-id-3764 .guerini-osservatorio-inner {
        grid-template-columns: minmax(0, 1fr) 260px;
        margin-top: 55px;
        padding: 0 30px;
        column-gap: 45px;
    }

    body.page-id-3764 .guerini-osservatorio-title {
        font-size: 34px;
    }
}

/* =========================================================
   OSSERVATORIO - MOBILE
   ========================================================= */

@media only screen and (max-width: 768px) {

    body.page-id-3764 .qodef-page-title {
        height: 280px !important;
    }

    body.page-id-3764 .qodef-page-title .qodef-m-content {
        padding: 18px 22px !important;
    }

    body.page-id-3764 .guerini-osservatorio-inner {
        display: block;

        margin: 42px auto 65px;
        padding: 0 22px;
    }

    body.page-id-3764 .guerini-osservatorio-title {
        max-width: none;
        font-size: 30px;
    }

    body.page-id-3764 .guerini-osservatorio-excerpt {
        max-width: none;
        font-size: 14px;
    }

    body.page-id-3764 .guerini-osservatorio-sidebar {
        margin-top: 55px;
    }
}
/* =========================================================
   PROFESSIONISTI
   PAGINA ID 3450

   Struttura:
   professionista-intro
       professionista-intro-left
       professionista-intro-right

   professionisti-team
   ========================================================= */


/* =========================================================
   1. SFONDO GENERALE PAGINA
   ========================================================= */

body.page-id-3450,
body.page-id-3450 #qodef-page-wrapper,
body.page-id-3450 #qodef-page-outer,
body.page-id-3450 #qodef-page-inner,
body.page-id-3450 #qodef-page-content,
body.page-id-3450 main {
    background-color: #ffffff !important;
}


/* =========================================================
   2. INTRO TOMMASO - AREA BIANCA
   ========================================================= */

body.page-id-3450 .professionista-intro {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
   padding-top:70px !important;

    background: #ffffff !important;
}

body.page-id-3450 .professionista-intro-inner {
    width: 100% !important;
    max-width: 1400px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;

    gap: 140px !important;

    margin: 0 auto !important;
    padding: 85px 70px 100px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   COLONNA SINISTRA - TOMMASO
   ========================================================= */

body.page-id-3450 .professionista-intro-left {
    flex: 0 0 34% !important;
    width: 34% !important;
    min-width: 0 !important;
    max-width: 34% !important;

    align-self: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;

}


/* =========================================================
   COLONNA DESTRA - BIOGRAFIA
   ========================================================= */

body.page-id-3450 .professionista-intro-right {
    flex: 0 0 56% !important;
    width: 56% !important;
    min-width: 0 !important;
    max-width: 56% !important;

    align-self: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;
      padding-top:50px !important;
}

/* =========================================================
   PROFESSIONISTI — LEGGI TUTTO / BIOGRAPHY
   ========================================================= */

.guerini-team-readmore {
    display: block;
    margin: 28px auto 32px;
    padding: 0;

    border: 0;
    background: transparent;
    color: #fff;

    font-family: inherit;
    font-size: inherit;
    line-height: inherit;

    cursor: pointer;
}

.guerini-team-readmore span {
    display: inline-block;
    margin-left: 3px;
}

.guerini-team-biography {
    display: none;

    color: #fff;
    margin: 0 0 35px;
}

.guerini-team-biography.is-open {
    display: block;
}
/* =========================================================
   CONTENITORI INTERNI ELEMENTOR
   ========================================================= */

body.page-id-3450 .professionista-intro-left > .e-con-inner,
body.page-id-3450 .professionista-intro-right > .e-con-inner {
    width: 100% !important;
    max-width: none !important;

    align-items: flex-start !important;
    justify-content: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-3450 .professionista-intro-left .elementor-widget,
body.page-id-3450 .professionista-intro-right .elementor-widget,
body.page-id-3450 .professionista-intro-left .elementor-widget-container,
body.page-id-3450 .professionista-intro-right .elementor-widget-container {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   NOME TOMMASO
   ========================================================= */

body.page-id-3450 .professionista-intro-left h1,
body.page-id-3450 .professionista-intro-left h2 {
    margin: 0 0 7px !important;

    color: #0c2340 !important;
    font-family: "Libre Bodoni", serif !important;
    font-size: 46px !important;
    font-weight: 500 !important;
    line-height: 1.08 !important;
}


/* =========================================================
   QUALIFICHE
   ========================================================= */

body.page-id-3450 .professionista-intro-left p {
    margin: 0 0 4px !important;

    color: #8d8d8d !important;
    font-family: Poppins, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}


/* =========================================================
   BIOGRAFIA
   ========================================================= */

body.page-id-3450
.professionista-intro-right
.elementor-widget-text-editor {
    width: 100% !important;
    max-width: 720px !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-3450
.professionista-intro-right
.elementor-widget-text-editor p {
    margin: 0 0 24px !important;

    color: #6f6f6f !important;
    font-family: Poppins, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
}

body.page-id-3450
.professionista-intro-right
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0 !important;
}

body.page-id-3450
.professionista-intro-right
.elementor-widget-text-editor strong {
    color: #0c2340 !important;
    font-weight: 600 !important;
}


/* =========================================================
   3. TEAM LIST - FASCIA BLU
   Il blu rimane soltanto nella sezione del team.
   ========================================================= */

body.page-id-3450 .professionisti-team {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #005596 !important;
}

body.page-id-3450 .professionisti-team .elementor-widget-container,
body.page-id-3450 .professionisti-team .qodef-team-list {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   TITOLO TEAM DI PROFESSIONISTI
   ========================================================= */

body.page-id-3450 .professionisti-team-title {
    width: calc(100% - 120px) !important;
    max-width: 1260px !important;

    margin: 0 auto !important;
    padding: 90px 0 35px !important;

    color: #ffffff !important;
    font-family: Poppins, sans-serif !important;
    font-size: 44px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    text-transform: uppercase !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CONTENITORE DI TUTTE LE SCHEDE
   ========================================================= */

body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-grid-inner {
    width: calc(100% - 120px) !important;
    max-width: 1260px !important;

    display: block !important;

    margin: 0 auto !important;
    padding: 0 0 90px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   SINGOLA SCHEDA
   ========================================================= */

body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-grid-item {
    width: 100% !important;
    max-width: none !important;

    float: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   LAYOUT SCHEDA - TESTO SINISTRA / IMMAGINE DESTRA
   ========================================================= */

/* =========================================================
   PROFESSIONISTI — RIMUOVE SEPARATORE ORIGINALE DICTUM
   ========================================================= */

body.page-id-3450
.professionisti-team
.qodef-team-list.qodef-vertical-separator--yes
.qodef-grid-item::after {
    display: none !important;
}
body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-e-inner {
    width: 100% !important;

    display: grid !important;
    grid-template-columns:
        minmax(320px, 0.9fr)
        minmax(520px, 1.25fr) !important;

    align-items: center !important;
    column-gap: 75px !important;

    margin: 0 !important;
    padding: 48px 0 !important;

    border-bottom: 0 !important;
    box-sizing: border-box !important;
}

body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-grid-item:last-child
.qodef-e-inner {
    border-bottom: 0 !important;
}



/* =========================================================
   COLONNA TESTO
   ========================================================= */

body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-e-content {
    width: 100% !important;
    max-width: 470px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   COLONNA IMMAGINE
   ========================================================= */

body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-e-image,
body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-e-media-image,
body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-e-image > div,
body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-e-image a {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   IMMAGINE PROFESSIONISTA
   ========================================================= */

body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-e-image img {
    display: block !important;

    width: 100% !important;
    height: 365px !important;

    margin: 0 !important;

    object-fit: cover !important;
    object-position: center !important;
}


/* =========================================================
   NOME PROFESSIONISTA
   ========================================================= */

body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-e-title {
    margin: 0 0 8px !important;

    color: #ffffff !important;
    font-family: "Libre Bodoni", serif !important;
    font-size: 38px !important;
    font-weight: 400 !important;
    line-height: 1.08 !important;
}

body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-e-title a {
    color: #ffffff !important;
}


/* =========================================================
   RUOLO
   ========================================================= */

body.page-id-3450 .professionisti-team .qodef-team-list .qodef-e-role,
body.page-id-3450 .professionisti-team .qodef-team-list .qodef-e-position {
    margin: 0 0 28px !important;
    color: #ffffff !important;
    font-family: Poppins, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    text-transform: uppercase !important;
    letter-spacing: 5px !important;
}


/* =========================================================
   ESTRATTO
   ========================================================= */

body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-e-excerpt,
body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-e-description {
    max-width: 440px !important;

    margin: 0 0 24px !important;

    color: #ffffff !important;
    font-family: Poppins, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}


/* =========================================================
   LINK E CONTATTI
   ========================================================= */

body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-social-icons,
body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-e-phone {
    margin: 7px 0 0 !important;
}

body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-e-content a,
body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-m-text,
body.page-id-3450
.professionisti-team
.qodef-team-list svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

body.page-id-3450
.professionisti-team
.qodef-team-list
.qodef-e-content a:hover {
    opacity: 0.65;
}


/* =========================================================
   TABLET - PROFESSIONISTI
   ========================================================= */

@media only screen and (max-width: 1024px) {

    body.page-id-3450 .professionista-intro {
        gap: 50px !important;
        padding: 70px 40px 85px !important;
    }

    body.page-id-3450 .professionista-intro-left {
        flex-basis: 36% !important;
        width: 36% !important;
        max-width: 36% !important;
    }

    body.page-id-3450 .professionista-intro-right {
        flex-basis: 58% !important;
        width: 58% !important;
        max-width: 58% !important;
    }

    body.page-id-3450 .professionista-intro-left h1,
    body.page-id-3450 .professionista-intro-left h2 {
        font-size: 38px !important;
    }

    body.page-id-3450
    .professionista-intro-right
    .elementor-widget-text-editor p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    body.page-id-3450 .professionisti-team-title {
        width: calc(100% - 70px) !important;

        padding: 70px 0 30px !important;

        font-size: 36px !important;
    }

    body.page-id-3450
    .professionisti-team
    .qodef-team-list
    .qodef-grid-inner {
        width: calc(100% - 70px) !important;
        padding-bottom: 65px !important;
    }

    body.page-id-3450
    .professionisti-team
    .qodef-team-list
    .qodef-e-inner {
        grid-template-columns:
            minmax(260px, 1fr)
            minmax(380px, 1.1fr) !important;

        column-gap: 40px !important;
    }

    body.page-id-3450
    .professionisti-team
    .qodef-team-list
    .qodef-e-image img {
        height: 310px !important;
    }

    body.page-id-3450
    .professionisti-team
    .qodef-team-list
    .qodef-e-title {
        font-size: 31px !important;
    }
}


/* =========================================================
   MOBILE - PROFESSIONISTI
   ========================================================= */

@media only screen and (max-width: 768px) {

    body.page-id-3450 .professionista-intro {
        flex-direction: column !important;

        gap: 34px !important;
        padding: 50px 24px 65px !important;
    }

    body.page-id-3450 .professionista-intro-left,
    body.page-id-3450 .professionista-intro-right {
        flex: 0 0 auto !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-3450 .professionista-intro-left h1,
    body.page-id-3450 .professionista-intro-left h2 {
        font-size: 34px !important;
    }

    body.page-id-3450 .professionista-intro-left p {
        font-size: 14px !important;
    }

    body.page-id-3450
    .professionista-intro-right
    .elementor-widget-text-editor {
        max-width: none !important;
    }

    body.page-id-3450
    .professionista-intro-right
    .elementor-widget-text-editor p {
        margin-bottom: 20px !important;

        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    body.page-id-3450 .professionisti-team-title {
        width: 100% !important;

        padding: 55px 24px 20px !important;

        font-size: 30px !important;
    }

    body.page-id-3450
    .professionisti-team
    .qodef-team-list
    .qodef-grid-inner {
        width: 100% !important;
        padding: 0 24px 50px !important;
    }

    body.page-id-3450
    .professionisti-team
    .qodef-team-list
    .qodef-e-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        gap: 28px !important;

        padding: 42px 0 !important;
    }

    body.page-id-3450
    .professionisti-team
    .qodef-team-list
    .qodef-e-content {
        max-width: none !important;
        order: 1;
    }

    body.page-id-3450
    .professionisti-team
    .qodef-team-list
    .qodef-e-image {
        order: 2;
    }

    body.page-id-3450
    .professionisti-team
    .qodef-team-list
    .qodef-e-image img {
        height: auto !important;
        aspect-ratio: 4 / 3;

        object-fit: cover !important;
    }

    body.page-id-3450
    .professionisti-team
    .qodef-team-list
    .qodef-e-title {
        font-size: 29px !important;
    }
}
/* =========================================================
   GUERINI - PAGINA SEDI
   Layout editoriale desktop
   ========================================================= */

/* Sfondo bianco della pagina */
body .sedi-row,
body .sedi-col {
    box-sizing: border-box !important;
}

/* Regola comune per tutte le righe */
body .sedi-row {
    width: 100% !important;
    max-width: 1200px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 0 !important;
    background: #ffffff !important;
}

/* Regola comune per tutte le colonne */
body .sedi-col {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Elimina padding Elementor interni */
body .sedi-col > .e-con-inner {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Immagini */
body .sedi-row .elementor-widget-image,
body .sedi-row .elementor-widget-image .elementor-widget-container,
body .sedi-row .elementor-widget-image a,
body .sedi-row .elementor-widget-image img {
    width: 100% !important;
    max-width: none !important;
}

body .sedi-row .elementor-widget-image {
    margin: 0 !important;
}

body .sedi-row .elementor-widget-image img {
    display: block !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
}

/* Testi generali */
body .sedi-row .elementor-widget-text-editor {
    margin: 0 !important;
}

body .sedi-row .elementor-widget-text-editor p {
    margin: 0 !important;

    color: #102f53;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.55;
}

/* =========================================================
   SEDI - TESTI PRINCIPALI ROMA / BOLOGNA
   ========================================================= */

body .sedi-uno-left .elementor-widget-text-editor,
body .sedi-quattro-right .elementor-widget-text-editor {
    width: 100% !important;
    max-width: none !important;
}

body .sedi-uno-left .elementor-widget-text-editor p,
body .sedi-quattro-right .elementor-widget-text-editor p {
    margin: 0 !important;

    color: #0C2340 !important;
    font-family: "Libre Bodoni", serif !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 50px !important;
}

/* Parti verdi nel testo */
body .sedi-uno-left .elementor-widget-text-editor strong,
body .sedi-quattro-right .elementor-widget-text-editor strong {
    color: #6CC24A !important;
    font-weight: 700 !important;
}


/* =========================================================
   RIGA 1 - ROMA: TESTO SINISTRA / FOTO ALTA DESTRA
   ========================================================= */

body .sedi-uno {
    min-height: 670px !important;

    align-items: flex-start !important;
    justify-content: space-between !important;

    padding: 75px 0 0 !important;
}

body .sedi-uno-right {
    flex: 0 0 36% !important;
    width: 36% !important;
    max-width: 36% !important;

    margin: 0 !important;
    padding: 0 !important;
}

body .sedi-uno-right .elementor-widget-text-editor {
    width: 100% !important;
    max-width: 410px !important;

    margin: 0 !important;
}

body .sedi-quattro-right {
    flex: 0 0 56% !important;
    width: 56% !important;
    max-width: 56% !important;

    margin: 80px 0 0 !important;
    padding: 0 !important;
}


/* =========================================================
   RIGA 2 - FOTO GRANDE SINISTRA / TESTO DESTRA
   ========================================================= */

body .sedi-due {
    min-height: 490px !important;
    align-items: center !important;

    padding: 15px 0 0 !important;
}

body .sedi-due-left {
    flex: 0 0 63% !important;
    width: 63% !important;
    max-width: 63% !important;
}

body .sedi-due-right {
    flex: 0 0 29% !important;
    width: 29% !important;
    max-width: 29% !important;

    padding-left: 35px !important;
}

body .sedi-due-right .elementor-widget-text-editor {
    max-width: 235px !important;
}

/* =========================================================
   RIGA 3 - DUE FOTO ROMA SFALSATE
   ========================================================= */

body .sedi-tre {
    min-height: 650px !important;

    padding: 65px 0 95px !important;
}

body .sedi-tre-left {
    flex: 0 0 41% !important;
    width: 41% !important;
    max-width: 41% !important;

    margin-top: 105px !important;
}

body .sedi-tre-right {
    flex: 0 0 45% !important;
    width: 45% !important;
    max-width: 45% !important;
}

/* =========================================================
   RIGA 4 - BOLOGNA: FOTO SINISTRA / TESTO DESTRA
   ========================================================= */

body .sedi-quattro {
    width: 100% !important;
    max-width: 1200px !important;
    min-height: 620px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;

    margin: 0 auto !important;
    padding: 105px 0 35px !important;

    gap: 0 !important;
    box-sizing: border-box !important;
}

/* Foto */
body .sedi-quattro-left {
      flex-basis: 40% !important;
    width: 40% !important;
    max-width: 40% !important;

    margin: 0 !important;
    padding: 0 !important;
    margin-top: 85px !important;   
}

body .sedi-quattro-left .elementor-widget-image,
body .sedi-quattro-left .elementor-widget-image .elementor-widget-container,
body .sedi-quattro-left .elementor-widget-image img {
    width: 100% !important;
    max-width: none !important;
}

body .sedi-quattro-left .elementor-widget-image {
    margin: 0 !important;
}

body .sedi-quattro-left .elementor-widget-image img {
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: cover !important;
}

/* Colonna testo larga come nel Figma */
body .sedi-uno-left {
    flex: 0 0 43% !important;
    width: 43% !important;
    max-width: 43% !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;
}

body .sedi-uno-left .elementor-widget-text-editor {
    width: 100% !important;
    max-width: 520px !important;

    margin: 0 !important;
    padding: 0 !important;

    
}

body .sedi-uno-left .elementor-widget-text-editor p {
    margin: 0 !important;

    color: #0C2340 !important;
    font-family: "Libre Bodoni", serif !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 50px !important;
}

body .sedi-uno-left .elementor-widget-text-editor strong {
    color: #6CC24A !important;
    font-weight: 700 !important;
}

/* =========================================================
   TABLET - RIGA 4
   ========================================================= */

@media only screen and (max-width: 1024px) {

    body .sedi-quattro {
        min-height: 0 !important;
        padding: 80px 35px 50px !important;
    }

    body .sedi-quattro-left {
        flex-basis: 48% !important;
        width: 48% !important;
        max-width: 48% !important;
    }

    body .sedi-uno-left {
        flex-basis: 38% !important;
        width: 38% !important;
        max-width: 38% !important;

        padding-top: 15px !important;
    }

    body .sedi-uno-left .elementor-widget-text-editor p {
      
    }
}

/* =========================================================
   MOBILE - RIGA 4
   ========================================================= */

@media only screen and (max-width: 768px) {

    body .sedi-quattro {
        flex-direction: column !important;

        min-height: 0 !important;

        padding: 55px 22px 65px !important;
        gap: 30px !important;
    }

    body .sedi-quattro-left,
    body .sedi-quattro-right {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body .sedi-quattro-right {
        order: -1;
        align-items: flex-start !important;
    }

    body .sedi-quattro-right .elementor-widget-text-editor {
        max-width: none !important;
        text-align: left !important;
    }

    body .sedi-quattro-right .elementor-widget-text-editor p {
        font-size: 22px !important;
        line-height: 30px !important;
    }
}
/* =========================================================
   RIGA 5 - FOTO RIUNIONI CENTRALE/DESTRA
   ========================================================= */

body .sedi-cinque {
    min-height: 480px !important;
    justify-content: flex-end !important;

    padding: 15px 0 65px !important;
}

body .sedi-cinque-left {
    display: none !important;
}

body .sedi-cinque-right {
    flex: 0 0 70% !important;
    width: 70% !important;
    max-width: 70% !important;

    margin-right: 4% !important;
}

/* =========================================================
   RIGA 6 - FOTO GRANDE SINISTRA / TESTO PICCOLO DESTRA
   ========================================================= */

body .sedi-sei {
    min-height: 520px !important;
    align-items: center !important;

    padding: 35px 0 60px !important;
}

body .sedi-sei-left {
    flex: 0 0 63% !important;
    width: 63% !important;
    max-width: 63% !important;
}

body .sedi-sei-right {
    flex: 0 0 29% !important;
    width: 29% !important;
    max-width: 29% !important;

    padding-left: 35px !important;
}

body .sedi-sei-right .elementor-widget-text-editor {
    max-width: 230px !important;
}

/* =========================================================
   RIGA 7 - ULTIME DUE FOTO SFALSATE
   ========================================================= */

body .sedi-sette {
    min-height: 700px !important;

    padding: 50px 0 100px !important;
}

body .sedi-sette-left {
    flex: 0 0 42% !important;
    width: 42% !important;
    max-width: 42% !important;

    margin-top: 125px !important;
}

body .sedi-sette-right {
    flex: 0 0 43% !important;
    width: 43% !important;
    max-width: 43% !important;
}

/* =========================================================
   EVENTUALE RIGA 8
   ========================================================= */

body .sedi-otto {
    min-height: 600px !important;

    padding: 50px 0 100px !important;
}

body .sedi-otto-left {
    flex: 0 0 42% !important;
    width: 42% !important;
    max-width: 42% !important;
}

body .sedi-otto-right {
    flex: 0 0 43% !important;
    width: 43% !important;
    max-width: 43% !important;

    margin-top: 90px !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media only screen and (max-width: 1024px) {

    body .sedi-row {
        max-width: 900px !important;
        padding-left: 35px !important;
        padding-right: 35px !important;
    }

    body .sedi-uno {
        min-height: 570px !important;
    }

    body .sedi-uno-left .elementor-widget-text-editor p,
    body .sedi-quattro-right .elementor-widget-text-editor p {
        font-size: 18px;
    }

    body .sedi-due,
    body .sedi-sei {
        min-height: 410px !important;
    }

    body .sedi-tre,
    body .sedi-sette,
    body .sedi-otto {
        min-height: 570px !important;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media only screen and (max-width: 768px) {

    body .sedi-row {
        display: flex !important;
        flex-direction: column !important;

        min-height: 0 !important;

        padding: 0 22px 65px !important;
    }

    body .sedi-col,
    body .sedi-uno-left,
    body .sedi-uno-right,
    body .sedi-due-left,
    body .sedi-due-right,
    body .sedi-tre-left,
    body .sedi-tre-right,
    body .sedi-quattro-left,
    body .sedi-quattro-right,
    body .sedi-cinque-left,
    body .sedi-cinque-right,
    body .sedi-sei-left,
    body .sedi-sei-right,
    body .sedi-sette-left,
    body .sedi-sette-right,
    body .sedi-otto-left,
    body .sedi-otto-right {
        display: flex !important;

        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body .sedi-row .elementor-widget-text-editor {
        width: 100% !important;
        max-width: none !important;
    }

    body .sedi-row .elementor-widget-text-editor p {
        font-size: 14px;
    }

    body .sedi-uno-left .elementor-widget-text-editor p,
    body .sedi-quattro-right .elementor-widget-text-editor p {
        font-size: 20px;
    }

    /* Ordine mobile */
    body .sedi-uno {
        padding-top: 45px !important;
        gap: 35px !important;
    }

    body .sedi-due,
    body .sedi-tre,
    body .sedi-quattro,
    body .sedi-cinque,
    body .sedi-sei,
    body .sedi-sette,
    body .sedi-otto {
        gap: 30px !important;
    }

    body .sedi-quattro-right {
        order: -1;
        align-items: flex-start !important;
    }

    body .sedi-quattro-right .elementor-widget-text-editor {
        text-align: left !important;
    }
}


/* =========================================================
   SEDI - CONTENITORE GENERALE
   ========================================================= */

body .sedi-page {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;
    box-sizing: border-box !important;
}

/* Anche i wrapper Elementor devono essere bianchi */
body .sedi-page > .e-con-inner {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;
}

/* Area centrale della composizione */
body .sedi-page .sedi-row {
    width: calc(100% - 80px) !important;
    max-width: 1200px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    background: #ffffff !important;
}



/* =========================================================
   PAGINA STUDIO
   SFONDO BIANCO
   ========================================================= */

body.page-id-3411,
body.page-id-3411 #qodef-page-wrapper,
body.page-id-3411 #qodef-page-outer,
body.page-id-3411 #qodef-page-inner,
body.page-id-3411 #qodef-page-content,
body.page-id-3411 main {
    background: #ffffff !important;
}

/* =========================================================
   STUDIO - INTRO
   PAGINA ID 3411
   DESKTOP - FIGMA
   ========================================================= */

@media only screen and (min-width: 1025px) {

    body.page-id-3411 .studio-intro {
         width: 100% !important;
    max-width: 1240px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;

    /* NON space-between */
    justify-content: flex-start !important;

    margin: 0 auto !important;
     /* MOLTO meno spazio verticale */
        padding: 75px 0 40px !important;

        gap: 75px !important;

        box-sizing: border-box !important;
    }


    /* =========================
       COLONNA TESTO
       ========================= */

    body.page-id-3411 .studio-intro-left {
         flex: 0 0 550px !important;

    width: 550px !important;
    max-width: 550px !important;

    margin: 0 !important;
     /* testo centrato circa rispetto alla foto */
        padding: 150px 0 0 !important;
    }


    /* Titolo LO STUDIO */
    body.page-id-3411
    .studio-intro-left
    .qodef-custom-font {

        margin: 0 0 28px !important;

        color: #2b1515 !important;

        font-family: "Libre Bodoni", serif !important;
        font-size: 44px !important;
        font-weight: 400 !important;
        line-height: 1.05 !important;
    }


    /* =========================
       TESTO
       ========================= */

    body.page-id-3411
    .studio-intro-left
    .elementor-widget-text-editor {
 width: 100% !important;
    max-width: 550px !important;

    margin: 0 !important;
    padding: 0 !important;
    }

    body.page-id-3411
    .studio-intro-left
    .elementor-widget-text-editor p {

        margin: 0 !important;

        color: #7f7f7f !important;

        font-family: "Poppins", sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.55 !important;
    }


    /* =========================
       COLONNA FOTO
       ========================= */

    body.page-id-3411 .studio-intro-right {
        flex: 0 0 610px !important;

        width: 610px !important;
        max-width: 610px !important;

        min-height: 680px !important;

        margin: 0 !important;
        padding: 0 !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }


    /* Nel caso dentro venga usato un widget immagine */
    body.page-id-3411 .studio-intro-right .elementor-widget-image,
    body.page-id-3411 .studio-intro-right .elementor-widget-image .elementor-widget-container,
    body.page-id-3411 .studio-intro-right .elementor-widget-image img {

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-3411 .studio-intro-right img {
        display: block !important;

        width: 100% !important;
        height: 680px !important;

        object-fit: cover !important;
        object-position: center center !important;
    }

}


/* togliere padding */
body.page-id-3411 .elementor-element-68d25ac.e-con-full {
    padding-block-end: 30px !important;
    padding-block-start: 30px !important;
    
}
/* =========================================================
   STUDIO - SEZIONE 2
   IMMAGINE SINISTRA / TESTO DESTRA
   PAGINA ID 3411
   ========================================================= */

body.page-id-3411 .studio-due {
    width: 100% !important;
    max-width: 1240px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    margin: 0 auto !important;
    padding: 40px 0 80px !important;

    gap: 80px !important;
    box-sizing: border-box !important;
}



/* Colonna immagine */
body.page-id-3411 .studio-due-left {
    flex: 0 0 360px !important;
    width: 360px !important;
    max-width: 360px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Colonna testo */
body.page-id-3411 .studio-due-right {
    flex: 0 0 700px !important;
    width: 700px !important;
    max-width: 700px !important;

    margin: 0 !important;
    padding: 105px 0 0 !important;
}

/* Elimina eventuali limiti Elementor interni */
body.page-id-3411 .studio-due-left > .e-con-inner,
body.page-id-3411 .studio-due-right > .e-con-inner {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Immagine */
body.page-id-3411 .studio-due-left .elementor-widget-image,
body.page-id-3411
.studio-due-left
.elementor-widget-image
.elementor-widget-container,
body.page-id-3411 .studio-due-left .elementor-widget-image img {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-3411 .studio-due-left .elementor-widget-image img {
    display: block !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Blocco testo */
body.page-id-3411
.studio-due-right
.elementor-widget-text-editor {
    width: 100% !important;
    max-width: 700px !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-3411
.studio-due-right
.elementor-widget-text-editor p {
    margin: 0 0 24px !important;

    color: #0c2340 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

body.page-id-3411
.studio-due-right
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0 !important;
}

body.page-id-3411
.studio-due-right
.elementor-widget-text-editor strong {
    color: #0c2340 !important;
    font-weight: 600 !important;
}
/* =========================================================
   TABLET
   ========================================================= */

@media only screen and (max-width: 1024px) {

    body.page-id-3411 .studio-due {
        padding: 60px 40px 85px !important;
        gap: 55px !important;
    }

    body.page-id-3411 .studio-due-left {
        flex-basis: 38% !important;
        width: 38% !important;
        max-width: 38% !important;
    }

    body.page-id-3411 .studio-due-right {
        flex-basis: 56% !important;
        width: 56% !important;
        max-width: 56% !important;

        padding-top: 35px !important;
    }

    body.page-id-3411
    .studio-due-right
    .elementor-widget-text-editor p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media only screen and (max-width: 768px) {

    body.page-id-3411 .studio-due {
        flex-direction: column !important;

        padding: 45px 24px 65px !important;
        gap: 35px !important;
    }

    body.page-id-3411 .studio-due-left,
    body.page-id-3411 .studio-due-right {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-3411
    .studio-due-right
    .elementor-widget-text-editor {
        max-width: none !important;
    }

    body.page-id-3411
    .studio-due-right
    .elementor-widget-text-editor p {
        margin-bottom: 22px !important;

        font-size: 15px !important;
        line-height: 1.65 !important;
    }
}
/* =========================================================
   STUDIO - ICONE PNG BIANCHE SU HOVER
   ========================================================= */

/* transizione */
body.page-id-3411 .qodef-icon-with-text .qodef-m-icon-wrapper img {
    transition: filter 0.3s ease !important;
}

/* icona della MASK hover -> bianca */
body.page-id-3411
.qodef-icon-with-text
.qodef-mask
.qodef-m-icon-wrapper img {
    filter: brightness(0) invert(1) !important;
}

/* =========================================================
   GUERINI - HOME MOBILE
   Titoli grafici Figma
   ========================================================= */

/* Desktop / tablet: i titoli mobile non esistono */
.home-mobile-title{
    display:none !important;
}


@media only screen and (max-width: 767px){

    /* =====================================================
       STRUTTURA GENERALE HOME
       ===================================================== */

    .qodef-horizontal-showcase,
    .qodef-horizontal-showcase .qodef-m-items,
    .qodef-horizontal-showcase .qodef-horizontal-slide,
    .qodef-horizontal-showcase .qodef-slide-content,
    .qodef-horizontal-showcase .qodef-e-item-content{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        height:auto !important;
    }


    /* =====================================================
       TITOLI MOBILE - REGOLA COMUNE
       ===================================================== */

    .home-mobile-title{
        display:block !important;
        position:absolute !important;
        z-index:2 !important;

        margin:0 !important;
        padding:0 !important;

        pointer-events:none !important;
    }

    .home-mobile-title .elementor-widget-container{
        margin:0 !important;
        padding:0 !important;
    }

    .home-mobile-title img{
        display:block !important;
        width:100% !important;
        height:auto !important;
        max-width:none !important;
        margin:0 !important;
    }


    /* =====================================================
       HERO - TEMPLATE 654
       ===================================================== */

    .elementor-654 .elementor-element-9fb32b3{
        position:relative !important;

        min-height:820px !important;

        padding:0 30px 42px !important;

        display:flex !important;
        flex-direction:column !important;
        justify-content:flex-end !important;

        background-size:cover !important;
        background-position:44% center !important;
    }

    /* virgola */
    .elementor-654 .elementor-element-214480a{
        top:auto !important;
        bottom:280px !important;
        left:30px !important;

        width:72px !important;
        max-width:72px !important;
    }

    .elementor-654 .elementor-element-214480a img{
        width:72px !important;
        height:auto !important;
    }

    /* frase */
    .elementor-654 .elementor-element-3cd1604{
        width:100% !important;
        max-width:325px !important;

        margin:0 0 27px !important;
    }

    .elementor-654
    .elementor-element-3cd1604
    .qodef-custom-font{
        font-size:22px !important;
        line-height:1.18 !important;
        font-weight:300 !important;
    }

    /* Tommaso Guerini */
    .elementor-654 .elementor-element-625977c{
        width:100% !important;
        margin:0 !important;
    }

    .elementor-654
    .elementor-element-625977c
    .qodef-custom-font{
        font-size:31px !important;
        line-height:1 !important;
    }

    /* scroll for more */
    .qodef-first-item .qodef-e-action{
        display:none !important;
    }


    /* =====================================================
       LO STUDIO - TEMPLATE 676
       ===================================================== */

    .elementor-676{
        position:relative !important;
        overflow:hidden !important;
    }

    .elementor-676 .home-mobile-title-studio{
        top:18px !important;
        left:0 !important;

        width:185px !important;
    }


    /* =====================================================
       PROFESSIONISTI - TEMPLATE 3258
       ===================================================== */

    .elementor-3258{
        position:relative !important;
        overflow:hidden !important;
    }

    .elementor-3258 .home-mobile-title-professionisti{
        left:0 !important;
        bottom:24px !important;

        width:285px !important;
    }


    /* =====================================================
       EXPERTISE - TEMPLATE 3285
       ===================================================== */

    .elementor-3285{
        position:relative !important;
        overflow:hidden !important;
    }

    .elementor-3285 .home-mobile-title-expertise{
        top:22px !important;
        left:0 !important;

        width:225px !important;
    }


    /* =====================================================
       OSSERVATORIO - TEMPLATE 3299
       ===================================================== */

    .elementor-3299{
        position:relative !important;
        overflow:hidden !important;
    }

    .elementor-3299 .home-mobile-title-osservatorio{
        top:26px !important;
        left:0 !important;

        width:275px !important;
    }


    /* =====================================================
       SEDI - TEMPLATE 3365
       ===================================================== */

    .elementor-3365{
        position:relative !important;
        overflow:hidden !important;
    }

    .elementor-3365 .home-mobile-title-sedi{
        top:22px !important;
        right:0 !important;
        left:auto !important;

        width:150px !important;
    }

}
/* =========================================================
   EXPERTISE — CONTENUTO TEMPLATE ELEMENTOR
   ========================================================= */

/* area contenuto del template */
.qodef-horizontal-accordion-showcase
.qodef-m-content .elementor {
    width: 100% !important;
      padding-left: 45px !important;
    box-sizing: border-box !important;
}

/* contenitore interno */
.qodef-horizontal-accordion-showcase
.qodef-m-content .elementor-section,
.qodef-horizontal-accordion-showcase
.qodef-m-content .e-con {
    width: 100% !important;
    max-width: 100% !important;
}



/* =========================================================
   EXPERTISE — TEMPLATE: UN SOLO WIDGET TESTO
   ========================================================= */

.qodef-horizontal-accordion-showcase
.qodef-m-content .elementor {
    padding-left: 45px !important;
    box-sizing: border-box !important;
}

/* widget testo */
.qodef-horizontal-accordion-showcase
.elementor-widget-text-editor {
    margin: 0 !important;
    color: #fff !important;
    font-family: Poppins, sans-serif !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 1.6 !important;
}

/* TITOLO */
.qodef-horizontal-accordion-showcase
.elementor-widget-text-editor .expertise-title {
    margin: 0 0 3px !important;

    color: #fff !important;
    font-size: 27px !important;
    line-height: 1.15 !important;
    font-weight: 400 !important;
}

/* SOTTOTITOLO */
.qodef-horizontal-accordion-showcase
.elementor-widget-text-editor .expertise-lead {
    display: block !important;
    margin: 0 0 25px !important;

    color: #fff !important;
    font-size: 19px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    font-style: italic !important;
}

/* PARAGRAFI */
.qodef-horizontal-accordion-showcase
.elementor-widget-text-editor p {
    margin: 0 0 18px !important;
}

/* BOLD */
.qodef-horizontal-accordion-showcase
.elementor-widget-text-editor strong {
    color: #fff !important;
    font-weight: 600 !important;
}

/* =========================================================
   POSIZIONAMENTO CONTENUTO
   ========================================================= */

.qodef-horizontal-accordion-showcase
.qodef-m-content-inner {
    align-items: flex-start !important;
}

.qodef-horizontal-accordion-showcase
.qodef-m-content-left {
    padding-top: 0 !important;
}

.qodef-horizontal-accordion-showcase
.qodef-m-content-left-top,
.qodef-horizontal-accordion-showcase
.qodef-m-content-left-bottom {
    margin: 0 !important;
    padding: 0 !important;
}

/* evita larghezza eccessiva del testo */
.qodef-horizontal-accordion-showcase
.qodef-m-content-left {
    max-width: 1050px !important;
}

/* =========================================================
   SPAZIATURE
   ========================================================= */

.qodef-horizontal-accordion-showcase
.elementor-widget-text-editor br + br {
    line-height: 1.2 !important;
}
/* =========================================================
   HOME - LO STUDIO MOBILE
   Template Elementor 676
   ========================================================= */

@media only screen and (max-width: 767px){

    /* =====================================================
       SLIDE DICTUM CHE CONTIENE LO STUDIO
       ===================================================== */

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-676){
        display: block !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-676)
    .qodef-slide-content{
        display: block !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       FOTO RAKETA SOPRA LO STUDIO
       ===================================================== */

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-676)
    .qodef-e-item-intro-image{
        position: relative !important;

        display: block !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: 620px !important;
        min-height: 620px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-676)
    .qodef-e-item-intro-image img{
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        display: block !important;

        width: 100% !important;
        max-width: none !important;
        height: 100% !important;

        margin: 0 !important;

        object-fit: cover !important;
        object-position: center center !important;

        transform: none !important;
    }


    /* =====================================================
       CONTENUTO ELEMENTOR
       ===================================================== */

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-676)
    .qodef-e-item-content{
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       SEZIONE BLU
       ===================================================== */

    .elementor-676{
        position: relative !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        background: #0c2d50 !important;
    }


    /* =====================================================
       CONTAINER PRINCIPALE
       ===================================================== */

    .elementor-676 .studio-inner{
        position: relative !important;

        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #0c2d50 !important;

        overflow: hidden !important;
    }


    /* =====================================================
       NASCONDI STUDIO VERTICALE DESKTOP
       ===================================================== */

    .elementor-676
    .elementor-element-5d4accb{
        display: none !important;
    }


    /* =====================================================
       BLOCCO TESTI
       Parte DOPO il titolo grafico
       ===================================================== */

    .elementor-676
    .elementor-element-11dad65{
        position: relative !important;
        z-index: 3 !important;

        width: 100% !important;
        max-width: none !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        margin: 0 !important;

        padding:
			255px
			28px
			55px
			28px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TITOLO TESTUALE
       ===================================================== */

    .elementor-676
    .elementor-element-d79bff3{
        width: 100% !important;
        max-width: 330px !important;

        margin: 0 0 0px !important;
    }

    .elementor-676
    .elementor-element-d79bff3
    .qodef-custom-font{
        font-size: 23px !important;
        line-height: 1.08 !important;
        font-weight: 400 !important;

        margin: 0 !important;
      margin-top: 44px !important;
    }


    /* =====================================================
       TESTO DESCRITTIVO
       ===================================================== */

    .elementor-676
    .elementor-element-8a2c7e3{
        width: 100% !important;
        max-width: 325px !important;

        margin: 0 0 28px !important;
    }

    .elementor-676
    .elementor-element-8a2c7e3
    .qodef-custom-font{
        font-size: 13px !important;
        line-height: 1.45 !important;
        font-weight: 400 !important;
    }


    /* =====================================================
       BOTTONE
       ===================================================== */

    .elementor-676
    .elementor-element-7c0ea4d{
        margin: 0 !important;
    }

    .elementor-676
    .elementor-element-7c0ea4d
    .qodef-button{
        min-width: 0 !important;

        padding: 10px 20px !important;

        background: #fff !important;
        color: #0c2340 !important;

        border: 0 !important;
    }

    .elementor-676
    .elementor-element-7c0ea4d
    .qodef-m-text{
        font-size: 13px !important;
        line-height: 1 !important;
    }


    /* =====================================================
       CONTAINER PNG LO STUDIO
       ===================================================== */

    .elementor-676
    .elementor-element-c9bcab8{
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 1 !important;

        pointer-events: none !important;
    }

    .elementor-676
    .elementor-element-c9bcab8
    > .e-con-inner{
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }


/* =====================================================
   PNG LO STUDIO MOBILE - DIMENSIONE DEFINITIVA
   ===================================================== */

.elementor-676 .home-mobile-title-studio{
    position: absolute !important;
    top: 32px !important;
    left: 22px !important;

    width: 185px !important;
    max-width: 185px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-676 .home-mobile-title-studio
.elementor-widget-container{
    width: 185px !important;
    max-width: 185px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-676 .home-mobile-title-studio img{
    display: block !important;

    width: 185px !important;
    max-width: 185px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

}


/* =========================================================
   HOME - PROFESSIONISTI MOBILE
   Template Elementor 3258
   ========================================================= */

@media only screen and (max-width: 767px){

    /* =====================================================
       SLIDE DICTUM CHE CONTIENE PROFESSIONISTI
       ===================================================== */

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3258){
        display: block !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3258)
    .qodef-slide-content{
        display: block !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       FOTO SOPRA PROFESSIONISTI
       home-foto3-1.jpg
       ===================================================== */

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3258)
    .qodef-e-item-intro-image{
        position: relative !important;

        display: block !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: 620px !important;
        min-height: 620px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3258)
    .qodef-e-item-intro-image img{
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        display: block !important;

        width: 100% !important;
        max-width: none !important;
        height: 100% !important;

        margin: 0 !important;

        object-fit: cover !important;
        object-position: center center !important;

        transform: none !important;
    }


    /* =====================================================
       CONTENUTO ELEMENTOR
       ===================================================== */

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3258)
    .qodef-e-item-content{
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       SEZIONE BLU
       ===================================================== */

    .elementor-3258{
        position: relative !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        background: #00599b !important;
    }


    /* =====================================================
       CONTAINER PRINCIPALE
       ===================================================== */

    .elementor-3258
    .elementor-element-b2dec45{
        position: relative !important;

        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    /* =====================================================
       NASCONDI TITOLO DESKTOP
       PROFESSIONISTI-1.png
       ===================================================== */

    .elementor-3258
    .elementor-element-5d4accb{
        display: none !important;
    }


    /* =====================================================
       BLOCCO TESTI
       ===================================================== */
.elementor-3258
.elementor-element-11dad65{
    position: relative !important;
    z-index: 3 !important;

    width: 100% !important;
    max-width: none !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    margin: 0 !important;

    padding:
        300px
        28px
        55px
        28px !important;

    box-sizing: border-box !important;
}


    /* =====================================================
       TITOLO TESTUALE
       ===================================================== */

    .elementor-3258
    .elementor-element-d79bff3{
        width: 100% !important;
        max-width: 330px !important;

        margin: 0 0 0px !important;
    }

    .elementor-3258
    .elementor-element-d79bff3
    .qodef-custom-font{
        font-size: 23px !important;
        line-height: 1.08 !important;
        font-weight: 400 !important;

        margin: 0 !important;
    }


    /* =====================================================
       TESTO DESCRITTIVO
       ===================================================== */

    .elementor-3258
    .elementor-element-b2519b7{
        width: 100% !important;
        max-width: 325px !important;

        margin: 0 0 28px !important;
    }

    .elementor-3258
    .elementor-element-b2519b7
    .qodef-custom-font{
        font-family: "Poppins", sans-serif !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
        font-weight: 400 !important;
    }


    /* =====================================================
       BOTTONE
       ===================================================== */

    .elementor-3258
    .elementor-element-7c0ea4d{
        margin: 0 !important;
    }

    .elementor-3258
    .elementor-element-7c0ea4d
    .qodef-button{
        min-width: 0 !important;

        padding: 10px 20px !important;

        background: #fff !important;
        color: #0c2340 !important;

        border: 0 !important;
    }

    .elementor-3258
    .elementor-element-7c0ea4d
    .qodef-m-text{
        font-size: 13px !important;
        line-height: 1 !important;
    }


    /* =====================================================
       CONTAINER PNG PROFESSIONISTI MOBILE
       ===================================================== */

    .elementor-3258
    .elementor-element-92c615f{
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 1 !important;

        pointer-events: none !important;
    }

    .elementor-3258
    .elementor-element-92c615f
    > .e-con-inner{
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       PNG PROFESSIONISTI
       ===================================================== */

    .elementor-3258
    .home-mobile-title-professionisti{
     display: block !important;
    position: absolute !important;

    top: 20px !important;
    left: 28px !important;

    width: 190px !important;

    margin: 0 !important;
    padding: 0 !important;
    }

    .elementor-3258
    .home-mobile-title-professionisti img{
        display: block !important;

    width: 190px !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;
    }

}

/* =========================================================
   HOME - EXPERTISE MOBILE
   Template Elementor 3285
   ========================================================= */

@media only screen and (max-width: 767px){

    /* =====================================================
       SLIDE DICTUM CHE CONTIENE EXPERTISE
       ===================================================== */

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3285){
        display: block !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3285)
    .qodef-slide-content{
        display: block !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       FOTO SOPRA EXPERTISE
       home-foto4-1.jpg
       ===================================================== */

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3285)
    .qodef-e-item-intro-image{
        position: relative !important;

        display: block !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: 430px !important;
        min-height: 430px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3285)
    .qodef-e-item-intro-image img{
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        display: block !important;

        width: 100% !important;
        max-width: none !important;
        height: 100% !important;

        margin: 0 !important;

        object-fit: cover !important;
        object-position: center center !important;

        transform: none !important;
    }


    /* =====================================================
       CONTENUTO ELEMENTOR
       ===================================================== */

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3285)
    .qodef-e-item-content{
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       SEZIONE AZZURRA
       ===================================================== */

    .elementor-3285{
        position: relative !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    .elementor-3285 .expertise-inner{
        position: relative !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    /* =====================================================
       NASCONDI VECCHIO EXPERTISE VERTICALE DESKTOP
       expertise.png
       ===================================================== */

    .elementor-3285
    .expertise-title-image{
        display: none !important;
    }


    /* =====================================================
       PNG EXPERTISE MOBILE
       Container esterno
       ===================================================== */

    .elementor-3285
    .elementor-element-d0bef59{
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 2 !important;

        pointer-events: none !important;
    }

    .elementor-3285
    .elementor-element-d0bef59
    > .e-con-inner{
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* PNG EXPERTISE */

    .elementor-3285
    .home-mobile-title-expertise{
        display: block !important;

        position: absolute !important;

        top: 20px !important;
        left: 28px !important;

        width: 195px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-3285
    .home-mobile-title-expertise img{
        display: block !important;

        width: 195px !important;
        max-width: none !important;
        height: auto !important;

        margin: 0 !important;
    }


    /* =====================================================
       BLOCCO INTRO
       "Tre fasi connesse..."
       ===================================================== */

    .elementor-3285
    .elementor-element-0d97418,
    .elementor-3285
    .elementor-element-89b9d0a,
    .elementor-3285
    .elementor-element-e3be123{
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }

    .elementor-3285
    .elementor-element-0d97418{
        padding:
            285px
            28px
            0
            28px !important;
    }

    .elementor-3285
    .elementor-element-89b9d0a,
    .elementor-3285
    .elementor-element-e3be123{
        padding: 0 !important;
    }


    /* Titolo intro */

    .elementor-3285
    .elementor-element-b050bc7{
        width: 100% !important;
        max-width: 310px !important;

        margin: 0 0 32px !important;
    }

    .elementor-3285
    .elementor-element-b050bc7
    .qodef-custom-font{
        font-family: "Poppins", sans-serif !important;
        font-size: 25px !important;
        line-height: 1.15 !important;
        font-weight: 400 !important;

        margin: 0 !important;
    }


    /* Testo intro */

    .elementor-3285
    .elementor-element-c5d29ce{
        width: 100% !important;
        max-width: 325px !important;

        margin: 0 0 20px !important;
    }

    .elementor-3285
    .elementor-element-c5d29ce p{
        margin: 0 !important;

        font-family: "Poppins", sans-serif !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }


    /* Approfondisci */

    .elementor-3285
    .elementor-element-db43a25{
        margin: 0 0 45px !important;
    }

    .elementor-3285
    .elementor-element-db43a25
    .qodef-button{
        font-size: 13px !important;
    }


    /* =====================================================
       TRE FASI
       Reset completo della struttura desktop
       ===================================================== */

    .elementor-3285
    .expertise-prevenzione,

    .elementor-3285
    .expertise-indagini,

    .elementor-3285
    .expertise-processo{
        position: relative !important;

        width: 100% !important;
        max-width: none !important;

        min-height: 0 !important;
        height: auto !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 28px 42px !important;

        transform: none !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /* Parent dei box 2 + 3 */

    .elementor-3285
    .elementor-element-781b8f2{
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }


/* =====================================================
   PATTERN - SEMPRE VISIBILI SU MOBILE
   ===================================================== */

.elementor-3285 .expertise-prevenzione > .expertise-pattern,
.elementor-3285 .expertise-indagini > .expertise-pattern,
.elementor-3285 .expertise-processo > .expertise-pattern{
    display: block !important;

    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    opacity: 1 !important;
    visibility: visible !important;

    z-index: 2 !important;
    pointer-events: none !important;
}

.elementor-3285 .expertise-prevenzione > .expertise-pattern img,
.elementor-3285 .expertise-indagini > .expertise-pattern img,
.elementor-3285 .expertise-processo > .expertise-pattern img{
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    opacity: 1 !important;
}

/* Testi SOPRA al pattern */
.elementor-3285 .expertise-titolo{
    position: relative !important;
    z-index: 3 !important;
}

.elementor-3285 .expertise-descrizione{
    position: relative !important;
    z-index: 4 !important;
}

    /* =====================================================
       TITOLI 1 / 2 / 3
       ===================================================== */

    .elementor-3285
    .expertise-titolo{
        position: relative !important;

        width: 100% !important;

        margin: 0 0 14px !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
    }

    .elementor-3285
    .expertise-titolo h3{
        margin: 0 !important;

        color: #0c2340 !important;

        font-family: "Poppins", sans-serif !important;
        font-size: 22px !important;
        font-weight: 400 !important;
        line-height: 1.22 !important;
    }


    /* =====================================================
       DESCRIZIONI
       Sempre visibili su mobile
       ===================================================== */

    .elementor-3285
    .expertise-prevenzione
    > .expertise-descrizione,

    .elementor-3285
    .expertise-indagini
    > .expertise-descrizione,

    .elementor-3285
    .expertise-processo
    > .expertise-descrizione{
        position: relative !important;

        width: 100% !important;
        max-width: 315px !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: none !important;
    }

    .elementor-3285
    .expertise-descrizione
    .expertise-box-info{
        color: #0c2340 !important;

        font-family: "Poppins", sans-serif !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.5 !important;
    }

    .elementor-3285
    .expertise-descrizione
    .expertise-box-info p{
        margin: 0 !important;
    }


    /* Link dei singoli box */

    .elementor-3285
    .expertise-descrizione
    .expertise-box-btn{
        margin-top: 14px !important;
    }

    .elementor-3285
    .expertise-descrizione
    .expertise-box-btn a{
        color: #0c2340 !important;

        font-family: "Poppins", sans-serif !important;
        font-size: 13px !important;
        font-weight: 500 !important;

        text-decoration: none !important;
    }

/* =====================================================
   TRE BOX - ALLINEAMENTO E SPAZIATURE MOBILE
   ===================================================== */

.elementor-3285 .expertise-prevenzione,
.elementor-3285 .expertise-indagini,
.elementor-3285 .expertise-processo{
    padding-left: 38px !important;
    padding-right: 28px !important;
}


/* BOX 1 */
.elementor-3285 .expertise-prevenzione{
    padding-top: 28px !important;
    padding-bottom: 18px !important;
}

/* BOX 2 */
.elementor-3285 .expertise-indagini{
    padding-top: 0 !important;
    padding-bottom: 18px !important;
}

/* BOX 3 */
.elementor-3285 .expertise-processo{
    padding-top: 0 !important;
    padding-bottom: 34px !important;
}

/* Titoli */
.elementor-3285 .expertise-titolo{
    margin: 0 0 10px !important;
}

/* Descrizioni */
.elementor-3285 .expertise-descrizione{
    margin: 0 !important;
}
 /* =====================================================
   EXPERTISE MOBILE - ALLINEAMENTO TITOLI
   ===================================================== */

.elementor-3285 .expertise-prevenzione,
.elementor-3285 .expertise-indagini,
.elementor-3285 .expertise-processo{
    padding-left: 38px !important;
    padding-right: 28px !important;
}


/* widget titolo */
.elementor-3285 .expertise-titolo{
    position: relative !important;

    left: 0 !important;
    right: auto !important;

    width: 100% !important;
    max-width: 315px !important;

    margin: 0 0 10px 0 !important;
    padding: 0 !important;

    transform: none !important;
}


/* wrapper Elementor */
.elementor-3285 .expertise-titolo
.elementor-widget-container{
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
}


/* wrapper Dictum */
.elementor-3285 .expertise-titolo
.qodef-custom-font-holder{
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    left: 0 !important;
    transform: none !important;
}


/* H3 vero */
.elementor-3285 .expertise-titolo
.qodef-custom-font{
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    left: 0 !important;
    transform: none !important;

    text-align: left !important;
}
}

/* =========================================================
   HOME - OSSERVATORIO MOBILE
   Template Elementor 3299
   ========================================================= */

@media only screen and (max-width: 767px){

    /* =====================================================
       SLIDE DICTUM
       ===================================================== */

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3299){
        display: block !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3299)
    .qodef-slide-content{
        display: block !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       FOTO SOPRA OSSERVATORIO
       home-foto5-1.jpg
       ===================================================== */

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3299)
    .qodef-e-item-intro-image{
        position: relative !important;

        display: block !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: 430px !important;
        min-height: 430px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3299)
    .qodef-e-item-intro-image img{
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        display: block !important;

        width: 100% !important;
        max-width: none !important;
        height: 100% !important;

        margin: 0 !important;

        object-fit: cover !important;
        object-position: center center !important;

        transform: none !important;
    }


    /* =====================================================
       CONTENUTO ELEMENTOR
       ===================================================== */

    .qodef-horizontal-showcase
    .qodef-horizontal-slide:has(.elementor-3299)
    .qodef-e-item-content{
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       SEZIONE VERDE
       ===================================================== */

    .elementor-3299{
        position: relative !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    /* =====================================================
       CONTAINER PRINCIPALE
       ===================================================== */

    .elementor-3299
    .elementor-element-261a83d{
        position: relative !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    /* =====================================================
       NASCONDI TITOLO DESKTOP
       OSSERVATORIO.png
       ===================================================== */

    .elementor-3299
    .elementor-element-4c3484f{
        display: none !important;
    }


    /* =====================================================
       CONTAINER PNG MOBILE
       ===================================================== */

    .elementor-3299
    .elementor-element-3e018e2{
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 2 !important;

        pointer-events: none !important;
    }

    .elementor-3299
    .elementor-element-3e018e2
    > .e-con-inner{
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       PNG OSSERVATORIO
       ===================================================== */

    .elementor-3299
    .home-mobile-title-osservatorio{
        display: block !important;

        position: absolute !important;

         top: 18px !important;
       left: 28px !important;
       width: 240px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-3299
    .home-mobile-title-osservatorio img{
        display: block !important;

        width: 240px !important;
        max-width: none !important;
        height: auto !important;

        margin: 0 !important;
    }


    /* =====================================================
       BLOCCO CONTENUTI
       ===================================================== */

    .elementor-3299
    .elementor-element-b792473{
        display: block !important;

        width: 100% !important;

        margin: 0 !important;

          padding:
        285px
        28px
        42px
        28px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       INTRO OSSERVATORIO
       ===================================================== */

    .elementor-3299
    .elementor-element-7c75231{
        display: none !important;
    }

    .elementor-3299
    .elementor-element-2fe9b81{
        width: 100% !important;

        margin: 0 0 34px !important;
        padding: 0 !important;
    }

    .elementor-3299
    .elementor-element-6ca02b3,
    .elementor-3299
    .elementor-element-ef98e7b{
        width: 100% !important;
        max-width: 325px !important;

          margin: 0 0 18px !important;
    }

    .elementor-3299
    .elementor-element-6ca02b3 p,
    .elementor-3299
    .elementor-element-ef98e7b p{
        margin: 0 !important;

        font-family: "Poppins", sans-serif !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;
    }


    /* bottone Osservatorio */

    .elementor-3299
    .elementor-element-db43a25{
        margin-top: 6px !important;
    }

    .elementor-3299
    .elementor-element-db43a25
    .qodef-button{
        min-width: 0 !important;

        padding: 10px 20px !important;

        background: #fff !important;
        color: #0c2340 !important;

        border: 0 !important;
    }


    /* =====================================================
       PUBBLICAZIONI
       ===================================================== */

    .elementor-3299
    .elementor-element-cb136f3{
        width: 100% !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-3299
    .osservatorio-item{
        width: 100% !important;

        margin: 0 !important;
         padding: 24px 0 !important;

        box-sizing: border-box !important;
    }


    /* titolo pubblicazione */

    .elementor-3299
    .publication-title,
    .elementor-3299
    .publication-title .elementor-heading-title{
        font-size: 18px !important;
        line-height: 1.25 !important;
        font-weight: 400 !important;

        margin: 0 0 6px !important;
    }


    /* autore */

    .elementor-3299
    .publication-author,
    .elementor-3299
    .publication-author p{
        font-family: "Libre Bodoni", serif !important;
        font-size: 13px !important;
        line-height: 1.35 !important;

        margin: 0 0 8px !important;
    }


    /* descrizione */

    .elementor-3299
    .publication-text,
    .elementor-3299
    .publication-text p,
    .elementor-3299
    .publication-text span{
        font-family: "Poppins", sans-serif !important;
        font-size: 13px !important;
        line-height: 1.5 !important;

        margin: 0 !important;
    }


    /* Approfondisci */

    .elementor-3299
    .publication-link,
    .elementor-3299
    .publication-link .qodef-m-text{
        font-size: 13px !important;
    }

    .elementor-3299
    .publication-link{
        margin-top: 14px !important;
    }


    /* separatore */
    .elementor-3299
    .osservatorio-item + .osservatorio-item{
        border-top: 2px dashed rgba(12,35,64,.25) !important;

         padding-top: 26px !important;
    }

}
/* =========================================================
   HOME - SEDI MOBILE
   ========================================================= */

@media only screen and (max-width: 767px) {

    /* =====================================================
       1. VECCHIO SEDE DESKTOP - NASCOSTO
       ===================================================== */

    .elementor-3365
    .elementor-element-5f63537 {
        display: none !important;
    }


    /* =====================================================
       2. NUOVO SEDI MOBILE - SOPRA
       ===================================================== */

    .elementor-3365 {
        position: relative !important;
    }

    .elementor-3365
    .elementor-element-a2490da {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 10 !important;

        pointer-events: none !important;
    }

    .elementor-3365
    .elementor-element-a2490da
    > .e-con-inner {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

.elementor-3365
.home-mobile-title-sedi {
    display: block !important;

    position: absolute !important;

    top: 12px !important;
    left: 50% !important;

    width: 200px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateX(-50%) !important;
}

.elementor-3365
.home-mobile-title-sedi img {
    display: block !important;

    width: 200px !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;
}


    /* =====================================================
       3. STRUTTURA PRINCIPALE
       ===================================================== */

    .elementor-3365
    .elementor-element-57ab214,

    .elementor-3365
    .elementor-element-0d97418,

    .elementor-3365
    .elementor-element-b72b314 {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;

        padding-left: 28px !important;
        padding-right: 28px !important;

        box-sizing: border-box !important;
    }

    /* spazio riservato al titolo SEDI */
    .elementor-3365
    .elementor-element-57ab214 {
        padding-top: 285px !important;
    }


   /* =====================================================
   4. TITOLO INTRO
   ===================================================== */

.elementor-3365
.elementor-element-112d4e5 {
    width: 100% !important;
    margin: 0 0 32px !important;
    padding: 0 !important;

    display: flex !important;
    justify-content: center !important;
}

.elementor-3365
.elementor-element-112d4e5 * {
    text-align: center !important;
}

/* =========================================================
   TESTO INTRO - "Lo studio legale..."
   ========================================================= */

.elementor-3365
.elementor-element-d4186d2,
.elementor-3365
.elementor-element-d4186d2 .elementor-heading-title {
    width: 100% !important;
    max-width: 300px !important;

    margin: 0 auto !important;

    font-size: 22px !important;
    line-height: 1.15 !important;

    text-align: center !important;
}


/* =========================================================
   TESTO CENTRALE - "Le due sedi..."
   ========================================================= */

.elementor-3365
.elementor-element-925e42f,
.elementor-3365
.elementor-element-925e42f .elementor-heading-title {
    width: 100% !important;
    max-width: 300px !important;

    margin: 0 auto !important;

    font-size: 22px !important;
    line-height: 1.15 !important;

    text-align: center !important;
}

    /* =====================================================
       5. ROMA
       ===================================================== */

    .elementor-3365
    .elementor-element-5b6e256 {
        display: block !important;

        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 305px !important;
min-height: 305px !important;

        margin: 0 0 28px !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    /* FOTO ROMA NON-HOVER */

    .elementor-3365
    .elementor-element-53af3b2 {
        display: block !important;

        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        opacity: 1 !important;
        visibility: visible !important;

        z-index: 1 !important;
    }

    .elementor-3365
    .elementor-element-53af3b2 img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }


    /* FOTO HOVER ROMA NASCOSTA */

    .elementor-3365
    .elementor-element-e87fe24 {
        display: none !important;
    }


    /* TESTO ROMA SEMPRE VISIBILE */

    .elementor-3365
    .elementor-element-eabcb59 {
        display: block !important;

        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;

        z-index: 5 !important;

        pointer-events: auto !important;
    }


    /* =====================================================
       6. BOLOGNA
       ===================================================== */

    .elementor-3365
    .elementor-element-24bdcba {
        display: block !important;

        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 305px !important;
min-height: 305px !important;

        margin: 0 0 28px !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    /* FOTO BOLOGNA NON-HOVER */

    .elementor-3365
    .elementor-element-8311d42 {
        display: block !important;

        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        opacity: 1 !important;
        visibility: visible !important;

        z-index: 1 !important;
    }

    .elementor-3365
    .elementor-element-8311d42 img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }


    /* FOTO HOVER BOLOGNA NASCOSTA */

    .elementor-3365
    .elementor-element-8b2b24d {
        display: none !important;
    }


    /* TESTO BOLOGNA SEMPRE VISIBILE */

    .elementor-3365
    .elementor-element-1ed2499 {
        display: block !important;

        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;

        z-index: 5 !important;

        pointer-events: auto !important;
    }


    /* =====================================================
   BOX BIANCHI ROMA / BOLOGNA
   ===================================================== */

.elementor-3365
.sede-box-info {
    position: absolute !important;

     top: 40px !important;
    left: 40px !important;

     width: 205px !important;
    max-width: 205px !important;

     padding: 12px 10px !important;

    background: #fff !important;

    color: #0c2340 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 12px !important;
    line-height: 1.4 !important;

    box-sizing: border-box !important;

    z-index: 6 !important;
}

.elementor-3365
.sede-box-info h3 {
    margin: 0 0 12px !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

.elementor-3365
.sede-box-info p {
    margin: 0 0 8px !important;

    font-size: 12px !important;
    line-height: 1.4 !important;
}
    /* =====================================================
       8. APPROFONDISCI
       ===================================================== */

.elementor-3365
.sede-box-btn {
    position: absolute !important;

     left: 38px !important;
    bottom: 24px !important;

      padding: 9px 16px !important;

    background: #fff !important;

    transform: none !important;

    z-index: 6 !important;
}

.elementor-3365
.sede-box-btn a {
    font-size: 12px !important;
}



    /* =====================================================
       9. "LE DUE SEDI..." CENTRATO
       ===================================================== */

    .elementor-3365
    .elementor-element-9709360 {
        width: 100% !important;

        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        margin: 0 !important;
        padding: 45px 28px !important;

        text-align: center !important;
    }

    .elementor-3365
    .elementor-element-925e42f {
        width: 100% !important;
        max-width: 320px !important;

        margin: 0 auto !important;

        text-align: center !important;
    }

    .elementor-3365
    .elementor-element-925e42f
    .elementor-heading-title {
        text-align: center !important;
    }


    /* =====================================================
       10. FOOTERINO SEDI
       LINKEDIN + PRIVACY + COPYRIGHT
       ===================================================== */

    .elementor-3365
    .elementor-element-e9538f6 {
        width: 100% !important;

        display: flex !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 25px 28px 35px !important;

        text-align: center !important;
    }

    .elementor-3365
    .elementor-element-3817eac {
        width: 100% !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        margin: 0 auto !important;
        padding: 0 !important;

        text-align: center !important;
    }


    /* LINKEDIN */

    .elementor-3365
    .elementor-element-2e56b9a {
        width: 100% !important;

        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        margin: 0 auto 14px !important;

        text-align: center !important;
    }

    .elementor-3365
    .elementor-element-2e56b9a
    .elementor-icon-wrapper {
        width: 100% !important;

        display: flex !important;
        justify-content: center !important;

        text-align: center !important;
    }


    /* PRIVACY / COPYRIGHT */

    .elementor-3365
    .elementor-element-b1ec890 {
        width: 100% !important;

        margin: 0 auto !important;

        text-align: center !important;
    }

    .elementor-3365
    .elementor-element-b1ec890 p {
        text-align: center !important;
    }
  
  
  /* =========================================================
   ORDINE MOBILE
   INTRO → ROMA → "LE DUE SEDI" → BOLOGNA
   ========================================================= */

.elementor-3365
.elementor-element-b72b314 {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding-left: 28px !important;
    padding-right: 28px !important;

    box-sizing: border-box !important;
}

/* "Le due sedi..." PRIMA */
.elementor-3365
.elementor-element-9709360 {
    order: 1 !important;
}

/* Bologna DOPO */
.elementor-3365
.elementor-element-24bdcba {
    order: 2 !important;
}
  
  /* =========================================================
   SEDI MOBILE - FINAL ALIGNMENT
   come sedisezione
   ========================================================= */


/* INTRO: avvicina Roma */
.elementor-3365
.elementor-element-112d4e5 {
    margin-bottom: 18px !important;
}


/* =========================================================
   ROMA
   ========================================================= */

.elementor-3365
.elementor-element-5b6e256 {
    height: 305px !important;
    min-height: 305px !important;

    margin-bottom: 0 !important;
}

/* box Roma */
.elementor-3365
.elementor-element-5b6e256
.sede-box-info {
    top: 40px !important;
    left: 40px !important;

    width: 205px !important;
    max-width: 205px !important;
}

/* bottone Roma */
.elementor-3365
.elementor-element-5b6e256
.sede-box-btn {
    left: 40px !important;
    bottom: 24px !important;
}


/* =========================================================
   LE DUE SEDI...
   ========================================================= */

.elementor-3365
.elementor-element-9709360 {
    min-height: 170px !important;

    margin: 0 !important;
    padding: 20px 28px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.elementor-3365
.elementor-element-925e42f,
.elementor-3365
.elementor-element-925e42f .elementor-heading-title {
    width: 100% !important;
    max-width: 300px !important;

    margin: 0 auto !important;

    font-size: 22px !important;
    line-height: 1.15 !important;

    text-align: center !important;
}


/* =========================================================
   BOLOGNA
   ========================================================= */

.elementor-3365
.elementor-element-24bdcba {
    height: 305px !important;
    min-height: 305px !important;

    margin: 0 !important;
}

/* box Bologna */
.elementor-3365
.elementor-element-24bdcba
.sede-box-info {
    top: 40px !important;
    left: 40px !important;

    width: 205px !important;
    max-width: 205px !important;
}

/* bottone Bologna */
.elementor-3365
.elementor-element-24bdcba
.sede-box-btn {
    left: 40px !important;
    bottom: 24px !important;
}

}


/* =========================================================
   PAGINA STUDIO MOBILE - RESET COLONNA SINISTRA
   ========================================================= */

@media only screen and (max-width: 767px){

    .elementor-element-c1df712.studio-intro{
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        width: 100% !important;
        max-width: 100% !important;

        --width: 100% !important;
        --flex-direction: column !important;

        padding: 35px 28px 35px !important;
    }

    .elementor-element-a104185.studio-intro-left{
        flex: 0 0 100% !important;
        flex-basis: 100% !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        --width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-element-3543aa4{
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 18px !important;
        padding: 0 !important;
    }

    .elementor-element-3543aa4 .qodef-custom-font{
        margin: 0 !important;

        font-size: 52px !important;
        line-height: 1 !important;
    }

    .elementor-element-011ddba{
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 18px !important;
        line-height: 1.45 !important;
    }

    .elementor-element-65d256f.studio-intro-right{
        display: none !important;
    }
  
  /* =====================================================
   PAGINA STUDIO - TOGLI ALTEZZE DESKTOP
   ===================================================== */

.elementor-element-68d25ac{
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    top: auto !important;
    transform: none !important;

    gap: 0 !important;

    --min-height: 0px !important;
    --gap: 0px !important;
}
  


/* INTRO - RESET COMPLETO MOBILE */
 body.page-id-3411
    .elementor-element-c1df712.studio-intro{
        position: relative !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 35px 28px 35px !important;

        top: auto !important;
        left: auto !important;

        transform: none !important;

        --width: 100% !important;
        --min-height: 0px !important;
        --flex-direction: column !important;
        --justify-content: flex-start !important;
    }
  
  body.page-id-3411 .studio-intro-left {
    flex: 0 0 38% !important;
    width: 38% !important;
    max-width: 38% !important;
    margin: 0 !important;
    padding-top: 20px !important;
}
  
}


/* =========================================================
   GUERINI — HEADER ORIZZONTALE DESKTOP
   Non modifica l’header verticale della home
   ========================================================= */

@media only screen and (min-width: 1025px) {

    /* =====================================================
       ELIMINA TOP AREA SOLO NELLE PAGINE INTERNE
       ===================================================== */

    body:not(.qodef-header--vertical-sliding) #qodef-top-area {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       HEADER INIZIALE SOPRA LA FOTO
       ===================================================== */

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header {
        background: transparent !important;
    }

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    > #qodef-page-header-inner {
        height: 100px !important;
        min-height: 100px !important;

        padding: 0 100px !important;
        box-sizing: border-box !important;

        background: rgba(12, 35, 64, 0.22) !important;

        -webkit-backdrop-filter: blur(5px) !important;
        backdrop-filter: blur(5px) !important;

        border: 0 !important;
        box-shadow: none !important;
    }

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    > #qodef-page-header-inner
    .qodef-header-logo-link,

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    > #qodef-page-header-inner
    .qodef-header-navigation {
        height: 100% !important;
    }


    /* =====================================================
       STICKY BLU
       ===================================================== */

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-sticky,

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-sticky.qodef-appearance--down,

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-sticky-inner {
        background: #0C2340 !important;
        background-color: #0C2340 !important;
        background-image: none !important;
    }


    /* =====================================================
       VOCI MENU
       ===================================================== */

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-navigation
    > ul
    > li
    > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        height: 42px !important;
        padding: 0 18px !important;

        background: transparent !important;
        border: 0 !important;

        color: #ffffff !important;
        font-style: normal !important;
        text-decoration: none !important;

        transition:
            color 0.25s ease,
            background-color 0.25s ease !important;
    }


    /* =====================================================
       ELIMINA UNDERLINE DEL TEMA
       ===================================================== */

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-navigation
    > ul
    > li
    > a::before,

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-navigation
    > ul
    > li
    > a::after,

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-navigation
    .qodef-menu-item-text::before,

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-navigation
    .qodef-menu-item-text::after {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        content: none !important;
    }

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-navigation
    a,

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-navigation
    a:hover,

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-navigation
    a:focus,

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-navigation
    a:active,

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-navigation
    .qodef-menu-item-text {
        text-decoration: none !important;
    }


    /* =====================================================
       PAGINA CORRENTE: CORSIVO
       ===================================================== */

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-navigation
    > ul
    > li.current-menu-item
    > a,

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-navigation
    > ul
    > li.current_page_item
    > a,

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-navigation
    > ul
    > li.current-menu-item
    > a
    .qodef-menu-item-text,

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-navigation
    > ul
    > li.current_page_item
    > a
    .qodef-menu-item-text {
        color: #ffffff !important;
        font-style: italic !important;
        text-decoration: none !important;
    }


    /* =====================================================
       HOVER: RETTANGOLO BIANCO + TESTO BLU
       ===================================================== */

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-navigation
    > ul
    > li
    > a:hover {
        background: #ffffff !important;
        color: #307FE2 !important;
        text-decoration: none !important;
    }

    body:not(.qodef-header--vertical-sliding)
    #qodef-page-header
    .qodef-header-navigation
    > ul
    > li
    > a:hover
    .qodef-menu-item-text {
        color: #307FE2 !important;
        text-decoration: none !important;
    }
}