/* ==========================================================================
   Vimala — associazione.css
   Pagine dell'associazione (template «Pagina dell'associazione» e home): sezioni, schede, polaroid,
   storie dei progetti, mappa «Dove operiamo», riquadro dei conti, raccolte fondi.
   Tutto è racchiuso in .vimala-pagina (CSS nesting) per non toccare lo shop; lo stesso foglio
   è caricato nell'editor dei blocchi (.editor-styles-wrapper), così le pagine si vedono come sul sito.
   Colori: brand kit 2027 «Mani su Radici» (stessi valori di theme.json).
   ========================================================================== */

:root{
  --blu-notte:#0E3F76;
  --bordeaux:#981B1E;
  --zafferano:#F1981F;
  --lilla-loto:#6A87BC;
  --avorio:#FAF6F0;
  --carta:#EFE6D8;
  --inchiostro:#231F20;
  --blu-notte-scuro:#0A2F59;
  --bianco:#FFFFFF;

  --font-titoli:var(--wp--preset--font-family--serif);
  --font-testo:var(--wp--preset--font-family--sans);
  --font-numeri:var(--wp--preset--font-family--numeri);
  --font-note:var(--wp--preset--font-family--mano);

  --larghezza:1200px;
  --gutter:clamp(16px, 4vw, 40px);
  --raggio:4px;
  --ombra:0 14px 32px rgba(14,63,118,.16);
  --bordo-block:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32' width='64' height='32'%3E%3Cpath d='M0 32 Q16 4 32 32 Q48 4 64 32 Z' fill='%23981B1E'/%3E%3Ccircle cx='32' cy='5' r='3' fill='%23981B1E'/%3E%3Ccircle cx='0' cy='5' r='3' fill='%23981B1E'/%3E%3Ccircle cx='64' cy='5' r='3' fill='%23981B1E'/%3E%3C/svg%3E");
  --bordo-block-avorio:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32' width='64' height='32'%3E%3Cpath d='M0 32 Q16 4 32 32 Q48 4 64 32 Z' fill='%23FAF6F0'/%3E%3Ccircle cx='32' cy='5' r='3' fill='%23FAF6F0'/%3E%3Ccircle cx='0' cy='5' r='3' fill='%23FAF6F0'/%3E%3Ccircle cx='64' cy='5' r='3' fill='%23FAF6F0'/%3E%3C/svg%3E");
  --bordo-block-carta:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32' width='64' height='32'%3E%3Cpath d='M0 32 Q16 4 32 32 Q48 4 64 32 Z' fill='%23EFE6D8'/%3E%3Ccircle cx='32' cy='5' r='3' fill='%23EFE6D8'/%3E%3Ccircle cx='0' cy='5' r='3' fill='%23EFE6D8'/%3E%3Ccircle cx='64' cy='5' r='3' fill='%23EFE6D8'/%3E%3C/svg%3E");
}


@keyframes pulsa{0%{opacity:.45;transform:scale(.6)}100%{opacity:0;transform:scale(1.5)}}

:is(.vimala-pagina, .editor-styles-wrapper){
/* Spaziatura del testo (nel sito statico era globale; qui vale solo nelle pagine dell'associazione) */
p{margin:0 0 1em}
:where(ul,ol):not([class*="wp-block-navigation"]){margin-top:0}

.contenitore{max-width:var(--larghezza);margin:0 auto;padding:0 var(--gutter)}
.stretto{max-width:780px}

/* ---------- Tipografia ---------- */
h1,h2,h3,h4{font-family:var(--font-titoli);font-weight:600;color:var(--blu-notte);line-height:1.15;margin:0 0 .5em;font-variation-settings:"SOFT" 50, "WONK" 0;text-wrap:balance}
h1{font-size:clamp(2.3rem, 5.2vw, 4rem)}
h2{font-size:clamp(1.8rem, 3.6vw, 2.75rem)}
h3{font-size:clamp(1.3rem, 2.2vw, 1.6rem)}
h4{font-size:1.15rem}
em.accento,.accento{font-style:italic;color:var(--bordeaux)}
.occhiello{
  font-family:var(--font-testo);font-weight:700;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--bordeaux);margin:0 0 1rem;display:block
}
.nota{font-family:var(--font-note);font-weight:600;font-size:1.65rem;line-height:1.1;color:var(--bordeaux)}
.lead{font-size:1.2rem;line-height:1.6;color:var(--inchiostro)}
.numero{font-family:var(--font-numeri);font-weight:400;line-height:.9;letter-spacing:.01em}

/* ---------- Pulsanti ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.6em;
  font-family:var(--font-testo);font-weight:700;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;
  padding:1em 1.6em;border-radius:var(--raggio);text-decoration:none;border:2px solid transparent;
  transition:transform .15s ease, background .15s ease, color .15s ease;cursor:pointer
}
.btn:hover{transform:translateY(-2px)}
.btn-bordeaux{background:var(--bordeaux);color:#fff}
.btn-bordeaux:hover{background:#7c1518;color:#fff}
.btn-blu{background:var(--blu-notte);color:#fff}
.btn-blu:hover{background:var(--blu-notte-scuro);color:#fff}
.btn-zafferano{background:var(--zafferano);color:var(--blu-notte)}
.btn-zafferano:hover{background:#f6aa45;color:var(--blu-notte)}
.btn-contorno{border-color:var(--blu-notte);color:var(--blu-notte);background:transparent}
.btn-contorno:hover{background:var(--blu-notte);color:#fff}
.btn-contorno-chiaro{border-color:#fff;color:#fff;background:transparent}
.btn-contorno-chiaro:hover{background:#fff;color:var(--blu-notte)}
.link-freccia{font-weight:600;color:var(--bordeaux);text-decoration:none;font-size:.95rem}
.link-freccia::after{content:" →";transition:margin .15s}
.link-freccia:hover::after{margin-left:4px}

/* ---------- Bordo block print / arco ---------- */
.bordo-block{height:16px;background:var(--bordo-block) repeat-x left bottom/32px 16px}
.bordo-block.avorio{background-image:var(--bordo-block-avorio)}
.bordo-block.carta{background-image:var(--bordo-block-carta)}
.bordo-block.capovolto{transform:scaleY(-1)}
.arco{display:block;width:120px;height:14px;margin:0 0 1.4rem}
.arco path{fill:none;stroke-width:9;stroke-linecap:round}
.arco.centrato{margin-left:auto;margin-right:auto}

/* ---------- Hero home ---------- */
.hero{background:var(--blu-notte);color:#fff;position:relative;overflow:hidden}
.hero .contenitore{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-top:72px;padding-bottom:96px;position:relative}
.hero h1{color:#fff}
.hero h1 em{font-style:italic;color:var(--zafferano)}
.hero .occhiello{color:var(--zafferano)}
.hero .lead{color:rgba(255,255,255,.88);max-width:34em}
.hero .azioni{display:flex;flex-wrap:wrap;gap:14px;margin-top:2rem}
.hero .nota{color:var(--zafferano)}
.hero-foto{position:relative;min-height:520px}
.hero-foto .polaroid{position:absolute}
.hero-foto .p1{width:74%;right:2%;top:0;transform:rotate(3deg)}
.hero-foto .p2{width:52%;left:0;bottom:0;transform:rotate(-4deg)}
.hero-foto .p1 figcaption{text-align:right}
.hero-loto{position:absolute;right:var(--gutter);bottom:28px;width:54px;opacity:.9}
@media (max-width:900px){
  .hero .contenitore{grid-template-columns:1fr;gap:40px;padding-top:48px;padding-bottom:72px}
  .hero-foto{min-height:0;display:grid;grid-template-columns:1fr;gap:0}
  .hero-foto .polaroid{position:relative}
  .hero-foto .p1{width:88%;justify-self:end;right:auto}
  .hero-foto .p2{width:62%;margin-top:-22%;left:0}
}

/* ---------- Polaroid ---------- */
.polaroid{background:#fff;padding:12px 12px 0;box-shadow:0 14px 28px rgba(0,0,0,.22);margin:0}
.polaroid img{width:100%;aspect-ratio:1/1;object-fit:cover}
.polaroid.orizzontale img{aspect-ratio:4/3}
.polaroid figcaption{font-family:var(--font-note);font-weight:600;font-size:1.35rem;line-height:1.15;color:var(--inchiostro);padding:10px 4px 14px;min-height:52px}
.ruota-sx{transform:rotate(-3deg)}
.ruota-dx{transform:rotate(2.5deg)}

/* ---------- Sezioni ---------- */
.sezione{padding:clamp(64px, 9vw, 112px) 0}
.sezione.carta{background:var(--carta)}
.sezione.blu{background:var(--blu-notte);color:#fff}
.sezione.blu h2,.sezione.blu h3{color:#fff}
.sezione.blu .occhiello{color:var(--zafferano)}
.sezione.bordeaux{background:var(--bordeaux);color:#fff}
.sezione.bordeaux h2{color:#fff}
.intestazione-sezione{max-width:720px;margin-bottom:48px}
.intestazione-sezione.centrata{text-align:center;margin-left:auto;margin-right:auto}

/* Donazione: cosa può fare */
.cosa-puo{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.cosa-puo article{background:#fff;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 0 rgba(14,63,118,.06);transition:transform .2s, box-shadow .2s}
.cosa-puo article:hover{transform:translateY(-4px);box-shadow:var(--ombra)}
.cosa-puo img{aspect-ratio:4/5;object-fit:cover;width:100%}
.cosa-puo .corpo{padding:18px 18px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.cosa-puo h3{font-size:1.25rem;margin:0}
.cosa-puo h3 em{color:var(--bordeaux)}
.cosa-puo p{font-size:.92rem;margin:0;flex:1}
/* Cifra indicativa: quanto serve per quel gesto (stime, da aggiornare in genera-wp.js) */
.cosa-puo .cifra{flex:none;font-size:.85rem;line-height:1.35;padding:8px 10px 9px 12px;background:var(--avorio);border-left:3px solid var(--zafferano);border-radius:0 4px 4px 0;color:var(--inchiostro)}
.cosa-puo .cifra strong{display:block;font-family:var(--font-numeri);font-weight:400;font-size:1.45rem;line-height:1;letter-spacing:.02em;color:var(--bordeaux);margin-bottom:2px}
@media (max-width:1060px){.cosa-puo{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.cosa-puo{grid-template-columns:repeat(2,minmax(0,1fr))}.cosa-puo article:last-child{grid-column:span 2}.cosa-puo article:last-child img{aspect-ratio:16/9}}
@media (max-width:440px){.cosa-puo{grid-template-columns:1fr}.cosa-puo article:last-child{grid-column:auto}.cosa-puo img{aspect-ratio:16/10}}

/* Numeri d'impatto */
.numeri{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.numeri .numero{font-size:clamp(3.4rem, 6vw, 5.2rem);color:var(--zafferano);display:block}
.numeri p{font-family:var(--font-titoli);font-size:1.12rem;line-height:1.35;color:#fff;margin:.4rem 0 0}
@media (max-width:860px){.numeri{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}}

/* Ambiti */
.ambiti{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ambito{position:relative;border-radius:6px;overflow:hidden;min-height:380px;display:flex;align-items:flex-end;color:#fff;text-decoration:none;isolation:isolate}
.ambito img.sfondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s ease}
.ambito::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(14,63,118,0) 25%, rgba(10,47,89,.92) 100%);z-index:-1}
.ambito:hover img.sfondo{transform:scale(1.05)}
.ambito .corpo{padding:24px}
.ambito .icona{width:44px;height:44px;margin-bottom:12px}
.ambito h3{color:#fff;margin:0 0 6px}
.ambito p{font-size:.92rem;margin:0;color:rgba(255,255,255,.88)}
@media (max-width:960px){.ambiti{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.ambiti{grid-template-columns:1fr}.ambito{min-height:300px}}

/* Due colonne */
.due-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px, 6vw, 88px);align-items:center}
.due-col.testo-largo{grid-template-columns:1.2fr .8fr}
@media (max-width:860px){.due-col,.due-col.testo-largo{grid-template-columns:1fr}}
.coppia-polaroid{position:relative;padding:20px 10px 40px}
.coppia-polaroid .polaroid:first-child{width:78%;transform:rotate(-3deg)}
.coppia-polaroid .polaroid:last-child{width:56%;position:absolute;right:0;bottom:0;transform:rotate(4deg)}
@media (max-width:860px){.coppia-polaroid{max-width:520px;margin:0 auto}}

/* Sostegno a distanza: schede */
.schede{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.scheda{background:var(--avorio);border-radius:6px;padding:30px 28px;display:flex;flex-direction:column;gap:10px;border-top:4px solid var(--blu-notte)}
.sezione.carta .scheda{background:var(--avorio)}
.scheda:nth-child(2){border-top-color:var(--bordeaux)}
.scheda:nth-child(3){border-top-color:var(--zafferano)}
.scheda .icona{width:44px;height:44px}
.scheda h3{margin:6px 0 0}
.scheda p{margin:0;flex:1}
@media (max-width:860px){.schede{grid-template-columns:1fr}}

/* Citazione */
.citazione{text-align:center;max-width:900px;margin:0 auto}
.citazione blockquote{margin:0;font-family:var(--font-titoli);font-style:italic;font-weight:500;font-size:clamp(1.7rem, 3.4vw, 2.6rem);line-height:1.25;color:#fff}
.citazione .nota{color:var(--zafferano);margin-top:1.2rem;display:block}

/* Mappa «Dove operiamo» */
.mappa-vimala{position:relative;background:var(--carta);border-radius:8px;padding:clamp(16px, 3vw, 32px)}
.mappa-legenda{display:flex;flex-wrap:wrap;gap:8px 10px;margin-bottom:18px}
.mappa-legenda .filtro{
  display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:40px;
  background:var(--avorio);border:1.5px solid rgba(14,63,118,.18);color:var(--blu-notte);
  font:600 .85rem/1.2 var(--font-testo);cursor:pointer;transition:all .15s
}
.mappa-legenda button.filtro:hover{border-color:var(--blu-notte)}
.mappa-legenda button.filtro[aria-pressed="false"]{opacity:.5;background:transparent}
.mappa-legenda button.filtro[aria-pressed="false"] .pallino{background:transparent!important;box-shadow:inset 0 0 0 2px currentColor}
.mappa-legenda .pallino{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px #fff}
.mappa-legenda .conteggio{font-family:var(--font-numeri);font-weight:400;font-size:1.1rem;line-height:1;color:var(--inchiostro);opacity:.7}
.mappa-legenda .sede-legenda{cursor:default;background:transparent;border-color:transparent}
.mappa-legenda .rombo{width:11px;height:11px;transform:rotate(45deg);background:var(--avorio);box-shadow:inset 0 0 0 2px var(--blu-notte)}
.mappa-vimala figure{margin:0;position:relative}
.mappa-mondo{margin-bottom:clamp(20px, 3vw, 36px)!important}
.mappa-quadri{display:grid;grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr);gap:clamp(24px, 4vw, 56px);align-items:start}
.mappa-elenco h3{font-size:1.5rem;margin:6px 0 18px}
.gruppo-luoghi{margin-bottom:22px}
.gruppo-luoghi h4{display:flex;align-items:center;gap:10px;font-family:var(--font-testo);font-weight:700;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--inchiostro);margin:0 0 10px}
.gruppo-luoghi .pallino{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px #fff;flex:none}
.gruppo-luoghi ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.vai-pin{display:inline-flex;align-items:baseline;gap:6px;background:var(--avorio);border:1px solid rgba(14,63,118,.14);border-radius:4px;padding:7px 11px;font:600 .88rem/1.2 var(--font-testo);color:var(--blu-notte);cursor:pointer;transition:all .15s}
.vai-pin small{font-weight:500;font-size:.72rem;color:var(--lilla-loto)}
.vai-pin:hover,.vai-pin.attivo{border-color:var(--blu-notte);background:#fff}
.gruppo-luoghi[data-tipo="t"] .vai-pin:hover,.gruppo-luoghi[data-tipo="t"] .vai-pin.attivo{border-color:var(--zafferano)}
.gruppo-luoghi[data-tipo="a"] .vai-pin:hover,.gruppo-luoghi[data-tipo="a"] .vai-pin.attivo{border-color:var(--bordeaux)}
.mappa-india{background:var(--avorio);border-radius:6px;padding:10px 10px 4px;box-shadow:0 10px 24px rgba(14,63,118,.12);transform:rotate(.6deg);scroll-margin-top:110px}
.mappa-india figcaption{font-size:1.4rem;padding:4px 6px 6px;color:var(--bordeaux)}
.mappa-svg{display:block;width:100%;height:auto;overflow:visible}
.mappa-svg .sfera{fill:var(--avorio)}
.mappa-svg .mare{fill:#F4EEE4}
.mappa-svg .graticola{fill:none;stroke:#E2D6C3;stroke-width:.6;stroke-dasharray:2 3}
.mappa-svg .terra{fill:#DCCDB6;stroke:var(--avorio);stroke-width:.5;stroke-linejoin:round}
.mappa-svg .terra.attiva{fill:#B7C5E0;stroke:#FAF6F0}
.mappa-svg .riquadro{fill:rgba(14,63,118,.04);stroke:var(--blu-notte);stroke-width:1.4;stroke-dasharray:5 4}
.mappa-svg .riquadro-link:hover .riquadro,.mappa-svg .riquadro-link:focus-visible .riquadro{fill:rgba(14,63,118,.1)}
.mappa-svg .riquadro-link:focus{outline:none}
.mappa-svg .puntino{stroke:#fff;stroke-width:1}
.mappa-svg .etichetta{font:600 13px/1 var(--font-testo);fill:var(--blu-notte);paint-order:stroke;stroke:var(--avorio);stroke-width:3.5px;stroke-linejoin:round;pointer-events:none}
.mappa-india .etichetta{font-size:14.5px}
.mappa-svg .riquadro-testo{font-size:12px;letter-spacing:.04em;fill:var(--blu-notte)}
.mappa-svg .nome-paese{font:700 10.5px/1 var(--font-testo);letter-spacing:.2em;text-transform:uppercase;fill:#9C8B72;pointer-events:none}
.mappa-svg .nome-paese.mare{font:italic 500 13px/1 var(--font-titoli);letter-spacing:.02em;text-transform:none;fill:#B5A58C}
.mappa-svg .guida{fill:none;stroke:var(--blu-notte);stroke-width:1;opacity:.55}
.mappa-svg .pin,.mappa-svg .sede{cursor:pointer;outline:none}
.mappa-svg .pin-area{fill:transparent}
.mappa-svg .pin-punto{stroke:#fff;stroke-width:2;transition:r .15s}
.mappa-svg .pin-alone{opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity .2s}
.mappa-svg .pin:hover .pin-alone,.mappa-svg .pin:focus-visible .pin-alone,.mappa-svg .pin.evidenziato .pin-alone,.mappa-svg .pin.attivo .pin-alone{opacity:.28}
.mappa-svg .pin:focus-visible .pin-punto,.mappa-svg .sede:focus-visible path{stroke:var(--inchiostro);stroke-width:2.5}
.mappa-svg .pin.evidenziato .etichetta,.mappa-svg .pin.attivo .etichetta{fill:var(--bordeaux)}
@media (prefers-reduced-motion:no-preference){
  .mappa-svg .pin.evidenziato .pin-alone,.mappa-svg .pin.attivo .pin-alone{animation:pulsa 1.6s ease-out infinite}
}
.mappa-vimala.nascondi-m [data-tipo="m"],.mappa-vimala.nascondi-t [data-tipo="t"],.mappa-vimala.nascondi-a [data-tipo="a"]{display:none}
.mappa-vimala.nascondi-m .filtro[data-tipo="m"],.mappa-vimala.nascondi-t .filtro[data-tipo="t"],.mappa-vimala.nascondi-a .filtro[data-tipo="a"]{display:inline-flex}
.mappa-scheda{
  position:absolute;z-index:5;width:min(300px, calc(100% - 32px));background:#fff;border-radius:6px;
  box-shadow:0 16px 36px rgba(14,63,118,.22);padding:16px 18px 18px;border-top:4px solid var(--blu-notte);
  font-size:.9rem;line-height:1.45;pointer-events:auto
}
.mappa-scheda[hidden]{display:none}
.mappa-scheda .tipo{font-weight:700;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;display:block;margin-bottom:4px}
.mappa-scheda h4{margin:0;font-size:1.25rem}
.mappa-scheda .dove{color:var(--lilla-loto);font-weight:600;font-size:.8rem;margin:2px 0 10px}
.mappa-scheda ul{margin:0 0 10px;padding-left:1.1em}
.mappa-scheda li{margin-bottom:3px}
.mappa-scheda .chiudi{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;background:none;font-size:1.3rem;line-height:1;color:var(--blu-notte);cursor:pointer;border-radius:50%}
.mappa-scheda .chiudi:hover{background:var(--carta)}
@media (max-width:960px){
  .mappa-quadri{grid-template-columns:1fr}
  .mappa-india{transform:none;max-width:620px;margin:0 auto;width:100%}
}
@media (max-width:640px){
  .mappa-mondo .etichetta{display:none}
  .mappa-mondo .pin-punto{r:11}
  .mappa-mondo .sede path{transform-box:fill-box;transform-origin:center;transform:scale(1.7)}
  .mappa-legenda .filtro{font-size:.78rem;padding:7px 11px}
  .mappa-scheda{position:fixed;left:16px;right:16px;bottom:16px;top:auto!important;width:auto}
}
.carta-progetto.evidenziata{box-shadow:0 0 0 3px var(--zafferano), var(--ombra)}
.luoghi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;margin-top:40px}
.luogo h4{font-family:var(--font-testo);font-weight:700;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bordeaux);margin:0 0 6px}
.luogo p{margin:0;font-size:.95rem}
.sezione.blu .luogo h4{color:var(--zafferano)}
@media (max-width:860px){.luoghi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.luoghi{grid-template-columns:1fr}}

/* Trasparenza */
.trasparenza{display:flex;gap:28px;align-items:flex-start;background:#fff;border-radius:6px;padding:36px;border-left:6px solid var(--zafferano)}
.trasparenza img{width:56px;flex:none}
.trasparenza p{margin:0;font-family:var(--font-titoli);font-size:1.35rem;line-height:1.4;color:var(--blu-notte)}
@media (max-width:600px){.trasparenza{flex-direction:column;padding:28px}}

/* ---------- Pagine interne ---------- */
.testata-pagina{position:relative;min-height:440px;display:flex;align-items:flex-end;color:#fff;isolation:isolate;overflow:hidden}
.testata-pagina > .sfondo{position:absolute;inset:0;margin:0;z-index:-2}
.testata-pagina > .sfondo img{width:100%;height:100%;object-fit:cover}
.testata-pagina::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(10,47,89,.15) 0%, rgba(10,47,89,.35) 40%, rgba(10,47,89,.9) 100%);z-index:-1}
.testata-pagina .contenitore{width:100%;padding-top:64px;padding-bottom:56px}
.testata-pagina h1{color:#fff;max-width:16em;margin-bottom:.2em}
.testata-pagina .occhiello{color:var(--zafferano)}
.testata-pagina .nota{color:var(--zafferano)}
.testata-pagina .bordo-block{position:absolute;left:0;right:0;bottom:-1px}
.briciole{font-size:.85rem;margin:0 0 18px;color:rgba(255,255,255,.85)}
.briciole a{color:#fff;text-decoration:none;display:inline-block;padding-block:8px}
.briciole a:hover{text-decoration:underline;color:#fff}
.briciole span{margin:0 8px;opacity:.6}

.sotto-nav{background:var(--avorio);border-bottom:1px solid rgba(14,63,118,.1)}
.sotto-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.sotto-nav a{display:block;padding:16px 14px;white-space:nowrap;text-decoration:none;font-weight:600;font-size:.9rem;color:var(--blu-notte);border-bottom:3px solid transparent}
.sotto-nav a:hover{color:var(--bordeaux)}
.sotto-nav a[aria-current="page"]{border-bottom-color:var(--bordeaux);color:var(--bordeaux)}

.intro{padding:clamp(56px, 8vw, 96px) 0 clamp(32px, 5vw, 56px)}
.intro .due-col{align-items:start}
.intro p{font-size:1.1rem}
.intro .primo::first-letter{font-family:var(--font-titoli);font-weight:600;float:left;font-size:4.2rem;line-height:.8;margin:6px 10px 0 0;color:var(--bordeaux)}

/* Storie (blocchi di progetto) */
.storie{display:flex;flex-direction:column;gap:clamp(56px, 8vw, 96px);padding-bottom:clamp(64px, 9vw, 112px)}
.storia{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px, 5vw, 72px);align-items:center}
.storia:nth-child(even){grid-template-columns:1.15fr .85fr}
.storia:nth-child(even) .storia-foto{order:2}
.storia.senza-foto{grid-template-columns:1fr;max-width:800px}
.storia .luogo-storia{font-weight:700;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--lilla-loto);margin-bottom:.8rem;display:block}
.storia h2{font-size:clamp(1.7rem, 3vw, 2.3rem)}
.storia .polaroid{max-width:440px;margin:0 auto}
.storia:nth-child(odd) .polaroid{transform:rotate(-2.5deg)}
.storia:nth-child(even) .polaroid{transform:rotate(2deg)}
.storia ul{padding-left:1.2em;margin:0 0 1em}
.storia li{margin-bottom:.3em}
.storia .chiusa{font-family:var(--font-titoli);font-style:italic;color:var(--bordeaux);font-size:1.15rem}
@media (max-width:860px){
  .storia,.storia:nth-child(even){grid-template-columns:1fr}
  .storia:nth-child(even) .storia-foto{order:0}
  .storia .polaroid{max-width:360px}
}
.dati{display:flex;flex-wrap:wrap;gap:12px 28px;margin:1.2rem 0 1.4rem;padding:16px 0;border-top:1px solid rgba(14,63,118,.15);border-bottom:1px solid rgba(14,63,118,.15)}
.dati div{display:flex;align-items:baseline;gap:8px}
.dati .numero{font-size:2.4rem;color:var(--blu-notte)}
.dati span:last-child{font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--inchiostro)}

.elenco-ambiti{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:1rem 0 0}
.elenco-ambiti li{background:var(--carta);color:var(--blu-notte);padding:6px 14px;border-radius:40px;font-size:.88rem;font-weight:500}

/* Riquadro informazione */
.avviso{background:var(--carta);border-radius:6px;padding:24px 28px;display:flex;gap:18px;align-items:flex-start;margin-top:1.5rem}
.avviso strong{display:block;font-family:var(--font-titoli);color:var(--blu-notte);font-size:1.15rem;margin-bottom:4px}
.avviso p{margin:0}
.avviso img{width:36px;flex:none;margin-top:2px}

/* Griglia schede generiche */
.griglia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.griglia.due{grid-template-columns:repeat(2,minmax(0,1fr))}
.griglia.quattro{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:960px){.griglia,.griglia.quattro{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.griglia,.griglia.due,.griglia.quattro{grid-template-columns:1fr}}
.carta-progetto{background:#fff;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 0 rgba(14,63,118,.06)}
.carta-progetto img{aspect-ratio:4/3;object-fit:cover;width:100%}
.carta-progetto .corpo{padding:22px 24px 26px;display:flex;flex-direction:column;gap:8px;flex:1}
.carta-progetto h3{font-size:1.3rem;margin:0}
.carta-progetto .luogo-storia{font-weight:700;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lilla-loto)}
.carta-progetto p{margin:0;font-size:.95rem}
a.carta-progetto{text-decoration:none;color:inherit;transition:transform .2s, box-shadow .2s}
a.carta-progetto:hover{transform:translateY(-4px);box-shadow:var(--ombra)}

/* Team */
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 28px}
.membro .polaroid{margin-bottom:18px}
.membro:nth-child(odd) .polaroid{transform:rotate(-2deg)}
.membro:nth-child(even) .polaroid{transform:rotate(2deg)}
.membro h3{margin:0}
.membro .ruolo{font-weight:700;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bordeaux);margin-bottom:10px;display:block}
.membro details summary{cursor:pointer;color:var(--blu-notte);font-weight:600;font-size:.92rem;list-style:none}
.membro details summary::-webkit-details-marker{display:none}
.membro details summary::after{content:" +"}
.membro details[open] summary::after{content:" –"}
.membro details p{font-size:.92rem;margin-top:10px}
@media (max-width:960px){.team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.team{gap:28px 16px}.team h3{font-size:1.1rem}.membro .polaroid{padding:8px 8px 0}.membro .polaroid figcaption{font-size:1.1rem;min-height:40px}}

/* Linea del tempo progetti conclusi */
.anni-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:48px}
.anni-nav a{font-family:var(--font-numeri);font-size:1.4rem;padding:6px 12px;border-radius:4px;background:#fff;color:var(--blu-notte);text-decoration:none;line-height:1}
.anni-nav a:hover{background:var(--blu-notte);color:#fff}
.linea{position:relative;display:flex;flex-direction:column;gap:28px}
.anno{display:grid;grid-template-columns:150px 1fr;gap:28px;background:#fff;border-radius:6px;padding:28px;scroll-margin-top:110px}
.anno .numero{font-size:4.2rem;color:var(--bordeaux)}
.anno .contenuto{display:grid;grid-template-columns:1fr 220px;gap:28px;align-items:start}
.anno ul{list-style:none;margin:0;padding:0;columns:2;column-gap:28px}
.anno li{break-inside:avoid;padding:6px 0 8px;border-bottom:1px dashed rgba(14,63,118,.18);font-size:.95rem}
.anno li small{display:block;color:var(--lilla-loto);font-size:.78rem}
.anno .polaroid{transform:rotate(2deg)}
@media (max-width:900px){.anno{grid-template-columns:1fr;gap:8px}.anno .contenuto{grid-template-columns:1fr}.anno .polaroid{max-width:260px}}
@media (max-width:560px){.anno ul{columns:1}}

/* Rapporti */
.rapporto{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit}
.rapporto img{border-radius:4px;box-shadow:0 8px 20px rgba(14,63,118,.14);transition:transform .2s}
.rapporto:hover img{transform:translateY(-4px) rotate(-1deg)}
.rapporto .numero{font-size:2rem;color:var(--blu-notte)}

/* Amici */
.amici{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.amico{background:#fff;border-radius:6px;padding:22px 20px;display:flex;flex-direction:column;gap:6px;justify-content:space-between;min-height:116px;text-decoration:none;color:var(--blu-notte);border:1px solid rgba(14,63,118,.08);transition:all .2s}
a.amico:hover{border-color:var(--bordeaux);transform:translateY(-2px)}
.amico strong{font-family:var(--font-titoli);font-weight:600;font-size:1.12rem;line-height:1.25}
.amico span{font-size:.78rem;color:var(--lilla-loto);font-weight:600;letter-spacing:.06em;overflow-wrap:anywhere}
@media (max-width:960px){.amici{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:680px){.amici{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Come aiutarci: modi */
.modi{counter-reset:modo;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.modo{background:#fff;border-radius:6px;padding:32px 28px;position:relative}
.modo::before{counter-increment:modo;content:counter(modo);font-family:var(--font-numeri);font-size:3.6rem;color:var(--zafferano);line-height:1;display:block;margin-bottom:8px}
.modo h3{margin-bottom:.4em}
@media (max-width:860px){.modi{grid-template-columns:1fr}}

/* ---------- Sostenitore / banca ---------- */
.sostieni{background:var(--blu-notte);color:#fff;position:relative}
.sostieni .contenitore{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(40px, 6vw, 80px);align-items:center;padding-top:clamp(72px, 9vw, 110px);padding-bottom:clamp(72px, 9vw, 110px)}
.sostieni h2{color:#fff}
.sostieni .occhiello{color:var(--zafferano)}
.sostieni p{color:rgba(255,255,255,.88)}
.sostieni .polaroid{max-width:420px;transform:rotate(-3deg);margin-top:2rem}
.conti{display:grid;gap:16px}
.conto{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:22px 24px}
.conto h3{color:#fff;font-size:1.25rem;margin:0 0 2px}
.conto .indirizzo{font-size:.88rem;color:rgba(255,255,255,.7);margin:0 0 12px}
.conto dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:.92rem}
.conto dt{font-weight:700;letter-spacing:.08em;font-size:.72rem;text-transform:uppercase;color:var(--zafferano);padding-top:3px}
.conto dd{margin:0;font-family:ui-monospace, "SF Mono", Consolas, monospace;font-size:.92rem;display:flex;align-items:center;gap:10px;flex-wrap:wrap;word-break:break-all}
.copia{background:none;border:1px solid rgba(255,255,255,.35);color:#fff;font:600 .75rem/1 var(--font-testo);letter-spacing:.1em;text-transform:uppercase;padding:9px 12px;min-height:34px;border-radius:3px;cursor:pointer}
.copia:hover{background:#fff;color:var(--blu-notte)}
.sostieni .azioni{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
@media (max-width:860px){.sostieni .contenitore{grid-template-columns:1fr}}


/* ---------- Adattamenti ai blocchi di WordPress ---------- */
/* Gli spazi tra le sezioni li decidono le sezioni stesse, non il «block gap» di WordPress. */
.is-layout-flow > *, .is-layout-flow > * + *{margin-block-start:0}
figure{margin:0}
.wp-block-image img{box-sizing:border-box}
.polaroid .wp-element-caption, .polaroid figcaption{margin:0;text-align:left}
.wp-block-group.contenitore{box-sizing:border-box}
.carta-progetto > .wp-block-image img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}
.carta-progetto .corpo p.luogo-storia{margin:0}
.storia p.luogo-storia{margin:0 0 .8rem}
.sostieni .polaroid img{aspect-ratio:4/3}

/* ---------- Raccolte fondi (Donation Platform for WooCommerce) ---------- */
.raccolta{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.raccolta .raccolta__dona{align-self:flex-start}
.raccolta .wcdp-fundraising-progress{font-size:.85rem;color:var(--inchiostro)}
.raccolta .wcdp-emphasized{font-family:var(--font-numeri);font-size:1.6rem;color:var(--blu-notte);font-weight:400;letter-spacing:.01em}
.wcdp-progress{border-radius:20px;overflow:hidden;height:12px;position:relative}
.wcdp-thermometer-bg{background:var(--carta)!important}
.wcdp-thermometer-fg{background:linear-gradient(90deg, var(--blu-notte), var(--lilla-loto))!important;border-radius:20px}
.dona-modulo{margin-top:24px;background:#fff;border-radius:8px;padding:clamp(18px, 3vw, 32px);border-top:4px solid var(--bordeaux);box-shadow:0 10px 28px rgba(14,63,118,.1)}
.avviso-dona{background:var(--carta);border-radius:6px;padding:18px 22px}
.sezione.dona-online{padding-bottom:clamp(40px, 6vw, 72px)}
.sezione.nuovi-progetti{padding-top:0}

}

/* Animazione d'ingresso: solo con JavaScript attivo (classe js-appare messa nell'head) */
@media (prefers-reduced-motion:no-preference){
  .js-appare .vimala-pagina .appare{opacity:0;transform:translateY(18px);transition:opacity .7s ease, transform .7s ease}
  .js-appare .vimala-pagina .appare.visibile{opacity:1;transform:none}
}

/* ---------- Modulo di donazione (Donation Platform for WooCommerce) nella pagina «Come aiutarci» ---------- */
/* Il codice sconto non ha senso per una donazione: lo si nasconde solo nel modulo. */
.vimala-pagina .dona-modulo .woocommerce-form-coupon-toggle,
.vimala-pagina .dona-modulo .checkout_coupon { display: none !important; }
.vimala-pagina .dona-modulo { font-size: 1rem; }
.vimala-pagina .dona-modulo .wcdp-product-name,
.vimala-pagina .dona-modulo h2,
.vimala-pagina .dona-modulo h3 { font-family: var(--wp--preset--font-family--serif); color: var(--wp--preset--color--blu-notte); }
.vimala-pagina .dona-modulo .wcdp_options label {
	border-radius: 4px;
	font-weight: 600;
}
.vimala-pagina .dona-modulo .button,
.vimala-pagina .dona-modulo button[type="submit"],
.vimala-pagina .dona-modulo .wcdp-button {
	border-radius: 4px;
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.vimala-pagina .dona-modulo .wcdp_options label {
	background: var(--wp--preset--color--carta);
	color: var(--wp--preset--color--blu-notte);
	border: 1.5px solid transparent;
}
.vimala-pagina .dona-modulo .wcdp_options label:hover { border-color: var(--wp--preset--color--blu-notte); }
.vimala-pagina .dona-modulo .wcdp_options input:checked + label {
	background: var(--wp--preset--color--blu-notte);
	color: var(--wp--preset--color--bianco);
}

/* ==========================================================================
   Ritocchi per telefono e tablet (controllo mobile del 4 novembre 2026)
   ========================================================================== */

/* Le «Dona online» che portano al modulo: il titolo non finisce sotto la barra in alto */
.vimala-pagina #dona-online,
.vimala-pagina #sostieni { scroll-margin-top: 120px; }

/* Testate delle pagine: velo più scuro anche in alto, così occhiello e briciole si leggono su ogni foto */
.vimala-pagina .testata-pagina::after {
	background: linear-gradient(180deg, rgba(10,47,89,.38) 0%, rgba(10,47,89,.5) 45%, rgba(10,47,89,.9) 100%);
}
.vimala-pagina .testata-pagina :is(.occhiello, .briciole, .nota) { text-shadow: 0 1px 10px rgba(10,47,89,.75); }

/* Sotto-navigazione delle sezioni: si capisce che scorre (sfumatura a destra) e la voce attiva viene
   portata in vista da associazione.js. */
.vimala-pagina .sotto-nav { position: relative; }
.vimala-pagina .sotto-nav ul { scroll-padding-inline: 24px; padding-right: 24px; }
.vimala-pagina .sotto-nav::after {
	content: ""; position: absolute; top: 0; right: 0; bottom: 1px; width: 40px; pointer-events: none;
	background: linear-gradient(90deg, rgba(250,246,240,0), var(--avorio));
	opacity: 0; transition: opacity .2s;
}
.vimala-pagina .sotto-nav.scorre::after { opacity: 1; }
@media (min-width: 640px) and (max-width: 1023px) {
	.vimala-pagina .sotto-nav a { padding-inline: 10px; font-size: .85rem; }
}

/* Coppie di polaroid: la seconda sta in alto a destra e copre la foto della prima, non la sua didascalia */
.vimala-pagina .coppia-polaroid { padding: 0 0 10px; }
.vimala-pagina .coppia-polaroid .polaroid:first-child { margin-top: 22%; }
.vimala-pagina .coppia-polaroid .polaroid:last-child { top: 0; bottom: auto; }
/* Apertura della home su telefono: la foto piccola scende meno sulla grande */
@media (max-width: 900px) {
	.vimala-pagina .hero-foto .p2 { margin-top: 10px; }
}

/* Polaroid ruotate: su telefono restano dentro i margini della pagina */
@media (max-width: 640px) {
	.vimala-pagina :is(.storia, .intro, .sostieni) .polaroid { width: calc(100% - 12px); margin-inline: auto; }
}
/* Su tablet le polaroid singole non occupano tutto lo schermo */
@media (min-width: 641px) and (max-width: 860px) {
	.vimala-pagina :is(.intro .due-col, .sostieni .contenitore) > .appare > .polaroid,
	.vimala-pagina .intro .due-col > .appare > .wp-block-image.polaroid { max-width: 480px; margin-inline: auto; }
	.vimala-pagina .sostieni .polaroid { margin-inline: auto; }
	.vimala-pagina .storia p, .vimala-pagina .storia li { max-width: 68ch; }
}

/* Copertine dei libri: intere, non ritagliate */
.vimala-pagina .polaroid.copertina img { object-fit: contain; background: #fff; }

/* Griglie: niente buchi né schede stirate */
.vimala-pagina .griglia { align-items: start; }
@media (min-width: 621px) and (max-width: 960px) {
	.vimala-pagina .griglia:not(.quattro) > :last-child:nth-child(odd) { grid-column: 1 / -1; }
	.vimala-pagina .griglia:not(.quattro) > :last-child:nth-child(odd) > .wp-block-image img,
	.vimala-pagina .griglia:not(.quattro) > :last-child:nth-child(odd) > img { aspect-ratio: 16 / 7; }
}
/* «Che cosa può fare una donazione?»: 3 + 2 schede, l'ultima riga centrata */
@media (min-width: 701px) and (max-width: 1060px) {
	.vimala-pagina .cosa-puo { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	.vimala-pagina .cosa-puo > * { grid-column: span 2; }
	.vimala-pagina .cosa-puo > :nth-child(4) { grid-column: 2 / span 2; }
}
/* Sostegno a distanza: tre schede su una riga anche su tablet */
@media (min-width: 641px) and (max-width: 860px) {
	.vimala-pagina .schede { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
	.vimala-pagina .scheda { padding: 22px 18px; }
}

/* Riquadro «Un'informazione importante»: su telefono l'icona va sopra e il testo usa tutta la larghezza */
@media (max-width: 600px) {
	.vimala-pagina .avviso { flex-direction: column; gap: 10px; padding: 20px; }
}

/* Coordinate bancarie su telefono: etichetta sopra, IBAN su una riga, «Copia» accanto */
@media (max-width: 600px) {
	.vimala-pagina .conto dl { grid-template-columns: 1fr; gap: 2px; }
	.vimala-pagina .conto dt { padding-top: 10px; }
	.vimala-pagina .conto dd { font-size: .8rem; flex-wrap: wrap; gap: 8px 10px; }
	.vimala-pagina .conto dd .valore { white-space: nowrap; }
	.vimala-pagina .sostieni .contenitore { grid-template-columns: minmax(0, 1fr); }
	.vimala-pagina .conto .indirizzo { font-size: .8rem; }
	.vimala-pagina .sostieni .azioni { flex-direction: column; align-items: stretch; }
	.vimala-pagina .sostieni .azioni .btn { justify-content: center; }
}

/* Linea del tempo dei progetti conclusi: su tablet foto accanto all'elenco, su telefono foto più piccola */
@media (min-width: 641px) and (max-width: 900px) {
	.vimala-pagina .anno .contenuto { grid-template-columns: minmax(0, 1fr) 190px; }
	.vimala-pagina .anno ul { columns: 1; }
}
@media (max-width: 640px) {
	.vimala-pagina .anno .polaroid { max-width: 200px; }
}
.vimala-pagina .torna-anni { display: inline-block; margin-top: 14px; padding: 8px 0; font-size: .82rem; font-weight: 600; color: var(--bordeaux); text-decoration: none; }
.vimala-pagina .anni-nav { scroll-margin-top: 120px; }

/* Rapporti attività: su telefono due copertine per riga */
@media (max-width: 620px) {
	.vimala-pagina .griglia.quattro { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 14px; }
	.vimala-pagina .rapporto .numero { font-size: 1.5rem; }
}

/* Mappa su telefono: etichette del dettaglio India leggibili e punti più facili da toccare */
@media (max-width: 640px) {
	.vimala-pagina .mappa-india .etichetta { font-size: 21px; stroke-width: 5px; }
	.vimala-pagina .mappa-india .pin-punto { r: 8; }
	.vimala-pagina .mappa-india .pin-area { r: 22; }
}

/* Modulo di donazione: pulsanti più comodi da toccare */
.vimala-pagina .dona-modulo .wcdp_options label { min-height: 44px; display: flex; align-items: center; justify-content: center; }
.vimala-pagina .dona-modulo .wcdp-button { min-height: 44px; padding-inline: 20px; }
/* Briciole: la pagina corrente (ultima voce) non è attenuata come i separatori */
.vimala-pagina .briciole span[aria-current] { margin: 0; opacity: 1; font-weight: 600; }

/* Sostegno a distanza su tablet: le tre schede «Scegliete chi sostenere» su una riga */
@media (min-width: 621px) and (max-width: 960px) {
	.vimala-pagina .griglia:not(.quattro):has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
	.vimala-pagina .griglia:not(.quattro):has(> :nth-child(3):last-child) > :last-child { grid-column: auto; }
	.vimala-pagina .griglia:not(.quattro):has(> :nth-child(3):last-child) > :last-child img { aspect-ratio: 4 / 3; }
	.vimala-pagina .griglia:not(.quattro):has(> :nth-child(3):last-child) .carta-progetto .corpo { padding: 18px; }
}
/* Sotto-navigazione: sfumatura anche a sinistra quando la barra è stata fatta scorrere */
.vimala-pagina .sotto-nav::before {
	content: ""; position: absolute; top: 0; left: 0; bottom: 1px; width: 32px; z-index: 1; pointer-events: none;
	background: linear-gradient(270deg, rgba(250,246,240,0), var(--avorio));
	opacity: 0; transition: opacity .2s;
}
.vimala-pagina .sotto-nav.scorre-sx::before { opacity: 1; }
/* Modulo di donazione: il titolo della raccolta staccato dalle tappe */
.vimala-pagina .dona-modulo :is(h2, h3, .wcdp-product-name) { margin-top: 20px; }