@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;
  }


  /* Pulsante "Ottieni un primo CONSULTO ANONIMO" nella fascia oro
     sopra il riquadro Rigore/Competenza/Riservatezza: solo mobile, solo home */
  .bongioConsultoWrap{display:none;}
  /* Sezione "I nostri punti di forza": nascosto il vecchio occhiello
     "Esperienza ventennale" (ora e' uno dei riquadri sotto il testo) */
  #dm .dmBody div.u_1508947761[id]{display:none!important;}
  /* Riquadri dei punti di forza: bianchi con bordo e scritte oro, testo
     centrato orizzontalmente e verticalmente */
  #dm .dmBody div.bongioPuntiForza{
    display:flex!important;
    flex-wrap:wrap;
    gap:10px 12px;
    margin:26px 0 0!important;
    padding:0!important;
  }
  #dm .dmBody div.bongioPuntiForza span.bongioPuntoForza{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    max-width:100%;
    margin:0!important;
    padding:9px 20px!important;
    background:#fff;
    border:1.5px solid rgb(176,141,87);
    border-radius:999px;
    text-align:center!important;
    text-indent:0!important;
    line-height:1.3!important;
  }
  #dm .dmBody div.bongioPuntiForza span.bongioPuntoForzaTesto{
    display:block!important;
    color:rgb(176,141,87)!important;
    font-family:Poppins,'Poppins Fallback',sans-serif!important;
    font-size:12.5px!important;
    font-weight:600!important;
    line-height:1.3!important;
    letter-spacing:.12em!important;
    /* la spaziatura aggiunge spazio dopo l'ultima lettera: lo si compensa
       perche' la scritta resti al centro del riquadro */
    margin-right:-.12em!important;
    text-transform:uppercase!important;
    text-align:center!important;
    text-indent:0!important;
    /* su una riga finche' c'e' spazio; se il riquadro e' piu' largo dello
       schermo la scritta va a capo, sempre centrata e dentro il bordo */
    white-space:normal;
    overflow-wrap:anywhere;
  }
  /* Computer: un riquadro per riga, allineati a sinistra col testo */
  @media (min-width:768px){
    #dm .dmBody div.bongioPuntiForza{
      flex-direction:column;
      align-items:flex-start;
    }
  }
  @media (max-width:767px){
    #dm .dmBody div.bongioPuntiForza{gap:8px;margin-top:22px!important;}
    #dm .dmBody div.bongioPuntiForza span.bongioPuntoForza{padding:8px 14px!important;}
    #dm .dmBody div.bongioPuntiForza span.bongioPuntoForzaTesto{
      font-size:11.5px!important;
      letter-spacing:.08em!important;
      margin-right:-.08em!important;
    }
  }
  /* Aforisma sotto il titolo della hero (solo computer: su mobile il
     sottotitolo .size-40 resta nascosto dal blocco mobile condiviso) */
  @media (min-width:768px){
    #dm .dmBody div[id="1418434227"] p{
      max-width:820px;
      margin-left:auto!important;
      margin-right:auto!important;
    }
    #dm .dmBody div[id="1418434227"] span.bongioAforisma{
      font-size:28px!important;
      line-height:1.4!important;
      font-style:italic!important;
      letter-spacing:.01em!important;
    }
  }
  /* Computer: pulsante centrato a cavallo tra la parte bianca e il bordo
     superiore della fascia oro */
  @media (min-width:768px){
    #dm .dmBody div.u_1230641626[id]{
      position:relative!important;
      overflow:visible!important;
    }
    #dm .dmBody .bongioConsultoWrap{
      display:flex!important;
      position:absolute;
      top:0;left:0;right:0;
      justify-content:center;
      transform:translateY(-50%);
      pointer-events:none;
      z-index:5;
    }
    #dm .dmBody a.bongioConsultoBtn{
      pointer-events:auto;
      display:inline-block;
      background:#fff;
      color:rgb(176,141,87)!important;
      border:2px solid rgb(176,141,87);
      border-radius:6px;
      padding:14px 30px;
      font-family:Poppins,'Poppins Fallback',sans-serif;
      font-size:16px;
      font-weight:600;
      line-height:1.35;
      letter-spacing:.02em;
      text-align:center;
      text-decoration:none!important;
      white-space:nowrap;
      box-shadow:0 4px 14px rgba(0,0,0,.12);
    }
    #dm .dmBody a.bongioConsultoBtn:hover{
      background:rgb(176,141,87);
      color:#fff!important;
    }
  }
  @media (max-width:767px){
    #dm .dmBody div.u_1230641626[id]{
      position:relative!important;
    }
    #dm .dmBody .bongioConsultoWrap{
      display:flex!important;
      position:absolute;
      top:0;right:0;bottom:0;left:0;
      align-items:center;
      justify-content:center;
      padding:0 24px;
      z-index:2;
    }
    #dm .dmBody a.bongioConsultoBtn{
      display:inline-block;
      max-width:300px;
      background:#fff;
      color:rgb(176,141,87)!important;
      border:2px solid rgb(176,141,87);
      border-radius:6px;
      padding:12px 20px;
      font-family:Poppins,'Poppins Fallback',sans-serif;
      font-size:15px;
      font-weight:600;
      line-height:1.35;
      letter-spacing:.02em;
      text-align:center;
      text-decoration:none!important;
      box-shadow:0 4px 14px rgba(0,0,0,.12);
    }
    /* Su due righe ("Ottieni un primo" / "CONSULTO ANONIMO"): il pulsante
       si stringe sul testo invece di lasciare una parola da sola */
    #dm .dmBody a.bongioConsultoBtn span.bongioConsultoRiga{
      display:block;
      white-space:nowrap;
    }
    /* Riquadro Rigore/Competenza/Riservatezza abbassato di circa 2 cm, fuori
       dalla fascia oro (prima saliva di 45px sopra la fascia) */
    #dm .dmBody div.u_1457468396[id]{
      margin-top:30px!important;
    }
    /* Le prime due foto (gallerie hero-4 e hero-6) abbassate di circa 3,5 cm
       (2 cm + 1,5 cm): su iPhone si sovrapponevano al testo e al pulsante "Scopri" */
    html #dm .dmBody div.u_1850025330[id]{
      margin-top:137px!important;
    }
    /* Terza foto (galleria hero-5): era alzata di circa 2 cm, ma sopra ora ci
       sono i riquadri dei punti di forza; resta alta quanto possibile senza coprirli */
    html #dm .dmBody div.u_1519515763[id]{
      margin-top:-99px!important; /* alzata di 3 cm su richiesta */
    }
  }
  /* Foto della scrivania (hero-17, galleria 1519515763): non si apre ingrandita al clic */
  html #dm .dmBody div.u_1519515763[id] .photoGalleryThumbs,
  html #dm .dmBody div.u_1519515763[id] .photoGalleryThumbs *{pointer-events:none!important;cursor:default!important;}
  /* Tolto il vecchio titolo nascosto "I NOSTRI PUNTI DI FORZA" (era oro su oro, invisibile):
     la fascia manterrebbe solo i margini, quindi le si fissa l'altezza che aveva prima. */
  html #dm .dmBody div.u_1230641626[id]{min-height:140px!important;}
  @media (max-width:767px){
    html #dm .dmBody div.u_1230641626[id]{min-height:183px!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;
    }
  }


  /* SEO: il titolo della hero "Studio Legale Bongiovanni" e' l'H1 della pagina (prima era un
     paragrafo) e i vecchi H1 sono diventati H2. Queste regole annullano gli stili del builder
     e dei blocchi condivisi per h1/h2 (colore oro, 26px su mobile) e riproducono esattamente
     l'aspetto precedente. */
  html #dm .dmBody header h1.size-72{
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    text-decoration:none!important;
  }
  html #dm .dmBody header h1.size-72 *{
    color:#fff!important;
  }
  @media (min-width:768px){
    html #dm .dmBody header h1.size-72,
    html #dm .dmBody header h1.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;
    }
    html #dm .dmBody header h1.size-72{
      max-width:8.7em!important;
      margin-left:auto!important;
      margin-right:auto!important;
    }
  }
  @media (max-width:767px){
    html #dm .dmBody header h1.size-72{
      font-family:Poppins,'Poppins Fallback'!important;
      font-weight:300!important;
      color:rgba(0,0,0,.9)!important;
      font-size:72px!important;
      line-height:.98!important;
    }
  }

  /* Vecchi H1 ("La nostra storia", "Materie di interesse") ora H2, con lo stesso aspetto */
  html #dm .dmBody h2.bongioExH1{
    font-family:'Red Hat Display','Red Hat Display Fallback'!important;
    font-weight:400!important;
    font-style:normal!important;
    text-transform:none!important;
    text-decoration:none!important;
    text-align:left!important;
    margin:0 0 20px!important;
    padding:2px 0!important;
    color:rgba(176,141,87,.9)!important;
  }
  html #dm .dmBody h2.bongioExH1 *{line-height:initial!important;}
  html #dm .dmBody h2.bongioExH1--storia *{font-size:inherit!important;}
  html #dm .dmBody h2.bongioExH1--storia{
    font-size:36px!important;
    line-height:normal!important;
    letter-spacing:normal!important;
  }
  html #dm .dmBody h2.bongioExH1--materie{
    font-size:18px!important;
    line-height:1!important;
    letter-spacing:.2em!important;
  }
  @media (max-width:767px){
    html #dm .dmBody h2.bongioExH1--storia,
    html #dm .dmBody h2.bongioExH1--materie{font-size:26px!important;}
  }


  /* Riquadro "Hai un'impresa?" sotto le foto della prima sezione (solo index.html):
     il pulsante porta alla sezione "Consulenza giuridica alle imprese" di competenze.html */
  html #dm .dmBody div.bongioImpresaBox[id]{
    position:relative!important;
    box-sizing:border-box!important;
    width:100%!important;
    margin:22px 0 0!important;
    padding:24px 20px 24px!important;
    background:#fff!important;
    border:1px solid rgba(176,141,87,.55)!important;
    box-shadow:0 8px 22px rgba(0,0,0,.06)!important;
    text-align:center!important;
  }
  /* filetto oro al centro del bordo superiore */
  html #dm .dmBody div.bongioImpresaBox[id]::before{
    content:""!important;
    position:absolute!important;
    top:-1px!important;
    left:50%!important;
    width:48px!important;
    height:3px!important;
    margin-left:-24px!important;
    background:var(--color_1)!important;
  }
  html #dm .dmBody div.bongioImpresaBox[id] p.bongioImpresaDomanda{
    margin:0 0 16px!important;
    padding:0!important;
    font-family:'Red Hat Display','Red Hat Display Fallback',sans-serif!important;
    font-size:22px!important;
    font-weight:500!important;
    font-style:normal!important;
    line-height:1.3!important;
    letter-spacing:.01em!important;
    text-transform:none!important;
    text-align:center!important;
    color:#111!important;
  }
  html #dm .dmBody div.bongioImpresaBox[id] a.bongioImpresaBtn{
    display:inline-block!important;
    box-sizing:border-box!important;
    padding:12px 32px!important;
    background:var(--color_1)!important;
    border:1px solid var(--color_1)!important;
    border-radius:3px!important;
    color:#fff!important;
    font-family:Poppins,'Poppins Fallback',sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.2!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    transition:background-color .25s ease, color .25s ease!important;
  }
  html #dm .dmBody div.bongioImpresaBox[id] a.bongioImpresaBtn:hover,
  html #dm .dmBody div.bongioImpresaBox[id] a.bongioImpresaBtn:focus-visible{
    background:#fff!important;
    color:var(--color_1)!important;
  }
  html #dm .dmBody div.bongioImpresaBox[id] a.bongioImpresaBtn:focus-visible{
    outline:2px solid var(--color_1)!important;
    outline-offset:3px!important;
  }
  /* Mobile: sotto le foto a tutta larghezza, pulsante comodo da toccare */
  @media (max-width:767px){
    html #dm .dmBody div.bongioImpresaBox[id]{
      margin-top:24px!important;
      padding:24px 18px 26px!important;
    }
    html #dm .dmBody div.bongioImpresaBox[id] p.bongioImpresaDomanda{
      font-size:21px!important;
      margin-bottom:18px!important;
    }
    html #dm .dmBody div.bongioImpresaBox[id] a.bongioImpresaBtn{
      display:inline-flex!important;
      align-items:center!important;
      justify-content:center!important;
      min-height:48px!important;
      min-width:min(220px, 100%)!important;
      padding:13px 28px!important;
      font-size:15px!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;}
  }


  /* Solo telefoni stretti (sotto i 390px). Da 390px in su e su computer non cambia nulla. */
  @media (max-width:389px){
    /* Titolo hero: "BONGIOVANNI" resta intero su una riga (il carattere si riduce solo se non ci sta) */
    html #dm .dmBody header .size-72 span.font-size-72{
      font-size:min(40px, calc((100vw - 84px) / 7.2))!important;
    }
    /* "CHIAMA ORA" su una riga: la riga dei due pulsanti usa anche i 40px laterali */
    html #dm .dmBody div.dmRespRow[id="1361199047"]{
      padding-left:0!important;
      padding-right:0!important;
    }
    html #dm .dmBody a.u_1538807110[id] .text{
      white-space:nowrap!important;
    }
    /* Riquadro bianco Rigore / Competenza / Riservatezza largo come a 390px (190px),
       cosi' le parole non si spezzano */
    html #dm .dmBody div.u_1457468396[id]{
      margin-left:calc((100vw - 190px) / 2)!important;
      margin-right:calc((100vw - 190px) / 2)!important;
    }
  }


  /* 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%);}
  }
  

  /* Il pulsante bianco "Ottieni un primo CONSULTO ANONIMO" e' lo stesso di
     prima (stessi colori, bordo, misure): cambia solo la posizione, ora sta
     nel flusso del testo sotto "La nostra storia" e non sopra la fascia oro. */
  #dm .dmBody .bongioConsultoWrap--storia,
  #dm .dmBody div.bongioConsultoWrap--storia{
    display:flex!important;
    position:static!important;
    inset:auto!important;
    top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    transform:none!important;
    justify-content:flex-start!important;
    padding:0!important;
    margin:22px 0 0!important;
    pointer-events:auto!important;
  }


  /* Al posto della fascia oro tra "La nostra storia" e "I nostri punti di forza":
     due nastri di icone a filo oro che scorrono in direzioni opposte. */
  html #dm .dmBody div.u_1230641626[id]{
    background:#fff!important;
    min-height:0!important;
    padding:0!important;
  }
  /* Fascia vuota di Duda subito sotto (faceva solo da spaziatura): schiacciata per compattare */
  html #dm .dmBody div.u_1099284776[id]{padding:0!important;min-height:0!important;}
  html #dm .dmBody div.u_1099284776[id] > .dmRespColsWrapper{height:0!important;min-height:0!important;overflow:hidden!important;}
  html #dm .dmBody div.u_1230641626[id] .dmRespCol{padding:0!important;}
  #dm .dmBody .bongioNastri{overflow:hidden;width:100%;}
  #dm .dmBody .bongioNastri p.bongioNastriKicker{
    margin:0 0 16px!important;text-align:center!important;
    font-family:Poppins,'Poppins Fallback',sans-serif!important;font-size:12px!important;line-height:1.4!important;
    letter-spacing:.32em!important;text-transform:uppercase!important;color:#b08d57!important;
  }
  #dm .dmBody .bongioNastri p.bongioNastriKicker::before,
  #dm .dmBody .bongioNastri p.bongioNastriKicker::after{
    content:"";display:inline-block;width:38px;height:1px;background:#b08d57;vertical-align:middle;margin:0 14px;
  }
  #dm .dmBody .bongioNastri p.bongioNastriEtichetta{
    margin:0 0 6px!important;text-align:center!important;
    font-family:'Baskervville','Playfair Display',Georgia,serif!important;font-style:italic!important;
    font-size:15px!important;line-height:1.4!important;color:#8a7b6d!important;
  }
  #dm .dmBody .bongioNastriRiga{margin-bottom:10px;}
  #dm .dmBody .bongioNastriDivisore{width:60px;height:1px;background:#b08d57;opacity:.5;margin:6px auto 20px;}
  #dm .dmBody .bongioNastriBinario{
    overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
  }
  #dm .dmBody .bongioNastriNastro{
    display:flex;gap:70px;width:max-content;padding:10px 35px;
    animation:bongioNastriScorri 42s linear infinite;
  }
  #dm .dmBody .bongioNastriRiga--inversa .bongioNastriNastro{animation-direction:reverse;animation-duration:48s;}
  #dm .dmBody .bongioNastriBinario:hover .bongioNastriNastro,
  #dm .dmBody .bongioNastriBinario--fermo .bongioNastriNastro{animation-play-state:paused;}
  @keyframes bongioNastriScorri{to{transform:translateX(-50%)}}

  #dm .dmBody a.bongioVoce{
    display:flex!important;flex-direction:column;align-items:center;gap:18px;flex:0 0 auto;
    width:175px;text-decoration:none!important;color:#2b2420!important;
  }
  #dm .dmBody a.bongioVoce svg{width:136px!important;height:136px!important;overflow:visible;transition:transform .4s;}
  #dm .dmBody a.bongioVoce svg *{
    fill:none!important;stroke:#b08d57!important;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;
  }
  #dm .dmBody a.bongioVoce span.bongioVoceNome{
    font-family:'Baskervville','Playfair Display',Georgia,serif!important;font-style:italic!important;
    font-size:22px!important;line-height:1.2!important;text-align:center;color:#2b2420!important;transition:color .3s;
  }
  #dm .dmBody a.bongioVoce:hover svg{transform:scale(1.04);}
  #dm .dmBody a.bongioVoce:hover span.bongioVoceNome{color:#b08d57!important;}

  /* Disegno a filo: solo se lo script e' attivo (senza script le icone restano visibili) */
  #dm .dmBody .bongioNastri--anima a.bongioVoce svg *{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 0s;}
  #dm .dmBody .bongioNastri--anima a.bongioVoce--disegna svg *{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s cubic-bezier(.55,.1,.35,1);}
  #dm .dmBody .bongioNastri--anima a.bongioVoce--disegna svg .cornice{transition-duration:1.2s;}
  #dm .dmBody .bongioNastri--anima a.bongioVoce--disegna svg .t2{transition-delay:.9s;}
  #dm .dmBody .bongioNastri--anima a.bongioVoce--disegna svg .t3{transition-delay:1.5s;}
  #dm .dmBody .bongioNastri--anima a.bongioVoce--disegna svg .t4{transition-delay:2s;}
  #dm .dmBody .bongioNastri--anima a.bongioVoce span.bongioVoceNome{opacity:0;transform:translateY(6px);}
  #dm .dmBody .bongioNastri--anima a.bongioVoce--disegna span.bongioVoceNome{opacity:1;transform:none;transition:opacity .8s 1.8s,transform .8s 1.8s,color .3s;}

  @media (max-width:767px){
    html #dm .dmBody div.u_1230641626[id]{padding:0!important;}
    /* meno spazio bianco tra i nastri e "I nostri punti di forza" (circa 48px su tutti i telefoni) */
    html #dm .dmBody div.u_1015143198[id]{margin-top:0!important;padding-top:26px!important;}
    #dm .dmBody .bongioNastriNastro{gap:36px;animation-duration:32s;}
    #dm .dmBody .bongioNastriRiga--inversa .bongioNastriNastro{animation-duration:36s;}
    #dm .dmBody a.bongioVoce{width:140px;}
    #dm .dmBody a.bongioVoce svg{width:106px!important;height:106px!important;}
    #dm .dmBody a.bongioVoce span.bongioVoceNome{font-size:18px!important;}
  }
  @media (prefers-reduced-motion:reduce){
    #dm .dmBody .bongioNastriBinario{overflow-x:auto;}
    #dm .dmBody .bongioNastriNastro{animation:none;}
    #dm .dmBody .bongioNastri--anima a.bongioVoce svg *{stroke-dashoffset:0!important;transition:none!important;}
    #dm .dmBody .bongioNastri--anima a.bongioVoce span.bongioVoceNome{opacity:1!important;transform:none!important;}
  }
  /* Telefono: nastri scorrevoli col dito (scorrimento automatico fatto dallo script) e frecce ai lati */
  #dm .dmBody .bongioNastriCorsia{position:relative;}
  #dm .dmBody .bongioNastriFreccia{display:none;}
  @media (max-width:767px){
    #dm .dmBody .bongioNastri--mano .bongioNastriBinario{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;}
    #dm .dmBody .bongioNastri--mano .bongioNastriBinario::-webkit-scrollbar{display:none;}
    #dm .dmBody .bongioNastri--mano .bongioNastriNastro{animation:none!important;}
    #dm .dmBody .bongioNastri--mano .bongioNastriFreccia{
      display:flex!important;align-items:center;justify-content:center;
      position:absolute;top:44px;z-index:3;width:38px;height:38px;margin:0;padding:0;
      border-radius:50%;border:1px solid rgba(176,141,87,.7);background:rgba(255,255,255,.92);
      box-shadow:0 3px 10px rgba(43,36,32,.12);cursor:pointer;-webkit-tap-highlight-color:transparent;
    }
    #dm .dmBody .bongioNastri--mano .bongioNastriFreccia--sx{left:6px;}
    #dm .dmBody .bongioNastri--mano .bongioNastriFreccia--dx{right:6px;}
    #dm .dmBody .bongioNastri--mano .bongioNastriFreccia svg{width:18px;height:18px;fill:none;stroke:#b08d57;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
    #dm .dmBody .bongioNastri--mano .bongioNastriFreccia:active{background:#b08d57;}
    #dm .dmBody .bongioNastri--mano .bongioNastriFreccia:active svg{stroke:#fff;}
  }


  /* 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;}}


  /* Hero di home, competenze e contatti: tolto "CHIAMA ORA". Il suo pulsante (stessa posizione e misure)
     e' diventato "CONTATTI", con l'aspetto del vecchio pulsante CONTATTI (bianco, bordo e scritta oro). */
  html #dm .dmBody a.bongioHeroContatti.u_1538807110[id],
  html #dm .dmBody a.bongioHeroContatti.u_1615017048[id],
  html #dm .dmBody a.bongioHeroContatti.u_1680784055[id]{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    height:50px!important;
    min-height:50px!important;
    padding:0!important;
    background:#fff!important;
    background-image:none!important;
    border:1px solid rgb(176,141,87)!important;
    border-radius:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
  }
  html #dm .dmBody a.bongioHeroContatti.u_1538807110[id] .text,
  html #dm .dmBody a.bongioHeroContatti.u_1615017048[id] .text,
  html #dm .dmBody a.bongioHeroContatti.u_1680784055[id] .text{
    display:block!important;
    padding:0!important;
    margin:0!important;
    font-family:Poppins,'Poppins Fallback',sans-serif!important;
    font-size:18px!important;
    font-weight:300!important;
    line-height:normal!important;
    color:rgb(176,141,87)!important;
    white-space:nowrap!important;
  }
  /* Su computer il vecchio pulsante era alto 55,5px: il nuovo e' alto 50px e resta centrato nello stesso punto */
  @media (min-width:768px){
    html #dm .dmBody a.bongioHeroContatti.u_1538807110[id],
  html #dm .dmBody a.bongioHeroContatti.u_1615017048[id],
  html #dm .dmBody a.bongioHeroContatti.u_1680784055[id]{
      margin-top:12.75px!important;
      margin-bottom:12.75px!important;
    }
  }
  /* Telefono: pulsante centrato (il vecchio CHIAMA ORA era spostato a sinistra) */
  @media (max-width:767px){
    html #dm .dmBody a.bongioHeroContatti.u_1538807110[id],
    html #dm .dmBody a.bongioHeroContatti.u_1615017048[id],
    html #dm .dmBody a.bongioHeroContatti.u_1680784055[id]{
      margin-left:auto!important;
      margin-right:auto!important;
      width:200px!important;
      max-width:92%!important;
    }
    html #dm .dmBody div.dmRespCol[id="1189866641"],
    html #dm .dmBody div.dmRespCol[id="1391110877"],
    html #dm .dmBody div.dmRespCol[id="1794049256"]{
      padding-left:0!important;
      padding-right:0!important;
    }
  }
  /* Computer (2026-09-27): titolo, frase e pulsante CONTATTI centrati sulla pagina. La colonna Duda
     del titolo era larga 10/12 e appoggiata a sinistra; il pulsante stava nella meta' sinistra della sua riga. */
  @media (min-width:768px){
    html #dm .dmBody header div.dmRespCol.u_1032516916[id],
    html #dm .dmBody header div.dmRespCol.u_1999078924[id]{
      width:100%!important;max-width:100%!important;float:none!important;
    }
    html #dm .dmBody header div.dmRespColsWrapper[id="1009269080"],
    html #dm .dmBody header div.dmRespColsWrapper[id="1220483250"]{
      width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;
    }
    html #dm .dmBody header div.dmRespCol[id="1189866641"],
    html #dm .dmBody header div.dmRespCol[id="1391110877"]{
      width:100%!important;max-width:100%!important;float:none!important;padding-left:0!important;padding-right:0!important;
    }
    html #dm .dmBody a.bongioHeroContatti.u_1538807110[id],
    html #dm .dmBody a.bongioHeroContatti.u_1615017048[id]{
      margin-left:auto!important;margin-right:auto!important;
    }
    /* colonne vuote di Duda accanto al titolo e al pulsante: occupavano la parte destra */
    html #dm .dmBody header div.dmRespCol[id="1741113525"],
    html #dm .dmBody header div.dmRespCol[id="1689273847"],
    html #dm .dmBody header div.dmRespCol[id="1458522620"],
    html #dm .dmBody header div.dmRespCol[id="1349550511"]{display:none!important;}
  }


  /* 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;}
  }


  /* Hero (identico in home, competenze e contatti): sopra il titolo grande
     ("COMPETENZE" / "CONTATTI", stesso font di prima) una scritta piu' piccola e sottile
     "STUDIO LEGALE BONGIOVANNI". */
  html #dm .dmBody header p.bongioHeroKicker{
    display:block!important;
    margin:0 auto 18px!important;
    padding:0 0 0 .3em!important;
    font-family:Poppins,'Poppins Fallback',sans-serif!important;
    font-size:clamp(15px, 1.4vw, 22px)!important;
    font-weight:300!important;
    font-style:normal!important;
    line-height:1.3!important;
    letter-spacing:.3em!important;
    text-transform:uppercase!important;
    text-align:center!important;
    text-wrap:balance;
    color:#fff!important;
  }
  @media (max-width:767px){
    html #dm .dmBody header p.bongioHeroKicker{
      margin-bottom:12px!important;
      padding-left:.2em!important;
      font-size:12.5px!important;
      font-weight:400!important;
      letter-spacing:.2em!important;
    }
  }
  @media (max-width:389px){
    /* telefoni stretti: la scritta resta su una riga */
    html #dm .dmBody header p.bongioHeroKicker{
      font-size:min(12.5px, calc((100vw - 80px) / 22.5))!important;
      letter-spacing:.16em!important;
      padding-left:.16em!important;
    }
  }


  /* Home (2026-09-27): la scritta piccola "Avvocati a Barcellona Pozzo di Gotto - Messina" sta sopra il titolo
     senza spingerlo in basso: titolo, pulsante e "Scorri per scoprire" restano dove erano. */
  html #dm .dmBody header div.u_1662409496[id]{position:relative!important;}
  html #dm .dmBody header div.u_1662409496[id] p.bongioHeroKicker{
    position:absolute!important;left:0!important;right:0!important;bottom:100%!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;}
  }