@charset "UTF-8";

  /* Blocchi con animazione di comparsa di Duda (data-anim-desktop /
     data-anim-extended, es. "fadeInCombo", "slideInCombo"): il CSS di Duda li
     tiene invisibili finche' il suo gestore delle animazioni non li mostra, ma
     in questo sito statico quel gestore non si avvia mai. Su computer
     restavano quindi nascosti testi introduttivi e gallerie foto (su mobile
     alcuni erano gia' forzati visibili da 'bongiovanni-mobile-fix'). Qui
     vengono mostrati subito, senza animazione, a tutte le larghezze. #dm serve
     a superare la regola Duda ".dmNewParagraph[data-anim-extended]" che ha
     !important. */
  #dm [data-anim-extended],
  #dm [data-anim-desktop],
  #dm .dmNewParagraph[data-anim-extended]{
    opacity:1!important;
    transform:none!important;
    -webkit-transform:none!important;
    transition:none!important;
    visibility:visible!important;
  }


  /* Barra oro in alto (computer e tablet): "Consulenza gratuita" e menu con le
     pagine al posto del pulsante con le lineette; su mobile resta il pulsante
     con la scritta "MENU" sopra le lineette. Blocco identico in tutte le pagine con header. */
  .bongioTopNav,.bongioTopConsulenza{display:none;}
  /* Font del titolo della hero su computer: Clash Display Semibold (Indian Type
     Foundry, licenza gratuita Fontshare), file in locale */
  @font-face{
    font-family:'Clash Display';
    src:url('../fonts/clash-display/ClashDisplay-Semibold.woff2') format('woff2');
    font-weight:600;
    font-style:normal;
    font-display:swap;
  }
  @media (min-width:768px){
    html #dm #hcontainer div.u_1507763365[id]{position:relative!important;}
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav{
      display:flex!important;
      position:absolute;
      top:0;bottom:0;left:50%;
      transform:translateX(-50%);
      align-items:center;
      gap:34px;
      z-index:3;
      white-space:nowrap;
    }
    /* Scritte bianche: piu' forti della regola del builder che colora i link del menu */
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav a[href],
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav a[href]:visited,
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav a[href]:hover,
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav a[href]:focus,
    html #dm #hcontainer div.u_1507763365[id] a.bongioTopConsulenza[href],
    html #dm #hcontainer div.u_1507763365[id] a.bongioTopConsulenza[href]:visited,
    html #dm #hcontainer div.u_1507763365[id] a.bongioTopConsulenza[href]:hover,
    html #dm #hcontainer div.u_1507763365[id] a.bongioTopConsulenza[href]:focus{
      font-family:Poppins,'Poppins Fallback',sans-serif!important;
      font-size:12.5px!important;
      font-weight:500!important;
      line-height:1.2!important;
      letter-spacing:.14em!important;
      text-transform:uppercase!important;
      color:#fff!important;
      text-decoration:none!important;
      padding:4px 0!important;
      border-bottom:1px solid transparent;
      transition:border-color .2s ease;
      white-space:nowrap;
    }
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav a[href]:hover,
    html #dm #hcontainer div.u_1507763365[id] a.bongioTopConsulenza[href]:hover{border-bottom-color:rgba(255,255,255,.7);}
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav a.bongioTopNavAttiva[href]{border-bottom-color:#fff;}
    /* "Consulenza gratuita" in grassetto */
    html #dm #hcontainer div.u_1507763365[id] a.bongioTopConsulenza.bongioTopConsulenza[href]{font-weight:700!important;}
    /* Titolo della hero "STUDIO LEGALE BONGIOVANNI": Clash Display Semibold, bianco,
       lettere compatte, su due righe */
    html #dm .dmBody header p.size-72,
    html #dm .dmBody header p.size-72 span.font-size-72{
      font-family:'Clash Display','Red Hat Display',sans-serif!important;
      font-weight:600!important;
      font-style:normal!important;
      font-size:clamp(54px, 6.3vw, 98px)!important;
      line-height:1.02!important;
      letter-spacing:-0.01em!important;
      text-transform:uppercase!important;
      color:#fff!important;
    }
    /* larghezza poco superiore a "STUDIO LEGALE": "BONGIOVANNI" va sempre a capo */
    html #dm .dmBody header p.size-72{
      max-width:8.7em!important;
      margin-left:auto!important;
      margin-right:auto!important;
    }
    /* Su computer il menu e' in alto: niente pulsante con le lineette */
    html #dm div.dmHeaderContainer div#bongioHamburger.bongioHamburger,
    html #dm div.dmHeaderContainer nav#bongioMobileNav.unifiednav{
      display:none!important;
    }
  }
  /* Schermi larghi: menu al centro, "Consulenza gratuita" a meta' tra l'icona
     Facebook (fino a ~35px) e HOME (il menu e' largo circa 474px) */
  @media (min-width:1200px){
    html #dm #hcontainer div.u_1507763365[id] a.bongioTopConsulenza--barra.bongioTopConsulenza[href]{
      display:block!important;
      position:absolute;
      top:50%;
      left:calc(25% - 101px);
      transform:translate(-50%,-50%);
      z-index:3;
    }
  }
  /* Schermi medi: menu subito dopo l'icona Facebook, con "Consulenza gratuita"
     come prima voce, cosi' non arriva sopra la mail a destra */
  @media (min-width:768px) and (max-width:1199px){
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav{
      left:56px;
      transform:none;
      gap:20px;
    }
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav a[href]{font-size:11.5px!important;letter-spacing:.1em!important;}
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav a.bongioTopConsulenza--menu.bongioTopConsulenza[href]{
      display:inline-block!important;
      margin-right:10px;
    }
  }
  @media (min-width:768px) and (max-width:899px){
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav{gap:12px;}
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav a[href]{font-size:11px!important;letter-spacing:.04em!important;}
    /* Qui non c'e' spazio anche per la mail: resta nel footer */
    html #dm #hcontainer div.u_1507763365[id] .dmRespCol:has(a[href^="mailto:"]){display:none!important;}
  }
  /* Tra 900 e 1023px la voce COMPETENZE e AREA CLIENTI arrivavano a toccare la mail: anche qui resta solo nel footer */
  @media (min-width:900px) and (max-width:1023px){
    html #dm #hcontainer div.u_1507763365[id] .dmRespCol:has(a[href^="mailto:"]){display:none!important;}
  }
  /* Voce "Le nostre sedi" (2026-09-27): con sette voci il menu va stretto solo in
     questi intervalli, quindi qui gli spazi tra le voci sono un po' piu' piccoli */
  @media (min-width:768px) and (max-width:899px){
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav{gap:7px;}
    /* con anche la voce News (otto voci) le scritte sono un po' piu' piccole */
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav a[href]{letter-spacing:.02em!important;font-size:10.5px!important;}
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav a.bongioTopConsulenza--menu.bongioTopConsulenza[href]{margin-right:4px;}
  }
  @media (min-width:900px) and (max-width:1023px){
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav{gap:14px;}
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav a.bongioTopConsulenza--menu.bongioTopConsulenza[href]{margin-right:4px;}
  }
  @media (min-width:1440px) and (max-width:1599px){
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav{gap:22px;}
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav a[href]{letter-spacing:.12em!important;}
  }
  /* Barra oro (2026-09-27): tolta l'icona della busta accanto all'indirizzo email */
  html #dm #hcontainer div.u_1507763365[id] div.u_1004078126[id]{opacity:0!important;pointer-events:none!important;} /* resta lo spazio: l'email non si sposta */
  @media (max-width:767px){
    /* Footer: "Per consulenze mirate..." e "CONTATTACI PER RICEVERE..." centrati */
    html #dm div.u_1680666020[id],
    html #dm div.u_1680666020[id] p,
    html #dm div.u_1946244025[id],
    html #dm div.u_1946244025[id] p{
      text-align:center!important;
      overflow-wrap:break-word;
    }
    html #dm div.dmHeaderContainer div#bongioHamburger.bongioHamburger{position:relative!important;}
    html #dm div.dmHeaderContainer div#bongioHamburger.bongioHamburger::before{
      content:"MENU";
      position:absolute;
      bottom:calc(100% + 3px);
      left:50%;
      transform:translateX(-50%);
      font-family:Poppins,'Poppins Fallback',sans-serif;
      font-size:11px;
      font-weight:600;
      letter-spacing:.14em;
      line-height:1;
      color:rgb(176,141,87);
      white-space:nowrap;
    }
  }


  /* Su computer l'header fisso e' alto oltre 200px ma si vede solo la barra oro in alto
     (circa 39px): la riga sotto e' trasparente e larga quanto lo schermo, e catturava i
     clic dei link della pagina che le passavano dietro. Qui l'header lascia passare i clic
     e restano cliccabili solo le parti che si usano davvero: barra oro, voci di menu,
     mail, logo e pulsante del menu. Su mobile (header opaco alto 74px) non cambia nulla. */
  @media (min-width:768px){
    html #dm div.dmHeaderContainer{
      pointer-events:none!important;
    }
    html #dm div.dmHeaderContainer div.u_1507763365[id],
    html #dm div.dmHeaderContainer a[href],
    html #dm div.dmHeaderContainer nav,
    html #dm div.dmHeaderContainer div#bongioHamburger,
    html #dm div.dmHeaderContainer button{
      pointer-events:auto!important;
    }
  }
  /* Pannello "Share by:" (#dmPopup) lasciato dall'esportazione Duda: e' invisibile
     (opacita' 0) ma resta disegnato sopra a tutto (fisso, largo il 93% dello schermo,
     alto quanto la finestra) e catturava i clic, impedendo di usare link e pulsanti
     nella parte alta della pagina. Nel sito nessun elemento lo apre. */
  #dmPopup,
  #dmPopup *{
    pointer-events:none!important;
  }


  /* riquadri stretti (computer tra 768 e 1100px circa): vista un po' piu' ampia */
  @container (max-width:300px){
    html #dm .bongioMappa > *{--bm-scala:.85;}
    html #dm .bongioMappa a.bongioMappaBtn{padding:11px 16px!important; font-size:14px!important;}
    html #dm .bongioMappa a.bongioMappaCredito{right:50%; transform:translateX(50%);}
  }
  

  /* Su computer, tra la barra oro e l'inizio del contenuto si vedeva una
     striscia grigia: e' lo sfondo della pagina (#eee) dietro l'header, che
     sparisce solo dopo il primo scorrimento. Qui lo sfondo diventa bianco,
     come il contenuto. Su mobile non cambia nulla. */
  @media (min-width:768px){
    html body#dmRoot.dmRoot{background-color:#fff!important;}
    /* e il filetto grigio chiaro sul bordo basso dell'header */
    html body#dmRoot div#iscrollBody{
      box-shadow:none!important;
    }
  }


  /* Titolo e frase della hero nel carattere Baskervville (versione libera di Baskerville,
     scaricata in fonts/baskervville/), un po' piu' piccoli di prima.
     In fondo alla hero: "Scorri per scoprire" con due freccette.
     Nella barra oro in alto: icone social accanto a Facebook (collegamenti da attivare). */
  @font-face{font-family:'Baskervville';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/baskervville/Baskervville-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
  @font-face{font-family:'Baskervville';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/baskervville/Baskervville-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
  @font-face{font-family:'Baskervville';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/baskervville/Baskervville-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
  @font-face{font-family:'Baskervville';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/baskervville/Baskervville-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
  /* [class] serve solo ad avere la precedenza sulle regole del blocco SEO e del builder */
  html #dm .dmBody header h1.size-72[class],
  html #dm .dmBody header h1.size-72[class] span[class],
  html #dm .dmBody header p.size-72[class],
  html #dm .dmBody header p.size-72[class] span[class]{
    font-family:'Baskervville','Playfair Display',Georgia,serif!important;
    font-weight:400!important;
    letter-spacing:.012em!important;
  }
  @media (min-width:768px){
    html #dm .dmBody header h1.size-72[class],
    html #dm .dmBody header h1.size-72[class] span[class],
    html #dm .dmBody header p.size-72[class],
    html #dm .dmBody header p.size-72[class] span[class]{
      font-size:clamp(50px, 5.8vw, 91px)!important;
      line-height:1.07!important;
    }
  }
  @media (max-width:767px){
    /* stessa formula fluida di prima, ridotta di circa il 7%: "BONGIOVANNI" resta su una riga */
    html #dm .dmBody header h1.size-72[class],
    html #dm .dmBody header h1.size-72[class] span[class],
    html #dm .dmBody header p.size-72[class],
    html #dm .dmBody header p.size-72[class] span[class]{
      font-size:min(37px, calc((100vw - 84px) / 7.75))!important;
      line-height:1.06!important;
    }
  }
  /* frase sotto il titolo (solo computer: su telefono e' nascosta dal builder) */
  html #dm .dmBody header p.size-40[class],
  html #dm .dmBody header p.size-40[class] span[class],
  html #dm .dmBody header span.bongioAforisma[class]{
    font-family:'Baskervville','Playfair Display',Georgia,serif!important;
    font-weight:400!important;
    letter-spacing:.012em!important;
  }
  @media (min-width:768px){
    html #dm .dmBody header p.size-40[class],
    html #dm .dmBody header p.size-40[class] span[class],
    html #dm .dmBody header span.bongioAforisma[class]{
      font-size:26px!important;
      line-height:1.45!important;
    }
  }
/* invito a scorrere */
  html #dm .dmBody header div.bongioScorri{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:10px!important;
    margin:40px auto 0!important;
    padding:0!important;
    position:relative!important; /* spostato in basso dallo script: stessa distanza dal fondo dello schermo del pulsante WhatsApp */
    color:#fff!important;
    text-align:center!important;
  }
  html #dm .dmBody header .bongioScorriTesto{
    font-family:'Playfair Display',Georgia,'Times New Roman',serif!important;
    font-style:normal!important;
    font-size:17px!important;
    font-weight:400!important;
    line-height:1.2!important;
    letter-spacing:.05em!important;
    color:inherit!important;
    text-shadow:0 1px 6px rgba(0,0,0,.35);
  }
  html #dm .dmBody header .bongioScorriFrecce{
    display:block!important;
    line-height:0!important;
    animation:bongioScorriGiu 2.6s ease-in-out infinite;
  }
  html #dm .dmBody header .bongioScorriFrecce svg{
    display:block;
    width:26px;
    height:11px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.1;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:drop-shadow(0 1px 4px rgba(0,0,0,.3));
  }
  html #dm .dmBody header .bongioScorriFrecce svg + svg{margin-top:-1px;}
  @keyframes bongioScorriGiu{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(6px);}
  }
  @media (prefers-reduced-motion:reduce){
    html #dm .dmBody header .bongioScorriFrecce{animation:none;}
  }
  @media (max-width:767px){
    html #dm .dmBody header div.bongioScorri{margin-top:28px!important; gap:8px!important;}
    html #dm .dmBody header .bongioScorriTesto{font-size:15px!important;}
    html #dm .dmBody header .bongioScorriFrecce svg{width:22px; height:9px;}
  }
  /* icone social nella barra oro */
  html #dm div.u_1988174055 div.socialHubInnerDiv{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html #dm div.u_1988174055 a.bongioSocial{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:18px!important;
    height:18px!important;
    margin-left:7px!important;
    vertical-align:middle!important;
    color:rgba(255,255,255,1)!important;
    cursor:pointer;
    /* allineata al centro esatto dell'icona Facebook */
    margin-top:-4.5px!important;
  }
  html #dm div.u_1988174055 a.bongioSocial svg{
    display:block;
    width:15px;
    height:15px;
    fill:currentColor;
  }
  /* Le icone in piu' e la voce "Approfondimenti" (piu' lunga di "Blog") allargano la barra:
     sotto i 1440px l'email esce dalla barra (resta nel footer e nella pagina Contatti)
     e il menu si allinea subito dopo la scritta "Consulenza anonima". */
  html #dm div.u_1988174055 a.bongioSocial{width:16px!important; height:16px!important; margin-left:6px!important;}
  html #dm div.u_1988174055 a.bongioSocial svg{width:14px; height:14px;}
  @media (max-width:1439px){
    html #dm #hcontainer div.u_1507763365[id] .dmRespCol:has(a[href^="mailto:"]),
    html #dm #hcontainer div.u_1507763365[id] div.u_1004078126{display:none!important;}
  }
  @media (min-width:1200px){
    html #dm #hcontainer div.u_1507763365[id] a.bongioTopConsulenza--barra.bongioTopConsulenza[href]{
      left:142px!important;
      transform:translate(0,-50%)!important;
    }
  }
  @media (min-width:1200px) and (max-width:1439px){
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav{
      left:345px!important;
      transform:none!important;
      gap:26px!important;
    }
  }
  @media (min-width:768px) and (max-width:1199px){
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav{left:142px!important;}
  }


  /* Footer "carta intestata" avorio, versione compatta: quattro blocchi della stessa larghezza
     (Sedi e recapiti / Ricevimento / Social / logo), uguale in tutte le pagine.
     Il prefisso :is(#dm,body) serve a vincere il CSS di Duda anche dove manca #dm (note-legali). */
  @font-face{font-family:'Baskervville';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/baskervville/Baskervville-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
  @font-face{font-family:'Baskervville';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/baskervville/Baskervville-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

  :is(#dm,body) #fcontainer{background:none!important;padding:0!important;margin:0!important;}
  /* Ancora #recapiti: i pulsanti CONTATTI delle hero scendono qui; il margine lascia libera la barra/header fissi */
  :is(#dm,body) footer#recapiti{scroll-margin-top:40px;}
  @media (max-width:767px){:is(#dm,body) footer#recapiti{scroll-margin-top:76px;}}
  :is(#dm,body) footer.bf{
    --bf-oro:#b08d57;--bf-oro2:#9c7b46;--bf-scuro:#2b2420;--bf-testo:#3d342e;--bf-spento:#7d6e60;--bf-avorio:#f8f3ea;
    --bf-serif:'Baskervville','Playfair Display',Georgia,serif;--bf-sans:Poppins,'Poppins Fallback',sans-serif;
    display:block;position:relative;overflow:hidden;margin:0;padding:0;
    background:var(--bf-avorio)!important;color:var(--bf-testo)!important;
    border-top:1px solid rgba(176,141,87,.35);
    font-family:var(--bf-sans)!important;font-size:13.5px;font-weight:300;line-height:1.5;text-align:left!important;
    -webkit-text-size-adjust:100%;
  }
  :is(#dm,body) footer.bf *{box-sizing:border-box;}
  :is(#dm,body) footer.bf::before{content:"";position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.85),transparent 60%);}
  :is(#dm,body) footer.bf p{margin:0;padding:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-align:left;}
  :is(#dm,body) footer.bf a{color:inherit!important;text-decoration:none!important;font-family:inherit;}
  :is(#dm,body) footer.bf .bf-in{position:relative;max-width:1240px;margin:0 auto;padding:44px 24px 0;}

  /* Quattro blocchi uguali, separati da filetti verticali */
  :is(#dm,body) footer.bf .bf-colonne{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
  :is(#dm,body) footer.bf .bf-col{min-width:0;padding:0 30px;border-left:1px solid rgba(176,141,87,.35);}
  :is(#dm,body) footer.bf .bf-col:first-child{border-left:0;padding-left:0;}
  :is(#dm,body) footer.bf .bf-col:last-child{padding-right:0;}
  :is(#dm,body) footer.bf p.bf-titolo{font-family:var(--bf-serif);font-weight:400;font-size:23px;line-height:1.2;color:var(--bf-scuro);margin:0 0 16px;letter-spacing:.01em;}

  /* Sedi e recapiti */
  :is(#dm,body) footer.bf .bf-sede{display:grid;grid-template-columns:16px 1fr;gap:0 9px;margin:0 0 10px;}
  :is(#dm,body) footer.bf .bf-sede svg{width:15px;height:15px;margin-top:2px;stroke:var(--bf-oro);fill:none;stroke-width:1.3;}
  :is(#dm,body) footer.bf .bf-sede b{display:block;font-weight:400;color:var(--bf-scuro);}
  :is(#dm,body) footer.bf .bf-sede small{display:block;color:var(--bf-spento);font-size:12px;line-height:1.45;}
  :is(#dm,body) footer.bf .bf-recapiti{margin-top:14px;display:grid;gap:7px;}
  :is(#dm,body) footer.bf .bf-riga{display:block;line-height:1.3;}
  :is(#dm,body) footer.bf .bf-riga .et{display:block;font-family:var(--bf-serif);font-style:italic;color:var(--bf-oro2);font-size:14px;line-height:1.2;}
  :is(#dm,body) footer.bf .bf-riga .val{display:inline-block;color:var(--bf-scuro)!important;white-space:nowrap;font-weight:400;font-size:13.5px;transition:color .25s;}
  :is(#dm,body) footer.bf .bf-riga a.val:hover{color:var(--bf-oro2)!important;}
  /* PEC: una sola riga, carattere che si adatta alla larghezza del blocco */
  :is(#dm,body) footer.bf .bf-riga--lunga .val{font-size:min(12px, calc(((min(100vw, 1240px) - 48px) / 4 - 32px) / 26.4));letter-spacing:0;}

  /* Ricevimento */
  :is(#dm,body) footer.bf p.bf-appunt{font-family:var(--bf-serif);font-style:italic;font-size:17px;color:var(--bf-scuro);line-height:1.3;margin:0 0 2px;}
  :is(#dm,body) footer.bf p.bf-appunt-sub{font-size:12.5px;color:var(--bf-spento);margin:0 0 28px;}
  :is(#dm,body) footer.bf .bf-settimana{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;align-items:end;}
  :is(#dm,body) footer.bf .bf-g{text-align:center;position:relative;}
  :is(#dm,body) footer.bf .bf-g .barra{height:40px;border-radius:3px;margin-bottom:6px;position:relative;}
  :is(#dm,body) footer.bf .bf-g.aperto .barra{background:linear-gradient(180deg,#cfb07c,#b08d57);}
  :is(#dm,body) footer.bf .bf-g.aperto .barra::after{content:"";position:absolute;left:0;right:0;top:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent);border-radius:3px 3px 0 0;}
  :is(#dm,body) footer.bf .bf-g.urgenze .barra{border:1px dashed var(--bf-oro);background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(176,141,87,.25) 5px 6px);}
  :is(#dm,body) footer.bf .bf-g.chiuso .barra{border:1px solid rgba(176,141,87,.4);background:#fff;}
  :is(#dm,body) footer.bf .bf-g .gg{display:block;font-size:10px;letter-spacing:.06em;color:var(--bf-testo);font-weight:400;line-height:1.3;}
  :is(#dm,body) footer.bf .bf-g.oggi .gg{color:var(--bf-oro2);}
  :is(#dm,body) footer.bf .bf-g.oggi::before{content:"oggi";position:absolute;top:-19px;left:50%;transform:translateX(-50%);
    font-family:var(--bf-serif);font-style:italic;font-size:12px;line-height:1.3;color:var(--bf-oro2);}
  :is(#dm,body) footer.bf ul.bf-legenda{margin:14px 0 0;padding:0;list-style:none;font-size:12.5px;line-height:1.45;}
  :is(#dm,body) footer.bf ul.bf-legenda li{display:flex;gap:9px;align-items:flex-start;padding:3px 0;margin:0;list-style:none;}
  :is(#dm,body) footer.bf ul.bf-legenda li::before{content:none;}
  :is(#dm,body) footer.bf ul.bf-legenda i{flex:0 0 11px;height:11px;border-radius:2px;margin-top:3px;}
  :is(#dm,body) footer.bf ul.bf-legenda .l1 i{background:var(--bf-oro);}
  :is(#dm,body) footer.bf ul.bf-legenda .l2 i{border:1px dashed var(--bf-oro);background:repeating-linear-gradient(135deg,transparent 0 3px,rgba(176,141,87,.35) 3px 4px);}
  :is(#dm,body) footer.bf ul.bf-legenda .l3 i{border:1px solid rgba(176,141,87,.4);background:#fff;}
  :is(#dm,body) footer.bf ul.bf-legenda b{font-weight:400;color:var(--bf-scuro);}
  :is(#dm,body) footer.bf .bf-nowrap{white-space:nowrap;}

  /* Social */
  :is(#dm,body) footer.bf .bf-social{display:flex;flex-direction:column;gap:10px;}
  :is(#dm,body) footer.bf a.bf-soc{display:flex;align-items:center;gap:12px;padding:11px 14px;background:#fff;
    border:1px solid rgba(176,141,87,.4);border-radius:6px;transition:background .3s,border-color .3s,transform .3s;}
  :is(#dm,body) footer.bf a.bf-soc svg{width:18px;height:18px;fill:var(--bf-oro2);flex:0 0 18px;}
  :is(#dm,body) footer.bf a.bf-soc span{flex:1;font-size:13.5px;font-weight:400;color:var(--bf-scuro);}
  :is(#dm,body) footer.bf a.bf-soc em{font-style:normal;color:var(--bf-oro);transition:transform .3s;}
  :is(#dm,body) footer.bf a.bf-soc:hover{background:#fdfaf4;border-color:var(--bf-oro);transform:translateX(3px);}
  :is(#dm,body) footer.bf a.bf-soc:hover em{transform:translateX(4px);}

  /* Quarto blocco: logo */
  :is(#dm,body) footer.bf .bf-col--logo{display:flex;align-items:center;justify-content:center;}
  :is(#dm,body) footer.bf .bf-col--logo img{width:230px!important;max-width:100%!important;height:auto!important;display:block;}

  /* Fondo */
  :is(#dm,body) footer.bf .bf-fondo{margin-top:36px;border-top:1px solid rgba(176,141,87,.3);padding:14px 0 16px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
    font-size:12px;color:var(--bf-spento);letter-spacing:.03em;line-height:1.6;}
  :is(#dm,body) footer.bf .bf-fondo a:hover{color:var(--bf-oro2)!important;}
  :is(#dm,body) footer.bf .bf-fondo .sep{margin:0 10px;color:var(--bf-oro);}

  /* Tablet e computer piccoli: due blocchi per riga */
  @media (max-width:1140px){
    :is(#dm,body) footer.bf .bf-colonne{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px;}
    :is(#dm,body) footer.bf .bf-col:nth-child(3){border-left:0;padding-left:0;}
    :is(#dm,body) footer.bf .bf-col:nth-child(2){padding-right:0;}
    :is(#dm,body) footer.bf .bf-col:nth-child(3),
    :is(#dm,body) footer.bf .bf-col:nth-child(4){padding-top:30px;border-top:1px solid rgba(176,141,87,.35);}
    :is(#dm,body) footer.bf .bf-riga--lunga .val{font-size:min(12px, calc(((100vw - 48px) / 2 - 30px) / 26.4));}
  }
  /* Telefono: blocchi uno sotto l'altro, logo in fondo */
  @media (max-width:767px){
    :is(#dm,body) footer.bf .bf-in{padding:32px 20px 0;}
    :is(#dm,body) footer.bf .bf-colonne{grid-template-columns:1fr;row-gap:0;}
    :is(#dm,body) footer.bf .bf-col,
    :is(#dm,body) footer.bf .bf-col:nth-child(n){border-left:0;padding:22px 0 0;margin-top:22px;border-top:1px solid rgba(176,141,87,.35);}
    :is(#dm,body) footer.bf .bf-col:first-child{border-top:0;margin-top:0;padding-top:0;}
    :is(#dm,body) footer.bf p.bf-titolo{font-size:22px;margin-bottom:14px;}
    :is(#dm,body) footer.bf .bf-recapiti{gap:9px;}
    :is(#dm,body) footer.bf .bf-riga .val{font-size:14px;padding:2px 0;}
    :is(#dm,body) footer.bf .bf-riga--lunga .val{font-size:min(12.5px, calc((100vw - 40px) / 26.4));}
    :is(#dm,body) footer.bf .bf-g .barra{height:40px;}
    :is(#dm,body) footer.bf .bf-g .gg{font-size:11px;letter-spacing:.08em;}
    :is(#dm,body) footer.bf a.bf-soc{padding:13px 16px;}
    :is(#dm,body) footer.bf a.bf-soc:hover{transform:none;}
    :is(#dm,body) footer.bf .bf-col--logo img{width:160px!important;}
    /* in fondo spazio per il pulsante WhatsApp flottante, che altrimenti copre i link */
    :is(#dm,body) footer.bf .bf-fondo{flex-direction:column;align-items:center;text-align:center;gap:4px;margin-top:26px;padding-bottom:88px;}
  }
  @media (max-width:389px){
    :is(#dm,body) footer.bf .bf-in{padding-left:16px;padding-right:16px;}
    :is(#dm,body) footer.bf .bf-riga--lunga .val{font-size:calc((100vw - 32px) / 26.4);}
    :is(#dm,body) footer.bf .bf-settimana{gap:4px;}
    :is(#dm,body) footer.bf .bf-g .gg{font-size:10px;letter-spacing:.03em;}
  }

  /* Invito a lasciare una recensione su Google: 5 stelle vuote cliccabili (semplice link, nessun cookie) */
  :is(#dm,body) footer.bf .bf-recensione{margin-top:22px;}
  :is(#dm,body) footer.bf p.bf-rec-testo{font-family:var(--bf-serif);font-style:italic;font-size:16px;line-height:1.3;color:var(--bf-scuro);margin:0 0 8px;}
  :is(#dm,body) footer.bf a.bf-stelle{display:inline-flex;gap:6px;padding:4px 0;text-decoration:none!important;}
  :is(#dm,body) footer.bf a.bf-stelle svg{width:22px;height:22px;fill:transparent;stroke:var(--bf-oro);stroke-width:1.3;stroke-linejoin:round;transition:fill .25s,transform .25s;}
  :is(#dm,body) footer.bf a.bf-stelle:hover svg,:is(#dm,body) footer.bf a.bf-stelle:focus-visible svg{fill:rgba(176,141,87,.35);}
  :is(#dm,body) footer.bf a.bf-stelle:hover svg{transform:translateY(-1px);}
  @media (max-width:767px){:is(#dm,body) footer.bf a.bf-stelle{gap:8px;padding:8px 0;}:is(#dm,body) footer.bf a.bf-stelle svg{width:26px;height:26px;}}


  /* Voce "News" (2026-09-27): con otto voci la barra va stretta tra 900 e 1023px,
     quindi qui spazi e spaziatura delle lettere sono piu' piccoli (come tra 768 e 899px) */
  @media (min-width:900px) and (max-width:1023px){
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav{gap:8px;}
    html #dm #hcontainer div.u_1507763365[id] nav.bongioTopNav a[href]{letter-spacing:.02em!important;}
  }


  /* Telefono (2026-09-28): menu che si apre e si chiude in dissolvenza, sempre fisso sullo schermo
     sopra a tutto (prima vicino al footer scorreva via con l'intestazione e finiva sotto footer e foto).
     Solo opacita' e transform: animazione leggera per il telefono. */
  @media (max-width:767px){
    html #dm div.dmHeaderContainer nav#bongioMobileNav.unifiednav{
      display:flex!important;
      flex-direction:column!important;
      position:fixed!important;
      top:var(--bm-top, 64px)!important;
      right:12px!important;
      left:auto!important;
      bottom:auto!important;
      width:min(250px, calc(100vw - 24px))!important;
      max-width:calc(100vw - 24px)!important;
      margin:0!important;
      z-index:2147483000!important;
      border-radius:12px!important;
      overflow:hidden!important;
      background:rgb(176,141,87)!important;
      box-shadow:0 14px 34px rgba(43,36,32,.22)!important;
      opacity:0!important;
      visibility:hidden!important;
      transform:translateY(-10px) scale(.97)!important;
      transform-origin:top right!important;
      transition:opacity .26s ease, transform .32s cubic-bezier(.2,.8,.2,1), visibility 0s linear .32s!important;
      pointer-events:none!important;
    }
    html #dm div.dmHeaderContainer nav#bongioMobileNav.unifiednav.open{
      opacity:1!important;
      visibility:visible!important;
      transform:none!important;
      transition:opacity .26s ease, transform .32s cubic-bezier(.2,.8,.2,1), visibility 0s!important;
      pointer-events:auto!important;
    }
    /* le voci compaiono una dopo l'altra */
    html #dm div.dmHeaderContainer nav#bongioMobileNav .unifiednav__item-wrap{
      opacity:0;transform:translateY(-4px);transition:opacity .2s ease, transform .2s ease;
    }
    html #dm div.dmHeaderContainer nav#bongioMobileNav.open .unifiednav__item-wrap{opacity:1;transform:none;}
    html #dm div.dmHeaderContainer nav#bongioMobileNav.open .unifiednav__item-wrap:nth-child(1){transition-delay:.04s;}
    html #dm div.dmHeaderContainer nav#bongioMobileNav.open .unifiednav__item-wrap:nth-child(2){transition-delay:.07s;}
    html #dm div.dmHeaderContainer nav#bongioMobileNav.open .unifiednav__item-wrap:nth-child(3){transition-delay:.10s;}
    html #dm div.dmHeaderContainer nav#bongioMobileNav.open .unifiednav__item-wrap:nth-child(4){transition-delay:.13s;}
    html #dm div.dmHeaderContainer nav#bongioMobileNav.open .unifiednav__item-wrap:nth-child(5){transition-delay:.16s;}
    html #dm div.dmHeaderContainer nav#bongioMobileNav.open .unifiednav__item-wrap:nth-child(6){transition-delay:.19s;}
    html #dm div.dmHeaderContainer nav#bongioMobileNav.open .unifiednav__item-wrap:nth-child(7){transition-delay:.22s;}
    /* lineette del pulsante: movimento piu' morbido */
    html #dm div.dmHeaderContainer div#bongioHamburger.bongioHamburger span{transition:transform .3s cubic-bezier(.2,.8,.2,1), opacity .2s ease!important;}
  }
  @media (max-width:767px) and (prefers-reduced-motion:reduce){
    html #dm div.dmHeaderContainer nav#bongioMobileNav.unifiednav,
    html #dm div.dmHeaderContainer nav#bongioMobileNav .unifiednav__item-wrap{transition:none!important;transform:none!important;}
  }


  /* Area fascicoli (2026-10-06): accesso dei clienti ai propri documenti su Dropbox.
     Tutto il contenuto e' creato dallo script bongiovanni-fascicoli-script dentro #bongioFasc. */
  html #dm .dmBody .bongioFasc{max-width:560px;margin:0 auto 70px;text-align:left!important;font-family:'Poppins','Poppins Fallback',sans-serif;color:var(--color_2);font-size:15px;line-height:1.6;}
  html #dm .dmBody .bongioFasc.largo{max-width:820px;}
  html #dm .dmBody .bongioFasc *{box-sizing:border-box;}
  html #dm .dmBody .bongioFasc .fScheda{background:#fff;border:1px solid rgba(176,141,87,.35);padding:30px 32px;position:relative;}
  html #dm .dmBody .bongioFasc .fScheda::before{content:"";position:absolute;left:-6px;top:-6px;width:12px;height:12px;background:var(--color_1);}
  html #dm .dmBody .bongioFasc h3{font-family:'Red Hat Display','Red Hat Display Fallback',sans-serif!important;font-size:24px!important;font-weight:600!important;color:var(--color_1)!important;margin:0 0 6px!important;text-transform:none!important;letter-spacing:0!important;line-height:1.3!important;text-align:left!important;}
  html #dm .dmBody .bongioFasc p{margin:0 0 14px!important;font-size:15px!important;line-height:1.6!important;color:var(--color_2)!important;text-align:left!important;}
  html #dm .dmBody .bongioFasc p.fPiccolo{font-size:13px!important;opacity:.85;}
  html #dm .dmBody .bongioFasc label{display:block!important;font-size:14px!important;font-weight:500!important;margin:14px 0 6px!important;color:var(--color_2)!important;text-align:left!important;}
  html #dm .dmBody .bongioFasc label .fOpz{font-weight:300;opacity:.75;}
  html #dm .dmBody .bongioFasc input[type=text],html #dm .dmBody .bongioFasc input[type=email],html #dm .dmBody .bongioFasc input[type=password],html #dm .dmBody .bongioFasc input[type=tel],html #dm .dmBody .bongioFasc textarea{display:block!important;width:100%!important;height:auto!important;padding:11px 12px!important;border:1px solid rgba(176,141,87,.6)!important;border-radius:0!important;background:#fff!important;font-family:inherit!important;font-size:16px!important;color:#2b2420!important;line-height:1.4!important;margin:0!important;box-shadow:none!important;}
  html #dm .dmBody .bongioFasc textarea{min-height:80px!important;resize:vertical!important;}
  html #dm .dmBody .bongioFasc input:focus,html #dm .dmBody .bongioFasc textarea:focus{outline:2px solid rgba(176,141,87,.45)!important;outline-offset:1px!important;}
  html #dm .dmBody .bongioFasc input.fCodice{font-size:26px!important;letter-spacing:.35em!important;text-align:center!important;max-width:240px!important;}
  html #dm .dmBody .bongioFasc .fCheck{display:flex!important;gap:10px;align-items:flex-start;margin:18px 0 4px!important;font-weight:300!important;font-size:13.5px!important;line-height:1.5!important;}
  html #dm .dmBody .bongioFasc .fCheck input{margin-top:3px!important;width:18px;height:18px;flex:0 0 18px;accent-color:var(--color_1);}
  html #dm .dmBody .bongioFasc button.fBtn{display:inline-block!important;margin:22px 0 0!important;padding:13px 30px!important;min-width:180px;background:var(--color_1)!important;color:#fff!important;border:0!important;border-radius:0!important;font-family:'Red Hat Display','Red Hat Display Fallback',sans-serif!important;font-size:16px!important;font-weight:500!important;cursor:pointer;line-height:1.3!important;text-transform:none!important;letter-spacing:.02em!important;}
  html #dm .dmBody .bongioFasc button.fBtn:hover{background:#9c7b46!important;}
  html #dm .dmBody .bongioFasc button.fBtn[disabled]{opacity:.6;cursor:wait;}
  html #dm .dmBody .bongioFasc button.fBtn.fSec{background:#fff!important;color:var(--color_1)!important;border:1px solid var(--color_1)!important;min-width:0;padding:9px 18px!important;font-size:14px!important;margin:0!important;}
  html #dm .dmBody .bongioFasc a.fLink,html #dm .dmBody .bongioFasc button.fLink{display:inline!important;background:none!important;border:0!important;padding:0!important;margin:0!important;color:var(--color_1)!important;font:inherit!important;font-size:14px!important;font-weight:500!important;text-decoration:underline!important;text-underline-offset:2px;cursor:pointer;min-width:0!important;text-align:left!important;}
  html #dm .dmBody .bongioFasc .fLinks{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;}
  html #dm .dmBody .bongioFasc .fAvviso{padding:12px 16px;margin:0 0 18px;font-size:14.5px;line-height:1.5;border:1px solid;}
  html #dm .dmBody .bongioFasc .fAvviso.ok{background:rgba(58,138,82,.08);border-color:rgba(58,138,82,.35);color:#25502f;}
  html #dm .dmBody .bongioFasc .fAvviso.errore{background:rgba(176,0,32,.06);border-color:rgba(176,0,32,.3);color:#8a1c0e;}
  html #dm .dmBody .bongioFasc .fAvviso.info{background:rgba(176,141,87,.1);border-color:rgba(176,141,87,.35);color:var(--color_2);}
  html #dm .dmBody .bongioFasc .fEsca{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
  html #dm .dmBody .bongioFasc details.fInfo{margin-top:10px;font-size:13px;line-height:1.55;}
  html #dm .dmBody .bongioFasc details.fInfo summary{cursor:pointer;color:var(--color_1);font-weight:500;}
  html #dm .dmBody .bongioFasc details.fInfo div{padding:10px 0 0;}
  html #dm .dmBody .bongioFasc details.fInfo p{font-size:13px!important;margin:0 0 8px!important;}
  /* Elenco documenti */
  html #dm .dmBody .bongioFasc .fTesta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
  html #dm .dmBody .bongioFasc .fTesta h3{margin:0!important;}
  html #dm .dmBody .bongioFasc .fBriciole{font-size:14px;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;}
  html #dm .dmBody .bongioFasc .fBriciole span.sep{opacity:.5;}
  html #dm .dmBody .bongioFasc .fBriciole b{font-weight:600;}
  html #dm .dmBody .bongioFasc ul.fElenco{list-style:none!important;margin:0!important;padding:0!important;border-top:1px solid rgba(176,141,87,.3);}
  html #dm .dmBody .bongioFasc ul.fElenco li{display:flex!important;align-items:center;gap:12px;padding:12px 4px!important;margin:0!important;border-bottom:1px solid rgba(176,141,87,.3);}
  html #dm .dmBody .bongioFasc ul.fElenco li::before{content:none!important;}
  html #dm .dmBody .bongioFasc .fIcona{flex:0 0 34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--color_1);}
  html #dm .dmBody .bongioFasc .fIcona svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;}
  html #dm .dmBody .bongioFasc .fNome{flex:1;min-width:0;}
  html #dm .dmBody .bongioFasc .fNome .n{display:block;font-weight:500;word-break:break-word;color:#2b2420;}
  html #dm .dmBody .bongioFasc .fNome .d{display:block;font-size:12.5px;opacity:.75;}
  html #dm .dmBody .bongioFasc button.fCartella{background:none!important;border:0!important;padding:0!important;margin:0!important;text-align:left!important;font:inherit!important;color:#2b2420!important;cursor:pointer;min-width:0!important;width:100%;}
  html #dm .dmBody .bongioFasc button.fCartella:hover .n{color:var(--color_1);text-decoration:underline;}
  html #dm .dmBody .bongioFasc a.fApri{flex:0 0 auto;display:inline-block!important;padding:7px 16px!important;border:1px solid var(--color_1)!important;color:var(--color_1)!important;font-size:14px!important;font-weight:500!important;text-decoration:none!important;background:#fff!important;}
  html #dm .dmBody .bongioFasc a.fApri:hover{background:var(--color_1)!important;color:#fff!important;}
  html #dm .dmBody .bongioFasc .fVuoto{padding:22px 4px;font-style:italic;opacity:.8;}
  @media (max-width:767px){
    html #dm .dmBody .bongioFasc{margin-bottom:50px;}
    html #dm .dmBody .bongioFasc .fScheda{padding:24px 18px;}
    html #dm .dmBody .bongioFasc .fScheda::before{left:-4px;top:-4px;width:9px;height:9px;}
    html #dm .dmBody .bongioFasc button.fBtn{width:100%;}
    html #dm .dmBody .bongioFasc button.fBtn.fSec{width:auto;}
    html #dm .dmBody .bongioFasc ul.fElenco li{flex-wrap:wrap;}
    html #dm .dmBody .bongioFasc a.fApri{margin-left:46px;}
    #bongioFascTitolo{font-size:30px!important;}
    #bongioFascTitoloRow{padding-top:32px!important;}
  }
  /* Computer 768-1439px: il riquadro parte a destra del logo fisso (circa 20-250px) */
  @media (min-width:768px) and (max-width:1439px){
    html #dm .dmBody .bongioFasc{margin-left:max(170px, calc((100% - 560px) / 2))!important;margin-right:auto!important;max-width:min(560px, calc(100% - 190px))!important;}
    html #dm .dmBody .bongioFasc.largo{margin-left:max(170px, calc((100% - 820px) / 2))!important;max-width:min(820px, calc(100% - 190px))!important;}
  }
  @media (min-width:768px){
    #dm .dmBody div#bongioFascTitoloRow[id]{padding-bottom:30px!important;}
    #dm .dmBody div#bongioFascRow[id]{padding-top:10px!important;}
  }