/* =========================================================
   A.R.L.I. ODV — Foglio di stile
   Palette: blu istituzionale + giallo "sole" + neutri caldi
   ========================================================= */

:root{
  --blu:          #004C97;
  --blu-scuro:    #013463;
  --blu-notte:    #042A4D;
  --blu-chiaro:   #2E74C0;
  --blu-tenue:    #E8F0FA;
  --sole:         #F6B40A;
  --sole-scuro:   #E0A000;
  --sole-tenue:   #FFF4D6;
  --crema:        #FBF7EF;
  --neutro:       #F3F6FB;
  --bianco:       #ffffff;
  --testo:        #16263A;
  --testo-soft:   #51647C;
  --bordo:        #E3E9F2;
  --ombra-sm:     0 2px 8px rgba(16,38,64,.06);
  --ombra:        0 14px 40px -18px rgba(16,38,64,.30);
  --ombra-lg:     0 30px 70px -30px rgba(16,38,64,.45);
  --r-sm: 10px;
  --r:    18px;
  --r-lg: 26px;
  --maxw: 1180px;
  --ease: cubic-bezier(.22,.61,.36,1);
  --font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}

/* ---------- Reset ---------- */
*,*::before,*::after{ box-sizing:border-box; }
*{ margin:0; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
  font-family:var(--font);
  color:var(--testo);
  background:var(--bianco);
  line-height:1.65;
  font-size:clamp(16px,1.05vw,17.5px);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--blu); text-decoration:none; }
a:hover{ color:var(--blu-chiaro); }
h1,h2,h3{ line-height:1.12; font-weight:800; letter-spacing:-.015em; color:var(--testo); }
h2{ font-size:clamp(1.7rem,3.4vw,2.6rem); }
h3{ font-size:clamp(1.15rem,1.7vw,1.4rem); }
p{ color:var(--testo-soft); }
strong{ color:var(--testo); }
:focus-visible{ outline:3px solid var(--sole); outline-offset:3px; border-radius:4px; }

.container{ width:min(var(--maxw),92%); margin-inline:auto; }
.section{ padding:clamp(3.4rem,7vw,6rem) 0; }
.section-tint{ background:var(--neutro); }

/* ---------- Skip link ---------- */
.skip-link{
  position:fixed; top:-100px; left:1rem; z-index:200;
  background:var(--blu); color:#fff; padding:.7rem 1.1rem; border-radius:0 0 var(--r-sm) var(--r-sm);
  font-weight:700; transition:top .2s;
}
.skip-link:focus{ top:0; color:#fff; }

/* ---------- Buttons ---------- */
.btn{
  --bg:var(--blu); --fg:#fff;
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  background:var(--bg); color:var(--fg);
  padding:.85rem 1.6rem; border-radius:999px; border:2px solid transparent;
  font-weight:700; font-size:1rem; cursor:pointer; white-space:nowrap;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .2s, color .2s;
  box-shadow:var(--ombra-sm);
}
.btn:hover{ transform:translateY(-2px); box-shadow:var(--ombra); color:var(--fg); }
.btn:active{ transform:translateY(0); }
.btn-blue{ --bg:var(--blu); --fg:#fff; }
.btn-sun{ --bg:var(--sole); --fg:var(--blu-notte); }
.btn-sun:hover{ background:var(--sole-scuro); }
.btn-light{ --bg:#fff; --fg:var(--blu); border-color:var(--bordo); }
.btn-ghost{ --bg:transparent; --fg:#fff; border-color:rgba(255,255,255,.6); box-shadow:none; }
.btn-ghost:hover{ background:rgba(255,255,255,.12); border-color:#fff; }
.btn.full{ width:100%; }

.link-arrow{ font-weight:700; display:inline-flex; align-items:center; gap:.4rem; }
.link-arrow::after{ content:"→"; transition:transform .25s var(--ease); }
.link-arrow:hover::after{ transform:translateX(5px); }

/* ---------- Topbar ---------- */
.topbar{ background:var(--blu-notte); color:#dce8f6; font-size:.86rem; }
.topbar-inner{ display:flex; gap:1.5rem; align-items:center; justify-content:center; padding:.55rem 0; flex-wrap:wrap; }
.topbar-item{ color:#dce8f6; display:inline-flex; align-items:center; gap:.4rem; }
.topbar a.topbar-item:hover{ color:var(--sole); }

/* ---------- Header / Nav ---------- */
.site-header{
  position:sticky; top:0; z-index:100;
  background:rgba(255,255,255,.88); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--bordo);
  transition:box-shadow .3s, background .3s;
}
.site-header.scrolled{ box-shadow:var(--ombra-sm); background:rgba(255,255,255,.96); }
.navbar{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.7rem 0; }
.brand{ display:flex; align-items:center; gap:.7rem; color:var(--testo); }
.brand-logo{ width:52px; height:52px; border-radius:50%; box-shadow:var(--ombra-sm); }
.brand-text{ display:flex; flex-direction:column; line-height:1.1; }
.brand-text strong{ font-size:1.25rem; letter-spacing:.02em; color:var(--blu); }
.brand-text span{ font-size:.72rem; color:var(--testo-soft); max-width:230px; }

.nav-links{ display:flex; align-items:center; gap:.3rem; }
.nav-links a{ color:var(--testo); font-weight:600; font-size:.97rem; padding:.5rem .8rem; border-radius:var(--r-sm); transition:background .2s, color .2s; }
.nav-links a:hover{ background:var(--blu-tenue); color:var(--blu); }
.nav-cta{ background:var(--sole); color:var(--blu-notte) !important; margin-left:.4rem; box-shadow:var(--ombra-sm); }
.nav-cta:hover{ background:var(--sole-scuro) !important; }

.menu-toggle{ display:none; width:46px; height:46px; border:1px solid var(--bordo); background:#fff; border-radius:12px; cursor:pointer; position:relative; z-index:101; }
.nav-scrim{ position:fixed; inset:0; background:rgba(4,20,38,.55); opacity:0; visibility:hidden; transition:opacity .3s var(--ease); z-index:98; }
.nav-scrim.show{ opacity:1; visibility:visible; }
.menu-bars,.menu-bars::before,.menu-bars::after{
  content:""; position:absolute; left:50%; width:22px; height:2.5px; background:var(--blu); border-radius:2px; transform:translateX(-50%); transition:.3s var(--ease);
}
.menu-bars{ top:50%; transform:translate(-50%,-50%); }
.menu-bars::before{ top:-7px; } .menu-bars::after{ top:7px; }
.menu-toggle[aria-expanded="true"] .menu-bars{ background:transparent; }
.menu-toggle[aria-expanded="true"] .menu-bars::before{ top:0; transform:translateX(-50%) rotate(45deg); }
.menu-toggle[aria-expanded="true"] .menu-bars::after{ top:0; transform:translateX(-50%) rotate(-45deg); }

/* ---------- Hero ---------- */
.hero{ position:relative; min-height:min(88vh,760px); display:flex; align-items:center; color:#fff; overflow:hidden; }
.hero-photo{ position:absolute; inset:0; background:url("../img/sfondo da usare per sito sofndo principale hd senza logo arli da usare.jpg") center/cover no-repeat; transform:scale(1.05); animation:heroZoom 18s ease-out forwards; }
.hero-overlay{ position:absolute; inset:0; background:linear-gradient(105deg, rgba(1,42,77,.92) 0%, rgba(0,76,151,.82) 45%, rgba(0,76,151,.45) 100%); }
@keyframes heroZoom{ to{ transform:scale(1); } }
.hero-inner{ position:relative; z-index:2; padding:5rem 0; }
.hero-copy{ max-width:660px; }
/* Marchio nell'hero: orizzontale (PC/tablet) → verticale (telefoni) */
.hero-brand{ display:flex; align-items:center; gap:clamp(.85rem,2vw,1.5rem); margin-bottom:1.5rem; }
.hero-emblem{ width:clamp(76px,11vw,118px); aspect-ratio:1; background:#fff; border-radius:50%; padding:7px; box-shadow:0 12px 30px -8px rgba(0,0,0,.5); flex-shrink:0; object-fit:contain; }
.hero-brand-text{ display:flex; flex-direction:column; gap:.1rem; }
.hero-acronym{ font-family:Georgia,"Times New Roman",serif; font-weight:700; font-size:clamp(1.9rem,4.6vw,3.2rem); letter-spacing:.04em; line-height:.95; color:#fff; }
.hero-fullname{ font-weight:800; font-size:clamp(1rem,1.7vw,1.4rem); line-height:1.12; color:#f1f6fc; }
.hero-sub{ font-size:.74rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--sole); margin-top:.25rem; }
.hero h1{ color:#fff; font-size:clamp(2.4rem,6vw,4.4rem); margin:1.2rem 0 1rem; line-height:1.04; }
.hero h1 em{ font-style:normal; color:var(--sole); }
.hero-lead{ color:#eaf2fb; font-size:clamp(1.05rem,1.6vw,1.25rem); max-width:560px; }
.hero-actions{ display:flex; flex-wrap:wrap; gap:.8rem; margin:1.8rem 0 1.6rem; }
.hero-tags{ list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:.5rem; }
.hero-tags li{ font-size:.85rem; font-weight:600; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.22); padding:.4rem .85rem; border-radius:999px; }
.hero-scroll{ position:absolute; left:50%; bottom:1.4rem; transform:translateX(-50%); z-index:3; width:42px; height:42px; display:grid; place-items:center; color:#fff; border:1px solid rgba(255,255,255,.4); border-radius:50%; animation:bob 2s infinite; }
@keyframes bob{ 0%,100%{ transform:translate(-50%,0); } 50%{ transform:translate(-50%,6px); } }

/* ---------- Impact band ---------- */
.impact{ background:linear-gradient(180deg,var(--blu-notte),var(--blu-scuro)); color:#fff; }
.impact-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; padding:2.2rem 0; text-align:center; }
.impact-item strong{ display:block; font-size:clamp(1.8rem,3.4vw,2.6rem); color:var(--sole); font-weight:800; line-height:1; }
.impact-item span{ font-size:.9rem; color:#cfe0f2; }
.impact-item + .impact-item{ border-left:1px solid rgba(255,255,255,.12); }

/* ---------- Generic section heads ---------- */
.eyebrow{ display:inline-block; font-weight:800; text-transform:uppercase; letter-spacing:.12em; font-size:.78rem; color:var(--blu-chiaro); margin-bottom:.6rem; }
.section-head{ max-width:760px; margin:0 auto clamp(2rem,4vw,3rem); text-align:center; }
.section-head .eyebrow{ color:var(--blu-chiaro); }
.section-head.light .eyebrow{ color:var(--sole); }
.section-head.light h2{ color:#fff; }
.lead{ font-size:1.1rem; }
.lead.center{ margin-inline:auto; }
p + p{ margin-top:.9rem; }
h2 + .lead, .eyebrow + h2{ margin-top:.4rem; }
h2 + p{ margin-top:.8rem; }

/* ---------- Grid 2 ---------- */
.grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4rem); }
.align-center{ align-items:center; }
.align-start{ align-items:start; }

.value-list{ list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.4rem; }
.value-list li{ font-weight:700; color:var(--blu); background:var(--blu-tenue); padding:.5rem 1rem; border-radius:999px; font-size:.92rem; }

/* image stack (chi siamo) */
.image-stack{ position:relative; }
.img-card{ border-radius:var(--r); overflow:hidden; box-shadow:var(--ombra); }
.img-card img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.img-card:hover img{ transform:scale(1.05); }
.img-lg{ aspect-ratio:4/3; }
.img-sm{ position:absolute; right:-12px; bottom:-26px; width:42%; aspect-ratio:3/4; border:5px solid #fff; }

/* ---------- Audience ---------- */
.audience-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem; }
.audience-card{ background:#fff; border:1px solid var(--bordo); border-radius:var(--r); padding:1.8rem 1.4rem; box-shadow:var(--ombra-sm); transition:transform .3s var(--ease), box-shadow .3s var(--ease); }
.audience-card:hover{ transform:translateY(-6px); box-shadow:var(--ombra); }
.ac-ico{ font-size:2rem; display:block; margin-bottom:.6rem; }
.audience-card h3{ font-size:1.1rem; margin-bottom:.3rem; }
.audience-card p{ font-size:.95rem; }

/* ---------- Services ---------- */
.services-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.4rem; }
.service-card{ background:#fff; border:1px solid var(--bordo); border-radius:var(--r-lg); overflow:hidden; display:flex; flex-direction:column; box-shadow:var(--ombra-sm); transition:transform .3s var(--ease), box-shadow .3s var(--ease); }
.service-card:hover{ transform:translateY(-8px); box-shadow:var(--ombra-lg); }
.service-media{ aspect-ratio:16/11; overflow:hidden; background:var(--blu-tenue); }
.service-media img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.service-card:hover .service-media img{ transform:scale(1.07); }
.service-media.contain{ display:grid; place-items:center; }
.service-media.contain img{ width:72%; height:72%; object-fit:contain; }
.service-media.pad img{ width:46%; height:46%; }
.service-media.vehicle-media{ display:grid; place-items:center; background:var(--blu-tenue); }
.service-media.vehicle-media img{ width:94%; height:94%; object-fit:contain; }
.service-media.logo-media{ background:var(--blu-tenue); }
.service-media.logo-tobia{ background:var(--blu-tenue); }
.service-media.logo-tobia img{ width:56%; height:auto; object-fit:contain; align-self:center; }
.service-media.logo-psych img{ width:76%; height:76%; }
.service-card:hover .service-media.vehicle-media img,
.service-card:hover .service-media.logo-media img{ transform:scale(1.03); }
.service-body{ padding:1.4rem 1.4rem 1.6rem; display:flex; flex-direction:column; gap:.5rem; flex:1; }
.tag{ align-self:flex-start; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:var(--blu); background:var(--blu-tenue); padding:.32rem .7rem; border-radius:999px; }
.tag-sun{ color:var(--sole-scuro); background:var(--sole-tenue); }
.service-body h3{ font-size:1.2rem; }
.service-body p{ font-size:.95rem; flex:1; }
.service-body .link-arrow{ margin-top:.4rem; }

/* ---------- Feature blocks ---------- */
.feature{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.8rem,4vw,3.5rem); align-items:center; }
.feature + .feature{ margin-top:clamp(2.5rem,5vw,4.5rem); }
.feature-num{ display:inline-grid; place-items:center; width:54px; height:54px; border-radius:50%; background:var(--sole-tenue); color:var(--sole-scuro); font-weight:800; font-size:1.2rem; margin-bottom:1rem; }
.feature-copy h3{ font-size:clamp(1.4rem,2.4vw,1.9rem); margin-bottom:.7rem; }
.feature .quote{ border-left:4px solid var(--sole); padding-left:1rem; margin:1.1rem 0 1.4rem; font-style:italic; color:var(--testo); font-size:1.05rem; }
.mini-gallery{ display:grid; grid-template-columns:2fr 1fr; grid-template-rows:1fr 1fr; gap:.8rem; height:100%; min-height:340px; }
.mini-gallery figure{ border-radius:var(--r); overflow:hidden; box-shadow:var(--ombra-sm); }
.mini-gallery figure:first-child{ grid-row:1/3; }
.mini-gallery img{ width:100%; height:100%; object-fit:cover; transition:transform .5s var(--ease); }
.mini-gallery figure:hover img{ transform:scale(1.07); }
.mini-gallery figure.fit-image{ display:grid; place-items:center; background:var(--blu-tenue); }
.mini-gallery figure.fit-image img{ object-fit:contain; padding:.35rem; }
.mini-gallery figure.fit-image:hover img{ transform:scale(1.03); }
/* foto singola grande (es. la sede nell'orientamento) */
.feature-photo{ border-radius:var(--r); overflow:hidden; box-shadow:var(--ombra); height:100%; min-height:360px; }
.feature-photo figure{ height:100%; margin:0; }
.feature-photo img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.feature-photo:hover img{ transform:scale(1.05); }
.feature-reverse .feature-copy{ order:2; }

/* ---------- Help (dark) ---------- */
.section-dark{ background:radial-gradient(circle at 15% 0%, var(--blu) 0%, var(--blu-scuro) 55%, var(--blu-notte) 100%); color:#fff; position:relative; }
.help-grid{ display:grid; grid-template-columns:1.1fr 1.2fr 1.1fr; gap:1.4rem; }
.help-card{ background:#fff; color:var(--testo); border-radius:var(--r-lg); padding:1.8rem; box-shadow:var(--ombra-lg); display:flex; flex-direction:column; }
.help-card p{ font-size:.97rem; }
.help-dona{ background:linear-gradient(180deg,#fff,#fbfdff); border:2px solid var(--sole); position:relative; }
.help-label{ align-self:flex-start; font-weight:800; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; color:var(--sole-scuro); background:var(--sole-tenue); padding:.35rem .8rem; border-radius:999px; margin-bottom:.8rem; }
.help-card h3{ margin-bottom:.5rem; }
.help-card .btn{ margin-top:auto; }
.cf-box,.iban-box{ background:var(--neutro); border:1px dashed var(--blu-chiaro); border-radius:var(--r-sm); padding:.9rem 1rem; margin:1rem 0; position:relative; }
.cf-box small,.iban-box small{ display:block; font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; color:var(--testo-soft); }
.cf-box strong,.iban-box strong{ display:block; font-size:1.15rem; letter-spacing:.04em; color:var(--blu); word-break:break-word; }
.iban-box strong{ font-size:1.02rem; }
.copy-btn{ position:absolute; top:.7rem; right:.7rem; font-size:.74rem; font-weight:700; color:var(--blu); background:#fff; border:1px solid var(--bordo); padding:.25rem .6rem; border-radius:999px; cursor:pointer; transition:.2s; }
.copy-btn:hover{ background:var(--blu); color:#fff; }
.microcopy{ font-size:.86rem; }

/* ---------- Timeline ---------- */
.sticky-col{ position:sticky; top:100px; }
.timeline{ list-style:none; padding:0; position:relative; }
.timeline::before{ content:""; position:absolute; left:13px; top:6px; bottom:6px; width:2px; background:linear-gradient(var(--sole),var(--blu-tenue)); }
.timeline li{ position:relative; padding:0 0 1.8rem 3rem; }
.timeline li::before{ content:""; position:absolute; left:5px; top:4px; width:18px; height:18px; border-radius:50%; background:#fff; border:4px solid var(--sole); box-shadow:var(--ombra-sm); }
.timeline li:last-child{ padding-bottom:0; }
.tl-year{ display:inline-block; font-weight:800; color:var(--blu); background:var(--blu-tenue); padding:.2rem .7rem; border-radius:999px; font-size:.8rem; margin-bottom:.4rem; }
.timeline h3{ font-size:1.2rem; margin-bottom:.2rem; }
.timeline p{ font-size:.97rem; }

/* ---------- Trasparenza ---------- */
.info-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.info-item{ background:#fff; border:1px solid var(--bordo); border-radius:var(--r); padding:1.3rem; box-shadow:var(--ombra-sm); }
.info-item h3{ font-size:.78rem; text-transform:uppercase; letter-spacing:.06em; color:var(--testo-soft); margin-bottom:.4rem; }
.info-item p{ color:var(--testo); font-size:.98rem; }
.notice{ margin-top:1.6rem; background:var(--sole-tenue); border:1px solid #f0d68a; border-radius:var(--r); padding:1rem 1.3rem; font-size:.95rem; color:var(--testo); }
.notice.soft{ background:var(--neutro); border-color:var(--bordo); margin-top:1.3rem; text-align:center; }

/* ---------- Gallery ---------- */
/* Galleria masonry: ogni foto intera, senza ritagli */
.gallery{ columns:4; column-gap:1rem; }
.gallery figure{ break-inside:avoid; margin:0 0 1rem; border-radius:var(--r); overflow:hidden; box-shadow:var(--ombra-sm); position:relative; cursor:pointer; display:block; }
.gallery img{ width:100%; height:auto; display:block; transition:transform .5s var(--ease); }
.gallery figure:hover img{ transform:scale(1.05); }
.gallery figure::after{ content:""; position:absolute; inset:0; background:linear-gradient(transparent 60%, rgba(1,42,77,.30)); opacity:0; transition:opacity .3s; pointer-events:none; }
.gallery figure:hover::after{ opacity:1; }

/* ---------- CTA band ---------- */
.cta-band{ background:linear-gradient(110deg,var(--blu),var(--blu-chiaro)); color:#fff; padding:clamp(3rem,6vw,5rem) 0; text-align:center; position:relative; overflow:hidden; }
.cta-band::before{ content:""; position:absolute; width:340px; height:340px; border-radius:50%; background:radial-gradient(var(--sole),transparent 70%); opacity:.35; top:-120px; right:-80px; }
.cta-inner{ position:relative; z-index:2; max-width:680px; margin-inline:auto; }
.cta-band h2{ color:#fff; font-size:clamp(1.7rem,3.6vw,2.6rem); }
.cta-band p{ color:#eaf2fb; margin:.8rem auto 1.6rem; max-width:520px; }
.cta-actions{ display:flex; gap:.8rem; justify-content:center; flex-wrap:wrap; }

/* ---------- Contatti ---------- */
.contact-list{ list-style:none; padding:0; margin-top:1.4rem; display:grid; gap:1rem; }
.contact-list li{ display:flex; gap:.9rem; align-items:flex-start; }
.contact-list .ci{ font-size:1.3rem; flex-shrink:0; width:42px; height:42px; display:grid; place-items:center; background:var(--blu-tenue); border-radius:12px; }
.contact-list strong{ display:block; font-size:.82rem; text-transform:uppercase; letter-spacing:.05em; color:var(--testo-soft); }
.contact-list a, .contact-list span{ color:var(--testo); }
.contact-list a:hover{ color:var(--blu); }

.map-card{ background:#fff; border:1px solid var(--bordo); border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--ombra); }
.map-frame{ aspect-ratio:16/10; background:var(--blu-tenue); }
.map-frame iframe{ width:100%; height:100%; border:0; display:block; }
.map-placeholder{ width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.7rem; text-align:center; padding:1.5rem; background:linear-gradient(135deg,var(--blu-tenue),#fff); }
.map-placeholder strong{ font-size:1.15rem; color:var(--blu); }
.map-placeholder span{ font-size:.9rem; color:var(--testo-soft); max-width:320px; }
.map-copy{ padding:1.3rem 1.5rem 1.6rem; }
.map-copy h3{ margin-bottom:.3rem; }
.map-copy p{ font-size:.95rem; margin-bottom:.6rem; }

/* ---------- Footer ---------- */
.site-footer{ background:var(--blu-notte); color:#cfe0f2; padding:3rem 0 1.5rem; }
.footer-grid{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1.2fr; gap:2rem; }
.footer-brand{ display:flex; gap:.9rem; align-items:flex-start; }
.footer-brand img{ border-radius:50%; }
.footer-brand strong{ color:#fff; font-size:1.3rem; letter-spacing:.02em; }
.footer-brand p{ color:#aac4e0; font-size:.9rem; margin-top:.3rem; }
.footer-col h3{ color:#fff; font-size:.95rem; margin-bottom:.8rem; }
.footer-col a, .footer-addr{ display:block; color:#cfe0f2; font-size:.92rem; padding:.22rem 0; }
.footer-col a:hover{ color:var(--sole); }
.footer-addr{ color:#8fb0d2; }
.footer-bottom{ border-top:1px solid rgba(255,255,255,.12); margin-top:2rem; padding-top:1.3rem; font-size:.84rem; color:#9fbcdb; text-align:center; }

/* ---------- Floating call ---------- */
.floating-call{ position:fixed; right:1.1rem; bottom:1.1rem; z-index:90; display:inline-flex; align-items:center; gap:.5rem; background:var(--sole); color:var(--blu-notte); font-weight:800; padding:.85rem 1.2rem; border-radius:999px; box-shadow:var(--ombra-lg); transition:transform .25s var(--ease); }
.floating-call:hover{ transform:translateY(-3px) scale(1.03); color:var(--blu-notte); }
.floating-call span[aria-hidden]{ font-size:1.15rem; }

/* ---------- Lightbox ---------- */
.lightbox{ position:fixed; inset:0; z-index:300; background:rgba(4,20,38,.92); display:none; align-items:center; justify-content:center; padding:4vw; opacity:0; transition:opacity .3s; }
.lightbox.open{ display:flex; opacity:1; }
.lightbox-content{ max-width:min(1100px,92vw); text-align:center; }
.lightbox-content img{ max-width:100%; max-height:80vh; border-radius:var(--r); box-shadow:var(--ombra-lg); margin-inline:auto; }
.lightbox-content figcaption{ color:#fff; margin-top:1rem; font-size:1rem; }
.lightbox-close{ position:absolute; top:1.2rem; right:1.4rem; width:48px; height:48px; border-radius:50%; border:1px solid rgba(255,255,255,.4); background:rgba(255,255,255,.1); color:#fff; font-size:1.6rem; line-height:1; cursor:pointer; transition:.2s; }
.lightbox-close:hover{ background:#fff; color:var(--blu-notte); }
.clickable{ cursor:pointer; }

/* ---------- Toast ---------- */
.toast{ position:fixed; left:50%; bottom:2rem; transform:translate(-50%,30px); z-index:320; background:var(--blu-notte); color:#fff; padding:.8rem 1.4rem; border-radius:999px; box-shadow:var(--ombra-lg); font-weight:600; font-size:.92rem; opacity:0; pointer-events:none; transition:.3s var(--ease); }
.toast.show{ opacity:1; transform:translate(-50%,0); }

/* ---------- Reveal on scroll ---------- */
.reveal{ opacity:0; transform:translateY(28px); transition:opacity .7s var(--ease), transform .7s var(--ease); }
.reveal.in{ opacity:1; transform:none; }

/* ---------- Offset ancore sotto l'header fisso ---------- */
[id]{ scroll-margin-top:84px; }

/* ---------- Sezione "Hai bisogno di aiuto" ---------- */
.help-band{ padding:clamp(2.6rem,5vw,4rem) 0; background:linear-gradient(135deg,var(--blu-tenue),var(--sole-tenue)); }
.help-band-inner{ max-width:840px; margin-inline:auto; background:#fff; border:1px solid var(--bordo); border-top:5px solid var(--sole); border-radius:var(--r-lg); padding:clamp(1.8rem,4vw,3rem); box-shadow:var(--ombra); text-align:center; }
.help-band h2{ font-size:clamp(1.6rem,3.4vw,2.4rem); }
.help-band-text > p{ max-width:660px; margin-inline:auto; margin-top:.7rem; }
.help-band-actions{ display:flex; gap:.8rem; justify-content:center; flex-wrap:wrap; margin:1.7rem 0 .9rem; }
.help-band-note{ font-size:.9rem; color:var(--testo-soft); font-style:italic; }

.btn-text{ display:block; width:100%; text-align:center; margin-top:.7rem; font-weight:600; font-size:.92rem; color:var(--blu); }
.btn-text:hover{ text-decoration:underline; }

/* ---------- Documenti scaricabili (Trasparenza) ---------- */
.docs-block{ margin-top:2rem; }
.docs-title{ font-size:1.15rem; margin-bottom:1rem; }
.docs-list{ display:grid; gap:.8rem; }
.doc-item{ display:flex; align-items:center; gap:1rem; background:#fff; border:1px solid var(--bordo); border-radius:var(--r); padding:1rem 1.2rem; box-shadow:var(--ombra-sm); color:var(--testo); transition:transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s; }
.doc-item:hover{ transform:translateY(-2px); box-shadow:var(--ombra); border-color:var(--blu-chiaro); color:var(--testo); }
.doc-ico{ font-size:1.6rem; flex-shrink:0; }
.doc-text{ display:flex; flex-direction:column; flex:1; min-width:0; }
.doc-text strong{ color:var(--testo); }
.doc-text span{ font-size:.85rem; color:var(--testo-soft); }
.doc-dl{ flex-shrink:0; font-weight:700; font-size:.84rem; color:var(--blu); background:var(--blu-tenue); padding:.45rem .95rem; border-radius:999px; white-space:nowrap; }
.doc-item:hover .doc-dl{ background:var(--blu); color:#fff; }

/* ---------- FAQ ---------- */
.faq{ max-width:840px; margin-inline:auto; display:grid; gap:.7rem; }
.faq-item{ background:#fff; border:1px solid var(--bordo); border-radius:var(--r); box-shadow:var(--ombra-sm); overflow:hidden; }
.faq-item summary{ cursor:pointer; list-style:none; padding:1.1rem 1.3rem; font-weight:700; color:var(--testo); display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary::after{ content:"+"; font-size:1.5rem; line-height:1; color:var(--blu); font-weight:400; transition:transform .25s var(--ease); flex-shrink:0; }
.faq-item[open] summary::after{ transform:rotate(45deg); }
.faq-item summary:hover{ color:var(--blu); }
.faq-item[open] summary{ color:var(--blu); }
.faq-body{ padding:0 1.3rem 1.2rem; }
.faq-body p{ margin:0; }

/* ---------- Help grid a 2 colonne ---------- */
.help-grid-2{ grid-template-columns:1fr 1fr; max-width:900px; margin-inline:auto; }

/* ---------- Sezione 5x1000 ---------- */
.x1000{ position:relative; padding:clamp(3rem,6vw,5rem) 0; background:linear-gradient(180deg,#eaf2fc 0%, #ffffff 70%); overflow:hidden; }
.x1000-glow{ position:absolute; width:460px; height:460px; border-radius:50%; background:radial-gradient(circle,var(--sole) 0%, transparent 68%); opacity:.16; top:-150px; right:-110px; pointer-events:none; }
.x1000-card{ position:relative; z-index:2; background:#fff; border:1px solid var(--bordo); border-radius:var(--r-lg); box-shadow:var(--ombra-lg); max-width:980px; margin-inline:auto; overflow:hidden; }

/* testata colorata */
.x1000-top{ position:relative; display:flex; align-items:center; gap:clamp(1rem,2.5vw,1.5rem); padding:clamp(1.5rem,3.5vw,2.4rem) clamp(1.7rem,4vw,3rem); background:linear-gradient(120deg,var(--blu-notte) 0%,var(--blu) 58%,var(--blu-chiaro) 100%); color:#fff; overflow:hidden; }
.x1000-badge{ position:relative; z-index:2; flex-shrink:0; width:clamp(78px,11vw,104px); height:clamp(78px,11vw,104px); border-radius:22px; background:linear-gradient(150deg,var(--sole),var(--sole-scuro)); color:var(--blu-notte); display:grid; place-content:center; text-align:center; line-height:.85; box-shadow:0 14px 30px -10px rgba(0,0,0,.5); }
.x1000-badge span{ display:block; font-weight:800; font-size:clamp(1.1rem,2vw,1.45rem); }
.x1000-badge strong{ display:block; font-weight:800; font-size:clamp(1.5rem,2.9vw,2.1rem); }
.x1000-top-text{ position:relative; z-index:2; }
.x1000-eyebrow{ font-weight:800; text-transform:uppercase; letter-spacing:.12em; font-size:.76rem; color:var(--sole); margin-bottom:.35rem; }
.x1000-top h2{ color:#fff; font-size:clamp(1.3rem,2.8vw,2rem); }
.x1000-sun{ position:absolute; right:-26px; bottom:-34px; width:148px; height:148px; border-radius:50%; opacity:.14; z-index:1; }

/* corpo */
.x1000-body{ padding:clamp(1.6rem,4vw,2.6rem) clamp(1.7rem,4vw,3rem) clamp(1.8rem,4vw,2.8rem); }
.x1000-intro{ font-size:1.06rem; }
.x1000-cf{ position:relative; display:flex; align-items:center; gap:1.1rem; flex-wrap:wrap; margin:1.7rem 0; background:radial-gradient(120% 140% at 0% 0%, var(--blu) 0%, var(--blu-notte) 55%); color:#fff; border:2px dashed rgba(246,180,10,.65); border-radius:18px; padding:1.1rem 1.3rem; box-shadow:var(--ombra); }
.x1000-cf-sun{ width:58px; height:58px; border-radius:50%; background:#fff; padding:5px; flex-shrink:0; box-shadow:0 4px 14px rgba(0,0,0,.3); }
.x1000-cf-info{ flex:1 1 200px; text-align:left; min-width:0; }
.x1000-cf-label{ display:block; font-size:.74rem; letter-spacing:.1em; text-transform:uppercase; color:var(--sole); font-weight:700; }
.x1000-cf-num{ display:block; font-size:clamp(1.5rem,4.6vw,2.5rem); letter-spacing:.14em; color:#fff; font-weight:800; }
.x1000-copy{ position:static; flex-shrink:0; }
.x1000-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin:1.6rem 0; }
.x1000-step{ background:var(--neutro); border:1px solid var(--bordo); border-radius:var(--r); padding:1.2rem 1.1rem; }
.x1000-num{ display:inline-grid; place-content:center; width:40px; height:40px; border-radius:50%; background:linear-gradient(150deg,var(--sole),var(--sole-scuro)); color:var(--blu-notte); font-weight:800; font-size:1.1rem; margin-bottom:.6rem; box-shadow:0 6px 14px -6px rgba(224,160,0,.85); }
.x1000-step p{ font-size:.92rem; margin:0; }
.x1000-help{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem 1.4rem; background:linear-gradient(120deg,var(--sole-tenue),#fffdf6); border:1px solid #f0d68a; border-radius:var(--r); padding:1.2rem 1.4rem; }
.x1000-help p{ color:var(--testo); margin:0; flex:1 1 240px; }
.x1000-help-actions{ display:flex; gap:.7rem; flex-wrap:wrap; }

/* ---------- Galleria: altre immagini ---------- */
.gallery-more{ display:none; }
.gallery-more.show{ display:block; }
.gallery-more-wrap{ text-align:center; margin-top:1.6rem; }

/* ---------- Richiamo social (sotto la galleria) ---------- */
.social-cta{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1.2rem 1.6rem; margin-top:1.8rem; padding:clamp(1.4rem,3vw,2rem) clamp(1.6rem,3.5vw,2.4rem); border-radius:var(--r-lg); background:linear-gradient(120deg,var(--blu) 0%, var(--blu-chiaro) 100%); color:#fff; box-shadow:var(--ombra); position:relative; overflow:hidden; }
.social-cta-text{ display:flex; align-items:center; gap:1rem; flex:1 1 320px; }
.social-cta-ico{ font-size:2.4rem; flex-shrink:0; }
.social-cta h3{ color:#fff; font-size:clamp(1.15rem,2.1vw,1.55rem); }
.social-cta p{ color:#e9f1fb; font-size:.97rem; margin-top:.2rem; }
.social-cta-actions{ display:flex; gap:.7rem; flex-wrap:wrap; }

/* ---------- Griglia Eventi ---------- */
.events-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; }
@media (max-width:980px){ .events-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:620px){ .events-grid{ grid-template-columns:1fr; max-width:460px; margin-inline:auto; } }

/* mini-gallery con 2 sole immagini (affiancate) */
.mini-gallery.mini-2{ grid-template-columns:1fr 1fr; grid-template-rows:1fr; min-height:300px; }
.mini-gallery.mini-2 figure:first-child{ grid-row:auto; }

/* =========================================================
   Legal pages (privacy / cookie)
   ========================================================= */
.page-hero{ background:linear-gradient(110deg,var(--blu-scuro),var(--blu)); color:#fff; padding:clamp(3rem,7vw,5rem) 0 clamp(2.5rem,5vw,3.5rem); }
.page-hero h1{ color:#fff; font-size:clamp(2rem,4vw,3rem); }
.page-hero p{ color:#dceaf8; max-width:640px; margin-top:.6rem; }
.prose{ max-width:780px; margin-inline:auto; }
.prose h2{ font-size:clamp(1.3rem,2.4vw,1.7rem); margin:2.2rem 0 .6rem; }
.prose h2:first-child{ margin-top:0; }
.prose p, .prose li{ color:var(--testo-soft); }
.prose ul{ padding-left:1.2rem; margin:.6rem 0; }
.prose li{ margin:.35rem 0; }
.prose a{ font-weight:600; }
.back-home{ display:inline-flex; align-items:center; gap:.4rem; margin-top:2.5rem; font-weight:700; }
.back-home::before{ content:"←"; }
/* =========================================================
   Responsive
   ========================================================= */
@media (max-width:1024px){
  .audience-grid{ grid-template-columns:repeat(2,1fr); }
  .services-grid{ grid-template-columns:repeat(2,1fr); }
  .info-grid{ grid-template-columns:repeat(2,1fr); }
  .help-grid{ grid-template-columns:1fr; max-width:560px; margin-inline:auto; }
  .gallery{ columns:3; }
  .footer-grid{ grid-template-columns:1fr 1fr; gap:1.6rem; }
}

@media (max-width:820px){
  .menu-toggle{ display:block; }
  /* il backdrop-filter sull'header "intrappola" il menu fisso: va tolto su mobile */
  .site-header{ backdrop-filter:none; -webkit-backdrop-filter:none; background:#fff; }
  .nav-links{
    position:fixed; inset:0 0 0 auto; width:min(82%,330px);
    background:#fff; flex-direction:column; align-items:stretch; justify-content:flex-start;
    padding:5rem 1.4rem 2rem; gap:.2rem; box-shadow:var(--ombra-lg);
    transform:translateX(100%); transition:transform .35s var(--ease); z-index:99;
  }
  .nav-links.open{ transform:translateX(0); }
  .nav-links a{ padding:.9rem 1rem; font-size:1.05rem; border-radius:12px; }
  .nav-cta{ margin:.6rem 0 0; text-align:center; }
  .impact-grid{ grid-template-columns:repeat(2,1fr); gap:1.4rem; }
  .impact-item:nth-child(odd){ border-left:none; }
  .impact-item:nth-child(3){ border-top:1px solid rgba(255,255,255,.12); padding-top:1.4rem; }
  .impact-item:nth-child(4){ border-top:1px solid rgba(255,255,255,.12); padding-top:1.4rem; }
  .grid-2{ grid-template-columns:1fr; }
  .feature{ grid-template-columns:1fr; }
  .feature-reverse .feature-copy{ order:0; }
  .sticky-col{ position:static; }
  .img-sm{ width:38%; right:0; bottom:-20px; }
  .contact-grid{ gap:2rem; }
}

@media (max-width:560px){
  .topbar-hide{ display:none; }
  .brand-text span{ display:none; }
  .hero-brand{ flex-direction:column; align-items:flex-start; gap:.7rem; }
  .hero-emblem{ width:84px; }
  .x1000-steps{ grid-template-columns:1fr; }
  .x1000-top{ flex-direction:column; text-align:center; align-items:center; }
  .x1000-cf{ flex-direction:column; text-align:center; }
  .x1000-cf-info{ text-align:center; }
  .x1000-help{ justify-content:center; text-align:center; }
  .x1000-help-actions{ justify-content:center; width:100%; }
  .audience-grid{ grid-template-columns:1fr; }
  .services-grid{ grid-template-columns:1fr; }
  .info-grid{ grid-template-columns:1fr; }
  .gallery{ columns:2; }
  .footer-grid{ grid-template-columns:1fr; }
  .mini-gallery{ grid-template-columns:1fr 1fr; min-height:260px; }
  .fc-text{ display:none; }
  .floating-call{ padding:.9rem; }
  .hero-actions .btn{ flex:1; }
}

@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; scroll-behavior:auto !important; }
  .reveal{ opacity:1; transform:none; transition:none; }
  .hero-photo{ transform:none; }
}