/* Duca Web Design · menu premium condiviso: barra di vetro, luce che segue le voci, mega menu dei servizi, menu a tutto schermo su telefono */
.nav-p{--h:64px;position:fixed;top:14px;left:0;right:0;z-index:200;width:min(1240px,calc(100% - 24px));margin-inline:auto;font-family:"Inter Tight",system-ui,sans-serif;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.nav-p.nascosta{transform:translateY(calc(-100% - 30px))}
.nav-barra{position:relative;z-index:2;height:var(--h);display:flex;align-items:center;gap:12px;padding:0 10px 0 22px;border-radius:22px;
  background:linear-gradient(180deg,rgba(18,24,36,.72),rgba(8,11,18,.66));backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.08),0 20px 50px -30px rgba(0,0,0,.9);transition:background .4s,box-shadow .4s,border-radius .4s}
.nav-p.scorsa .nav-barra{background:linear-gradient(180deg,rgba(14,19,30,.88),rgba(6,9,15,.84))}
.nav-p.aperto .nav-barra{border-radius:22px 22px 0 0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 -1px 0 rgba(255,255,255,.06)}
.nav-logo{display:flex;align-items:center;flex:none;margin-right:auto}
.nav-logo img{height:34px;width:auto;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.nav-logo:hover img{transform:translateY(-2px) rotate(-4deg)}
.nav-voci{position:relative;display:flex;align-items:center;gap:2px}
.nav-luce{position:absolute;top:50%;left:0;height:40px;margin-top:-20px;width:0;border-radius:12px;background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),opacity .3s}
.nv{position:relative;z-index:1;display:flex;align-items:center;gap:7px;height:40px;padding:0 16px;border:0;border-radius:12px;background:none;cursor:pointer;
  font:500 15px/1 "Inter Tight",sans-serif;letter-spacing:-.005em;color:rgba(238,242,248,.74);text-decoration:none;transition:color .25s}
.nv:hover,.nv.attivo,.nv[aria-expanded="true"]{color:#fff}
.nv.attivo::after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#5B95D6;box-shadow:0 0 8px #5B95D6}
.nv-serv i{width:7px;height:7px;margin-top:-3px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);transition:transform .35s cubic-bezier(.2,.8,.2,1),margin .35s}
.nv-serv[aria-expanded="true"] i{transform:rotate(225deg);margin-top:4px}
.nav-destra{display:flex;align-items:center;gap:8px;margin-left:auto}
.nav-tel{display:flex;align-items:center;gap:9px;height:44px;padding:0 14px;border-radius:13px;color:rgba(238,242,248,.88);text-decoration:none;font:600 14.5px/1 "Inter Tight",sans-serif;font-variant-numeric:tabular-nums;transition:background .25s}
.nav-tel svg{width:30px;height:30px;padding:7px;border-radius:50%;background:rgba(255,255,255,.08);box-sizing:border-box}
.nav-tel:hover{background:rgba(255,255,255,.06)}
.nav-cta{display:flex;align-items:center;gap:12px;height:46px;padding:0 6px 0 20px;border-radius:14px;background:linear-gradient(150deg,#1663A8,#0F4C81);color:#fff;text-decoration:none;font:600 15px/1 "Inter Tight",sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 30px -12px rgba(15,76,129,.95);transition:transform .3s,box-shadow .3s}
.nav-cta i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.14);overflow:hidden}
.nav-cta:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 18px 36px -12px rgba(42,120,196,.95)}
.nav-cta:hover i svg{animation:frecciaVia .55s cubic-bezier(.65,0,.35,1)}
@keyframes frecciaVia{0%{transform:none}49%{transform:translateX(22px)}50%{transform:translateX(-22px)}100%{transform:none}}
.nav-hamb{display:none;position:relative;width:46px;height:46px;border:0;border-radius:14px;background:rgba(255,255,255,.08);cursor:pointer}
.nav-hamb i{position:absolute;left:14px;right:14px;height:1.8px;border-radius:2px;background:#fff;transition:transform .45s cubic-bezier(.2,.8,.2,1),top .45s cubic-bezier(.2,.8,.2,1)}
.nav-hamb i:first-child{top:18px}.nav-hamb i:last-child{top:26px}
.menu-mob-aperto .nav-hamb i:first-child{top:22px;transform:rotate(45deg)}.menu-mob-aperto .nav-hamb i:last-child{top:22px;transform:rotate(-45deg)}

/* ---------- mega menu ---------- */
.mega{position:absolute;left:0;right:0;top:var(--h);z-index:1;visibility:hidden;opacity:0;transform:translateY(-8px);clip-path:inset(0 0 100% 0 round 0 0 22px 22px);
  transition:opacity .35s ease,transform .5s cubic-bezier(.2,.8,.2,1),clip-path .55s cubic-bezier(.2,.8,.2,1),visibility 0s .55s}
.nav-p.aperto .mega{visibility:visible;opacity:1;transform:none;clip-path:inset(0 0 0 0 round 0 0 22px 22px);transition:opacity .3s ease,transform .5s cubic-bezier(.2,.8,.2,1),clip-path .6s cubic-bezier(.2,.8,.2,1),visibility 0s}
.mega-in{display:grid;grid-template-columns:1fr 300px;gap:14px;padding:14px;border-radius:0 0 22px 22px;
  background:linear-gradient(180deg,rgba(8,11,18,.84),rgba(6,9,15,.92));backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 40px 80px -30px rgba(0,0,0,.9)}
.mega-g{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.mg-v{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;color:#EEF2F8;text-decoration:none;opacity:0;transform:translateY(8px);transition:background .25s,opacity .45s,transform .5s cubic-bezier(.2,.8,.2,1)}
.nav-p.aperto .mg-v{opacity:1;transform:none;transition-delay:0s,calc(.05s + var(--i) * .035s),calc(.05s + var(--i) * .035s)}
.mg-v:hover,.mg-v:focus-visible{background:rgba(255,255,255,.06)}
.mg-v.attivo{background:rgba(91,149,214,.1)}
.mg-i{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,#2A78C4 0%,#0F4C81 55%,#0A2D50 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 20px -12px rgba(15,76,129,.9);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.mg-v:hover .mg-i{transform:rotate(-6deg) scale(1.05)}
.mg-v b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.01em}
.mg-v small{display:block;margin-top:3px;font-size:13px;color:rgba(238,242,248,.5)}
.mega-lato{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:24px;border-radius:18px;background:radial-gradient(120% 90% at 100% 0%,#1663A8,#0F4C81 45%,#0A2D50);opacity:0;transform:translateY(8px);transition:opacity .45s .12s,transform .5s .12s cubic-bezier(.2,.8,.2,1)}
.nav-p.aperto .mega-lato{opacity:1;transform:none}
.mega-lato::after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 22px rgba(255,255,255,.03),0 0 0 46px rgba(255,255,255,.02)}
.mega-lato .occ{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.mega-lato b{margin-top:12px;font-size:22px;line-height:1.15;letter-spacing:-.025em;color:#fff}
.mega-bt{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;height:48px;padding:0 6px 0 18px;border-radius:14px;background:#fff;color:#0F4C81;text-decoration:none;font-weight:700;font-size:15px}
.mega-bt i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#EEF3F9;overflow:hidden}
.mega-bt:hover i svg{animation:frecciaVia .55s cubic-bezier(.65,0,.35,1)}
.mega-tel{display:flex;align-items:center;gap:8px;margin-top:12px;color:rgba(255,255,255,.78);text-decoration:none;font-size:13.5px}
.mega-tel:hover{color:#fff}
.nav-velo{position:fixed;inset:0;z-index:150;background:rgba(3,6,12,.42);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}
.nav-p.aperto~.nav-velo,body.mega-aperto .nav-velo{opacity:1;visibility:visible;transition:opacity .4s,visibility 0s}

/* ---------- menu a tutto schermo (telefono) ---------- */
.nav-mob{position:fixed;inset:0;z-index:190;overflow:auto;background:radial-gradient(70% 50% at 80% 0%,rgba(15,76,129,.55),transparent 70%),#04060B;color:#fff;
  clip-path:circle(0% at calc(100% - 46px) 46px);visibility:hidden;transition:clip-path .7s cubic-bezier(.76,0,.24,1),visibility 0s .7s}
.menu-mob-aperto .nav-mob{clip-path:circle(150% at calc(100% - 46px) 46px);visibility:visible;transition:clip-path .8s cubic-bezier(.76,0,.24,1),visibility 0s}
.menu-mob-aperto{overflow:hidden}
.nm-in{min-height:100%;display:flex;flex-direction:column;padding:110px clamp(22px,6vw,48px) 40px}
.nm-v{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 0;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:none;color:#fff;text-decoration:none;cursor:pointer;
  font:700 clamp(34px,9vw,46px)/1.05 "Inter Tight",sans-serif;letter-spacing:-.03em;font-variation-settings:"wdth" 76;text-align:left;opacity:0;transform:translateY(24px);transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1)}
.menu-mob-aperto .nm-v,.menu-mob-aperto .nm-piede{opacity:1;transform:none;transition-delay:calc(.25s + var(--i) * .06s)}
.nm-gr{display:contents}
.nm-gr .nm-v{transition-delay:calc(.25s + var(--i) * .06s)}
.nm-serv i{width:14px;height:14px;margin-right:6px;border-right:2px solid rgba(255,255,255,.6);border-bottom:2px solid rgba(255,255,255,.6);transform:rotate(45deg) translate(-3px,-3px);transition:transform .4s}
.nm-serv[aria-expanded="true"] i{transform:rotate(225deg)}
.nm-sotto{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,.8,.2,1)}
.nm-sotto>div{overflow:hidden}
.nm-sotto.aperto{grid-template-rows:1fr}
.nm-sotto a{display:flex;align-items:center;gap:14px;padding:11px 0;color:rgba(238,242,248,.85);text-decoration:none;font-size:17px;font-weight:500}
.nm-sotto a:first-child{margin-top:12px}
.nm-sotto .mg-i{width:38px;height:38px;border-radius:12px}
.nm-sotto .nm-tutti{color:#9CC3EE;font-weight:600;margin-bottom:10px}
.nm-piede{margin-top:auto;padding-top:34px;display:flex;flex-direction:column;gap:14px;opacity:0;transform:translateY(24px);transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1)}
.nm-chiama{display:flex;align-items:center;justify-content:center;gap:10px;height:58px;border-radius:18px;background:linear-gradient(150deg,#1663A8,#0F4C81);color:#fff;text-decoration:none;font-weight:700;font-size:17px}
.nm-mail{text-align:center;color:rgba(238,242,248,.6);text-decoration:none;font-size:15px}

@media (max-width:1100px){.nav-voci{display:none}.nav-hamb{display:block}.nav-tel span{display:none}.nav-tel{padding:0 6px}.mega,.nav-velo{display:none}}
@media (max-width:560px){.nav-p{--h:58px;top:10px;width:calc(100% - 16px)}.nav-barra{padding-left:16px;gap:6px;border-radius:18px}.nav-logo img{height:30px}.nav-cta{height:42px;padding:0 5px 0 14px;font-size:14px}.nav-cta i{width:32px;height:32px}}
@media (prefers-reduced-motion:reduce){.nav-p,.mega,.mg-v,.nav-mob,.nm-v{transition:none!important}}

/* pulsante «Offerta web» con il razzo (06/11) */
.nav-off{display:flex;align-items:center;gap:9px;height:44px;padding:0 15px 0 7px;border-radius:13px;color:#fff;text-decoration:none;font:600 14.5px/1 "Inter Tight",sans-serif;
  background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(156,195,238,.28);transition:background .25s,box-shadow .25s}
.nav-off i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(150deg,#FFB547,#F57C00);color:#fff;box-shadow:0 6px 14px -6px rgba(245,124,0,.9);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.nav-off:hover{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(156,195,238,.5)}
.nav-off:hover i{transform:translate(2px,-2px) rotate(-8deg)}
.nav-off.attivo{background:rgba(91,149,214,.22)}
@media (max-width:1250px){.nav-tel{display:none}}
@media (max-width:640px){.nav-off span{display:none}.nav-off{padding:0 7px}}
.nm-off{display:flex;align-items:center;gap:12px}.nm-off i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(150deg,#FFB547,#F57C00);color:#fff}

/* menu sempre visibile, piu' basso quando si scorre (06/11) */
.nav-p{transition:top .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1)}
.nav-barra{transition:height .45s cubic-bezier(.2,.8,.2,1),background .4s,border-radius .3s}
.nav-logo img,.nav-cta,.nav-off,.nav-tel,.nav-off i,.nav-tel svg{transition:height .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),transform .4s,background .25s,box-shadow .25s}
.nav-p.scorsa{--h:52px;top:8px}
.nav-p.scorsa .nav-logo img{height:28px}
.nav-p.scorsa .nav-cta{height:38px}
.nav-p.scorsa .nav-off,.nav-p.scorsa .nav-tel{height:38px}
.nav-p.scorsa .nav-off i,.nav-p.scorsa .nav-tel svg{width:26px;height:26px}
@media (max-width:560px){.nav-p.scorsa{--h:50px;top:6px}.nav-p.scorsa .nav-logo img{height:26px}.nav-p.scorsa .nav-cta{height:36px}}

/* ===== Testata premium (07/11, richiesta di Federico) =====
   In cima la barra e' piu' alta e il logo piu' grande, cosi' si legge bene; scorrendo torna alla misura compatta (.scorsa).
   Vetro piu' rifinito con un filo di luce sul bordo. Sul telefono: logo, «Offerta web» con la scritta e il menu. */
.nav-p{--h:76px}
.nav-barra{border-radius:24px;padding:0 12px 0 24px;
  background:linear-gradient(180deg,rgba(22,30,46,.74),rgba(8,12,20,.70))!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.07),0 24px 60px -28px rgba(0,0,0,.75)!important}
.nav-barra::before{content:"";position:absolute;left:18%;right:18%;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(156,195,238,.55),transparent)}
.nav-logo img{height:44px}
.nav-p.scorsa{--h:56px}
.nav-p.scorsa .nav-barra{background:linear-gradient(180deg,rgba(16,22,34,.9),rgba(6,9,15,.86))!important}
.nav-p.scorsa .nav-logo img{height:30px}
@media (max-width:1100px){
.nav-p{--h:70px}
.nav-logo img{height:40px}
}
@media (max-width:640px){
.nav-p{--h:66px;top:10px;width:calc(100% - 16px)}
.nav-barra{padding:0 8px 0 16px;gap:8px;border-radius:20px}
.nav-logo img{height:40px}
.nav-cta{display:none!important}
.nav-off{height:44px!important;padding:0 14px 0 6px!important;gap:8px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.nav-off span{display:inline!important;font-size:14px}
.nav-off i{width:32px;height:32px}
.nav-hamb{width:46px;height:46px;background:rgba(255,255,255,.1)}
.nav-p.scorsa{--h:54px;top:6px}
.nav-p.scorsa .nav-logo img{height:28px}
.nav-p.scorsa .nav-off{height:38px!important}
.nav-p.scorsa .nav-off i{width:28px;height:28px}
.nav-p.scorsa .nav-hamb{width:40px;height:40px}
.nav-p.scorsa .nav-hamb i:first-child{top:15px}.nav-p.scorsa .nav-hamb i:last-child{top:23px}
.menu-mob-aperto .nav-p.scorsa .nav-hamb i{top:19px}
}
@media (max-width:360px){.nav-off span{font-size:13px}.nav-logo img{height:34px}}

/* ===== Menu del telefono e del tablet, premium (07/11) ===== */
.nav-mob{background:radial-gradient(80% 45% at 90% 0%,rgba(30,108,182,.45),transparent 70%),radial-gradient(70% 40% at 0% 100%,rgba(15,76,129,.35),transparent 70%),linear-gradient(180deg,#050B17,#04060B)!important}
.nm-luce{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px;-webkit-mask:linear-gradient(180deg,#000,transparent 60%);mask:linear-gradient(180deg,#000,transparent 60%)}
.nm-in{position:relative;padding:104px 22px 28px!important;max-width:620px;margin:0 auto}
.nm-occ{display:block;margin:0 0 8px;font:600 12px/1 "Inter Tight",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:rgba(156,195,238,.7)}
.nm-v{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px;padding:13px 0!important;font:700 30px/1.1 "Inter Tight",sans-serif!important;letter-spacing:-.03em!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.nm-v small{flex:none;width:24px;font:600 12px/1 "Inter Tight",sans-serif;letter-spacing:.06em;color:rgba(156,195,238,.6);font-variant-numeric:tabular-nums}
.nm-v span{flex:1;text-align:left}
.nm-v>i{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);color:rgba(238,242,248,.7);transition:background .25s,color .25s,transform .3s}
.nm-v:active>i,.nm-v:hover>i{background:#0F4C81;color:#fff;transform:translateX(2px)}
.nm-serv>b{flex:none;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.06);position:relative}
.nm-serv>b::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-6px 0 0 -4px;border-right:2px solid rgba(238,242,248,.8);border-bottom:2px solid rgba(238,242,248,.8);transform:rotate(45deg);transition:transform .35s,margin .35s}
.nm-serv[aria-expanded="true"]>b{background:#0F4C81}
.nm-serv[aria-expanded="true"]>b::before{transform:rotate(225deg);margin-top:-2px}
.nm-sotto>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0}
.nm-sotto a{margin:0!important;padding:10px!important;gap:10px!important;border-radius:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);font-size:14.5px!important;font-weight:600!important;line-height:1.2;color:#fff!important}
.nm-sotto a:first-child{margin-top:12px!important}
.nm-sotto a:nth-child(2){margin-top:12px!important}
.nm-sotto .mg-i{flex:none;width:34px!important;height:34px!important;border-radius:10px!important;display:grid;place-items:center;background:linear-gradient(150deg,#2A78C4,#0F4C81);color:#fff}
.nm-sotto .nm-tutti{grid-column:1/-1;justify-content:center;background:transparent!important;box-shadow:inset 0 0 0 1px rgba(156,195,238,.35)!important;color:#9CC3EE!important;margin-bottom:8px!important}
.nm-offerta{display:flex;align-items:center;gap:14px;margin-top:20px;padding:14px 14px 14px 12px;border-radius:20px;text-decoration:none;color:#fff;
  background:linear-gradient(120deg,rgba(255,168,36,.16),rgba(255,255,255,.04) 60%);box-shadow:inset 0 0 0 1px rgba(255,181,71,.35);opacity:0;transform:translateY(24px);transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1)}
.menu-mob-aperto .nm-offerta{opacity:1;transform:none;transition-delay:calc(.25s + var(--i) * .06s)}
.nm-razzo{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(150deg,#FFB547,#F57C00);box-shadow:0 10px 24px -10px rgba(245,124,0,.9)}
.nm-offerta span{flex:1}
.nm-offerta b{display:block;font:700 19px/1.15 "Inter Tight",sans-serif;letter-spacing:-.02em}
.nm-offerta small{display:block;margin-top:3px;font-size:13.5px;color:rgba(238,242,248,.65)}
.nm-fr{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08)}
.nm-piede{padding-top:26px!important;gap:10px!important}
.nm-parla{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px 0 22px;border-radius:18px;background:#fff;color:#0F4C81;text-decoration:none;font:700 17px/1 "Inter Tight",sans-serif}
.nm-parla i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#0F4C81;color:#fff}
.nm-chiama{height:54px!important;border-radius:18px!important;background:rgba(255,255,255,.06)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-size:16px!important}
.nm-mail{margin-top:4px}
.menu-mob-aperto .an-lancia{opacity:0!important;pointer-events:none!important}
@media (min-width:641px){.nm-in{padding-top:120px!important}.nm-v{font-size:36px!important}}

/* 08/11 · «Tutti i servizi» del mega menu: al passaggio il pulsante diventa blu, il riquadro della freccia resta visibile (prima la freccia bianca spariva sul fondo chiaro) */
html body .mega-bt:hover:not(#dwd) i{background:rgba(255,255,255,.16)!important;color:#fff!important}
.mega-bt i svg{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.mega-bt:hover i svg{animation:none!important;transform:translateX(3px)}
.mega-bt{transition:background-color .3s,color .3s}

/* ===== 08/11 · Pulsante «Offerta web» premium, nel blu del sito (via l'arancio) =====
   Pillola di vetro scuro con un filo di luce blu che gira piano sul bordo; razzo bianco in un cerchio blu lucido. */
@property --off-a{syntax:"<angle>";inherits:false;initial-value:0deg}
html body .nav-off:not(#dwd){position:relative;isolation:isolate;border-radius:99px!important;border:1px solid transparent;color:#fff;
  background:linear-gradient(180deg,rgba(22,34,56,.96),rgba(10,16,28,.96)) padding-box,conic-gradient(from var(--off-a),rgba(156,195,238,.15) 0deg,#9CC3EE 70deg,rgba(91,149,214,.2) 140deg,rgba(156,195,238,.12) 360deg) border-box!important;
  box-shadow:0 8px 22px -12px rgba(91,149,214,.8)!important;animation:offGiro 5s linear infinite}
html body .nav-off:not(#dwd) i{background:radial-gradient(90% 80% at 30% 15%,rgba(255,255,255,.55),transparent 50%),linear-gradient(150deg,#6FA8E6,#0F4C81)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 14px -6px rgba(15,76,129,.9)!important}
html body .nav-off:not(#dwd):hover{background:linear-gradient(180deg,rgba(32,52,84,.98),rgba(14,24,42,.98)) padding-box,conic-gradient(from var(--off-a),#9CC3EE,#5B95D6,#9CC3EE) border-box!important;box-shadow:0 10px 28px -10px rgba(91,149,214,.95)!important}
html body .nav-off.attivo:not(#dwd){background:linear-gradient(180deg,rgba(15,76,129,.9),rgba(10,40,74,.95)) padding-box,conic-gradient(from var(--off-a),#9CC3EE,#5B95D6,#9CC3EE) border-box!important}
@keyframes offGiro{to{--off-a:360deg}}
@media (prefers-reduced-motion:reduce){html body .nav-off:not(#dwd){animation:none}}
/* stessa cosa nel menu del telefono */
.nm-offerta{background:linear-gradient(120deg,rgba(91,149,214,.22),rgba(255,255,255,.04) 65%)!important;box-shadow:inset 0 0 0 1px rgba(156,195,238,.35)!important}
.nm-razzo{background:radial-gradient(90% 80% at 30% 15%,rgba(255,255,255,.5),transparent 50%),linear-gradient(150deg,#6FA8E6,#0F4C81)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 24px -10px rgba(91,149,214,.9)!important}

/* ===== 08/11 · Pulsanti «Chiamami» e «Parliamone» premium, diversi dall'Offerta web =====
   Chiamami: icona Solar del telefono in un cerchio di vetro con un punto verde, sopra la riga «Chiamami» e il numero.
   Parliamone: blu pieno con riflesso in alto, una luce che passa al passaggio del mouse e la freccia in un cerchio bianco. */
html body .nav-tel:not(#dwd){gap:10px;padding:0 14px 0 5px;border-radius:99px;color:#fff;background:transparent;box-shadow:none}
.nav-tel .nt-ic{position:relative;flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 0 1px rgba(255,255,255,.1);transition:background .3s,color .3s,box-shadow .3s}
.nav-tel .nt-ic::after{content:"";position:absolute;right:0;top:1px;width:8px;height:8px;border-radius:50%;background:#34C759;box-shadow:0 0 0 2px #0B1220,0 0 8px #34C759}
.nav-tel .nt-ic svg{width:18px!important;height:18px!important;padding:0!important;background:none!important}
.nav-tel span{display:flex;flex-direction:column;gap:3px;line-height:1}
.nav-tel small{font-size:10.5px;font-weight:500;letter-spacing:.04em;color:rgba(238,242,248,.55)}
html body .nav-tel:not(#dwd):hover{background:rgba(255,255,255,.06)}
.nav-tel:hover .nt-ic{color:#fff;background:linear-gradient(150deg,#2A78C4,#0F4C81)}
.nav-p.scorsa .nav-tel .nt-ic{width:30px;height:30px}
html body .nav-cta:not(#dwd){position:relative;overflow:hidden;isolation:isolate;border-radius:99px;padding:0 5px 0 20px;
  background:linear-gradient(180deg,#2E7DCB,#0F4C81)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.2),0 10px 26px -12px rgba(42,120,196,.9)!important}
.nav-cta::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-20deg);transition:left .7s cubic-bezier(.2,.8,.2,1)}
.nav-cta:hover::before{left:120%}
html body .nav-cta:not(#dwd) i{border-radius:50%;background:#fff;color:#0F4C81;box-shadow:0 4px 10px -4px rgba(0,0,0,.4)}
html body .nav-cta:not(#dwd):hover{transform:none!important;background:linear-gradient(180deg,#3889D6,#12599A)!important}
.nav-cta:hover i svg{animation:none!important;transform:translateX(2px);transition:transform .4s cubic-bezier(.2,.8,.2,1)}

.nav-tel .nt-ic svg [opacity]{opacity:.55}
/* 08/11 (3): «Parliamone» con una freccia diagonale; al passaggio del mouse esce in alto a destra e ne entra una nuova */
.nav-cta .cta-fr{position:relative;overflow:hidden}
.nav-cta .cta-fr svg{position:absolute;left:50%;top:50%;margin:-8px 0 0 -8px;transition:transform .5s cubic-bezier(.65,0,.35,1)!important;animation:none!important}
.nav-cta .cta-fr .f2{transform:translate(-150%,150%)}
.nav-cta:hover .cta-fr .f1{transform:translate(150%,-150%)!important}
.nav-cta:hover .cta-fr .f2{transform:translate(0,0)!important}