/* ==========================================================================
   Marcheassistenza Soc. Coop. Sociale – foglio di stile condiviso
   Mobile first · modalità chiara/scura · nessuna libreria esterna
   ========================================================================== */

/* ---------- Font (Figtree, ospitato in locale, licenza OFL in /fonts) ---------- */
@font-face{font-family:"Figtree";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/figtree-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/figtree-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/figtree-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/figtree-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/figtree-latin-800-normal.woff2) format("woff2")}

/* ---------- Colori ----------
   Palette del logo (logo_2025.svg): #023B4E · #036F3A · #009D46 · #009FBB
   Brand (ufficiale): Blu #023C4F · Verde #03703A · Verde chiaro #009E47 · Azzurro #009EBA
   Le varianti "-testo" servono per testo e pulsanti su fondo chiaro (contrasto AA ≥ 4.5:1). */
:root{
  --blu:#023C4F; --verde:#03703A; --verde-chiaro:#009E47; --azzurro:#009EBA;
  --azzurro-scuro:#00788D;           /* superfici azzurre con testo bianco: 5.2:1 */
  --verde-scuro:#025A2F;

  --bg:#FFFFFF; --bg-alt:#EEF5F4; --testo:#1F2A30; --testo-soft:#4A5A62;
  --superficie:#FFFFFF; --bordo:#D6E3E1; --hero-bg:#023C4F; --footer-bg:#01242F;
  --acc-verde:#03703A;   /* testo/link verdi */
  --acc-azz:#00788D;     /* testo/link azzurri */
  --campo-bg:#FFFFFF; --campo-bordo:#8BA3AA;
  --ok:#03703A; --errore:#B3261E;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0E1A1F; --bg-alt:#132429; --testo:#E6EEF0; --testo-soft:#A9BCC2;
    --superficie:#16282E; --bordo:#24414A; --hero-bg:#03303F; --footer-bg:#081418;
    --acc-verde:#33C27A; --acc-azz:#4FCFE3;
    --campo-bg:#0E1A1F; --campo-bordo:#4C6B74; --ok:#33C27A; --errore:#FF8A80;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0E1A1F; --bg-alt:#132429; --testo:#E6EEF0; --testo-soft:#A9BCC2;
  --superficie:#16282E; --bordo:#24414A; --hero-bg:#03303F; --footer-bg:#081418;
  --acc-verde:#33C27A; --acc-azz:#4FCFE3;
  --campo-bg:#0E1A1F; --campo-bordo:#4C6B74; --ok:#33C27A; --errore:#FF8A80;
  color-scheme:dark;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{font-family:"Figtree",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--testo);font-size:1.0625rem;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
img,svg{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--azzurro);outline-offset:3px;border-radius:4px}
.wrap{max-width:1140px;margin:0 auto;padding:0 1.25rem}
.stretto{max-width:780px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.salta{position:absolute;left:1rem;top:-100px;z-index:100;background:#fff;color:var(--blu);padding:.7rem 1rem;border-radius:8px;font-weight:700}
.salta:focus{top:1rem}

/* ---------- Barra superiore ---------- */
.topbar{background:var(--footer-bg);color:#BFD2D8;font-size:.88rem}
.topbar .wrap{display:flex;justify-content:flex-end;gap:.4rem 1.4rem;padding-top:.4rem;padding-bottom:.4rem;flex-wrap:wrap}
.topbar a{text-decoration:none}
.topbar a:hover{text-decoration:underline;color:#fff}
@media (max-width:520px){.topbar .social{display:none}}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:20;background:var(--blu);color:#fff}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}
.logo{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:800;font-size:1.15rem;letter-spacing:-.01em;line-height:1.15}
.logo .tile{background:#fff;border-radius:10px;padding:4px 6px;flex:none}
.logo .tile img{width:68px;height:44px}
.logo small{display:block;font-weight:500;font-size:.74rem;opacity:.85;letter-spacing:0}
@media (max-width:420px){.logo{font-size:1rem;gap:.5rem}.logo .tile img{width:54px;height:35px}.bar{gap:.5rem}.azioni-header{gap:.35rem}.menu-btn{padding:.35rem .55rem}.etichetta-menu{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}
.azioni-header{display:flex;align-items:center;gap:.5rem}
.menu-btn,.tema-btn{background:none;border:2px solid rgba(255,255,255,.45);color:#fff;border-radius:10px;min-height:44px;min-width:44px;padding:.35rem .75rem;font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}
.menu-btn:hover,.tema-btn:hover{border-color:#fff}
.tema-btn svg{width:20px;height:20px}
.tema-btn .ico-sole{display:none}
:root[data-theme="dark"] .tema-btn .ico-sole{display:block}
:root[data-theme="dark"] .tema-btn .ico-luna{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tema-btn .ico-sole{display:block}:root:not([data-theme="light"]) .tema-btn .ico-luna{display:none}}

.nav-principale{display:none;position:absolute;left:0;right:0;top:100%;background:var(--blu);padding:.5rem 1.25rem 1.5rem;border-top:1px solid rgba(255,255,255,.12);max-height:calc(100vh - 72px);overflow:auto}
.nav-principale.aperto{display:block}
.nav-principale ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.15rem}
.nav-principale a{display:block;text-decoration:none;font-weight:600;padding:.65rem 0;font-size:1.05rem}
.nav-principale a:hover{text-decoration:underline;text-underline-offset:5px}
.nav-principale a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px;text-decoration-color:var(--verde-chiaro)}
.nav-principale a.badanti{color:#7FDFF0;font-weight:800}
.nav-principale a.badanti[aria-current="page"]{text-decoration-color:#7FDFF0}
@media (min-width:1000px){
  .menu-btn{display:none}
  .nav-principale{display:block;position:static;padding:0;border:0;background:none;max-height:none;overflow:visible}
  .nav-principale ul{flex-direction:row;gap:1.3rem}
  .nav-principale a{padding:.4rem 0;font-size:.98rem;font-weight:500}
  .bar{gap:1.5rem}
  .azioni-header{order:3}
}

/* ---------- Hero home: due porte ---------- */
.hero{background:var(--hero-bg);color:#fff;padding:2.75rem 0 0;overflow:hidden}
.hero h1{font-size:clamp(2.1rem,6.2vw,3.6rem);line-height:1.05;font-weight:800;letter-spacing:-.025em;max-width:16ch}
.hero .lead{margin-top:1rem;max-width:52ch;font-size:1.15rem;color:#CFE3E8}
.porte{display:grid;grid-template-columns:1fr;gap:.8rem;margin-top:2.25rem}
.porta{position:relative;padding:2rem 1.6rem 2.3rem;text-decoration:none;color:#fff;display:flex;flex-direction:column;gap:.6rem;min-height:240px;border-radius:22px 22px 0 0}
.porta.assist{background:var(--verde)}
.porta.badanti{background:var(--azzurro-scuro)}
.porta h2{font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.15;font-weight:800;letter-spacing:-.015em;padding-right:3.5rem}
.porta p{max-width:38ch;color:rgba(255,255,255,.95)}
.porta .vai{margin-top:auto;align-self:flex-start;background:#fff;font-weight:700;padding:.75rem 1.2rem;border-radius:999px;font-size:.98rem}
.porta.assist .vai{color:var(--verde)}
.porta.badanti .vai{color:var(--azzurro-scuro)}
.porta:hover .vai,.porta:focus-visible .vai{box-shadow:0 0 0 4px rgba(255,255,255,.35)}
.porta svg{position:absolute;right:1.4rem;top:1.6rem;width:48px;height:48px;opacity:.9}
@media (min-width:760px){
  .porte{grid-template-columns:1fr 1fr;gap:.9rem}
  .porta{padding:2.2rem 2rem 2.6rem;min-height:260px}
  .porta svg{width:64px;height:64px}
}

/* ---------- Testata pagine interne ---------- */
.testata{background:var(--hero-bg);color:#fff;padding:2.5rem 0 2.75rem}
.testata.verde{background:var(--verde)}
.testata.azzurra{background:var(--azzurro-scuro)}
.testata h1{font-size:clamp(2rem,5.5vw,3.1rem);line-height:1.08;font-weight:800;letter-spacing:-.02em;max-width:20ch}
.testata .lead{margin-top:.9rem;max-width:58ch;font-size:1.12rem;color:rgba(255,255,255,.92)}
.briciole{font-size:.9rem;margin-bottom:1rem;color:#fff}
.briciole ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.3rem}
.briciole li+li::before{content:"›";margin-right:.3rem;opacity:.7}
.briciole a{text-underline-offset:3px}
.testata .cta{margin-top:1.6rem}
.testata-griglia{display:grid;gap:2rem;align-items:center}
@media (min-width:860px){.testata-griglia{grid-template-columns:1.15fr 1fr}}
.testata .foto{border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.18)}

/* ---------- Sezioni ---------- */
section{padding:3.5rem 0}
@media (min-width:760px){section{padding:4.5rem 0}}
.sez-alt{background:var(--bg-alt)}
.sez-titolo{font-size:clamp(1.6rem,3.6vw,2.3rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--testo);max-width:26ch}
.sez-intro{margin-top:.8rem;color:var(--testo-soft);max-width:62ch}
.occhiello{display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acc-verde);margin-bottom:.5rem}
.occhiello.azz{color:var(--acc-azz)}

/* Servizi (home) */
.servizi{display:grid;grid-template-columns:1fr;gap:2rem 1.5rem;margin-top:2.25rem}
@media (min-width:560px){.servizi{grid-template-columns:1fr 1fr}}
@media (min-width:900px){.servizi{grid-template-columns:repeat(3,1fr)}}
.servizio{border-top:5px solid var(--blu);padding-top:1.1rem}
.servizio.verde{border-color:var(--verde)}
.servizio.verdec{border-color:var(--verde-chiaro)}
.servizio.azz{border-color:var(--azzurro)}
:root[data-theme="dark"] .servizio.blu{border-color:#5D8FA0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .servizio.blu{border-color:#5D8FA0}}
.servizio h3{font-size:1.25rem;font-weight:700;margin-bottom:.4rem}
.servizio p{color:var(--testo-soft)}
.servizio a{display:inline-block;margin-top:.6rem;font-weight:700;color:var(--acc-verde);text-underline-offset:4px}

.richiamo-badanti{margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;background:var(--bg-alt);border-left:6px solid var(--azzurro);border-radius:0 14px 14px 0;padding:1.2rem 1.4rem}
.richiamo-badanti strong{font-size:1.15rem}
.richiamo-badanti a{font-weight:700;color:var(--acc-azz);text-underline-offset:4px}

/* Servizi (pagina) */
.servizio-blocco{display:grid;gap:1.75rem;align-items:center;padding:2.75rem 0;border-top:1px solid var(--bordo)}
.servizio-blocco:first-child{border-top:0;padding-top:0}
.servizio-blocco h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.015em;line-height:1.15;margin-bottom:.6rem}
.servizio-blocco p+p{margin-top:.8rem}
.servizio-blocco .foto{border-radius:18px;overflow:hidden}
.servizio-blocco ul{margin-top:.8rem;padding-left:1.2rem;color:var(--testo-soft)}
.servizio-blocco ul li+li{margin-top:.3rem}
.indice-servizi{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem;list-style:none;padding:0}
.indice-servizi a{display:inline-block;padding:.5rem 1rem;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);text-decoration:none;font-weight:600;font-size:.95rem}
.indice-servizi a:hover{background:rgba(255,255,255,.22)}
@media (min-width:860px){
  .servizio-blocco{grid-template-columns:1fr 1fr;gap:3rem}
  .servizio-blocco:nth-child(even) .foto{order:-1}
}
.esami{display:grid;gap:1rem;margin-top:1.2rem}
@media (min-width:560px){.esami{grid-template-columns:repeat(3,1fr)}}
.esame{background:var(--bg-alt);border-radius:14px;padding:1rem 1.1rem}
.esame strong{display:block;color:var(--acc-verde)}
.esame span{font-size:.95rem;color:var(--testo-soft)}

/* Badanti */
.formule{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:2.25rem}
@media (min-width:760px){.formule{grid-template-columns:1fr 1fr}}
.formula{background:var(--superficie);border:1px solid var(--bordo);border-top:6px solid var(--azzurro);border-radius:18px;padding:1.6rem}
.formula h3{font-size:1.3rem;font-weight:800;color:var(--acc-azz);margin-bottom:.4rem}
.formula p{color:var(--testo-soft)}
.formula ul{margin-top:.8rem;padding-left:1.2rem;color:var(--testo-soft)}
.formula ul li+li{margin-top:.25rem}
.passi{list-style:none;padding:0;display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:2.5rem;counter-reset:p}
@media (min-width:760px){.passi{grid-template-columns:repeat(3,1fr)}}
.passi li{counter-increment:p;display:flex;gap:.9rem;align-items:flex-start}
.passi li::before{content:counter(p);flex:none;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--azzurro-scuro);color:#fff;font-weight:800;display:grid;place-items:center}
.passi strong{display:block}
.passi span{color:var(--testo-soft);font-size:.98rem}
.nota-weg{margin-top:1rem;font-size:.92rem;color:var(--testo-soft)}
.vantaggi{display:grid;grid-template-columns:1fr;gap:1.2rem;margin-top:2rem;list-style:none;padding:0}
@media (min-width:640px){.vantaggi{grid-template-columns:1fr 1fr}}
@media (min-width:960px){.vantaggi{grid-template-columns:repeat(4,1fr)}}
.vantaggi li{padding-left:1rem;border-left:3px solid var(--azzurro)}
.vantaggi strong{display:block;font-size:1.08rem}
.vantaggi span{color:var(--testo-soft);font-size:.96rem}

/* Pulsanti */
.cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;background:var(--azzurro-scuro);color:#fff;font:inherit;font-weight:700;text-decoration:none;padding:.95rem 1.6rem;border-radius:999px;font-size:1.05rem;border:0;cursor:pointer;min-height:48px}
.cta:hover{background:#00657A}
.cta.verde{background:var(--verde)}
.cta.verde:hover{background:var(--verde-scuro)}
.cta.bianco{background:#fff;color:var(--blu)}
.cta.bianco:hover{box-shadow:0 0 0 4px rgba(255,255,255,.35)}
.cta.secondario{background:transparent;color:inherit;border:2px solid currentColor}
.gruppo-cta{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.gruppo-cta .cta{margin-top:0}

/* Lavora con noi (fascia) */
.lavora{background:var(--blu);color:#fff}
.lavora .sez-titolo{color:#fff}
.lavora .sez-intro{color:#CFE3E8}
.lavora-griglia{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:end}
@media (min-width:760px){.lavora-griglia{grid-template-columns:1.2fr 1fr}}
.contatto-sel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:1.6rem}
.contatto-sel .tel{display:block;font-size:clamp(1.7rem,3.5vw,2.3rem);font-weight:800;letter-spacing:-.01em;text-decoration:none;color:#fff;margin:.3rem 0}
.contatto-sel p{color:#CFE3E8;font-size:.98rem}
.lavora .cta{background:var(--verde);box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
.lavora .cta:hover{background:var(--verde-scuro)}

/* Griglia modulo + colonna laterale */
.griglia-form{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}
@media (min-width:960px){.griglia-form{grid-template-columns:1.7fr 1fr}.griglia-form .laterale{margin-top:2rem}}

/* Perché noi */
.perche{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2.25rem}
@media (min-width:520px){.perche{grid-template-columns:1fr 1fr}}
@media (min-width:900px){.perche{grid-template-columns:repeat(4,1fr)}}
.perche div{padding-left:1rem;border-left:3px solid var(--verde-chiaro)}
.perche strong{display:block;font-size:1.1rem}
.perche span{color:var(--testo-soft);font-size:.96rem}

/* News */
.due-col{display:grid;grid-template-columns:1fr;gap:2.5rem}
@media (min-width:760px){.due-col{grid-template-columns:1fr 1fr;gap:3rem}}
.news{margin-top:1.5rem;background:var(--superficie);border:1px solid var(--bordo);border-radius:18px;padding:1.5rem}
.news .cat{font-size:.88rem;font-weight:700;color:var(--acc-verde)}
.news time{font-size:.88rem;color:var(--testo-soft)}
.news h2,.news h3{font-size:1.25rem;font-weight:800;margin:.25rem 0 .5rem;line-height:1.25}
.news h2 a,.news h3 a{text-decoration:none}
.news h2 a:hover,.news h3 a:hover{text-decoration:underline}
.news p{color:var(--testo-soft)}
.news .leggi{display:inline-block;margin-top:.8rem;font-weight:700;color:var(--acc-verde);text-underline-offset:4px}
.lista-news{display:grid;gap:1.25rem;margin-top:1rem}
.lista-news .news{margin-top:0}

/* Contributi */
.contributi p{color:var(--testo-soft);margin-top:1rem}
.loghi{display:flex;align-items:center;gap:1rem;margin-top:1.2rem;flex-wrap:wrap}
.loghi .logo-ente{background:#fff;border-radius:10px;padding:.6rem .9rem;border:1px solid var(--bordo)}
.loghi img{height:64px;width:auto}

/* Documenti */
.doc-griglia{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:2rem}
@media (min-width:620px){.doc-griglia{grid-template-columns:1fr 1fr}}
.doc{display:block;text-decoration:none;background:var(--superficie);border:1px solid var(--bordo);border-radius:18px;padding:1.5rem}
.doc:hover{border-color:var(--verde-chiaro)}
.doc h3{font-size:1.2rem;font-weight:800;color:var(--acc-verde)}
.doc p{color:var(--testo-soft);margin-top:.3rem}
.elenco-doc{list-style:none;padding:0;margin-top:1.25rem;display:grid;gap:.75rem}
.elenco-doc a{display:flex;align-items:center;gap:1rem;text-decoration:none;background:var(--superficie);border:1px solid var(--bordo);border-radius:14px;padding:1rem 1.2rem;min-height:56px}
.elenco-doc a:hover{border-color:var(--verde-chiaro)}
.elenco-doc .tipo{flex:none;font-size:.75rem;font-weight:800;letter-spacing:.04em;color:#fff;background:var(--verde);border-radius:6px;padding:.25rem .45rem}
.elenco-doc .tipo.modulo{background:var(--azzurro-scuro)}
.elenco-doc .tipo.web{background:var(--blu)}
:root[data-theme="dark"] .elenco-doc .tipo.web{background:#3A6A7A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .elenco-doc .tipo.web{background:#3A6A7A}}
.elenco-doc .titolo{font-weight:700}
.elenco-doc .info{display:block;font-size:.88rem;color:var(--testo-soft);font-weight:400}
.anni{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin-top:1rem}
.anni a{display:inline-flex;align-items:center;min-height:44px;padding:.4rem 1.1rem;border-radius:999px;border:1px solid var(--bordo);background:var(--superficie);text-decoration:none;font-weight:700}
.anni a:hover{border-color:var(--verde-chiaro)}
.blocco+.blocco{margin-top:3rem}
.blocco h2{font-size:1.45rem;font-weight:800;letter-spacing:-.01em}

/* Testo lungo (chi siamo, privacy, news) */
.prosa h2{font-size:1.45rem;font-weight:800;letter-spacing:-.01em;margin-top:2.25rem;margin-bottom:.6rem;line-height:1.2}
.prosa h3{font-size:1.15rem;font-weight:700;margin-top:1.5rem;margin-bottom:.4rem}
.prosa p+p{margin-top:.9rem}
.prosa ul,.prosa ol{padding-left:1.3rem;margin-top:.6rem}
.prosa li+li{margin-top:.35rem}
.prosa a{color:var(--acc-verde);text-underline-offset:3px}
.prosa dl{display:grid;grid-template-columns:1fr;gap:.2rem 1.5rem;margin-top:1rem}
.prosa dt{font-weight:700;margin-top:.6rem}
@media (min-width:620px){.prosa dl{grid-template-columns:auto 1fr}.prosa dt{margin-top:0}}
.prosa dd{margin:0;color:var(--testo-soft)}
.prosa > :first-child{margin-top:0}
.aggiornato{margin-top:2.5rem;font-size:.92rem;color:var(--testo-soft)}
.ats{display:grid;gap:1rem;margin-top:1.5rem}
@media (min-width:760px){.ats{grid-template-columns:1fr 1fr}}
.ats div{background:var(--bg-alt);border-radius:14px;padding:1.1rem 1.25rem}
.ats h2{margin:0 0 .3rem;font-size:1.15rem;color:var(--acc-verde)}
.ats p{font-size:.96rem;color:var(--testo-soft)}

/* Sedi */
.sedi{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:2rem}
@media (min-width:760px){.sedi{grid-template-columns:repeat(3,1fr)}}
.sede{background:var(--superficie);border:1px solid var(--bordo);border-top:6px solid var(--verde);border-radius:18px;padding:1.5rem}
.sede h3{font-size:1.25rem;font-weight:800}
.sede address{font-style:normal;color:var(--testo-soft);margin-top:.3rem}
.sede .tel{display:inline-block;margin-top:.7rem;font-size:1.3rem;font-weight:800;color:var(--acc-verde);text-decoration:none}
.sede .mappa{display:inline-block;margin-top:.5rem;font-weight:600;color:var(--acc-verde);text-underline-offset:3px}
.riquadro{background:var(--bg-alt);border-radius:18px;padding:1.5rem}
.riquadro h2,.riquadro h3{font-size:1.2rem;font-weight:800;margin-bottom:.3rem}
.riquadro p{color:var(--testo-soft)}
.riquadro .tel{font-size:1.5rem;font-weight:800;text-decoration:none;color:var(--acc-verde)}

/* ---------- Moduli ---------- */
.modulo{background:var(--superficie);border:1px solid var(--bordo);border-radius:20px;padding:1.5rem;margin-top:2rem}
@media (min-width:760px){.modulo{padding:2.25rem}}
.modulo h2{font-size:1.5rem;font-weight:800;letter-spacing:-.01em}
.modulo .nota{color:var(--testo-soft);font-size:.95rem;margin-top:.3rem}
.campi{display:grid;grid-template-columns:1fr;gap:1.1rem 1.25rem;margin-top:1.5rem}
@media (min-width:640px){.campi{grid-template-columns:1fr 1fr}.campo.pieno,fieldset.campo{grid-column:1/-1}}
.campo{display:flex;flex-direction:column;gap:.35rem;min-width:0}
fieldset.campo{border:0;padding:0}
.campo label,.campo legend{font-weight:600;font-size:.98rem}
.campo .aiuto{font-size:.88rem;color:var(--testo-soft)}
.obbl{color:var(--errore);font-weight:700}
input[type=text],input[type=email],input[type=tel],input[type=file],select,textarea{font:inherit;color:var(--testo);background:var(--campo-bg);border:1.5px solid var(--campo-bordo);border-radius:10px;padding:.7rem .85rem;min-height:48px;width:100%}
input[type=file]{padding:.55rem}
textarea{min-height:130px;resize:vertical}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--azzurro);outline-offset:1px;border-color:var(--azzurro)}
.scelte{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;margin-top:.2rem}
.scelta{display:flex;align-items:flex-start;gap:.55rem;font-weight:400}
.scelta input{width:22px;height:22px;flex:none;margin-top:.15rem;accent-color:var(--verde)}
.consenso,.consenso.campo{grid-column:1/-1;display:flex;flex-direction:row;gap:.7rem;align-items:flex-start;background:var(--bg-alt);border-radius:12px;padding:1rem}
.consenso input{width:22px;height:22px;flex:none;margin-top:.15rem;accent-color:var(--verde)}
.consenso label{font-weight:400;font-size:.96rem}
.consenso a{color:var(--acc-verde)}
.modulo .cta{margin-top:1.5rem}
.campo .err{color:var(--errore);font-size:.88rem;font-weight:600;display:none}
.campo.non-valido .err{display:block}
.campo.non-valido input,.campo.non-valido select,.campo.non-valido textarea{border-color:var(--errore)}
.esito{margin-top:1rem;padding:1rem;border-radius:12px;font-weight:600;display:none}
.esito.mostra{display:block}
.esito.ok{background:rgba(3,112,58,.1);color:var(--ok)}
.esito.ko{background:rgba(179,38,30,.1);color:var(--errore)}
.hp{position:absolute;left:-9999px}       /* campo anti-spam nascosto */

/* ---------- Foto ---------- */
.foto img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}
.foto{position:relative}
.foto figcaption{font-size:.85rem;color:var(--testo-soft);padding:.5rem .2rem 0}
.foto .nota-ia{position:absolute;right:.6rem;bottom:.6rem;padding:.2rem .6rem;border-radius:999px;background:rgba(1,36,47,.78);color:#fff;font-size:.75rem;line-height:1.4;max-width:calc(100% - 1.2rem)}

/* ---------- Avviso segnaposto (rimuovere prima della pubblicazione) ---------- */
.segnaposto{background:#FFF3B0;color:#5A4500;border:2px dashed #C9A100;border-radius:8px;padding:.1rem .45rem;font-weight:700;font-size:.92em}

/* ---------- Footer ---------- */
.site-footer{background:var(--footer-bg);color:#BFD2D8;padding:3rem 0 2rem;font-size:.95rem}
.site-footer h2{color:#fff;font-size:1rem;margin-bottom:.5rem;font-weight:700}
.site-footer ul{list-style:none;padding:0;display:grid;gap:.35rem}
.site-footer a{text-decoration:none}
.site-footer a:hover{text-decoration:underline;color:#fff}
.site-footer .cols{display:grid;grid-template-columns:1fr;gap:2rem}
@media (min-width:520px){.site-footer .cols{grid-template-columns:1fr 1fr}}
@media (min-width:900px){.site-footer .cols.sedi-f{grid-template-columns:repeat(4,1fr)}.site-footer .cols.link-f{grid-template-columns:repeat(3,1fr)}}
.site-footer .riga2{margin-top:2.2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}
.site-footer .contributo{margin-top:2.2rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.85rem}
.site-footer .contributo .loghi-f{display:flex;gap:.6rem;background:#fff;border-radius:8px;padding:.4rem .6rem}
.site-footer .contributo img{height:40px;width:auto}
.site-footer .contributo p{max-width:60ch}
.legale{margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.12);font-size:.85rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem}

/* ---------- Stampa ---------- */
@media print{
  .topbar,.site-header,.site-footer,.cta,.modulo{display:none!important}
  body{color:#000;background:#fff}
  a{text-decoration:underline}
}

/* ---------- Chi siamo: missione, visione, cooperazione, valori ---------- */
.intro-grande{font-size:1.2rem;line-height:1.6}
.mv{display:grid;grid-template-columns:1fr;gap:1.25rem}
@media (min-width:860px){.mv{grid-template-columns:1fr 1fr}}
.mv-card{background:var(--superficie);border:1px solid var(--bordo);border-top:6px solid var(--verde);border-radius:18px;padding:1.6rem}
@media (min-width:760px){.mv-card{padding:2.1rem}}
.mv-card.visione{border-top-color:var(--azzurro)}
.mv-card h2{font-size:clamp(1.45rem,3vw,1.9rem);font-weight:800;letter-spacing:-.015em;line-height:1.15;margin-bottom:.8rem}
.mv-card p{color:var(--testo-soft)}
.mv-card p+p{margin-top:.8rem}
.principi{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2.25rem}
@media (min-width:640px){.principi{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.principi{grid-template-columns:repeat(4,1fr)}}
.principi>div{border-top:5px solid var(--verde-chiaro);padding-top:1rem}
.principi h3{font-size:1.15rem;font-weight:800;margin-bottom:.35rem}
.principi p{color:var(--testo-soft);font-size:.98rem}
.principi a{color:var(--acc-verde)}
.valori{list-style:none;padding:0;display:grid;grid-template-columns:1fr;gap:1.4rem 2rem;margin-top:2rem}
@media (min-width:640px){.valori{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.valori{grid-template-columns:repeat(3,1fr)}}
.valori li{padding-left:1rem;border-left:3px solid var(--verde-chiaro)}
.valori strong{display:block;font-size:1.1rem}
.valori span{color:var(--testo-soft);font-size:.97rem}
.come{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:2rem}
@media (min-width:640px){.come{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.come{grid-template-columns:repeat(3,1fr)}}
.come .riquadro h3{font-size:1.1rem}