@charset "UTF-8";

  /* Pagine degli argomenti collegate da Competenze: stesso impianto grafico delle pagine
     del blog (contenitore, tipografia, filetti oro). Qui solo il riquadro introduttivo,
     i filetti tra i paragrafi e l'area delle domande frequenti. */
  #dm div.dmContent .bongioArgomento p.bongioArgIntro{
    font-size:16px!important;
    line-height:1.75!important;
    margin:0!important;
  }
  #dm div.dmContent .bongioArgomento .bongioArgTesto > p + p{
    margin-top:0!important;
    padding-top:18px!important;
    border-top:1px solid rgba(176,141,87,.28)!important;
  }
  #dm div.dmContent .bongioArgomento section.bongioFaq{
    margin-top:44px!important;
    padding-top:6px!important;
    border-top:2px solid rgba(176,141,87,.55)!important;
  }
  #dm div.dmContent .bongioArgomento .bongioFaqItem{
    padding:20px 0 4px!important;
    border-bottom:1px solid rgba(176,141,87,.28)!important;
  }
  #dm div.dmContent .bongioArgomento .bongioFaqItem:last-child{border-bottom:none!important;}
  #dm div.dmContent .bongioArgomento h3.bongioFaqD{
    margin:0 0 8px!important;
    padding:0!important;
    font-family:'Red Hat Display','Red Hat Display Fallback',sans-serif!important;
    font-size:18px!important;
    font-weight:700!important;
    line-height:1.4!important;
    color:rgb(176,141,87)!important;
    text-align:left!important;
    text-transform:none!important;
  }
  #dm div.dmContent .bongioArgomento p.bongioFaqR{
    margin:0!important;
    font-size:16px!important;
    line-height:1.7!important;
  }
  @media (max-width:767px){
    #dm div.dmContent .bongioArgomento p.bongioArgIntro{font-size:15px!important;line-height:1.65!important;}
    #dm div.dmContent .bongioArgomento .bongioArgTesto > p + p{padding-top:16px!important;}
    #dm div.dmContent .bongioArgomento section.bongioFaq{margin-top:34px!important;}
    #dm div.dmContent .bongioArgomento h3.bongioFaqD{font-size:17px!important;}
    #dm div.dmContent .bongioArgomento p.bongioFaqR{font-size:15px!important;line-height:1.65!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%);}
  }
  

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