/* Tema D'Avino — pagine interne: colori, base, barra in alto, header, piede, ingressi. La Home ha il suo foglio (home.css). */
:root{
 /* Layout: fascia blu in testa (blu scuro solo in gradiente), griglia 19:10 su grigio, articolo in colonna da 760 con sidebar fissa, navy pieno solo nel footer */
 --blu:#12458C;--blu-b:#0E3A81;--blu-g:#13468D;--ink:#0B2244;--arancio:#FF6B14;--grigio:#F1F3F6;--carta:#fff;--testo:#1B2A41;--base:#3A4A63;--muto:#5B6B82;--chiaro:#B9CBE6;--velo:#DCE5F3;
 --linea:rgba(18,69,140,.16);--deco:rgba(255,255,255,.13);
 --f-disp:"Anton","Impact","Arial Narrow Bold",sans-serif;--f-lab:"DINN","Arial Narrow",sans-serif;--f-body:"DINX","Helvetica Neue",Arial,sans-serif;
 --gut:clamp(16px,5vw,80px);--max:1320px;--nav:84px;--top:env(safe-area-inset-top,0px);--ease:cubic-bezier(.2,.7,.2,1);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--grigio);color:var(--testo);font-family:var(--f-body);font-size:17px;line-height:1.6;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--arancio);outline-offset:3px}
section,main{scroll-margin-top:84px}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut);position:relative}
.lab{font-family:var(--f-lab);font-weight:600;text-transform:uppercase;letter-spacing:.22em;font-size:13px;line-height:1.3;color:var(--arancio);display:flex;align-items:center;gap:12px}
.lab::before{content:"";width:34px;height:2px;background:currentColor;flex:none}
.disp{font-family:var(--f-disp);font-weight:400;text-transform:uppercase;line-height:1.02;letter-spacing:.005em;margin:0;text-wrap:balance}
.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-lab);font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:13.5px;line-height:1;padding:19px 28px;border:0;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;transition:color .35s}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.btn:hover::after{transform:scaleX(1);transform-origin:left}
.btn-o{background:var(--arancio);color:#fff}.btn-o::after{background:#fff}.btn-o:hover{color:var(--blu)}
.btn-b{background:var(--blu);color:#fff}.btn-b::after{background:var(--arancio)}
.arr{font-family:var(--f-disp);font-size:17px;letter-spacing:0;color:var(--arancio);transition:transform .3s}
.btn-o .arr{color:#fff}.btn-o:hover .arr{color:var(--arancio)}.btn:hover .arr{transform:translateX(4px)}
.lnk{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-lab);font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:12.5px;line-height:1.2;padding:0 0 7px;border:0;cursor:pointer;color:var(--blu);background:linear-gradient(var(--arancio),var(--arancio)) left bottom/100% 2px no-repeat;transition:background-size .4s var(--ease)}
.lnk:hover{background-size:40% 2px}
.mt{display:flex;flex-wrap:wrap;gap:4px 14px;font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;line-height:1.3}
.mt .k{color:var(--arancio)}.mt .d{color:var(--muto)}
.br{display:flex;flex-wrap:wrap;gap:6px}
.br i,.pill{font-style:normal;font-family:var(--f-lab);font-weight:600;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--blu);padding:5px 8px 4px;line-height:1.2;box-shadow:inset 0 0 0 1px var(--linea);background:none;border:0}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ===== topbar + header (come Home v2) ===== */
.topbar{background:linear-gradient(90deg,#0B2244 30%,#12458C);color:#C9D4E6;font-family:var(--f-lab);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;position:relative;z-index:51}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;height:38px}
.topbar b{color:#fff;font-weight:600}.topbar .dot{color:var(--arancio);margin-inline:10px}
header.nav{position:sticky;top:var(--top);z-index:50;transition:background .35s,box-shadow .35s,margin .35s var(--ease)}
header.nav::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% + 70px);background:linear-gradient(180deg,rgba(7,24,58,.55),rgba(7,24,58,0));pointer-events:none;z-index:-1;transition:opacity .35s}
header.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--nav);transition:height .35s var(--ease)}
.nav .logo{height:34px;width:auto;transition:height .35s var(--ease)}.nav .logo.c{display:none}
.nav.solid{background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);box-shadow:0 10px 30px -18px rgba(11,34,68,.45);margin-bottom:16px}
.nav.solid::before{opacity:0}.nav.solid .wrap{height:68px}.nav.solid .logo{height:28px}
.nav.solid .logo.w{display:none}.nav.solid .logo.c{display:block}
.menu{display:flex;gap:clamp(14px,2vw,30px);align-items:center;list-style:none;margin:0;padding:0}
.menu a{font-family:var(--f-lab);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:13.5px;color:#fff;position:relative;padding-block:8px}
.nav.solid .menu a{color:var(--blu)}
.menu a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--arancio);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.menu a:hover::after,.menu a.on::after{transform:scaleX(1)}
.nav .btn{padding:15px 22px;font-size:12.5px}
.nav .prog{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--arancio);transform-origin:left;transform:scaleX(var(--p,0));opacity:0;transition:opacity .3s;pointer-events:none}
.nav.solid .prog{opacity:1}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;position:relative}
.burger i{position:absolute;left:10px;right:10px;height:2px;background:#fff}.burger i:nth-child(1){top:15px}.burger i:nth-child(2){top:21px}.burger i:nth-child(3){top:27px}
.nav.solid .burger i{background:var(--blu)}
@media (max-width:1180px){.menu{display:none}.burger{display:block}.nav .btn{display:none}}
@media (max-width:760px){.topbar .mail,.topbar .city{display:none}}

/* ===== WordPress ===== */
/* barra di amministrazione (si vede solo da collegati) */
.admin-bar{--ab:32px}
@media (max-width:782px){.admin-bar{--ab:46px}}
@media (max-width:600px){.admin-bar{--ab:0px}}
header.nav{top:calc(var(--top) + var(--ab,0px))}
.admin-bar .mnav{top:var(--ab)}
/* salta al contenuto (compare solo con la tastiera) */
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--arancio);color:#fff;font-family:var(--f-lab);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:13px;padding:12px 16px;transition:top .2s}
.skip:focus{top:12px}
/* social nella barra in alto e nel piede (come la Home) */
.soc-top{display:flex;gap:16px;align-items:center}
.soc-top a{display:grid;place-items:center;width:18px;height:18px;color:#C9D4E6;transition:color .25s}
.soc-top a:hover{color:var(--arancio)}
.soc-top svg{width:15px;height:15px;fill:currentColor}
.soc{display:flex;gap:8px;margin-top:20px}
.soc a{width:40px;height:40px;display:grid;place-items:center;background:rgba(255,255,255,.07);font-family:var(--f-lab);font-size:12px;letter-spacing:.08em;color:#fff}
.soc a:hover{background:var(--arancio);color:#fff}

/* ===== footer (come Home v2) ===== */
footer{background:linear-gradient(170deg,#0C3468 0%,#0B2244 60%,#081A36 100%);color:#B4C2D8;padding-block:64px 104px;font-size:15px}
.fg{display:grid;grid-template-columns:1.25fr 1.2fr 1fr 1fr;gap:clamp(28px,4vw,56px);align-items:start}
footer h5{font-family:var(--f-lab);font-weight:600;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:#fff;margin:0 0 18px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,max-content));grid-auto-flow:column;grid-template-rows:repeat(4,auto);column-gap:36px}
footer a:hover{color:var(--arancio)}
footer .flogo{height:32px;width:auto;margin-bottom:20px}
footer .coms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
footer .coms a{height:64px;display:flex;align-items:center;justify-content:center;padding:12px 14px;background:rgba(255,255,255,.05);transition:background .3s}
footer .coms a:hover{background:rgba(255,255,255,.1)}
footer .coms img{max-height:30px;max-width:100%;width:auto;height:auto}
footer .assoc{display:grid;grid-template-columns:1.25fr 1.2fr 1fr 1fr;gap:16px clamp(28px,4vw,56px);align-items:center;margin-top:44px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1)}
footer .assoc h5{margin:0}
footer .as-l{grid-column:2/-1;display:flex;gap:10px;flex-wrap:wrap}
footer .as-l span{width:168px;height:64px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05)}
footer .as-l img{display:block;width:auto;height:auto;max-width:112px;max-height:38px}
.legal{border-top:1px solid rgba(255,255,255,.1);margin-top:28px;padding-top:22px;display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;font-size:13px;color:#7F90AC}
.legal button{background:none;border:0;padding:0;cursor:pointer;color:#B4C2D8;font:inherit}.legal button:hover{color:var(--arancio)}
.totop{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:85;width:48px;height:48px;border:0;background:var(--blu);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .35s,transform .45s var(--ease),background .25s;box-shadow:0 12px 26px -14px rgba(0,0,0,.6)}
.totop svg{width:20px;height:20px;fill:currentColor}
.totop.show{opacity:1;transform:none;pointer-events:auto}.totop.show.ft{opacity:0;transform:translateY(14px);pointer-events:none}
.totop:hover{background:var(--arancio)}
@media (max-width:960px){.fg{grid-template-columns:1fr 1fr}footer .assoc{grid-template-columns:1fr}footer .as-l{grid-column:auto}}
@media (max-width:560px){.fg{grid-template-columns:1fr}footer .as-l{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}footer .as-l span{width:auto}footer .as-l img{max-width:80%}}
/* ===== ingressi: un solo sistema, stesso ritmo della Home ===== */
.ain:not(.ain-on){opacity:0!important}
.ain.ain-on{animation:ainUp .95s cubic-bezier(.16,1,.3,1) var(--d,0s) both}
.ain.ain-on.ain-l{animation-name:ainL}.ain.ain-on.ain-r{animation-name:ainR}
.ain.ain-on.ain-t{animation-name:ainT;animation-duration:1.1s}
.ain.ain-on.ain-s{animation-name:ainS;animation-duration:1.15s}
@keyframes ainUp{from{opacity:0;transform:translate3d(0,34px,0)}to{opacity:1;transform:none}}
@keyframes ainL{from{opacity:0;transform:translate3d(-40px,0,0)}to{opacity:1;transform:none}}
@keyframes ainR{from{opacity:0;transform:translate3d(40px,0,0)}to{opacity:1;transform:none}}
@keyframes ainT{from{opacity:0;transform:translate3d(0,46px,0);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(-30% -10% -30% -10%)}}
@keyframes ainS{from{opacity:0;transform:translate3d(0,40px,0) scale(.965)}to{opacity:1;transform:none}}
.sg{clip-path:inset(0 0 0 0);transition:clip-path 1.6s .25s cubic-bezier(.65,0,.25,1)}
.sg.sgp{clip-path:inset(0 100% 0 0);transition:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.fx-t button.on i::after{transform:scaleX(1)}.fx .ph img{transform:none}.ain:not(.ain-on){opacity:1!important}.sg.sgp{clip-path:none}}
/* niente lampo all'apertura: gli elementi in cima restano nascosti finché lo script non li fa entrare (se lo script non arriva, dopo 4 secondi si vedono comunque) */
.ain-js :is(.bh .lab,.bh h1,.bh .sub,.stats>div,.fx,.ah .bc,.ah .lab,.ah h1,.ah-m,.ah-d,.cv,.sd>*){opacity:0}

/* ===== testo base unico (deciso il 7/10/2026) =====
   3 misure: 17 testo base, 15 testi secondari, 20 frasi d'apertura. Un colore su fondo chiaro (--testo), uno su fondo blu (--velo). */
footer,footer p{font-size:15px;color:var(--velo)}
.legal{font-size:15px;color:var(--velo)}
/* header fisso quasi pieno: trasparente sembrava azzurrino sopra le fasce blu */
.nav.solid{background:rgba(255,255,255,.97)}
/* === megamenu Prodotti e Noleggio (7 ott 2026): fondo bianco, foto delle macchine su bianco, all'hover nessun riquadro === */
.menu .mm>a{display:inline-flex;align-items:center;gap:7px}
.menu .car{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s}
.menu [aria-expanded=true] .car{transform:translateY(1px) rotate(-135deg)}
.nav.mega-on{background:#fff!important;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.nav.mega-on::before{opacity:0}
.nav.mega-on .logo.w{display:none}
.nav.mega-on .logo.c{display:block}
.nav.mega-on .menu a{color:var(--blu)}
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;color:var(--testo);border-top:3px solid var(--arancio);box-shadow:0 34px 60px -34px rgba(11,34,68,.45);opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .35s var(--ease);pointer-events:none}
.mega.on{opacity:1;transform:none;pointer-events:auto}
.mega[hidden]{display:none}
.mega-l{display:block;font-family:var(--f-lab);font-weight:600;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muto);margin-bottom:8px}
.mg-ph{display:flex;align-items:flex-end;justify-content:center}
.mg-ph img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .5s var(--ease)}
a:hover>.mg-ph img,a:focus-visible>.mg-ph img{transform:translateX(-6px)}
.mg-lg{display:flex;align-items:center;justify-content:center;height:32px;width:100%}
.mg-lg img{width:auto;max-width:min(150px,100%);height:22px;object-fit:contain}
.mg-lg img[data-b=volvo]{height:12px}.mg-lg img[data-b=manitou]{height:20px}.mg-lg img[data-b=mecalac]{height:28px}.mg-lg img[data-b=ce]{height:30px}.mg-lg img[data-b=trevibenne]{height:32px}.mg-lg img[data-b=indeco]{height:32px}
.mg-lg .lg-t{font-family:var(--f-lab);font-weight:600;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--testo)}
/* Prodotti: fascia con i sei marchi e il riquadro dello showroom */
.mg-band{display:flex;gap:18px;max-width:var(--max);margin:0 auto;padding:22px var(--gut) 24px}
.mg-mac{display:flex;flex:4;min-width:0}
.mg-att{display:flex;flex:2;min-width:0;border-left:1px solid rgba(18,69,140,.12);padding-left:6px}
.mg-c{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:10px 12px 16px}
.mg-c::after{content:"";position:absolute;left:24%;right:24%;bottom:0;height:3px;background:var(--arancio);transform:scaleX(0);transition:transform .35s var(--ease)}
.mg-c:hover::after,.mg-c:focus-visible::after{transform:scaleX(1)}
.mg-c .mg-ph{width:100%;height:80px}
.mg-c .mg-ph img{max-width:86%}
.mg-c .mg-lg{margin-top:10px;height:34px}
.mg-tx{font-size:13px;line-height:1.35;color:var(--base,#3A4A63);transition:color .25s}
.mg-c:hover .mg-tx,.mg-c:focus-visible .mg-tx{color:var(--blu)}
.mg-sw{flex:1.35;min-width:230px;margin-left:6px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:24px clamp(22px,2.4vw,36px);background:linear-gradient(135deg,var(--blu-g,#13468D),var(--blu-b));color:#fff;transition:filter .4s}
.mg-sw .mg-k{font-family:var(--f-lab);font-weight:600;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--arancio)}
.mg-sw b{font-family:var(--f-disp);font-weight:400;font-size:28px;line-height:1.05;text-transform:uppercase;letter-spacing:.01em}
.mg-sw .mg-s{font-size:14px;line-height:1.4;color:#DCE5F3}
.mg-sw .mg-go{margin-top:8px;font-family:var(--f-lab);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.mg-sw:hover,.mg-sw:focus-visible{filter:brightness(1.12)}
/* Noleggio: lavori con la foto della macchina + flotta in elenco */
.mg-box{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:0 clamp(24px,3vw,44px);max-width:var(--max);margin:0 auto;padding:24px var(--gut) 24px}
.mg-lv{display:flex;flex-direction:column}
.mg-lv-g{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,1fr);gap:0 clamp(24px,3vw,48px)}
.mg-r{display:flex;align-items:center;gap:18px;padding:6px 0;border-bottom:1px solid rgba(18,69,140,.12)}
.mg-r:nth-last-child(-n+2){border-bottom:0}
.mg-r .mg-ph{width:100px;height:62px;flex:none}
.mg-r b{font-family:var(--f-lab);font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--testo);line-height:1.25;transition:color .25s}
.mg-r:hover b,.mg-r:focus-visible b{color:var(--blu)}
.mg-fl{border-left:1px solid rgba(18,69,140,.16);padding-left:clamp(20px,2.4vw,36px)}
.mg-fl a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid rgba(18,69,140,.12);font-family:var(--f-lab);font-weight:600;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--testo);transition:color .25s}
.mg-fl a:last-child{border-bottom:0}
.mg-fl a span{font-family:var(--f-body);font-weight:400;letter-spacing:0;text-transform:none;font-size:13px;color:var(--muto);white-space:nowrap;font-variant-numeric:tabular-nums}
.mg-fl a:hover,.mg-fl a:focus-visible{color:var(--blu)}
@media (max-width:1180px){.mega{display:none!important}}
/* === menu mobile (7 ott 2026): pannello bianco, una voce per riga, Prodotti e Noleggio a fisarmonica con le foto === */
html.mn-on,html.mn-on body{overflow:hidden}
.mnav{position:fixed;inset:0;z-index:10000;background:#fff;color:var(--testo);display:flex;flex-direction:column;transform:translateX(100%);visibility:hidden;transition:transform .45s cubic-bezier(.7,0,.2,1),visibility 0s .45s}
.mnav.open{transform:none;visibility:visible;transition:transform .45s cubic-bezier(.7,0,.2,1),visibility 0s}
.mn-top{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:env(safe-area-inset-top,0px) var(--gut) 0;border-bottom:3px solid var(--arancio)}
.mn-top img{height:26px;width:auto}
.mnav .x{position:relative;flex:none;width:44px;height:44px;margin-right:-10px;border:0;background:none;cursor:pointer}
.mnav .x i{position:absolute;left:11px;right:11px;top:21px;height:2px;background:var(--blu)}
.mnav .x i:first-child{transform:rotate(45deg)}.mnav .x i:last-child{transform:rotate(-45deg)}
.mn-body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px var(--gut) 24px}
.mn-l{list-style:none;margin:0;padding:0}
.mn-i{border-bottom:1px solid rgba(18,69,140,.12)}
.mn-h{display:flex;align-items:center;gap:12px}
.mn-i>a,.mn-h>a{flex:1;display:block;padding:17px 0;font-family:var(--f-lab);font-weight:600;font-size:17px;letter-spacing:.14em;text-transform:uppercase;line-height:1.2;color:var(--testo)}
.mn-i>a.on,.mn-h>a.on{color:var(--blu)}
.mn-i>a.on::after,.mn-h>a.on::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--arancio);margin-left:10px;vertical-align:middle}
.mn-t{position:relative;flex:none;width:44px;height:44px;margin-right:-10px;border:0;background:none;cursor:pointer}
.mn-t i{position:absolute;left:50%;top:50%;width:9px;height:9px;border-right:2px solid var(--blu);border-bottom:2px solid var(--blu);transform:translate(-50%,-70%) rotate(45deg);transition:transform .3s}
.mn-t[aria-expanded=true] i{transform:translate(-50%,-30%) rotate(-135deg)}
.mn-s{padding:0 0 18px}
.mn-s:not([hidden]){animation:mnGiu .35s var(--ease)}
@keyframes mnGiu{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mn-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px}
.mn-c{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0 12px}
.mn-c .mg-ph{width:100%;height:74px}
.mn-c .mg-lg{height:28px}
.mn-c .mg-lg img[data-b=volvo]{height:10px}.mn-c .mg-lg img[data-b=manitou]{height:15px}.mn-c .mg-lg img[data-b=mecalac]{height:21px}.mn-c .mg-lg img[data-b=ce]{height:26px}.mn-c .mg-lg img[data-b=trevibenne]{height:26px}.mn-c .mg-lg img[data-b=indeco]{height:24px}
.mn-r{display:flex;align-items:center;gap:10px;padding:8px 0;min-width:0}
.mn-r .mg-ph{width:58px;height:40px;flex:none}
.mn-r b{font-family:var(--f-lab);font-weight:600;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;line-height:1.25;color:var(--testo)}
.mn-s .mega-l{margin:2px 0 4px}
.mn-more{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:15px 16px;background:linear-gradient(135deg,var(--blu-g,#13468D),var(--blu-b));color:#fff;font-family:var(--f-lab);font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
.mn-foot{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding:14px var(--gut) calc(16px + env(safe-area-inset-bottom,0px));background:var(--grigio)}
.mn-foot .btn{flex:1 1 100%;justify-content:center}
.mn-tel{font-family:var(--f-lab);font-weight:600;font-size:16px;letter-spacing:.06em;color:var(--blu)}
.mn-mail{font-size:14px;color:var(--muto)}
.mnav.open .mn-i{animation:mnIn .5s var(--ease) both}
.mnav.open .mn-i:nth-child(1){animation-delay:.14s}.mnav.open .mn-i:nth-child(2){animation-delay:.19s}.mnav.open .mn-i:nth-child(3){animation-delay:.24s}.mnav.open .mn-i:nth-child(4){animation-delay:.29s}.mnav.open .mn-i:nth-child(5){animation-delay:.34s}.mnav.open .mn-i:nth-child(6){animation-delay:.39s}.mnav.open .mn-i:nth-child(7){animation-delay:.44s}
.mnav.open .mn-foot{animation:mnIn .5s var(--ease) .45s both}
@keyframes mnIn{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@media (min-width:1181px){.mnav{display:none}}
@media (prefers-reduced-motion:reduce){.mnav,.mnav.open{transition:none}.mnav.open .mn-i,.mnav.open .mn-foot,.mn-s:not([hidden]){animation:none}.mega,.mg-ph img,.mg-c::after{transition:none}}
.menu .mm>a::after,.nav.mega-on .menu a::after{display:none!important}
.mg-ph{container-type:size;overflow:hidden}
.mega .mg-ph img.cr,.mnav .mg-ph img.cr{--bw:calc(1 - var(--bl) - var(--br));--bh:calc(1 - var(--bt) - var(--bb));--hh:min(100cqh / var(--bh),var(--mw,94cqw) / (var(--ar) * var(--bw)));flex:none;width:auto;height:var(--hh);max-width:none;max-height:none;margin-bottom:calc(var(--hh) * var(--bb) * -1);transform:translateX(calc((var(--br) - var(--bl)) * 50%))}
.mega a:hover>.mg-ph img.cr,.mega a:focus-visible>.mg-ph img.cr{transform:translateX(calc((var(--br) - var(--bl)) * 50% - 6px))}
.mg-c .mg-ph{--mw:84cqw}
/* Noleggio: sotto ogni lavoro il pacchetto di macchine; la flotta nel riquadro blu, come lo showroom */
.mg-box{padding:22px var(--gut) 24px}
.mg-rt{display:flex;flex-direction:column;gap:4px;min-width:0}
.mg-rt>span{font-size:13px;line-height:1.35;color:var(--muto)}
.mg-fl{border-left:0;padding:20px clamp(20px,2vw,28px) 18px;background:linear-gradient(135deg,var(--blu-g,#13468D),var(--blu-b));color:#fff}
.mg-fl .mega-l{color:var(--arancio)}
.mg-fl a{color:#fff;border-bottom-color:rgba(255,255,255,.14);padding:7px 0}
.mg-fl a span{color:#B9CBE6}
.mg-fl a:hover,.mg-fl a:focus-visible{color:var(--arancio)}
.mg-fl a.mg-fl-go{border-bottom:0;justify-content:flex-start;align-items:center;gap:8px;margin-top:6px;padding-top:12px;font-size:13px;letter-spacing:.14em;color:#fff}
.mg-fl a.mg-fl-go .arr{color:var(--arancio)}
/* Prodotti: macchine e attrezzature in due gruppi con il loro nome; attrezzature su grigio */
.mg-band{gap:20px;padding:20px var(--gut) 24px}
.mg-g{display:flex;flex-direction:column;flex:4.3;min-width:0;padding-top:14px}
.mg-g-att{flex:2;background:var(--grigio,#F3F5F8);padding:14px 8px 0}
.mg-g .mega-l{padding-left:12px;margin-bottom:2px}
.mg-g .mg-mac,.mg-g .mg-att{flex:1;display:flex;border-left:0;padding-left:0}
.mg-att .mg-ph img{mix-blend-mode:multiply}
.mg-c{padding:10px 10px 18px}
.mg-c .mg-ph{height:96px;--mw:92cqw}
.mg-tx{font-size:12.5px}
.mg-sw{flex:none;width:236px;min-width:0;margin-left:0;padding:22px}
.mg-sw .mg-go{font-size:12px;white-space:nowrap}
.mg-sw b{font-size:25px}
/* Noleggio compatto: lavori su 3 colonne, flotta stretta col link accanto al titolo */
.mg-box{grid-template-columns:minmax(0,1fr) 300px;padding:18px var(--gut) 20px}
.mg-lv{justify-content:center}
.mg-lv-g{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:4px 24px}
.mg-r{border-bottom:0;padding:8px 0;gap:14px}
.mg-r .mg-ph{width:88px;height:56px}
.mg-rt>span{font-size:12.5px}
.mg-fl{padding:16px 22px 12px}
.mg-fl-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:2px}
.mg-fl .mg-fl-h .mega-l{margin:0}
.mg-fl a{padding:5px 0;font-size:12.5px}
.mg-fl a span{font-size:12.5px}
.mg-fl a.mg-fl-go{margin:0;padding:0;border:0;font-size:11.5px;letter-spacing:.14em}
/* Prodotti: attrezzature in colonna stretta (foto piccola + logo), più spazio alle macchine; niente fondo grigio */
.mg-g{flex:1}
.mg-g-att{flex:none;width:270px;background:none;padding:14px 0 0 18px;border-left:1px solid rgba(18,69,140,.12)}
.mg-g .mg-att{flex-direction:column;justify-content:center;gap:2px}
.mg-att .mg-c{flex:none;display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:12px;row-gap:4px;align-items:center;justify-items:start;text-align:left;padding:10px 0}
.mg-att .mg-c::after{left:0;right:0}
.mg-att .mg-c .mg-ph{grid-row:1 / span 2;width:58px;height:50px;--mw:100cqw}
.mg-att .mg-c .mg-lg{margin:0;height:auto;width:100%;justify-content:flex-start;align-self:end}
.mg-att .mg-c .mg-tx{align-self:start}
.mg-att .mg-ph img{mix-blend-mode:normal}
.mg-att .mg-lg img{max-width:100%}
.mg-att .mg-lg img[data-b=trevibenne]{height:50px}
.mg-att .mg-lg img[data-b=indeco]{height:34px}
.mg-sw{width:220px;padding:22px 20px}
.mg-sw .mg-s{font-size:13.5px}
/* Noleggio: i lavori riempiono l'altezza, con righe sottili come la flotta */
.mg-lv{justify-content:flex-start}
.mg-lv-g{flex:1;grid-template-rows:1fr 1fr;gap:0 28px}
.mg-r{border-bottom:1px solid rgba(18,69,140,.12);padding:10px 0}
.mg-r:nth-last-child(-n+3){border-bottom:0}
.mg-lv-g .mg-r:nth-child(-n+3){border-bottom:1px solid rgba(18,69,140,.12)}
.mg-lv .mega-l{padding-bottom:10px;border-bottom:1px solid rgba(18,69,140,.12);margin-bottom:0}
/* Prodotti senza riquadro blu: macchine con più aria, showroom in una barra sotto */
.mg-band{gap:0;padding:18px var(--gut) 20px}
.mg-g-att{width:250px;padding:14px 0 0 28px}
.mg-mac .mg-c{padding:10px 18px 16px}
.mg-mac .mg-c .mg-ph{height:92px;--mw:80cqw}
.mg-att .mg-lg img[data-b=indeco]{height:30px}
.lg-crop{--h:20px;display:block;width:calc(var(--h) * 6);height:var(--h);overflow:hidden}
.lg-crop img{display:block;height:calc(var(--h) * 2.7027)!important;width:auto!important;max-width:none!important;margin:calc(var(--h) * -.8514) 0 0 calc(var(--h) * -3.1216)}
.mn-c .lg-crop{--h:17px}
.mg-bar-w{border-top:1px solid rgba(18,69,140,.12);background:var(--grigio,#F3F5F8)}
.mg-bar{display:flex;align-items:center;gap:18px;max-width:var(--max);margin:0 auto;padding:14px var(--gut)}
.mg-bar .mg-k{font-family:var(--f-lab);font-weight:600;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--arancio)}
.mg-bar .mg-s{flex:1;font-size:14px;color:var(--base,#3A4A63)}
.mg-bar .mg-go{font-family:var(--f-lab);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--blu);white-space:nowrap;transition:color .25s}
.mg-bar:hover .mg-go,.mg-bar:focus-visible .mg-go{color:var(--arancio)}
/* Attrezzature nel riquadro blu, loghi bianchi; l'hover non taglia più le foto */
.mg-g-att{width:270px;margin-left:24px;padding:16px 20px 6px;background:linear-gradient(135deg,var(--blu-g,#13468D),var(--blu-b));border-left:0}
.mg-g-att .mega-l{color:#B9CBE6;padding-left:0}
.mg-g-att .mg-tx{color:#DCE5F3}
.mg-g-att .mg-c:hover .mg-tx,.mg-g-att .mg-c:focus-visible .mg-tx{color:#fff}
.mg-att .mg-c .mg-ph{--mw:76cqw}
.mega .mg-att a:hover>.mg-ph img.cr,.mega .mg-att a:focus-visible>.mg-ph img.cr{transform:translateX(calc((var(--br) - var(--bl)) * 50% - 4px))}
.mg-r .mg-ph{--mw:84cqw}
.mg-g-att .mg-lg img[data-b=indeco]{height:30px}
.mg-g-att .lg-crop{--h:22px}
.lg-crop.lg-w{width:calc(var(--h) * 5.9286)}
.lg-crop.lg-w img{height:calc(var(--h) * 1.6607)!important;margin:calc(var(--h) * -.4107) 0 0 calc(var(--h) * -1.6964)}
/* lineette verticali grigio chiaro tra le macchine */
.mg-mac .mg-c+.mg-c::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:1px;background:#E2E7EE}
/* il telescopico è basso e lungo: gli si lascia tutta la larghezza, così non sembra più piccolo degli altri */
.mg-r[href$="#lv-sollevamento"] .mg-ph,.mn-r[href$="#lv-sollevamento"] .mg-ph{--mw:100cqw;overflow:visible}
/* Attrezzature: niente blu, due blocchi grigi a riga con la foto su un riquadro bianco */
.mg-g-att{width:270px;margin-left:28px;padding:14px 0 0;background:none}
.mg-g-att .mega-l{color:var(--muto)}
.mg-g .mg-att{gap:8px;justify-content:center}
.mg-att .mg-c{background:var(--grigio,#F3F5F8);padding:10px 14px 10px 10px}
.mg-att .mg-c .mg-ph{background:#fff}
.mg-g-att .mg-tx{color:var(--base,#3A4A63)}
.mg-g-att .mg-c:hover .mg-tx,.mg-g-att .mg-c:focus-visible .mg-tx{color:var(--blu)}
.mg-g-att .lg-crop{--h:21px}
/* Noleggio: flotta senza blu, a blocchi grigi per riga; hover più chiaro */
.mg-fl{background:none;color:var(--testo);padding:0}
.mg-fl .mg-fl-h{padding:0 0 8px;margin:0}
.mg-fl .mg-fl-h .mega-l{color:var(--muto)}
.mg-fl a{background:var(--grigio,#F3F5F8);color:var(--testo);border:0;margin-bottom:3px;padding:7px 14px;position:relative;transition:background .25s,color .25s}
.mg-fl a:last-child{margin-bottom:0}
.mg-fl a span{color:var(--muto);transition:color .25s}
.mg-fl a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--arancio);transform:scaleY(0);transition:transform .3s var(--ease)}
.mg-fl a:hover,.mg-fl a:focus-visible{background:#E9EEF5;color:var(--blu)}
.mg-fl a:hover::before,.mg-fl a:focus-visible::before{transform:scaleY(1)}
.mg-fl a:hover span,.mg-fl a:focus-visible span{color:var(--blu)}
.mg-fl a.mg-fl-go{background:none;color:var(--blu);padding:0;margin:0}
.mg-fl a.mg-fl-go::before{display:none}
.mg-fl a.mg-fl-go:hover{background:none;color:var(--arancio)}
.mg-r:hover .mg-rt>span,.mg-r:focus-visible .mg-rt>span{color:var(--base,#3A4A63)}
/* stesso hover per le attrezzature dei prodotti */
.mg-att .mg-c{transition:background .25s}
.mg-att .mg-c::after{display:none}
.mg-att .mg-c::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--arancio);transform:scaleY(0);transition:transform .3s var(--ease)}
.mg-att .mg-c:hover,.mg-att .mg-c:focus-visible{background:#E9EEF5}
.mg-att .mg-c:hover::before,.mg-att .mg-c:focus-visible::before{transform:scaleY(1)}
/* meno bianco: fondo grigio chiaro, tutto su riquadri bianchi, barra blu in fondo */
.mega{background:var(--grigio,#F3F5F8)}
.mg-band{padding:16px var(--gut) 18px}
.mg-g{padding-top:10px}
.mg-g .mega-l{padding-left:2px;margin-bottom:8px}
.mg-g .mg-mac{gap:10px}
.mg-mac .mg-c{background:#fff;padding:12px 14px 14px}
.mg-mac .mg-c+.mg-c::before{display:none}
.mg-mac .mg-c,.mg-att .mg-c,.mg-r,.mg-fl a{transition:box-shadow .3s,background .25s,color .25s}
.mg-mac .mg-c:hover,.mg-mac .mg-c:focus-visible,.mg-r:hover,.mg-r:focus-visible{box-shadow:0 14px 28px -18px rgba(11,34,68,.45)}
.mg-c::after{left:0;right:0}
.mg-g-att{padding-top:10px}
.mg-att .mg-c{background:#fff}
.mg-att .mg-c:hover,.mg-att .mg-c:focus-visible{background:#fff;box-shadow:0 14px 28px -18px rgba(11,34,68,.45)}
.mg-bar-w{background:linear-gradient(90deg,var(--blu-b),var(--blu-g,#13468D));border-top:0}
.mg-bar{padding:13px var(--gut)}
.mg-bar .mg-s{color:#DCE5F3}
.mg-bar .mg-go{color:#fff}
.mg-bar:hover .mg-go,.mg-bar:focus-visible .mg-go{color:var(--arancio)}
.mg-box{padding:16px var(--gut) 18px}
.mg-lv .mega-l{border-bottom:0;padding-bottom:0;margin-bottom:8px}
.mega .mg-lv-g{gap:10px}
.mega .mg-lv-g .mg-r{background:#fff;border-bottom:0;padding:8px 14px 8px 10px;position:relative}
.mg-r::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--arancio);transform:scaleY(0);transition:transform .3s var(--ease)}
.mg-r:hover::before,.mg-r:focus-visible::before{transform:scaleY(1)}
.mg-fl a{background:#fff;padding:6px 14px}
/* flotta: miniatura della macchina in ogni riga */
.mg-fl a{display:flex;align-items:center;gap:12px;padding:4px 14px 4px 8px}
.mg-fl a .mg-ph{display:flex;width:46px;height:28px;flex:none;--mw:92cqw}
.mg-fl a b{flex:1;font-weight:600;min-width:0}
.mg-fl a>span{margin-left:auto}
.mg-fl a.mg-fl-go{display:inline-flex}
.mg-fl a{padding:2px 14px 2px 8px;margin-bottom:2px}
.mg-fl a .mg-ph{height:26px}
.mg-fl .mg-fl-h{padding-bottom:6px}
.mg-box{padding:14px var(--gut) 14px}
/* la barra blu non si confonde con le sezioni blu sotto: filo arancione in fondo al menu */
.mega{border-bottom:3px solid var(--arancio)}
/* === fine megamenu === */

/* Pulsanti (7 ott 2026): animazioni un filo piu' lente; su fondo chiaro l'hover e' il blu scuro del piede (--ink) */
.btn { transition-duration: .45s; }
.btn::after { transition-duration: .6s; }
.arr { transition-duration: .4s; }
:is(.nav.solid, #news, #contatti, .sec-w, .sec-g, .rq-f, .fl-p) :is(.btn-o, .btn-b):not(:is(.mk-b, .nl, .inc, .vc, .bh, .mega, .dd) *)::after { background: var(--ink); }
:is(.nav.solid, #news, #contatti, .sec-w, .sec-g, .rq-f, .fl-p) :is(.btn-o, .btn-b):not(:is(.mk-b, .nl, .inc, .vc, .bh, .mega, .dd) *):hover { color: #fff; }
:is(.nav.solid, #news, #contatti, .sec-w, .sec-g, .rq-f, .fl-p) :is(.btn-o, .btn-b):not(:is(.mk-b, .nl, .inc, .vc, .bh, .mega, .dd) *):hover .arr { color: var(--arancio); }

/* Header sticky su tablet e iPhone: con overflow-x:hidden Safari tratta il body come contenitore di scorrimento
   e l'header si stacca lasciando spazio sopra. clip blocca lo scorrimento orizzontale senza creare il contenitore (7 ott 2026) */
@supports (overflow-x: clip) {
	body { overflow-x: clip; }
}

/* Freccette dei pulsanti: doppia freccia sottile disegnata (non piu' il carattere »), centrata sul testo (7 ott 2026). La barra arancione della Home usa <em> e resta com'e'. */
.arr { font-size: 0 !important; line-height: 0 !important; display: inline-block; flex: none; width: 12px; height: 10px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1.5 1.5 5 5l-3.5 3.5M6.5 1.5 10 5l-3.5 3.5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1.5 1.5 5 5l-3.5 3.5M6.5 1.5 10 5l-3.5 3.5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
/* 1.1.17 · Frecce dei link allineate al testo: senza overflow:hidden la freccia (inline-block senza testo visibile) scendeva sotto la linea di base */
.arr{overflow:hidden;vertical-align:-1px}

/* ===== 1.1.26 ===== */
/* Regola: sui fondi bianchi o grigio chiaro il titolo è di un solo colore (sui fondi colorati può averne due) */
:is(.close, .sec-g, .sec-w) :is(h1, h2, h3, .disp):not(:is(.mk-b, .nl, .as, .inc, .vc, .bh) *) :is(em, span, i, b, strong){color:inherit!important}
/* Footer: loghi delle associazioni cliccabili */
footer .as-l a{display:block;color:inherit}
footer .as-l a span{transition:background .25s}
footer .as-l a:hover span{background:rgba(255,255,255,.1)}