/* ============================================================
   Fondazione Clementina De Virgiliis — sistema visivo del sito
   v3: stile minimale e arioso (ispirato a quotree.com),
   stessa palette terracotta/beige, molto più spazio e meno bordi.
   ============================================================ */

:root{
  --crema:#FDF4EC;
  --rosa:#FCE4DE;
  --terracotta:#B9765F;
  --terracotta-chiaro:#EFC9B8;
  --terracotta-scuro:#8F5A47;
  --verde:#7A9E1E;
  --verde-chiaro:#EAF1D9;
  --azzurro:#B7DFF5;
  --azzurro-chiaro:#E4F2FB;
  --azzurro-scuro:#3E7DA3;
  --nero:#1A1614;
  --nero-70:#5C5049;
  --nero-50:#8A8078;
  --linea:rgba(26,22,20,.12);
  --misura:64ch;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Work Sans',system-ui,sans-serif;
  font-size:20px;
  line-height:1.72;
  color:var(--nero);
  background:var(--crema);
  -webkit-font-smoothing:antialiased;
  font-weight:400;
}
h1,h2,h3{font-family:'Lora',Georgia,serif;font-weight:500;line-height:1.22;letter-spacing:-.01em}
p{max-width:var(--misura);color:var(--nero-70)}
a{color:inherit}
img{max-width:100%;display:block}
ul{list-style:none}

.wrap{width:min(1120px,90vw);margin-inline:auto}
section{padding:clamp(72px,11vw,148px) 0}

/* accenno d'arco, molto più sobrio della pillola originale */
.arco{border-radius:32px 32px 4px 4px;overflow:hidden}

/* ---------- navigazione ---------- */
header{
  position:sticky;top:0;z-index:30;
  background:rgba(253,244,236,.92);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--linea);
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}
.marchio{font-family:'Lora',serif;font-size:18.5px;font-weight:500;letter-spacing:0;text-decoration:none;display:flex;align-items:center;gap:12px;flex:none;color:var(--nero)}
.marchio-testo{display:block;line-height:1.28}
.logo-mark{width:44px;height:44px;flex:none;object-fit:contain}
.menu{display:flex;gap:26px;font-size:16px;flex-wrap:nowrap}
.menu a{text-decoration:none;padding:4px 0;color:var(--nero-70);border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease;white-space:nowrap}
.menu a:hover,.menu a:focus-visible{color:var(--nero);border-bottom-color:var(--terracotta)}
.menu a[aria-current="page"]{color:var(--nero);border-bottom-color:var(--nero)}
.nav-azioni{display:flex;align-items:center;gap:18px}

/* pulsante hamburger, nascosto su desktop */
.hamburger{
  display:none;width:40px;height:40px;flex:none;
  border:none;background:none;cursor:pointer;
  padding:0;position:relative;
}
.hamburger span,.hamburger span::before,.hamburger span::after{
  content:"";position:absolute;left:8px;right:8px;height:1px;background:var(--nero);transition:transform .2s ease,opacity .2s ease;
}
.hamburger span{top:20px}
.hamburger span::before{top:-7px}
.hamburger span::after{top:7px}
.hamburger[aria-expanded="true"] span{background:transparent}
.hamburger[aria-expanded="true"] span::before{transform:translateY(7px) rotate(45deg)}
.hamburger[aria-expanded="true"] span::after{transform:translateY(-7px) rotate(-45deg)}

/* pannello menu mobile */
.menu-mobile{
  display:none;position:fixed;inset:0;top:0;z-index:29;
  background:var(--crema);padding:100px 28px 40px;
  overflow-y:auto;
}
.menu-mobile.aperto{display:block}
.menu-mobile ul{display:flex;flex-direction:column;gap:2px}
.menu-mobile a{
  display:block;font-family:'Lora',serif;font-size:28.5px;font-weight:500;
  text-decoration:none;padding:18px 2px;border-bottom:1px solid var(--linea);
}
.menu-mobile .btn{margin-top:32px;width:100%;text-align:center;font-size:17.5px;padding:18px}

/* ---------- pulsanti: testo con sottile sottolineatura, niente blocchi pieni ---------- */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  font-size:17px;font-weight:500;letter-spacing:.01em;
  padding:12px 0;text-decoration:none;color:var(--nero);
  border:none;border-bottom:1px solid var(--nero);background:none;
  transition:color .2s ease,border-color .2s ease,gap .2s ease;
}
.btn::after{content:"→";font-size:15.5px;transition:transform .2s ease}
.btn:hover{color:var(--terracotta-scuro);border-color:var(--terracotta)}
.btn:hover::after{transform:translateX(3px)}
.btn--vuoto{color:var(--nero-70);border-color:var(--linea)}
.btn--vuoto:hover{color:var(--nero);border-color:var(--nero)}
:focus-visible{outline:2px solid var(--terracotta);outline-offset:4px}

/* ---------- testata di pagina interna ---------- */
.testata{background:var(--crema);padding:clamp(64px,9vw,120px) 0 clamp(48px,6vw,80px);border-bottom:1px solid var(--linea)}
.testata .occhiello{margin-bottom:18px}
.testata h1{font-size:clamp(39px,5.4vw,63px)}
.testata p{margin-top:18px;font-size:21px}

/* ---------- hero home: dipinto di sfondo (non alterato, sempre tutto visibile) + riquadro dentro la foto ---------- */
.hero{position:relative;overflow:hidden;background-color:var(--crema);isolation:isolate;min-height:clamp(620px,72vw,760px)}
.hero-sfondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.hero-pannello{
  background:var(--crema);
  border-radius:18px;
  max-width:520px;
  min-height:420px;
  margin-inline:auto;
  padding:clamp(32px,5vw,48px) clamp(26px,5vw,44px);
  box-shadow:0 16px 40px rgba(26,22,20,.3);
  text-align:center;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.hero-pannello h1{font-size:clamp(28px,3.4vw,39px);font-weight:500;text-wrap:balance;color:var(--nero)}
.hero-pannello .occhiello{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--terracotta-scuro);font-weight:500;margin-bottom:14px}
.hero-pannello p{margin:16px auto 0;font-size:20px;color:var(--nero-70)}
.azioni{display:flex;gap:28px;flex-wrap:wrap;align-items:center}

/* ---------- logo e riquadro centrati sulla foto, bottoni fuori dal riquadro ---------- */
.hero-contenuto{
  position:absolute;inset:0;z-index:1;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
  padding:clamp(16px,4vw,32px);max-width:none;
}
.hero-contenuto p{margin-inline:auto}
.azioni-hero{justify-content:center}
.azioni-hero .btn,
.azioni-hero .btn--vuoto{
  background:var(--crema);color:var(--terracotta-scuro);padding:10px 18px;border-radius:999px;
  border:none;border-bottom:none;box-shadow:0 10px 24px rgba(26,22,20,.22);
}
.azioni-hero .btn:hover,
.azioni-hero .btn--vuoto:hover{background:#fff;color:var(--terracotta-scuro)}
.hero-logo{width:min(150px,40%);height:auto;margin:0 auto 16px;display:block;animation:logo-respira 6s ease-in-out infinite}
@keyframes logo-respira{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@media (prefers-reduced-motion:reduce){.hero-logo{animation:none}}

/* ---------- fascia numeri: barra grafica con icone ---------- */
.fascia-numeri{background:var(--crema);padding:0}
.fascia-numeri .statistiche{margin:0;padding:clamp(44px,7vw,64px) 0;border:none}
.statistiche{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,5vw,48px)}
.statistica{
  text-align:center;position:relative;
  padding-inline:clamp(12px,3vw,28px);
}
.statistica + .statistica::before{
  content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;
  background:var(--linea);
}
.statistica-icona{
  width:68px;height:68px;margin:0 auto 18px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 22px -8px rgba(26,22,20,.35);
}
.statistica-icona svg{width:30px;height:30px}
.statistica:nth-child(1) .statistica-icona{color:#fff;background:var(--terracotta-scuro)}
.statistica:nth-child(2) .statistica-icona{color:#fff;background:#6B8A1E}
.statistica:nth-child(3) .statistica-icona{color:#fff;background:#3E7DA3}
.statistica-numero{font-family:'Lora',serif;font-size:clamp(35px,4.4vw,48px);font-weight:600;color:var(--terracotta-scuro);font-variant-numeric:tabular-nums;line-height:1}
.statistica:nth-child(1) .statistica-numero{color:var(--terracotta-scuro)}
.statistica:nth-child(2) .statistica-numero{color:#6B8A1E}
.statistica:nth-child(3) .statistica-numero{color:#3E7DA3}
.statistica-testo{margin-top:10px;font-size:15.5px;color:var(--nero-70);max-width:220px;margin-inline:auto}
@media (max-width:720px){
  .statistiche{grid-template-columns:1fr;gap:32px}
  .statistica + .statistica::before{display:none}
  .statistica + .statistica{border-top:1px solid var(--linea);padding-top:28px}
}

/* ---------- blocchi di contenuto ---------- */
.etichetta{
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  font-weight:500;color:var(--terracotta-scuro);margin-bottom:18px;
}
h2{font-size:clamp(30px,3.6vw,43px);margin-bottom:22px;color:var(--nero)}
h3{font-size:23px;margin-bottom:10px;color:var(--nero)}
.due{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px)}
.due--chi-siamo{align-items:center}
.due--chi-siamo .foto{aspect-ratio:4/5}
.link-avanti{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-size:17px;font-weight:500;text-decoration:none;color:var(--nero);border-bottom:1px solid var(--linea);padding-bottom:2px;transition:border-color .2s ease,color .2s ease}
.link-avanti::after{content:"→";font-size:14.5px;transition:transform .2s ease}
.link-avanti:hover{border-color:var(--terracotta);color:var(--terracotta-scuro)}
.link-avanti:hover::after{transform:translateX(3px)}

/* ---------- progetti ---------- */
.progetti{background:var(--crema)}
.scheda{padding-top:0}
.scheda .foto{aspect-ratio:4/5;background:var(--rosa);margin-bottom:28px;
  display:grid;place-items:center;text-align:center;padding:24px}
.scheda .foto span{font-size:15.5px;color:var(--nero-70);max-width:24ch}
.scheda-dettaglio{margin-top:32px}
.scheda-dettaglio dt{font-weight:500;font-size:14px;letter-spacing:.06em;color:var(--nero-50);margin-top:20px;text-transform:uppercase}
.scheda-dettaglio dd{font-size:18.5px;margin-top:4px;color:var(--nero)}

#chi-siamo{background:var(--crema)}

/* ---------- attività (home): griglia leggera, niente card bordate ---------- */
.attivita{background:var(--crema)}
.griglia-attivita{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(36px,4vw,56px) clamp(28px,3vw,44px);margin-top:16px}
.attivita-card{padding-top:24px;border-top:1px solid var(--linea)}
.icona-cerchio{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.attivita-card .icona{width:28px;height:28px;margin-bottom:0;stroke:var(--terracotta-scuro)}
.attivita-card:nth-child(4n+1) .icona-cerchio{background:rgba(185,118,95,.18)}
.attivita-card:nth-child(4n+1) .icona{stroke:var(--terracotta-scuro)}
.attivita-card:nth-child(4n+2) .icona-cerchio{background:rgba(122,158,30,.16)}
.attivita-card:nth-child(4n+2) .icona{stroke:#5C7A17}
.attivita-card:nth-child(4n+3) .icona-cerchio{background:rgba(90,150,184,.2)}
.attivita-card:nth-child(4n+3) .icona{stroke:#3E7591}
.attivita-card:nth-child(4n+4) .icona-cerchio{background:rgba(217,139,110,.22)}
.attivita-card:nth-child(4n+4) .icona{stroke:#B9765F}
.attivita-card h3{font-size:20px;margin-bottom:8px;font-weight:500}
.attivita-card p{font-size:16.5px;color:var(--nero-70)}
.attivita-card:nth-child(7){grid-column:2 / 3}
@media (max-width:1100px){.attivita-card:nth-child(7){grid-column:auto}}
@media (max-width:860px){.griglia-attivita{grid-template-columns:1fr}}
@media (min-width:861px) and (max-width:1100px){.griglia-attivita{grid-template-columns:repeat(2,1fr)}}

/* ---------- attività (home): 4 box grafici, testo sempre visibile ---------- */
.griglia-attivita-box{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:16px}
@media (max-width:760px){.griglia-attivita-box{grid-template-columns:1fr}}
.attivita-box{
  background:#fff;border-radius:18px;border:1px solid var(--linea);
  padding:28px 28px 30px;transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease;
}
.attivita-box:hover{box-shadow:0 16px 36px rgba(26,22,20,.1);border-color:transparent;transform:translateY(-3px)}
.attivita-box-testata{
  display:flex;align-items:center;gap:16px;margin-bottom:18px;padding-bottom:18px;
  border-bottom:1px solid var(--linea);
}
.attivita-box-icona{
  width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  flex:none;
}
.attivita-box-icona svg{width:26px;height:26px}
.attivita-box h3{font-size:19px;font-weight:500;color:var(--nero);line-height:1.3}
.attivita-box:nth-child(4n+1) .attivita-box-icona{background:rgba(185,118,95,.16);color:var(--terracotta-scuro)}
.attivita-box:nth-child(4n+2) .attivita-box-icona{background:rgba(122,158,30,.16);color:#5C7A17}
.attivita-box:nth-child(4n+3) .attivita-box-icona{background:rgba(90,150,184,.2);color:#3E7591}
.attivita-box:nth-child(4n+4) .attivita-box-icona{background:rgba(217,139,110,.22);color:#B9765F}
.attivita-box p{font-size:17px;color:var(--nero-70)}
@media (prefers-reduced-motion:reduce){.attivita-box{transition:none}}

/* ---------- storia ---------- */
.storia{background:var(--crema);text-align:center}
.storia p{margin-inline:auto;font-size:22px}
.timeline{max-width:740px;margin:0 auto;position:relative;padding-left:4px;--progresso-linea:0}
.timeline::before{
  content:"";position:absolute;left:104px;top:10px;bottom:10px;width:1px;
  background:var(--linea);
}
.timeline::after{
  content:"";position:absolute;left:104px;top:10px;width:1px;
  height:calc((100% - 20px) * var(--progresso-linea));
  background:var(--terracotta);transform-origin:top;
}
.tappa{
  display:grid;grid-template-columns:100px 1fr;gap:28px;text-align:left;
  padding:32px 0;position:relative;
  opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease;
}
.tappa.visibile{opacity:1;transform:none}
.tappa::after{
  content:"";position:absolute;left:100px;top:41px;width:7px;height:7px;
  border-radius:50%;background:var(--terracotta);
}
.tappa .anno{font-family:'Lora',serif;font-weight:500;font-size:26.5px;color:var(--nero);padding-top:2px}
.tappa .anno.vuoto{color:var(--nero-50);font-style:italic;font-size:20px}
.tappa .corpo{background:var(--crema);position:relative;z-index:1}
.tappa .corpo p{font-size:18px}

/* ---------- sostienici ---------- */
.sostienici{background:var(--terracotta);position:relative}
.sostienici .pannello{padding-top:12px}
.cf{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);
  padding:24px 0;margin:28px 0 0;
}
.cf strong{font-size:31px;letter-spacing:.04em;font-weight:500;font-family:'Lora',serif}
.copia{font:inherit;font-size:16px;font-weight:500;cursor:pointer;background:none;color:var(--nero);border:none;border-bottom:1px solid var(--nero);padding:0 0 2px;transition:color .2s ease,border-color .2s ease}
.copia:hover{color:var(--terracotta-scuro);border-color:var(--terracotta)}
.esito{font-size:16px;color:var(--verde);min-height:1.2em}
.modi{display:grid;gap:clamp(40px,5vw,64px);margin-top:24px}
.modo{padding-top:36px;border-top:1px solid var(--linea)}
.modo:first-child{border-top:none;padding-top:0}

/* ---------- contatti / trasparenza ---------- */
.recapiti-pagina{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(40px,6vw,80px)}
.mappa{aspect-ratio:16/10;background:var(--rosa);display:grid;place-items:center;text-align:center;padding:24px;margin-top:40px;opacity:.7}
.mappa span{font-size:15.5px;max-width:26ch}
.documenti{margin-top:20px}
.documenti li{padding:16px 0;border-top:1px solid var(--linea)}
.documenti li:first-child{border-top:none}
.form label{display:block;font-size:15px;font-weight:500;letter-spacing:.02em;margin:22px 0 8px;color:var(--nero-70)}
.form input,.form textarea{
  width:100%;font:inherit;font-size:17.5px;padding:12px 0;
  border:none;border-bottom:1px solid var(--linea);background:none;color:var(--nero);
  border-radius:0;
}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--terracotta)}
.form textarea{min-height:110px;resize:vertical}
.form .consenso{display:flex;align-items:flex-start;gap:10px;margin-top:22px}
.form .consenso input{width:auto;margin-top:4px}
.form button{margin-top:28px}

/* ---------- foto reali: leggero zoom al passaggio del mouse ---------- */
.foto{position:relative;overflow:hidden}
.foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.foto:hover img{transform:scale(1.045)}
.scheda .foto:has(img){padding:0;display:block;background:none}
@media (prefers-reduced-motion:reduce){.foto img{transition:none}.foto:hover img{transform:none}}

/* ---------- footer chiaro e minimale ---------- */
footer{background:var(--crema);color:var(--nero-70);padding:clamp(72px,8vw,110px) 0 30px;border-top:1px solid var(--linea)}
footer a{color:var(--nero)}
.recapiti{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;margin-bottom:48px}
.recapiti h3{font-family:'Work Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;color:var(--nero-50)}
.recapiti p{font-size:18px;word-break:break-word;color:var(--nero-70)}
.coda{border-top:1px solid var(--linea);padding-top:24px;font-size:15px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--nero-50)}
.coda a{margin-right:18px;color:var(--nero-50)}
.coda a:hover{color:var(--nero)}

/* ---------- segnaposto dei dati mancanti ---------- */
.dv{background:#FBD9CF;color:#7C3F2E;font-weight:500;padding:1px 6px;font-size:.92em}

/* ---------- comparsa allo scroll ---------- */
.appare{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.appare.visibile{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .appare{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

/* ---------- telefono ---------- */
@media (max-width:860px){
  .menu{display:none}
  .nav-azioni .btn{display:none}
  .hamburger{display:block}
  .hero .griglia,.due,.recapiti,.recapiti-pagina{grid-template-columns:1fr}
  .paesaggio{order:-1;width:min(100%,320px)}
  .tappa{grid-template-columns:76px 1fr}
  .timeline::before{left:80px}
  .tappa::after{left:76px}
  body{font-size:20px}
}

/* ---------- selettore lingua ---------- */
.lang-switch{
  display:flex;align-items:center;gap:6px;
  border:none;background:none;cursor:pointer;
  padding:6px 0;font:inherit;font-size:15px;font-weight:500;color:var(--nero-70);
  border-bottom:1px solid var(--linea);
}
.lang-switch:hover{color:var(--nero);border-color:var(--nero)}
.lang-switch .bandiera{font-size:16.5px;line-height:1}
.menu-mobile .lang-switch{width:100%;justify-content:center;margin-top:18px;padding:14px;border:1px solid var(--linea)}

/* ---------- pannello villa pace nella storia ---------- */
.villa-pace-box{
  margin-top:56px;padding-top:44px;border-top:1px solid var(--linea);
  text-align:left;
}
.villa-pace-box h3{margin-bottom:12px}

/* ---------- sezione trasparenza in home ---------- */
.trasparenza-home{background:var(--crema)}

/* ---------- progetti: due filoni + attività linkabili ---------- */
.filone{margin-top:12px}
.filone + .filone{margin-top:80px;padding-top:64px;border-top:1px solid var(--linea)}
.attivita-link-griglia{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);margin-top:36px;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.attivita-link{
  display:block;padding:28px 26px;background:var(--crema);
  text-decoration:none;color:var(--nero);transition:background .2s ease;
}
.attivita-link:hover{background:var(--rosa)}
.attivita-link .nome{font-family:'Lora',serif;font-weight:500;font-size:18.5px;display:block;margin-bottom:8px}
.attivita-link .riga{font-size:15.5px;color:var(--nero-70)}
@media (max-width:860px){.attivita-link-griglia{grid-template-columns:1fr}}
@media (min-width:861px) and (max-width:1100px){.attivita-link-griglia{grid-template-columns:repeat(2,1fr)}}

.attivita-dettaglio{margin-top:72px;padding-top:56px;border-top:1px solid var(--linea)}
.attivita-dettaglio + .attivita-dettaglio{margin-top:0}

/* ---------- accordion attività (Progetti): si apre sul posto, niente salti ---------- */
.accordion{margin-top:36px;border-top:1px solid var(--linea)}
.accordion-item{border-bottom:1px solid var(--linea)}
.accordion-item summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:28px 2px;
}
.accordion-item summary::-webkit-details-marker{display:none}
.accordion-item summary::marker{content:""}
.accordion-titoli{display:flex;flex-direction:column;gap:6px}
.accordion-nome{font-family:'Lora',serif;font-weight:500;font-size:20.5px;color:var(--nero)}
.accordion-riga{font-size:16px;color:var(--nero-70)}
.accordion-segno{
  font-size:24px;font-weight:400;color:var(--terracotta);flex:none;
  transition:transform .35s ease;line-height:1;
}
.accordion-item[open] .accordion-segno{transform:rotate(45deg)}
.accordion-item .accordion-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}
.accordion-item[open] .accordion-wrap{grid-template-rows:1fr}
.accordion-item .accordion-inner{overflow:hidden}
.accordion-item .accordion-corpo{padding:0 2px 32px}
.accordion-item .accordion-corpo p{font-size:17.5px}
@media (prefers-reduced-motion:reduce){
  .accordion-item .accordion-wrap{transition:none}
}

/* ---------- Opzione C: blocchi pieni e saturi a rotazione, stile editoriale ---------- */
.attivita{background:var(--terracotta-chiaro)}

.progetti{background:var(--azzurro-scuro)}
.progetti .etichetta,
.progetti h2,
.progetti h3,
.progetti p{color:#fff}
.progetti .etichetta{opacity:.85}
.progetti .dv{background:rgba(255,255,255,.22);color:#fff}
.progetti .link-avanti{color:#fff;border-bottom-color:rgba(255,255,255,.5)}
.progetti .link-avanti:hover{color:#fff;border-color:#fff}

.storia{background:var(--terracotta-chiaro)}

/* ---------- Opzione C: CTA finale "Sostienici" come blocco pieno terracotta ---------- */
.sostienici,
.sostienici .etichetta,
.sostienici h2,
.sostienici p,
.sostienici .cf strong{color:#fff}
.sostienici .dv{background:rgba(255,255,255,.22);color:#fff}
.sostienici .copia{color:#fff;border-bottom-color:rgba(255,255,255,.7)}
.sostienici .copia:hover{color:#fff;border-color:#fff}
.sostienici .cf{border-top-color:rgba(255,255,255,.3);border-bottom-color:rgba(255,255,255,.3)}
.sostienici .link-avanti{color:#fff;border-bottom-color:rgba(255,255,255,.5)}
.sostienici .link-avanti:hover{color:#fff;border-color:#fff}


/* ---------- attività: elenco a sinistra + scheda colorata a destra ---------- */
.attivita-lato{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:stretch;margin-top:16px}
.attivita-voci{display:flex;flex-direction:column;gap:12px}
.attivita-voce{display:flex;align-items:center;gap:16px;text-align:left;font:inherit;color:var(--nero);cursor:pointer;background:rgba(255,255,255,.45);border:2px solid transparent;border-radius:16px;padding:16px 18px;transition:background .2s ease,border-color .2s ease}
.attivita-voce:hover{background:rgba(255,255,255,.75)}
.attivita-voce[aria-selected="true"]{background:#fff;border-color:var(--c)}
.attivita-voce:focus-visible{outline:3px solid var(--nero);outline-offset:2px}
.attivita-voce-icona{width:48px;height:48px;border-radius:50%;padding:11px;flex:none;color:#fff;background:var(--c);display:flex}
.attivita-voce-icona svg,.attivita-pannello-icona svg{width:100%;height:100%}
.attivita-voce-nome{font-family:'Lora',Georgia,serif;font-weight:500;font-size:19px;line-height:1.3}
.attivita-voce:nth-child(1),.attivita-pannello:nth-child(1){--c:#6B8A1E}
.attivita-voce:nth-child(2),.attivita-pannello:nth-child(2){--c:#3E7DA3}
.attivita-voce:nth-child(3),.attivita-pannello:nth-child(3){--c:#B9765F}
.attivita-voce:nth-child(4),.attivita-pannello:nth-child(4){--c:#8F5A47}
.attivita-pannelli{display:grid}
.attivita-pannello{grid-area:1/1;background:var(--c);color:#fff;border-radius:20px;padding:clamp(26px,4vw,44px);display:flex;flex-direction:column;gap:16px;box-shadow:0 18px 40px -18px rgba(26,22,20,.45)}
.attivita-pannello[hidden]{display:flex;visibility:hidden}
.attivita-pannello-icona{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.2);padding:17px;display:flex}
.attivita-pannello h3{font-size:clamp(24px,2.8vw,32px);line-height:1.25;font-weight:500;color:#fff;margin:0}
.attivita-pannello p{font-size:18px;line-height:1.7;color:#fff;max-width:none}
@media (max-width:860px){.attivita-lato{grid-template-columns:1fr}}


/* ---------- Sostienici (home): più grafica, con due carte ---------- */
.sostienici{overflow:hidden;isolation:isolate}
.sostienici::before,.sostienici::after{content:"";position:absolute;border-radius:50%;z-index:-1;pointer-events:none}
.sostienici::before{width:460px;height:460px;right:-120px;top:-160px;background:rgba(255,255,255,.09)}
.sostienici::after{width:320px;height:320px;left:-110px;bottom:-140px;background:rgba(143,90,71,.35)}
.sost-griglia{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,72px);align-items:center}
.sostienici .sost-testo h2{font-size:clamp(34px,4.6vw,54px);line-height:1.12;margin-bottom:22px}
.sostienici .sost-lead{font-size:21px;line-height:1.6;max-width:30ch}
.sostienici .sost-link{display:inline-flex;align-items:center;gap:10px;margin-top:30px;background:var(--crema);color:var(--terracotta-scuro);font-weight:500;font-size:17px;text-decoration:none;padding:14px 26px;border-radius:999px;box-shadow:0 14px 28px -12px rgba(26,22,20,.5);transition:transform .2s ease,background .2s ease}
.sostienici .sost-link:hover{background:#fff;transform:translateY(-2px)}
.sost-carte{display:flex;flex-direction:column;gap:18px}
.sostienici .sost-carta{border-radius:22px;padding:clamp(22px,3vw,32px);box-shadow:0 22px 44px -22px rgba(26,22,20,.6)}
.sost-carta--chiara{background:var(--crema)}
.sost-carta--scura{background:var(--terracotta-scuro)}
.sost-carta-testa{display:flex;align-items:center;gap:14px}
.sost-icona{width:48px;height:48px;border-radius:50%;padding:11px;display:flex;flex:none}
.sost-icona svg{width:100%;height:100%}
.sost-carta--chiara .sost-icona{background:var(--terracotta);color:#fff}
.sost-carta--scura .sost-icona{background:rgba(255,255,255,.18);color:#fff}
.sostienici .sost-carta h3{font-size:24px;margin:0}
.sostienici .sost-carta--chiara h3{color:var(--nero)}
.sostienici .sost-carta--scura h3{color:#fff}
.sostienici .sost-etichetta-dato{margin:22px 0 4px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.sostienici .sost-carta--chiara .sost-etichetta-dato{color:var(--terracotta-scuro)}
.sostienici .sost-carta--scura .sost-etichetta-dato{color:rgba(255,255,255,.8)}
.sostienici .sost-dato{display:block;font-family:'Lora',Georgia,serif;font-weight:500;font-size:clamp(34px,4.4vw,46px);letter-spacing:.03em;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.sostienici .sost-dato--iban{font-size:clamp(15px,4.1vw,26px);letter-spacing:.03em;white-space:nowrap}
.sostienici .sost-carta--chiara .sost-dato{color:var(--nero)}
.sostienici .sost-carta--scura .sost-dato{color:#fff}
.sost-azione{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}
.sostienici .sost-copia{font-size:16px;font-weight:500;padding:11px 22px;border-radius:999px;border:0;transition:transform .2s ease,background .2s ease}
.sostienici .sost-carta--chiara .sost-copia{background:var(--terracotta);color:#fff}
.sostienici .sost-carta--chiara .sost-copia:hover{background:var(--terracotta-scuro);color:#fff}
.sostienici .sost-carta--scura .sost-copia{background:var(--crema);color:var(--terracotta-scuro)}
.sostienici .sost-carta--scura .sost-copia:hover{background:#fff;color:var(--terracotta-scuro)}
.sostienici .sost-copia:focus-visible{outline:3px solid var(--nero);outline-offset:2px}
.sostienici .sost-carta--chiara .esito{color:#5C7A17}
.sostienici .sost-carta--scura .esito{color:#fff}
@media (max-width:860px){.sost-griglia{grid-template-columns:1fr}.sostienici .sost-lead{max-width:none}}


/* ============ Pagina Chi siamo ============ */
.cs-testata{background:var(--crema);padding:clamp(48px,7vw,88px) 0 clamp(32px,5vw,56px)}
.cs-testata h1{font-size:clamp(44px,7vw,80px);line-height:1.04;margin-top:6px}
.cs-sottotitolo{font-family:'Lora',Georgia,serif;font-size:clamp(22px,2.8vw,30px);color:var(--terracotta-scuro);margin-top:16px}

.cs-mission{background:var(--rosa);padding:clamp(56px,8vw,104px) 0}
.cs-mission-corpo{max-width:860px}
.cs-mission-corpo::before{content:"\201C";display:block;font-family:'Lora',Georgia,serif;font-size:130px;line-height:.6;height:60px;color:var(--terracotta)}
.cs-mission .etichetta{color:var(--terracotta-scuro);max-width:none}
.cs-mission-lead{font-family:'Lora',Georgia,serif;font-size:clamp(28px,3.8vw,44px);line-height:1.28;font-weight:500;color:var(--nero);margin:12px 0 0;max-width:none;text-wrap:balance}
.cs-mission-resto{font-size:20px;line-height:1.75;color:var(--nero-70);margin:28px 0 0;max-width:none}
.cs-governance{background:var(--crema);padding:clamp(56px,8vw,96px) 0}
.cs-governance-testo{margin-top:8px;max-width:820px}
.cs-governance-testo p{font-size:19px;margin:0;max-width:none}
.cs-soci{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:44px}
@media (max-width:1000px){.cs-soci{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cs-soci{grid-template-columns:1fr}}
.cs-socio{background:#fff;border:1px solid var(--linea);border-radius:20px;padding:30px 24px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.cs-avatar{width:96px;height:96px;border-radius:50%;background:var(--terracotta-chiaro);color:var(--terracotta-scuro);padding:22px;display:flex;margin-bottom:8px}
.cs-socio h3{font-size:22px;margin:0}
.cs-ruolo{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta-scuro);font-weight:500;margin:0}
.cs-profilo{font-size:16.5px;color:var(--nero-70);margin:6px 0 0}

.cs-sedi{background:#3E7DA3;padding:clamp(56px,8vw,96px) 0}
.cs-sedi .etichetta,.cs-sedi h2{color:#fff}
.cs-sedi .etichetta{opacity:.85}
.cs-sedi-griglia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.cs-sede{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 22px 44px -22px rgba(26,22,20,.6);display:flex;flex-direction:column}
.cs-sede-foto{position:relative;aspect-ratio:16/10;background:var(--terracotta-chiaro);overflow:hidden}
.cs-sede-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cs-sede-corpo{padding:26px 28px 30px;position:relative}
.cs-sede-icona{width:52px;height:52px;border-radius:50%;background:var(--terracotta);color:#fff;padding:12px;display:flex;position:absolute;top:-26px;right:24px;box-shadow:0 8px 18px -8px rgba(26,22,20,.5)}
.cs-sede h3{font-size:26px;margin:0 0 6px;color:var(--nero)}
.cs-sede-luogo{font-weight:500;color:var(--terracotta-scuro);margin:0 0 10px}
.cs-sede-corpo p{font-size:17.5px;color:var(--nero-70);max-width:none}
@media (max-width:860px){
  .cs-sedi-griglia{grid-template-columns:1fr}
}


/* ============ Pagina Progetti ============ */
.pr-sede{background:var(--terracotta-chiaro);padding:clamp(48px,7vw,88px) 0}
.pr-intro{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,5vw,64px);align-items:center;margin-bottom:clamp(28px,4vw,44px)}
.pr-intro h2{font-size:clamp(30px,3.8vw,44px)}
.pr-foto{border-radius:20px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 22px 44px -22px rgba(26,22,20,.6)}
.pr-foto img{width:100%;height:100%;object-fit:cover;display:block}
.pr-sede .attivita-lato{margin-top:0}
.attivita-dati{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:6px}
.attivita-dati div{background:rgba(255,255,255,.16);border-radius:12px;padding:12px 14px}
.attivita-dati small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin-bottom:4px}
.attivita-dati span{font-size:15.5px}
.attivita-btn{align-self:flex-start;margin-top:auto;background:var(--crema);color:var(--terracotta-scuro);text-decoration:none;font-weight:500;padding:12px 24px;border-radius:999px;transition:background .2s ease}
.attivita-btn:hover{background:#fff}
.pr-villa{background:#3E7DA3;color:#fff;padding:clamp(48px,7vw,88px) 0}
.pr-villa .etichetta,.pr-villa h2,.pr-villa-testo{color:#fff}
.pr-villa .etichetta{opacity:.85}
.pr-villa-testo{font-size:20px;line-height:1.65;max-width:none}
.pr-car{margin-top:34px}
.pr-pista{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}
.pr-pista figure{margin:0;flex:0 0 min(80%,560px);scroll-snap-align:start;background:#fff;color:var(--nero);border-radius:22px;overflow:hidden;box-shadow:0 22px 44px -22px rgba(26,22,20,.6)}
.pr-pista img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.pr-pista figcaption{padding:16px 20px 20px;font-size:17px;color:var(--nero-70)}
.pr-pista figcaption b{display:block;font-family:'Lora',Georgia,serif;font-weight:500;font-size:21px;color:var(--nero);margin-bottom:2px}
.pr-frecce{display:flex;gap:10px;margin-top:16px}
.pr-frecce[hidden]{display:none}
.pr-frecce button{width:50px;height:50px;border-radius:50%;border:0;background:#fff;color:#3E7DA3;font-size:22px;cursor:pointer}
.pr-frecce button:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (max-width:860px){.pr-intro{grid-template-columns:1fr}.attivita-dati{grid-template-columns:1fr}}

/* ---------- Progetti: due schede a una riga che si aprono verso il basso ---------- */
.pr-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.pr-card{background:var(--crema);border:2px solid transparent;border-radius:16px;transition:border-color .2s ease}
.pr-card[open]{border-color:var(--terracotta);background:#fff}
.pr-card summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 20px;min-height:84px}
.pr-card summary::-webkit-details-marker{display:none}
.pr-card summary::marker{content:""}
.pr-card-icona{flex:none;width:44px;height:44px;border-radius:50%;background:var(--terracotta);color:#fff;display:grid;place-items:center}
.pr-card-icona svg{width:24px;height:24px}
.pr-card-nome{flex:1;font-family:'Lora',serif;font-weight:500;font-size:clamp(17px,1.7vw,20px);line-height:1.3;color:var(--nero)}
.pr-card-segno{flex:none;width:22px;height:22px;position:relative;transition:transform .3s ease}
.pr-card-segno::before,.pr-card-segno::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;background:var(--terracotta-scuro);transform:translate(-50%,-50%)}
.pr-card-segno::after{transform:translate(-50%,-50%) rotate(90deg)}
.pr-card[open] .pr-card-segno{transform:rotate(45deg)}
.pr-card-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}
.pr-card[open] .pr-card-wrap{grid-template-rows:1fr}
.pr-card-inner{overflow:hidden}
.pr-card-corpo{padding:4px 22px 24px;display:flex;flex-direction:column;gap:16px;color:var(--nero)}
.pr-card-corpo p{font-size:17px;line-height:1.65}
.pr-card .attivita-dati div{background:var(--rosa)}
.pr-card .attivita-btn{background:var(--terracotta-scuro);color:#fff}
.pr-card .attivita-btn:hover{background:var(--nero)}
.pr-reg{align-self:flex-start;font-weight:600;color:var(--terracotta-scuro);text-decoration:underline;text-underline-offset:4px}
.pr-reg:hover{color:var(--nero)}
@media (max-width:860px){.pr-cards{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.pr-card-wrap,.pr-card-segno{transition:none}}
.cs-testata p:not(.occhiello){margin-top:18px;font-size:21px;max-width:60ch}

/* ---------- Contatti ---------- */
.ct-blocco{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--terracotta-chiaro)}
.ct-dati{padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;gap:20px;max-width:640px;margin-left:auto;width:100%}
.ct-dati h2{font-size:clamp(30px,3.8vw,44px)}
.ct-riga{display:flex;gap:14px;align-items:flex-start}
.ct-ic{flex:none;width:46px;height:46px;border-radius:50%;background:var(--terracotta-scuro);color:#fff;display:grid;place-items:center}
.ct-ic svg{width:24px;height:24px}
.ct-riga small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta-scuro);font-weight:600}
.ct-riga div>span{font-size:18.5px;overflow-wrap:anywhere}
.ct-dati .btn{align-self:flex-start}
.ct-mappa{position:relative;min-height:460px}
.ct-mappa iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ct-tag{position:absolute;left:16px;bottom:16px;background:#fff;border-radius:12px;padding:10px 14px;font-size:15px;box-shadow:0 8px 20px -8px rgba(0,0,0,.4)}
.ct-scrivici{padding:clamp(48px,7vw,88px) 0}
.ct-scrivici .wrap{max-width:720px}
.ct-scrivici h2{margin-bottom:24px}
@media (max-width:860px){.ct-blocco{grid-template-columns:1fr}.ct-mappa{min-height:340px}}
section.ct-blocco{padding:0}
.ct-dati .btn{background:var(--terracotta-scuro);color:#fff;border:0;padding:14px 26px;border-radius:999px}
.ct-dati .btn:hover{background:var(--nero);color:#fff}

/* ---------- CdA: 2 sopra, 3 sotto, cv che si apre con + ---------- */
.cs-soci.cs-soci-alto{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin-inline:auto;align-items:start}
.cs-soci.cs-soci-basso{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;align-items:start}
@media (max-width:900px){.cs-soci.cs-soci-basso{grid-template-columns:1fr}.cs-soci.cs-soci-alto{grid-template-columns:1fr}}
.cs-socio{padding:0}
.cs-socio details{width:100%}
.cs-socio summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 24px 24px;position:relative}
.cs-socio summary::-webkit-details-marker{display:none}
.cs-socio summary::marker{content:""}
.cs-segno{width:36px;height:36px;border-radius:50%;background:var(--terracotta-chiaro);position:relative;margin-top:8px;transition:transform .3s ease,background .2s ease}
.cs-segno::before,.cs-segno::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;background:var(--terracotta-scuro);transform:translate(-50%,-50%)}
.cs-segno::after{transform:translate(-50%,-50%) rotate(90deg)}
.cs-socio details[open] .cs-segno{transform:rotate(45deg)}
.cs-socio summary:hover .cs-segno{background:var(--terracotta)}
.cs-cv-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}
.cs-socio details[open] .cs-cv-wrap{grid-template-rows:1fr}
.cs-cv-inner{overflow:hidden}
.cs-cv{padding:0 24px 28px;text-align:left;border-top:1px solid var(--linea);padding-top:20px;display:flex;flex-direction:column;gap:12px}
.cs-cv p{font-size:16.5px;line-height:1.6;margin:0}
@media (prefers-reduced-motion:reduce){.cs-cv-wrap,.cs-segno{transition:none}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html{scroll-padding-top:90px}
.statistiche{grid-template-columns:repeat(2,1fr);max-width:760px;margin-inline:auto}@media (max-width:700px){.statistiche{grid-template-columns:1fr}}
.statistica:nth-child(1) .statistica-icona{background:#6B8A1E}.statistica:nth-child(2) .statistica-icona{background:#3E7DA3}
.fascia-numeri .statistiche{margin-inline:auto;max-width:760px}
.statistica:nth-child(1) .statistica-numero{color:#6B8A1E}.statistica:nth-child(2) .statistica-numero{color:#3E7DA3}

/* ---------- Privacy ---------- */
.pv{background:var(--crema);padding:clamp(24px,4vw,48px) 0 clamp(56px,8vw,96px)}
.pv-corpo{max-width:780px}
.pv-corpo h2{font-size:clamp(22px,2.6vw,28px);margin:40px 0 12px}
.pv-corpo h3{font-family:'Lora',serif;font-weight:500;font-size:19px;margin:22px 0 6px;color:var(--terracotta-scuro)}
.pv-corpo p,.pv-corpo li{font-size:17.5px;line-height:1.7;margin:0 0 12px}
.pv-corpo ul{padding-left:22px;margin:0 0 12px}
.pv-corpo a{color:var(--terracotta-scuro);text-decoration:underline;text-underline-offset:3px}
.pv-agg{font-size:15.5px;color:var(--nero-70)}
.pv-corpo{max-width:none}.pv-corpo>*{max-width:780px}
.pr-cards--villa{margin-top:clamp(28px,4vw,44px)}

/* ---- Adattamento telefono ---- */
html,body{overflow-x:hidden}
img,iframe{max-width:100%}
@media (max-width:600px){
  .nav{gap:10px;padding:12px 0}
  .marchio{font-size:15px;gap:9px;min-width:0;flex:1 1 auto}
  .logo-mark{width:38px;height:38px}
  .nav-azioni{gap:8px;flex:none}
  .lang-switch{padding:8px 10px}
  .pr-villa-testo{font-size:18px}
  .pr-pista figure{flex-basis:86%}
  .cs-testata h1{font-size:clamp(30px,9vw,40px)}
}
@media (max-width:600px){
  .hero{min-height:0}
  .hero-contenuto{position:relative;inset:auto;padding:28px 16px 32px}
  .hero-pannello{min-height:0;padding:28px 22px}
  .hero-pannello p{font-size:17px}
  .hero-logo{width:min(120px,36%)}
}
@media (max-width:600px){footer p,.ct-blocco p,.ct-riga{overflow-wrap:anywhere}}

/* ---------- piè di pagina a tutta larghezza (chiaro) ---------- */
footer.piede{background:var(--rosa);color:var(--nero-70);padding:0;border-top:1px solid var(--linea);width:100%}
footer.piede a{color:var(--nero);text-decoration:none}
footer.piede a:hover{text-decoration:underline}
.piede-corpo{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(32px,6vw,96px);padding-top:clamp(64px,9vw,120px);padding-bottom:clamp(56px,8vw,104px);max-width:1200px}
.piede-colonna h3{font-family:'Work Sans',sans-serif;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--terracotta-scuro);margin-bottom:16px}
.piede-colonna p{font-family:'Lora',serif;font-size:clamp(20px,2.4vw,28px);line-height:1.45;color:var(--nero);max-width:none;overflow-wrap:anywhere}
.piede-coda{border-top:1px solid var(--linea);background:var(--terracotta-chiaro)}
.piede-coda-in{display:flex;justify-content:space-between;gap:12px 28px;flex-wrap:wrap;padding-top:22px;padding-bottom:26px;max-width:1200px}
.piede-coda p{font-size:15px;color:var(--nero-70);max-width:none;margin:0}
.piede-legali a{margin-left:22px}
.piede-legali a:first-child{margin-left:0}
.piede-legali{white-space:nowrap}
@media (max-width:700px){.piede-corpo{grid-template-columns:1fr}.piede-coda-in{flex-direction:column}}
/* piè di pagina compatto */
.piede-corpo{padding-top:28px;padding-bottom:24px;gap:24px 48px}
.piede-colonna h3{font-size:11px;margin-bottom:6px}
.piede-colonna p{font-family:'Work Sans',sans-serif;font-size:15px;line-height:1.55}
.piede-coda-in{padding-top:12px;padding-bottom:14px}
.piede-coda p{font-size:13px}
.piede-coda{background:transparent}

/* progetto in partenza (visibile senza aprire le attività) */
.pr-nuovo{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:clamp(20px,3vw,36px);background:#fff;border-radius:18px;overflow:hidden;margin:0 0 18px;box-shadow:0 14px 34px -20px rgba(26,22,20,.45)}
.pr-nuovo-img{background:linear-gradient(135deg,#EFC9B8,#B9765F);min-height:260px;display:grid;place-items:center;color:#fff;font-size:14px;text-align:center;padding:12px}
.pr-nuovo-img img{width:100%;height:100%;object-fit:cover;display:block}
.pr-nuovo-tx{padding:clamp(22px,3vw,34px) clamp(20px,3vw,34px) clamp(22px,3vw,34px) 0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.pr-nuovo-badge{display:inline-block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;background:#6B8A1E;color:#fff;border-radius:999px;padding:4px 12px}
.pr-nuovo-rif{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--terracotta-scuro);font-weight:500;margin:6px 0 0}
.pr-nuovo-tx h3{font-size:clamp(22px,2.6vw,30px);margin:0}
.pr-nuovo-data{font-weight:600;color:var(--terracotta-scuro);margin:0}
.pr-nuovo-tx p{font-size:17px;line-height:1.6;color:var(--nero);max-width:none}
@media (max-width:700px){.pr-nuovo{grid-template-columns:1fr}.pr-nuovo-img{min-height:220px}.pr-nuovo-tx{padding:0 20px 24px}}

.pr-nuovo{grid-template-columns:minmax(220px,300px) 1fr;align-items:start}
.pr-nuovo-img{display:block;background:#0c2340;min-height:0;padding:0;align-self:stretch}
.pr-nuovo-img img{width:100%;height:auto;object-fit:contain;display:block}
.pr-nuovo-btn{display:inline-block;margin-top:10px;padding:12px 22px;border-radius:999px;background:var(--terracotta-scuro);color:#fff!important;font-weight:500;text-decoration:none}
.pr-nuovo-btn:hover{background:var(--nero)}
@media (max-width:700px){.pr-nuovo{grid-template-columns:1fr}.pr-nuovo-img{max-width:420px;margin-inline:auto}}

.pr-nuovo-tx .pr-nuovo-fatti{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px}
.pr-nuovo-fatti li{position:relative;padding-left:26px;font-size:16.5px;line-height:1.5;color:var(--nero)}
.pr-nuovo-fatti li::before{content:"";position:absolute;left:3px;top:.5em;width:9px;height:9px;border-radius:50%;background:#6B8A1E}
.pr-calendario{grid-column:1/-1;background:var(--crema);padding:clamp(20px,3vw,30px) clamp(20px,3vw,34px) clamp(22px,3vw,32px)}
.pr-cal-testa{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin-bottom:16px}
.pr-cal-testa h4{font-family:'Lora',serif;font-size:22px;font-weight:500;margin:0;color:var(--nero)}
.pr-cal-testa p{margin:0;font-size:15px;color:var(--nero-70)}
.pr-cal-mesi{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.cal-mese{background:#fff;border-radius:14px;padding:14px 12px 16px;text-align:center;border-top:4px solid var(--terracotta)}
.cal-mese:nth-child(even){border-top-color:#3E7DA3}
.cal-mese h5{font-family:'Work Sans',sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--terracotta-scuro);margin:0 0 12px}
.cal-mese ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.cal-mese li{width:44px;height:44px;border-radius:50%;background:var(--rosa);display:grid;place-items:center}
.cal-mese li b{font-family:'Lora',serif;font-size:19px;font-weight:600;color:var(--nero)}
.cal-mese li.primo{background:#6B8A1E}.cal-mese li.primo b{color:#fff}
.pr-cal-nota{margin:14px 0 0;font-size:14px;color:var(--nero-70)}
@media (max-width:1000px){.pr-cal-mesi{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.pr-cal-mesi{grid-template-columns:repeat(2,minmax(0,1fr))}}

.pr-nuovo-tx .pr-nuovo-fatti{list-style:disc;padding-left:26px;margin:4px 0 6px;display:block}
.pr-nuovo-fatti li{padding-left:4px;margin-bottom:6px}
.pr-nuovo-fatti li::before{display:none}
.pr-nuovo-fatti li::marker{color:#6B8A1E}
.pr-cal-nota{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--nero)}
.pr-cal-nota::before{content:"";width:14px;height:14px;border-radius:50%;background:#6B8A1E;flex:none}
.cal-mese h5{line-height:1.5}

.pr-nuovo-azioni{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.pr-nuovo-azioni .pr-nuovo-btn{margin-top:0}
.pr-nuovo-btn--vuoto{background:transparent;color:var(--terracotta-scuro)!important;border:2px solid var(--terracotta-scuro);padding:10px 20px}
.pr-nuovo-btn--vuoto:hover{background:var(--terracotta-scuro);color:#fff!important}
.pr-nuovo{grid-template-columns:minmax(240px,400px) 1fr}
.pr-nuovo-img{background:#fff;align-self:start;padding:clamp(14px,2vw,22px) 0 clamp(14px,2vw,22px) clamp(14px,2vw,22px)}
.pr-nuovo-img img{border-radius:10px;box-shadow:0 10px 26px -14px rgba(26,22,20,.5)}
.pr-nuovo-tx{align-self:start}
@media (max-width:700px){.pr-nuovo-img{padding:16px 16px 0}}

/* ---- telefono: regole finali (devono stare in fondo) ---- */
@media (max-width:700px){
  .pr-nuovo{grid-template-columns:minmax(0,1fr)}
  .pr-nuovo-img{max-width:420px;margin-inline:auto;padding:16px 16px 0}
  .pr-nuovo-tx{padding:8px 20px 24px;align-self:auto;min-width:0}
  .pr-nuovo-tx p,.pr-nuovo-tx h3{overflow-wrap:anywhere}
  .pr-nuovo-azioni .pr-nuovo-btn{flex:1 1 100%;text-align:center}
  .pr-calendario{padding:20px 16px 22px}
}
@media (max-width:480px){
  .sost-griglia,.sost-testo,.sost-carte,.sost-carta{min-width:0}
  .sost-dato{overflow-wrap:anywhere;font-size:clamp(18px,6vw,28px)}
  .sost-dato--iban{font-size:clamp(14px,4.6vw,20px);letter-spacing:.02em}
}
.pr-nuovo-btn{line-height:1.3}