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