/* Impresa di Giorgio S.r.l. — sito vetrina · grafica dal mockup del 30/09/2026 */

@font-face{font-family:"Montserrat";src:url("../fonts/montserrat.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Sacramento";src:url("../fonts/sacramento.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --rosso:#c8161e;          /* rosso del nome sul biglietto (#C01818), un filo più acceso per i pulsanti */
  --rosso-scuro:#a30f16;
  --blu:#152a5c;            /* blu della mascotte (#203080), scurito come nel mockup */
  --blu-notte:#0e1d43;
  --blu-mascotte:#203080;
  --azzurro:#0790c6;        /* goccia del biglietto */
  --verde-wa:#1faa53;
  --testo:#18213a;
  --testo-2:#5a647b;
  --linea:#e3e7ef;
  --fondo:#f4f6fa;
  --bianco:#fff;
  --r:14px;
  --ombra:0 10px 30px -12px rgba(14,29,67,.22);
  --ombra-forte:0 22px 44px -18px rgba(14,29,67,.38);
  --font:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mano:"Sacramento","Brush Script MT",cursive;
  --testata:84px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--testata) + 8px)}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--testo);background:var(--bianco);overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
svg{display:block}
a{color:inherit}
h1,h2,h3{margin:0;line-height:1.15;font-weight:800;letter-spacing:-.01em}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit}
.rosso{color:var(--rosso)}
.salta{position:absolute;left:-999px;top:8px;background:var(--blu);color:#fff;padding:10px 16px;border-radius:8px;z-index:100}
.salta:focus{left:8px}
:focus-visible{outline:3px solid var(--azzurro);outline-offset:3px}

.contenitore{width:min(1200px,100% - 32px);margin-inline:auto}
.contenitore--stretto{width:min(860px,100% - 32px)}
.sezione{padding:clamp(56px,8vw,96px) 0}
.occhiello{font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--testo-2);margin-bottom:10px}
.occhiello--chiaro{color:rgba(255,255,255,.85)}
.intesta{margin-bottom:clamp(28px,4vw,44px)}
.intesta--centro{text-align:center;max-width:820px;margin-inline:auto}
.intesta h2{font-size:clamp(1.55rem,3.2vw,2.3rem);color:var(--blu)}

/* ── pulsanti ─────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:8px;font-weight:700;font-size:.98rem;text-decoration:none;border:2px solid transparent;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;white-space:nowrap}
.btn svg{width:18px;height:18px;flex:none}
.btn:hover{transform:translateY(-2px)}
.btn--rosso{background:var(--rosso);color:#fff;box-shadow:0 10px 22px -10px rgba(200,22,30,.7)}
.btn--rosso:hover{background:var(--rosso-scuro)}
.btn--bordo{border-color:rgba(255,255,255,.9);color:#fff;background:rgba(255,255,255,.04)}
.btn--bordo:hover{background:rgba(255,255,255,.14)}
.btn--verde{background:var(--verde-wa);color:#fff}
.btn--verde:hover{background:#178a43}
.btn--grande{min-height:56px;padding:14px 28px;font-size:1.02rem}

/* ── testata ─────────────────────────────── */
.testata{position:sticky;top:0;z-index:50;background:#fff;transition:box-shadow .3s ease}
.testata__in{display:flex;align-items:center;gap:24px;width:min(1280px,100% - 32px);margin-inline:auto;height:var(--testata);transition:height .3s ease}
.testata.stretta .testata__in{height:66px}
.testata.stretta{box-shadow:0 6px 20px -10px rgba(14,29,67,.25)}
.testata__onda{position:absolute;left:0;right:0;top:100%;width:100%;height:18px;fill:#fff;pointer-events:none;transition:opacity .3s ease}
.testata.stretta .testata__onda{opacity:0}
.logo{display:flex;align-items:center;gap:6px;text-decoration:none;flex:none}
.logo__testo{width:clamp(170px,17vw,220px);height:auto;transition:width .3s ease}
.logo__mascotte{width:clamp(70px,6.6vw,92px);height:auto;margin-top:6px;transition:width .3s ease}
.testata.stretta .logo__testo{width:clamp(150px,14vw,184px)}
.testata.stretta .logo__mascotte{width:clamp(60px,5.4vw,74px)}
.menu{display:flex;gap:clamp(14px,2vw,30px);margin-left:auto}
.menu a{position:relative;text-decoration:none;font-weight:600;font-size:.92rem;color:var(--blu);padding:6px 0}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--rosso);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.menu a:hover::after,.menu a.attivo::after{transform:scaleX(1)}
.menu a.attivo{color:var(--rosso)}
.testata__chiama{margin-left:8px;padding:10px 18px;min-height:44px}
.hamburger{display:none;margin-left:auto;width:46px;height:46px;border:0;background:transparent;border-radius:10px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.hamburger span{display:block;width:24px;height:2.5px;background:var(--blu);border-radius:2px;transition:transform .25s ease,opacity .25s ease}
.hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* ── 1 · hero ─────────────────────────────── */
.hero{position:relative;isolation:isolate;min-height:clamp(560px,78vh,720px);display:flex;align-items:center;color:#fff;margin-top:-2px}
.hero__foto,.hero__foto img{position:absolute;inset:0;width:100%;height:100%}
.hero__foto img{object-fit:cover;object-position:62% 40%}
.hero__foto{z-index:-2}
.hero__velo{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,14,30,.86) 0%,rgba(8,14,30,.72) 34%,rgba(8,14,30,.25) 60%,rgba(8,14,30,0) 78%)}
.hero__in{padding:clamp(64px,9vw,110px) 0 clamp(40px,6vw,64px)}
.hero__titolo{font-size:clamp(2.3rem,5.4vw,4rem);font-weight:800;line-height:1.02;letter-spacing:-.02em;max-width:640px;margin-bottom:22px}
.hero__titolo span{display:block}
.hero__titolo em{display:block;font-style:normal;color:#ff2a31;font-size:.56em;line-height:1.12;margin-top:.28em;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.hero__sotto{font-size:clamp(1rem,1.35vw,1.1rem);max-width:520px;color:rgba(255,255,255,.92);margin-bottom:12px}
.hero__sotto--forte{font-weight:600;color:#fff}
.hero__azioni{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 36px}
.hero__punti{display:flex;flex-wrap:wrap;gap:0}
.hero__punti li{display:flex;align-items:center;gap:12px;font-size:.88rem;font-weight:600;line-height:1.3;padding-right:26px;margin-right:26px;border-right:1px solid rgba(255,255,255,.35)}
.hero__punti li:last-child{border-right:0;margin-right:0;padding-right:0}
.hero__punti svg{width:30px;height:30px;color:#fff;flex:none}

/* ── 2 · servizi ─────────────────────────── */
.servizi{background:linear-gradient(#fff,var(--fondo))}
.schede{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.scheda{background:#fff;border-radius:6px;overflow:hidden;box-shadow:var(--ombra);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
.scheda:hover{transform:translateY(-6px);box-shadow:var(--ombra-forte)}
.scheda__foto{aspect-ratio:4/3;overflow:hidden;background:var(--linea)}
.scheda__foto img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.scheda:hover .scheda__foto img{transform:scale(1.07)}
.scheda__corpo{padding:18px 16px 18px;display:flex;flex-direction:column;flex:1}
.scheda__icona{width:26px;height:26px;color:var(--rosso);margin-bottom:12px}
.scheda h3{font-size:.98rem;color:var(--blu);margin-bottom:8px;line-height:1.25}
.scheda p{font-size:.86rem;color:var(--testo-2);line-height:1.5}
.scheda__link{margin-top:auto;padding-top:14px;font-size:.84rem;font-weight:700;color:var(--rosso);text-decoration:none}
.scheda__link span{display:inline-block;transition:transform .2s ease}
.scheda__link:hover span{transform:translateX(4px)}

/* ── 3 · pronto intervento ───────────────── */
.pronto{background:var(--rosso);color:#fff;padding:clamp(48px,7vw,80px) 0;position:relative;overflow:hidden}
.pronto::before{content:"";position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:rgba(255,255,255,.07)}
.pronto__in{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,5vw,64px);align-items:center;position:relative}
.pronto h2{font-size:clamp(1.45rem,2.9vw,2.15rem);margin-bottom:14px}
.pronto__testo p:last-child{font-size:1.05rem;color:rgba(255,255,255,.92)}
.pronto__numero{display:flex;align-items:center;gap:18px;background:#fff;color:var(--blu);text-decoration:none;border-radius:var(--r);padding:18px 22px;box-shadow:0 18px 40px -18px rgba(0,0,0,.45);transition:transform .25s ease}
.pronto__numero:hover{transform:translateY(-3px)}
.pronto__numero small{display:block;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rosso)}
.pronto__numero strong{display:block;font-size:clamp(1.9rem,3.6vw,2.6rem);font-weight:800;letter-spacing:.01em;line-height:1.1}
.pronto__cornetta{width:64px;height:64px;border-radius:50%;background:var(--rosso);color:#fff;display:grid;place-items:center;flex:none}
.pronto__cornetta svg{width:30px;height:30px}
.squilla{animation:squilla 3.2s ease-in-out infinite;transform-origin:50% 50%}
@keyframes squilla{0%,78%,100%{transform:rotate(0)}81%{transform:rotate(-14deg)}84%{transform:rotate(12deg)}87%{transform:rotate(-10deg)}90%{transform:rotate(8deg)}93%{transform:rotate(0)}}
.pronto__mestieri{display:flex;gap:10px;margin-top:16px}
.pronto__mestieri li{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border:1px solid rgba(255,255,255,.35);border-radius:10px;font-weight:700;font-size:.9rem;text-align:center}
.pronto__mestieri svg{width:26px;height:26px}

/* ── 4 · chi siamo (pannello blu + testo) ── */
.chi{display:grid;grid-template-columns:1fr 1fr;min-height:540px}
.chi__blu{position:relative;background:var(--blu);color:#fff;overflow:hidden;display:flex;align-items:center;isolation:isolate}
.chi__foto{position:absolute;right:0;top:0;height:100%;width:62%;object-fit:cover;z-index:-2}
.chi__blu::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--blu) 38%,rgba(21,42,92,.55) 58%,rgba(21,42,92,.05) 82%)}
.chi__voci{display:flex;flex-direction:column;gap:34px;padding:56px clamp(20px,4vw,56px)}
.chi__voci li{display:flex;align-items:center;gap:18px;font-weight:500;font-size:1rem;line-height:1.35}
.chi__voci svg{width:40px;height:40px;flex:none;padding:6px;border:2px solid rgba(255,255,255,.85);border-radius:50%}
.scritta{font-family:var(--mano);font-weight:400;line-height:1}
.scritta--foto{position:absolute;right:clamp(16px,4vw,40px);bottom:clamp(18px,4vw,36px);font-size:clamp(2rem,3.4vw,2.8rem);color:#fff;transform:rotate(-8deg);text-shadow:0 2px 12px rgba(0,0,0,.45)}
.scritta--foto::after{content:"";display:block;height:3px;margin-top:6px;background:var(--rosso);border-radius:3px;transform:rotate(2deg)}
.chi__testo{position:relative;background:var(--fondo);padding:clamp(48px,6vw,80px) clamp(20px,5vw,72px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.chi__testo h2{font-size:clamp(1.7rem,3.2vw,2.4rem);color:var(--blu);margin-bottom:18px;max-width:460px}
.chi__testo h2 .rosso{display:block}
.chi__testo p{color:var(--testo-2);max-width:470px;margin-bottom:12px}
.chi__mascotte{position:absolute;right:-20px;top:50%;width:min(360px,48%);transform:translateY(-58%);opacity:.12;pointer-events:none}
.spunte{margin-top:14px;display:grid;gap:12px}
.spunte li{display:flex;align-items:center;gap:12px;font-weight:600;font-size:.95rem}
.spunte li::before{content:"";width:22px;height:22px;flex:none;border-radius:50%;background:var(--rosso) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/15px no-repeat}
.scritta--firma{margin-top:30px;align-self:flex-end;font-size:clamp(2rem,3.2vw,2.6rem);color:var(--blu);transform:rotate(-6deg)}
.scritta--firma::after{content:"";display:block;height:3px;margin-top:4px;background:var(--rosso);border-radius:3px}

/* ── 5 · chiama o scrivi ─────────────────── */
.scegli__box{max-width:820px;margin-inline:auto;background:#fff;border:1px solid var(--linea);border-radius:18px;box-shadow:var(--ombra);overflow:hidden}
.scegli__schede{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--linea)}
.scegli__tab{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 12px;border:0;background:var(--fondo);font-weight:700;font-size:1rem;color:var(--testo-2);cursor:pointer;transition:background-color .2s ease,color .2s ease;position:relative}
.scegli__tab svg{width:20px;height:20px}
.scegli__tab[aria-selected="true"]{background:#fff;color:var(--blu)}
.scegli__tab[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--rosso)}
.scegli__pannello{padding:clamp(24px,4vw,40px);text-align:center}
.scegli__pannello h3{font-size:clamp(1.3rem,2.4vw,1.6rem);color:var(--blu);margin-bottom:8px}
.scegli__pannello > p{color:var(--testo-2);margin-bottom:22px}
.scegli__servizi{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:18px}
.scegli__servizi button{border:1.5px solid var(--linea);background:#fff;border-radius:999px;padding:10px 16px;font-weight:600;font-size:.9rem;color:var(--blu);cursor:pointer;min-height:44px;transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .2s ease}
.scegli__servizi button:hover{border-color:var(--rosso);transform:translateY(-1px)}
.scegli__servizi button[aria-pressed="true"]{background:var(--blu);border-color:var(--blu);color:#fff}
.scegli__anteprima{display:inline-block;background:#e7f7ec;border-radius:14px 14px 14px 4px;padding:12px 16px;margin-bottom:20px;font-size:.95rem;color:#14532d;text-align:left}

/* ── 6 · domande ─────────────────────────── */
.domande{background:var(--fondo)}
.fisarmonica{display:grid;gap:12px}
.fisarmonica details{background:#fff;border:1px solid var(--linea);border-radius:12px;box-shadow:0 4px 14px -10px rgba(14,29,67,.25);transition:border-color .2s ease}
.fisarmonica details[open]{border-color:rgba(200,22,30,.35)}
.fisarmonica summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:700;color:var(--blu);min-height:56px}
.fisarmonica summary::-webkit-details-marker{display:none}
.fisarmonica summary::after{content:"";width:12px;height:12px;flex:none;border-right:2.5px solid var(--rosso);border-bottom:2.5px solid var(--rosso);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s ease}
.fisarmonica details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.fisarmonica details p{padding:0 20px 18px;color:var(--testo-2)}

/* ── 7 · contatti ────────────────────────── */
.contatti{background:#fff;padding:clamp(44px,6vw,64px) 0;border-top:1px solid var(--linea)}
.contatti__in{display:grid;grid-template-columns:1.3fr auto auto;gap:clamp(20px,4vw,48px);align-items:center}
.contatti h2{font-size:clamp(1.5rem,2.8vw,2rem);color:var(--blu);margin-bottom:8px}
.contatti__testo p{color:var(--testo-2);max-width:470px}
.contatti__tel{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--blu)}
.contatti__cerchio{width:56px;height:56px;border-radius:50%;background:var(--fondo);display:grid;place-items:center;flex:none}
.contatti__cerchio svg{width:24px;height:24px;color:var(--blu)}
.contatti__tel small{display:block;font-size:.8rem;color:var(--testo-2)}
.contatti__tel strong{display:block;font-size:1.6rem;font-weight:800;line-height:1.15}

/* ── 8 · piede ───────────────────────────── */
.piede{background:var(--blu);color:#fff}
.piede__in{display:grid;grid-template-columns:1.3fr 1fr 1.3fr;gap:32px;padding:48px 0 40px}
.piede__logo{display:flex;align-items:flex-start;gap:10px}
.piede__logo img:first-child{width:min(230px,70%)}
.piede__mascotte{width:84px;margin-top:4px}
.piede__menu{display:grid;gap:8px;padding-left:28px;border-left:1px solid rgba(255,255,255,.2)}
.piede__menu a{text-decoration:none;font-size:.9rem;color:rgba(255,255,255,.85);width:max-content}
.piede__menu a:hover{color:#fff;text-decoration:underline}
.piede__contatti{display:grid;gap:14px;align-content:start;padding-left:28px;border-left:1px solid rgba(255,255,255,.2)}
.piede__contatti > a{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:.92rem;color:rgba(255,255,255,.9)}
.piede__contatti > a strong{display:block;font-size:1.05rem;color:#fff}
.piede__contatti svg{width:22px;height:22px;flex:none}
.piede__social{display:flex;gap:12px}
.piede__social a{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;transition:background-color .2s ease}
.piede__social a:hover{background:rgba(255,255,255,.22)}
.piede__social svg{width:20px;height:20px}
.piede__fondo{background:var(--blu-notte);font-size:.82rem;color:rgba(255,255,255,.75)}
.piede__fondo-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:16px 0}
.piede__fondo a{color:#fff}

/* ── avviso in cima (dal pannello) ───────── */
.avviso{background:var(--blu-notte);color:#fff;text-align:center;font-weight:600;font-size:.92rem;line-height:1.4;padding:10px 16px}
.avviso p{max-width:1100px;margin:0 auto}

/* ── i nostri lavori (dal pannello) ──────── */
.lavori{background:#fff}
.intesta__testo{color:var(--testo-2);margin-top:12px}
.intesta__testo:empty{display:none}
.galleria figure{margin:0;height:100%;position:relative}
.scheda__vuota{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,var(--blu),var(--blu-mascotte));color:#fff}
.scheda__vuota svg{width:56px;height:56px;opacity:.9}
.galleria{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.galleria li{position:relative;border-radius:10px;overflow:hidden;background:var(--fondo);box-shadow:var(--ombra);aspect-ratio:4/3}
.galleria img,.galleria video{width:100%;height:100%;object-fit:cover;display:block}
.galleria figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;background:linear-gradient(transparent,rgba(8,14,30,.78));color:#fff;font-size:.86rem;font-weight:600;line-height:1.3}
.audio{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:0;border-radius:999px;background:rgba(8,14,30,.72);color:#fff;font-size:.78rem;font-weight:700;cursor:pointer}
.audio svg{width:16px;height:16px}
.audio[aria-pressed="true"]{background:var(--rosso)}

/* ── contatti in più (dal pannello) ──────── */
.contatti__extra{display:grid;gap:8px;margin-top:16px}
.contatti__extra li{display:flex;align-items:flex-start;gap:10px;color:var(--testo);font-weight:600;font-size:.95rem}
.contatti__extra svg{width:20px;height:20px;flex:none;color:var(--rosso);margin-top:2px}
.contatti__extra a{color:inherit}
.piede__riga{display:flex;align-items:flex-start;gap:12px;font-size:.92rem;color:rgba(255,255,255,.9)}
.piede__riga svg{width:22px;height:22px;flex:none}

/* ── barra fissa su telefono ─────────────── */
.barra{display:none}

/* ── comparsa (la gestisce GSAP; senza JS resta tutto visibile) ── */
.js .rivela{opacity:0;transform:translateY(28px)}

/* ── schermi medi ────────────────────────── */
@media (max-width:1180px){
  .schede{grid-template-columns:repeat(3,1fr);gap:18px}
  .galleria{grid-template-columns:repeat(2,1fr)}
  .menu{gap:16px}
}
@media (max-width:1000px){
  :root{--testata:72px}
  .hamburger{display:flex}
  .testata__chiama{display:none}
  .menu{position:fixed;left:0;right:0;top:var(--testata);background:#fff;flex-direction:column;gap:0;padding:8px 16px 18px;box-shadow:0 18px 30px -18px rgba(14,29,67,.35);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility .25s}
  .menu.aperto{opacity:1;transform:none;visibility:visible}
  .menu a{padding:14px 4px;border-bottom:1px solid var(--linea);font-size:1rem}
  .menu a::after{display:none}
  .testata.stretta .testata__in{height:var(--testata)}
  .pronto__in{grid-template-columns:1fr}
  .chi{grid-template-columns:1fr}
  .chi__blu{min-height:520px}
  .contatti__in{grid-template-columns:1fr;justify-items:start}
  .piede__in{grid-template-columns:1fr 1fr}
  .piede__logo{grid-column:1/-1}
  .piede__menu{padding-left:0;border-left:0}
}

/* ── telefono ────────────────────────────── */
@media (max-width:640px){
  body{padding-bottom:68px}
  .logo__testo{width:150px}
  .logo__mascotte{width:58px}
  .testata.stretta .logo__testo{width:150px}
  .testata.stretta .logo__mascotte{width:58px}
  .hero{min-height:0;align-items:flex-end}
  .hero__foto img{object-position:50% 20%}
  .hero__velo{background:linear-gradient(180deg,rgba(8,14,30,.05) 0%,rgba(8,14,30,.5) 26%,rgba(8,14,30,.88) 52%)}
  .hero__in{padding:170px 0 30px}
  .hero__titolo{font-size:1.95rem;margin-bottom:16px}
  .hero__titolo em{font-size:.7em}
  .hero__sotto{font-size:.93rem;margin-bottom:10px}
  .hero__sotto br{display:none}
  .hero__azioni{flex-direction:column;align-items:stretch;margin:20px 0 24px}
  .hero__punti{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
  .hero__punti li{flex-direction:column;align-items:flex-start;padding:0 10px;margin:0;font-size:.74rem;gap:6px}
  .hero__punti li:first-child{padding-left:0}
  .hero__punti li:last-child{padding-right:0}
  .hero__punti svg{width:22px;height:22px}
  .schede{grid-template-columns:repeat(2,1fr);gap:12px}
  .galleria{gap:10px}
  .galleria figcaption{font-size:.78rem;padding:18px 8px 8px}
  .audio{font-size:.7rem;padding:5px 9px;min-height:32px}
  .scheda__corpo{padding:14px 12px}
  .scheda h3{font-size:.9rem}
  .scheda p{font-size:.82rem}
  .scheda__link{font-size:.76rem;white-space:nowrap;padding:14px 0 8px;margin-bottom:-8px}
  .pronto__numero{padding:14px 16px;gap:14px}
  .pronto__cornetta{width:52px;height:52px}
  .chi__blu{min-height:auto;display:block;padding-bottom:110px}
  .chi__foto{width:100%;opacity:.45}
  .chi__blu::after{background:linear-gradient(180deg,rgba(21,42,92,.92),rgba(21,42,92,.7))}
  .chi__voci{gap:24px;padding:44px 20px 0}
  .scegli__tab{font-size:.9rem;padding:16px 8px}
  .scegli__servizi button{font-size:.85rem;padding:9px 13px}
  .contatti .btn{width:100%}
  .piede__in{grid-template-columns:1fr}
  .piede__contatti{padding-left:0;border-left:0}
  .piede__fondo-in{flex-direction:column}
  .piede__menu{gap:0}
  .piede__menu a{padding:10px 0}
  .piede__fondo a{display:inline-block;padding:8px 0}
  .barra{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:60;box-shadow:0 -8px 24px -12px rgba(14,29,67,.4)}
  .barra a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:60px;font-weight:700;color:#fff;text-decoration:none;font-size:.98rem}
  .barra svg{width:20px;height:20px}
  .barra__chiama{background:var(--rosso)}
  .barra__wa{background:var(--verde-wa)}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rivela{opacity:1;transform:none}
}