/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* Il font Allura e' caricato da Salient (Theme Options > Typography >
   Navigation & Page Header > Logo Font), che lo self-hosta insieme agli altri.
   Qui non serve alcuna @font-face: una seconda dichiarazione con lo stesso
   nome famiglia entrerebbe in conflitto con quella del tema. */

/* ==========================================================================
   CENTRO ORIGAMI - DESIGN LAYER
   Livello di regole comuni sopra Salient. Namespace: .origami-*
   Tutte le personalizzazioni condivise vivono QUI, non pagina per pagina.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. DESIGN TOKENS
   -------------------------------------------------------------------------- */
:root{
  /* Palette */
  --org-verde:#21493D;
  --org-verde-scuro:#17342B;
  --org-salvia:#98A488;
  --org-oliva:#C4C8AE;
  --org-oliva-chiaro:#E5E8D8;
  --org-terracotta:#D99174;
  --org-terracotta-scuro:#9E5743;
  --org-crema:#F6F1EA;
  --org-crema-alt:#FBF8F3;
  --org-tortora:#D8D1C8;

  /* Testo */
  --org-testo:#2C3830;
  --org-testo-soft:#5A665F;
  --org-testo-inv:#F6F1EA;

  /* Raggi */
  --org-radius-s:12px;
  --org-radius-m:20px;
  --org-radius-l:32px;
  --org-radius-xl:48px;
  --org-radius-pill:999px;

  /* Spaziature */
  --org-space-2xs:8px;
  --org-space-xs:14px;
  --org-space-s:22px;
  --org-space-m:34px;
  --org-space-l:52px;
  --org-space-xl:76px;
  --org-section-y:clamp(48px,5.6vw,84px);
  /* prima sezione della pagina: le briciole restano vicine al menu' */
  --org-section-y-apertura:clamp(22px,2.4vw,34px);
  --org-gap:clamp(20px,2.4vw,32px);

  /* Ombre - sempre morbide, mai nette */
  --org-shadow-soft:0 12px 34px -22px rgba(33,73,61,.30);
  --org-shadow-card:0 18px 46px -28px rgba(33,73,61,.38);

  /* Larghezze */
  --org-narrow:720px;
  --org-wide:1140px;

  /* Tipografia (Salient serve gia' Cormorant sui titoli e Nunito Sans sul corpo) */
  --org-font-title:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --org-font-body:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  /* Salient auto-ospita Pacifico, non Allura: tenerlo per primo evita che
     l'accento script ricada in silenzio sul carattere dei titoli. */
  --org-font-script:"Pacifico","Allura","Cormorant Garamond",cursive;
}

/* --------------------------------------------------------------------------
   2. LAYOUT DI SEZIONE
   -------------------------------------------------------------------------- */
.origami-section{
  padding-top:var(--org-section-y) !important;
  padding-bottom:var(--org-section-y) !important;
  position:relative;
  /* Salient mette un margine di default alle righe: due sezioni colorate
     adiacenti mostrerebbero una fascia del colore di sfondo del body */
  margin-bottom:0 !important;
}
/* Salient inserisce le righe con 90px di margine laterale: il colore di sezione
   verrebbe quindi a metà pagina. Lo estendiamo fino ai bordi con una box-shadow
   piatta, che non occupa spazio nel layout e quindi non genera scroll orizzontale
   (a differenza di 100vw, che include la scrollbar). */
.origami-section{--org-sec-bg:transparent;}
.origami-section.is-crema{--org-sec-bg:var(--org-crema);}
.origami-section.is-chiaro{--org-sec-bg:var(--org-crema-alt);}
.origami-section.is-oliva{--org-sec-bg:var(--org-oliva);}
.origami-section.is-verde{--org-sec-bg:var(--org-verde);}
.origami-section.is-crema,
.origami-section.is-chiaro,
.origami-section.is-oliva,
.origami-section.is-verde,
.origami-footer{
  background-color:var(--org-sec-bg);
  box-shadow:0 0 0 100vmax var(--org-sec-bg);
  clip-path:inset(0 -100vmax);
}
.origami-section.is-tight{
  padding-top:clamp(38px,4.4vw,62px) !important;
  padding-bottom:clamp(38px,4.4vw,62px) !important;
}
/* Prima sezione di una scheda: senza questo fra il menu' e il titolo
   restavano 170px di aria e l'apertura non entrava in una schermata. */
.origami-section.is-apertura{padding-top:var(--org-section-y-apertura) !important;}

/* Contesti a fondo scuro (sezione verde e footer).
   Le regole tipografiche di base sono prefissate con #ajax-content-wrap:
   per essere sicuri di vincere serve la stessa specificita', non di piu'. */
#ajax-content-wrap .origami-section.is-verde h1,
#ajax-content-wrap .origami-section.is-verde h2,
#ajax-content-wrap .origami-section.is-verde h3,
#ajax-content-wrap .origami-section.is-verde h4,
#ajax-content-wrap .origami-footer h2,
#ajax-content-wrap .origami-footer h3{color:#FFFFFF;}

#ajax-content-wrap .origami-section.is-verde,
#ajax-content-wrap .origami-section.is-verde p,
#ajax-content-wrap .origami-section.is-verde li,
#ajax-content-wrap .origami-section.is-verde .origami-section-intro,
#ajax-content-wrap .origami-section.origami-footer,
#ajax-content-wrap .origami-section.origami-footer p,
#ajax-content-wrap .origami-section.origami-footer li,
#ajax-content-wrap .origami-section.origami-footer address{color:rgba(246,241,234,.88);}

/* Etichette di colonna del footer: oliva su verde = 5.9:1 */
#ajax-content-wrap .origami-footer-col h3{color:var(--org-oliva);}
#ajax-content-wrap .origami-footer-note{color:rgba(246,241,234,.72);}

.origami-content-narrow{max-width:var(--org-narrow);margin-left:auto;margin-right:auto;}
.origami-content-wide{max-width:var(--org-wide);margin-left:auto;margin-right:auto;}

/* Intestazione di sezione: label + titolo + occhiello */
.origami-section-head{margin-bottom:clamp(30px,4vw,52px);}
.origami-section-head.is-centered{text-align:center;}
.origami-section-head.is-centered .origami-section-intro{margin-left:auto;margin-right:auto;}
.origami-section-head h2{margin:.35em 0 0;}
.origami-section-intro{
  max-width:62ch;
  margin-top:var(--org-space-xs);
  color:var(--org-testo-soft);
  font-size:1.05rem;
  line-height:1.75;
}
.origami-section.is-verde .origami-section-intro{color:rgba(246,241,234,.86);}

/* --------------------------------------------------------------------------
   3. TIPOGRAFIA
   -------------------------------------------------------------------------- */
#ajax-content-wrap .origami-section h1{
  font-family:var(--org-font-title);
  font-size:clamp(2.3rem,4.6vw,3.7rem);
  line-height:1.1;
  font-weight:600;
  color:var(--org-verde);
  letter-spacing:-.005em;
}
#ajax-content-wrap .origami-section h2{
  font-family:var(--org-font-title);
  font-size:clamp(1.85rem,3.2vw,2.7rem);
  line-height:1.18;
  font-weight:600;
  color:var(--org-verde);
}
#ajax-content-wrap .origami-section h3{
  font-family:var(--org-font-title);
  font-size:clamp(1.3rem,1.9vw,1.65rem);
  line-height:1.3;
  font-weight:600;
  color:var(--org-verde);
}
#ajax-content-wrap .origami-section h4{
  font-family:var(--org-font-body);
  font-size:1rem;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--org-verde);
}
#ajax-content-wrap .origami-section p{
  font-size:1.0625rem;
  line-height:1.78;
  color:var(--org-testo);
}
#ajax-content-wrap .origami-section p + p{margin-top:1.05em;}
.origami-lead{font-size:1.2rem !important;line-height:1.7 !important;font-weight:600 !important;color:var(--org-verde-scuro) !important;}

/* Accento script: SOLO brevi accenti emotivi, mai testo di corpo */
/* prefissato con #ajax-content-wrap: le regole tipografiche di base lo sono,
   e a specificita' inferiore la dimensione veniva riportata a quella del corpo */
#ajax-content-wrap .origami-script-accent,
.origami-script-accent{
  font-family:var(--org-font-script);
  font-size:clamp(1.65rem,2.6vw,2.25rem) !important;
  line-height:1.3;
  color:var(--org-verde);
  display:inline-block;
}
.origami-section.is-verde .origami-script-accent{color:var(--org-oliva);}

/* --------------------------------------------------------------------------
   4. SECTION LABEL / PENNELLATA  (v0 - COMPONENTE IN LAVORAZIONE)
   Modificare SOLO qui: e' usata come eyebrow in tutte le pagine.
   Testo HTML reale, responsive, bordi leggermente irregolari sui lati.
   -------------------------------------------------------------------------- */
#ajax-content-wrap .origami-section p.origami-section-label,
.origami-section-label{
  display:inline-block;
  font-family:var(--org-font-body);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  /* verde scuro e non verde base: su salvia il rapporto di contrasto passa
     da 3.84:1 (insufficiente) a 5.12:1, sopra la soglia WCAG AA */
  color:var(--org-verde-scuro);
  padding:.5em .95em .56em;
  /* .2em incollava l'etichetta al titolo sotto */
  margin:0 0 .85em;
  /* fallback se border-image non e' supportato */
  background-color:var(--org-salvia);
  border-radius:12px;
  border-style:solid;
  border-color:transparent;
  border-width:0 18px;
  border-image-source:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40' preserveAspectRatio='none'%3E%3Cpath d='M6,4.6 L114,4.6 C119,12 119,28 114,35.4 L6,35.4 C1,28 1,12 6,4.6 Z' fill='%2398A488'/%3E%3C/svg%3E");
  border-image-slice:0 30 fill;
  border-image-width:0 18px;
  border-image-repeat:stretch;
}
.origami-section.is-oliva .origami-section-label,
.origami-section.is-verde .origami-section-label{
  color:var(--org-verde);
}

/* --------------------------------------------------------------------------
   5. BOTTONI / CTA
   -------------------------------------------------------------------------- */
#ajax-content-wrap .origami-btn,
#ajax-content-wrap a.origami-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.6em;
  font-family:var(--org-font-body);
  font-size:1rem;
  font-weight:700;
  line-height:1.2;
  text-decoration:none;
  padding:.95em 1.7em;
  border-radius:var(--org-radius-pill);
  border:1.5px solid transparent;
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .22s ease;
}
#ajax-content-wrap a.origami-btn--primary{
  background-color:var(--org-verde);
  color:#FFFFFF;
}
#ajax-content-wrap a.origami-btn--primary:hover{background-color:var(--org-verde-scuro);transform:translateY(-1px);}
#ajax-content-wrap a.origami-btn--secondary{
  background-color:transparent;
  color:var(--org-verde);
  border-color:var(--org-salvia);
}
#ajax-content-wrap a.origami-btn--secondary:hover{background-color:rgba(152,164,136,.18);transform:translateY(-1px);}
#ajax-content-wrap a.origami-btn--light{
  background-color:var(--org-crema);
  color:var(--org-verde);
}
#ajax-content-wrap a.origami-btn--light:hover{background-color:#FFFFFF;transform:translateY(-1px);}
#ajax-content-wrap a.origami-btn--ghost-light{
  background-color:transparent;
  color:var(--org-crema);
  border-color:rgba(246,241,234,.5);
}
#ajax-content-wrap a.origami-btn--ghost-light:hover{background-color:rgba(246,241,234,.12);}

.origami-btn-row{display:flex;flex-wrap:wrap;gap:var(--org-space-xs);margin-top:var(--org-space-s);}
.origami-section-head.is-centered .origami-btn-row{justify-content:center;}

/* Link testuale "Scopri" */
#ajax-content-wrap a.origami-link{
  display:inline-flex;
  align-items:center;
  gap:.45em;
  font-family:var(--org-font-body);
  font-size:.95rem;
  font-weight:700;
  color:var(--org-terracotta-scuro);
  text-decoration:none;
  transition:gap .2s ease,color .2s ease;
}
#ajax-content-wrap a.origami-link:hover{gap:.75em;color:var(--org-verde);}
#ajax-content-wrap a.origami-link .origami-link-arrow{transition:transform .2s ease;}

/* Focus visibile e coerente su tutta l'area contenuti */
#ajax-content-wrap .origami-section a:focus-visible,
#ajax-content-wrap .origami-section button:focus-visible,
.origami-footer a:focus-visible{
  outline:3px solid var(--org-terracotta);
  outline-offset:3px;
  border-radius:4px;
}

/* --------------------------------------------------------------------------
   6. GRIGLIE
   -------------------------------------------------------------------------- */
.origami-grid{display:grid;gap:var(--org-gap);}
.origami-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
/* Con due professionisti la fotografia da sola arrivava a 694px di altezza:
   la griglia da due si tiene stretta e resta centrata. */
.origami-grid--2:has(> .origami-person-card){max-width:770px;margin-left:auto;margin-right:auto;}
.origami-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.origami-grid--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.origami-grid--auto{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}

/* --------------------------------------------------------------------------
   7. CARD
   -------------------------------------------------------------------------- */
.origami-card{
  background-color:#FFFFFF;
  border-radius:var(--org-radius-l);
  padding:clamp(24px,2.6vw,34px);
  box-shadow:var(--org-shadow-soft);
  display:flex;
  flex-direction:column;
  gap:var(--org-space-2xs);
  height:100%;
  transition:transform .25s ease,box-shadow .25s ease;
}
.origami-card:hover{transform:translateY(-3px);box-shadow:var(--org-shadow-card);}
#ajax-content-wrap .origami-card p{font-size:1rem;line-height:1.7;color:var(--org-testo-soft);}
/* Le parole chiave in grassetto dentro un testo tenue devono passare al colore
   pieno, altrimenti il grassetto si vede appena e non segnala piu' niente. */
#ajax-content-wrap .origami-card p b,
#ajax-content-wrap .origami-card p strong,
#ajax-content-wrap .origami-section-intro b,
#ajax-content-wrap .origami-section-intro strong{color:var(--org-testo);font-weight:700;}
/* L'introduzione centrata puo' contenere piu' di un paragrafo */
#ajax-content-wrap .origami-section-intro p{
  font-size:1.05rem;line-height:1.75;color:var(--org-testo-soft);
}
/* Il ritmo dei paragrafi sta nel blocco "RITMO DEI PARAGRAFI NEI TESTI LUNGHI",
   in fondo a questo file: qui il valore era falsato dal padding di Salient. */
/* un blocco narrativo breve diventa una card: il suo H2 resta un titolo di
   card, non di sezione */
#ajax-content-wrap .origami-card h2{
  font-size:clamp(1.22rem,1.8vw,1.5rem);
  line-height:1.3;
  margin:0 0 .35em;
}
#ajax-content-wrap .origami-card p + p{margin-top:.9em;}

/* Introduzione in apertura di scheda */
#ajax-content-wrap .origami-intro-scheda{margin-top:1.1em;max-width:48ch;}

/* Riga della sede sotto i bottoni dell'apertura */
#ajax-content-wrap .origami-section p.origami-sede,
.origami-sede{
  margin-top:var(--org-space-m);
  font-size:.9rem;color:var(--org-testo-soft);
  display:flex;align-items:center;gap:8px;
}
#ajax-content-wrap .origami-intro-scheda p + p{margin-top:1em;}
.origami-card .origami-link{margin-top:auto;padding-top:var(--org-space-xs);}

/* Card servizio: icona tonda + nome + sintesi */
.origami-service-card .origami-card-icon{
  width:56px;height:56px;
  border-radius:var(--org-radius-pill);
  background-color:var(--org-oliva);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:var(--org-space-2xs);
}
.origami-service-card .origami-card-icon svg{width:28px;height:28px;stroke:var(--org-verde);fill:none;stroke-width:1.6;}
#ajax-content-wrap .origami-service-card h3{margin:0;font-size:1.3rem;}

/* Card persona */
.origami-person-card{
  background-color:#FFFFFF;
  border-radius:var(--org-radius-l);
  overflow:hidden;
  box-shadow:var(--org-shadow-soft);
  display:flex;
  flex-direction:column;
  height:100%;
  transition:transform .25s ease,box-shadow .25s ease;
}
.origami-person-card:hover{transform:translateY(-3px);box-shadow:var(--org-shadow-card);}
.origami-person-card .origami-person-photo{
  aspect-ratio:4/5;
  background-color:var(--org-oliva);
  overflow:hidden;
  /* la card e' un flex column: senza questo la foto viene compressa
     dall'altezza della card piu' alta della griglia e l'aspect-ratio salta */
  flex:0 0 auto;
}
.origami-person-card .origami-person-body{
  padding:clamp(20px,2.2vw,28px);
  display:flex;flex-direction:column;gap:6px;
  flex:1 1 auto;
}

/* Salient impone height:auto alle immagini con !important: per le foto che devono
   riempire un contenitore con proporzione fissa serve sovrascriverlo. */
#ajax-content-wrap .origami-person-photo img,
#ajax-content-wrap .origami-split-media img{
  width:100% !important;
  height:100% !important;
  max-width:none;
  object-fit:cover;
  display:block;
}

/* Salient da' 15px di margine sotto a OGNI immagine dentro una colonna
   (.row .col img). Nei riquadri a proporzione fissa il flex centra il margin
   box, non l'immagine: la foto sale di 7,5px, viene tagliata in alto e sotto
   resta una fascia del colore di sfondo del riquadro. Va azzerato ovunque
   un'immagine debba combaciare con il suo contenitore. */
#ajax-content-wrap .origami-split-media img,
#ajax-content-wrap .origami-person-photo img,
#ajax-content-wrap .origami-hero-visual img,
#ajax-content-wrap .origami-slide img,
#ajax-content-wrap .origami-mappa + figure img{
  margin:0 !important;
}
#ajax-content-wrap .origami-person-card h3{margin:0;font-size:1.4rem;}
.origami-person-role{
  font-family:var(--org-font-body);
  /* in griglia da quattro la card e' stretta: ruoli lunghi come
     "Psicologa, specializzanda in..." andavano a capo cinque volte */
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1.45;
  text-transform:uppercase;
  text-wrap:balance;
  /* parole lunghe come "Neuropsicomotricista" sforano una colonna da 230px:
     la pagina e' in italiano, quindi la sillabazione automatica funziona */
  hyphens:auto;
  overflow-wrap:break-word;
  color:var(--org-terracotta-scuro);
  margin:0;
}
#ajax-content-wrap .origami-person-card p.origami-person-bio{font-size:.98rem;line-height:1.65;color:var(--org-testo-soft);margin-top:6px;}
.origami-person-card .origami-link{margin-top:auto;padding-top:var(--org-space-xs);}

/* --------------------------------------------------------------------------
   7bis. SLIDER PROFESSIONISTI (Home)
   Scorrimento continuo in CSS puro: nessuna libreria JavaScript.
   Il nastro contiene due copie identiche e trasla del 50%, cosi' il ciclo
   si chiude senza salti. La seconda copia e' aria-hidden per non far
   annunciare due volte gli stessi nomi.
   -------------------------------------------------------------------------- */
.origami-slider{
  position:relative;
  overflow:hidden;
  padding:6px 0 10px;
  /* sfumatura ai lati: le schede entrano ed escono senza tagli netti */
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.origami-slider-track{
  display:flex;
  width:max-content;
  gap:clamp(28px,3.4vw,56px);
  animation:origami-scorri 42s linear infinite;
}
/* la seconda meta' del nastro: stessa disposizione, ma senza voce
   nell'albero di accessibilita' (i nomi verrebbero letti due volte) */
.origami-slider-copia{
  display:flex;
  gap:clamp(28px,3.4vw,56px);
  margin-left:clamp(28px,3.4vw,56px);
}
.origami-slider:hover .origami-slider-track,
.origami-slider:focus-within .origami-slider-track{animation-play-state:paused;}
@keyframes origami-scorri{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

/* Scheda compatta: fotografia, nome, ruolo. Nient'altro. */
#ajax-content-wrap a.origami-persona-mini{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:2px;
  width:clamp(148px,15vw,186px);
  text-decoration:none;
  transition:transform .25s ease;
}
#ajax-content-wrap a.origami-persona-mini:hover{transform:translateY(-4px);}
.origami-persona-mini-foto{
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  margin-bottom:14px;
  background-color:var(--org-oliva);
  /* forma organica, non un cerchio: e' il segno del sistema */
  border-radius:58% 42% 47% 53% / 46% 52% 48% 54%;
  box-shadow:var(--org-shadow-soft);
}
#ajax-content-wrap .origami-persona-mini-foto img{
  width:100% !important;
  height:100% !important;
  max-width:none;
  object-fit:cover;
  display:block;
}
#ajax-content-wrap .origami-persona-mini-nome{
  font-family:var(--org-font-title);
  font-size:1.24rem;
  line-height:1.25;
  font-weight:600;
  color:var(--org-verde);
}
#ajax-content-wrap .origami-persona-mini-ruolo{
  font-family:var(--org-font-body);
  font-size:.8125rem;
  line-height:1.45;
  color:var(--org-testo-soft);
}

/* Chi ha chiesto meno animazioni non vede scorrere nulla: il nastro diventa
   una striscia che si scorre a mano, con aggancio alle schede. */
@media (prefers-reduced-motion:reduce){
  .origami-slider{overflow-x:auto;scroll-snap-type:x mandatory;}
  .origami-slider-track{animation:none;}
  #ajax-content-wrap a.origami-persona-mini{scroll-snap-align:center;}
  #ajax-content-wrap a.origami-persona-mini:hover{transform:none;}
}

/* Pannello morbido: blocchi di testo evidenziati, niente bordi duri */
.origami-soft-panel{
  background-color:var(--org-crema);
  border-radius:var(--org-radius-l);
  padding:clamp(26px,3vw,44px);
}
.origami-soft-panel.is-oliva{background-color:var(--org-oliva);}
.origami-soft-panel.is-bianco{background-color:#FFFFFF;box-shadow:var(--org-shadow-soft);}
.origami-soft-panel.is-quote{
  background-color:var(--org-oliva-chiaro);
  /* forma irregolare: raggi diversi su ogni angolo, ma sotto il 50%
     per non degenerare in un'ellisse */
  border-radius:32% 26% 30% 36% / 38% 32% 34% 28%;
  text-align:center;
  padding:clamp(38px,4.6vw,62px) clamp(32px,4vw,58px);
  /* la section label e' inline-block: senza stack esplicito finirebbe
     sulla stessa riga dell'accento che la segue */
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
}
.origami-soft-panel.is-quote > *{margin-top:0;}
/* cuore disegnato a mano in cima al pannello */
.origami-soft-panel.is-quote::before{
  content:"";
  display:block;
  width:clamp(52px,5vw,72px);
  aspect-ratio:2/1;
  background-repeat:no-repeat;background-position:center;background-size:contain;
  background-image:url("/wp-content/uploads/2026/08/img_cuore-verde.png");
}
#ajax-content-wrap .origami-soft-panel.is-quote p{
  max-width:34ch;
  font-size:1.08rem;
  line-height:1.75;
}

/* --------------------------------------------------------------------------
   8. LISTE
   -------------------------------------------------------------------------- */
#ajax-content-wrap .origami-list{list-style:none;margin:var(--org-space-xs) 0 0;padding:0;display:grid;gap:.55em;}
/* Salient applica list-style-type ai <li>, non agli <ul>: senza questo il pallino
   nativo si somma a quello disegnato dallo ::before */
#ajax-content-wrap .origami-list li{list-style:none;}
#ajax-content-wrap .origami-list li{
  position:relative;
  padding-left:1.7em;
  font-size:1.0425rem;
  line-height:1.7;
  color:var(--org-testo);
}
#ajax-content-wrap .origami-list li::before{
  content:"";
  position:absolute;
  left:0;top:.62em;
  width:9px;height:9px;
  border-radius:50%;
  background-color:var(--org-salvia);
}
#ajax-content-wrap .origami-list--2col{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--org-gap);}

/* --------------------------------------------------------------------------
   8ante. LOGO
   Salient lo imposta a 30px da Theme Options: qui viene ingrandito senza
   toccare le opzioni del tema. Per annullare, rimuovere questo blocco.
   -------------------------------------------------------------------------- */
#header-outer #logo img.stnd,
#header-outer #logo img{height:46px !important;width:auto !important;}
/* stato compatto dopo lo scroll: resta proporzionato */
#header-outer.small-nav #logo img.stnd,
#header-outer.small-nav #logo img{height:36px !important;}
@media only screen and (max-width:690px){
  #header-outer #logo img.stnd,
  #header-outer #logo img{height:38px !important;}
}

/* --------------------------------------------------------------------------
   8bis. BOTTONE CONTATTACI NELLA NAVIGAZIONE
   Voce di menu con classe .origami-nav-cta (assegnata da Aspetto > Menu).
   -------------------------------------------------------------------------- */
#header-outer #top nav .sf-menu > li.origami-nav-cta{margin-left:14px;}
#header-outer #top nav .sf-menu > li.origami-nav-cta > a{
  background-color:var(--org-terracotta-scuro);
  color:var(--org-crema) !important;
  border-radius:var(--org-radius-pill);
  padding:.72em 1.35em .72em 1.35em !important;
  line-height:1.2;
  transition:background-color .22s ease,transform .22s ease;
}
#header-outer #top nav .sf-menu > li.origami-nav-cta > a:hover{
  background-color:#8A4A38;
  transform:translateY(-1px);
}
/* il cuoricino: decorativo, quindi disegnato in CSS e non nel testo */
#header-outer #top nav .sf-menu > li.origami-nav-cta > a .menu-title-text::after{
  content:"";
  display:inline-block;
  width:1em;height:1em;
  margin-left:.5em;
  vertical-align:-.13em;
  /* Salient usa questo stesso ::after per il filetto animato in hover:
     va riportato nel flusso, altrimenti resta alto 1px e invisibile */
  position:static;
  transform:none;
  opacity:1;
  bottom:auto;left:auto;right:auto;
  /* Salient disegna il filetto animato proprio con il bordo di questo
     pseudo-elemento: senza azzerarlo resta una riga verde sopra il cuore */
  border:0 !important;
  box-shadow:none !important;
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F6F1EA' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.3c-.35 0-.7-.13-.97-.37C7.4 16.8 4.3 14 4.3 10.7 4.3 8.2 6.2 6.3 8.6 6.3c1.35 0 2.6.62 3.4 1.62.8-1 2.05-1.62 3.4-1.62 2.4 0 4.3 1.9 4.3 4.4 0 3.3-3.1 6.1-6.73 9.23-.27.24-.62.37-.97.37Z'/%3E%3C/svg%3E");
}
/* Salient disegna un filetto animato sotto le voci: qui non serve */
#header-outer #top nav .sf-menu > li.origami-nav-cta > a .menu-title-text{border-bottom:none !important;}
#header-outer #top nav .sf-menu > li.origami-nav-cta > a::after,
#header-outer #top nav .sf-menu > li.origami-nav-cta > a::before{display:none !important;}

/* Nel menu mobile a scomparsa il bottone torna una voce normale, evidenziata */
#slide-out-widget-area .origami-nav-cta > a{color:var(--org-terracotta) !important;}

/* --------------------------------------------------------------------------
   8ter. ICONE NEI BOTTONI (decorative)
   -------------------------------------------------------------------------- */
/* Solo i bottoni con una variante icona hanno lo pseudo-elemento: altrimenti
   tutti gli altri si ritrovavano un riquadro vuoto a destra e il testo
   risultava scentrato. */
#ajax-content-wrap a.origami-btn--icon-foglia::after,
#ajax-content-wrap a.origami-btn--icon-cuore::after{
  content:"";
  width:1.15em;height:1.15em;
  flex:0 0 auto;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
#ajax-content-wrap a.origami-btn--icon-foglia::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.8 19.2C4.8 12 9.4 6.4 19.2 4.8c1 9.8-4.4 14.4-14.4 14.4Z'/%3E%3Cpath d='M4.8 19.2c3-4.2 6.4-7 10.6-9'/%3E%3C/svg%3E");
}
/* Sul bottone pieno il cuore va bianco: verde scuro su verde scuro spariva,
   continuando pero' a occupare spazio, e il testo sembrava scentrato. */
#ajax-content-wrap a.origami-btn--primary.origami-btn--icon-cuore::after,
#ajax-content-wrap a.origami-btn--light.origami-btn--icon-cuore::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.3c-.35 0-.7-.13-.97-.37C7.4 16.8 4.3 14 4.3 10.7 4.3 8.2 6.2 6.3 8.6 6.3c1.35 0 2.6.62 3.4 1.62.8-1 2.05-1.62 3.4-1.62 2.4 0 4.3 1.9 4.3 4.4 0 3.3-3.1 6.1-6.73 9.23-.27.24-.62.37-.97.37Z'/%3E%3C/svg%3E");
}
#ajax-content-wrap a.origami-btn--light.origami-btn--icon-cuore::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2321493D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.3c-.35 0-.7-.13-.97-.37C7.4 16.8 4.3 14 4.3 10.7 4.3 8.2 6.2 6.3 8.6 6.3c1.35 0 2.6.62 3.4 1.62.8-1 2.05-1.62 3.4-1.62 2.4 0 4.3 1.9 4.3 4.4 0 3.3-3.1 6.1-6.73 9.23-.27.24-.62.37-.97.37Z'/%3E%3C/svg%3E");
}
#ajax-content-wrap a.origami-btn--icon-cuore::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2321493D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.3c-.35 0-.7-.13-.97-.37C7.4 16.8 4.3 14 4.3 10.7 4.3 8.2 6.2 6.3 8.6 6.3c1.35 0 2.6.62 3.4 1.62.8-1 2.05-1.62 3.4-1.62 2.4 0 4.3 1.9 4.3 4.4 0 3.3-3.1 6.1-6.73 9.23-.27.24-.62.37-.97.37Z'/%3E%3C/svg%3E");
}

/* --------------------------------------------------------------------------
   9. HERO
   -------------------------------------------------------------------------- */
/* La riga hero e' impostata su "full width content" in WPBakery: il pannello
   arriva davvero al bordo destro senza calcoli fragili sui margini di Salient.
   Il testo a sinistra viene riallineato alla colonna delle altre sezioni. */
.origami-hero{
  --org-hero-pad-left:max(90px, calc((100vw - 1140px) / 2));
  padding-top:0 !important;
  padding-bottom:0 !important;
  background-color:var(--org-crema);
  overflow:hidden;
}
.origami-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);
  gap:clamp(24px,3vw,52px);
  align-items:center;
}
.origami-hero-text{
  padding:clamp(40px,5vw,80px) clamp(20px,2.5vw,40px) clamp(40px,5vw,80px) var(--org-hero-pad-left);
}
#ajax-content-wrap .origami-hero h1{margin:.1em 0 0;position:relative;}
/* i tre segnetti: ancorati in alto a sinistra della O di "Ogni", non sopra il blocco */
#ajax-content-wrap .origami-hero h1::before{
  content:"";
  position:absolute;
  /* posizione calibrata da Simonetta: -30px / -10px sul titolo desktop (54px).
     Espressa in em cosi' resta proporzionata quando il titolo rimpicciolisce. */
  left:-.55em;
  top:-.18em;
  /* anche la larghezza in em: cosi' offset e dimensione scalano insieme
     al titolo e la posizione relativa alla O resta identica ovunque */
  width:.95em;
  aspect-ratio:1448/1086;
  background-repeat:no-repeat;background-position:left top;background-size:contain;
  background-image:url("/wp-content/uploads/2026/08/img_wow_01.png");
  pointer-events:none;
}
/* cuoricino accanto al titolo: decorativo, disegnato in CSS */
#ajax-content-wrap .origami-hero h1::after{
  content:"";
  display:inline-block;
  width:.74em;height:.74em;
  margin-left:.28em;
  vertical-align:-.06em;
  /* cuore disegnato a mano del brand, leggermente inclinato */
  transform:rotate(-14deg);
  background-repeat:no-repeat;background-position:center;background-size:contain;
  background-image:url("/wp-content/uploads/2026/08/img_cuore-rosso.png");
}
/* filetto disegnato a mano sotto il titolo */
.origami-hero-underline{
  display:block;
  width:min(320px,62%);
  height:12px;
  margin-top:.55em;
  background-repeat:no-repeat;background-position:left center;background-size:100% 100%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 12' preserveAspectRatio='none' fill='none' stroke='%2398A488' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7.5C70 3.5 168 3 316 5.5'/%3E%3Cpath d='M22 10.5C92 8 180 8 300 9.5' stroke-opacity='.55'/%3E%3C/svg%3E");
}
/* I segnetti sono ora un pseudo-elemento del titolo (vedi h1::before):
   questa classe resta solo per riservare lo spazio sopra al titolo. */
.origami-hero-marks{display:block;height:clamp(26px,2.6vw,38px);}
.origami-hero-text .origami-lead{margin-top:1em;max-width:44ch;}

/* Pannello visivo morbido: forma organica, non un rettangolo */
/* Pannello destro: taglio ondulato sul lato sinistro, lato destro a filo pagina.
   Il taglio e' una maschera SVG: si adatta a qualsiasi dimensione del pannello. */
.origami-hero-visual{
  position:relative;
  width:100%;
  min-height:clamp(300px,40vw,520px);
  height:100%;
  align-self:stretch;
  border-radius:0;
  background:linear-gradient(150deg,var(--org-oliva) 0%,var(--org-tortora) 58%,var(--org-crema-alt) 100%);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
  --org-hero-wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M25 0 C7 20 5 40 15 57 C25 74 24 86 11 100 L100 100 L100 0 Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-image:var(--org-hero-wave);
          mask-image:var(--org-hero-wave);
  -webkit-mask-size:100% 100%;
          mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
}
/* La fotografia riempie il pannello: Salient impone height auto, serve forzarla */
#ajax-content-wrap .origami-hero-visual img.origami-hero-photo{
  width:100% !important;
  height:100% !important;
  max-width:none;
  object-fit:cover;
  object-position:center;
  display:block;
}
.origami-hero-visual img{width:100%;height:100%;object-fit:cover;display:block;}
/* Il simbolo del brand non deve essere ritagliato dalla forma (contain, non cover)
   e deve avere aria intorno. Salient dimensiona le immagini con !important,
   quindi qui serve la stessa forza. */
#ajax-content-wrap .origami-hero-visual .origami-hero-mark{
  width:54% !important;
  height:auto !important;
  max-width:280px;
  object-fit:contain;
  opacity:.92;
}

/* --------------------------------------------------------------------------
   10. DECORAZIONI (semanticamente ignorabili: aria-hidden nel markup)
   -------------------------------------------------------------------------- */
.origami-decoration{
  position:absolute;pointer-events:none;z-index:0;line-height:0;
  background-repeat:no-repeat;background-position:center;background-size:contain;
}
.origami-decoration svg{display:block;}
.origami-decoration--tr{top:clamp(14px,3vw,40px);right:clamp(10px,3vw,48px);opacity:.55;}
.origami-decoration--bl{bottom:clamp(14px,3vw,40px);left:clamp(10px,3vw,48px);opacity:.5;}

/* Segni del brand come immagini reali. Usati con parsimonia: due o tre per pagina,
   mai in ogni sezione, come da design system. */
.origami-decoration.is-foglie{
  width:clamp(88px,10vw,150px);
  aspect-ratio:1254/1254;
  background-image:url("/wp-content/uploads/2026/08/img_foglie_02.png");
}
.origami-decoration.is-foglie-alto{
  width:clamp(58px,6vw,96px);
  aspect-ratio:887/1774;
  background-image:url("/wp-content/uploads/2026/08/img_foglie_01.png");
}
.origami-decoration.is-uccellino{
  width:clamp(96px,11vw,164px);
  aspect-ratio:1774/887;
  background-image:url("/wp-content/uploads/2026/08/img_origami-uccello-1.png");
}
.origami-section > .row_col_wrap_12,
.origami-section .container{position:relative;z-index:1;}

/* Filetto decorativo sotto i titoli, usato con parsimonia */
.origami-rule{
  width:70px;height:2px;
  background-color:var(--org-salvia);
  border:0;margin:var(--org-space-xs) 0 0;
  border-radius:2px;
}
.origami-section-head.is-centered .origami-rule{margin-left:auto;margin-right:auto;}

/* --------------------------------------------------------------------------
   10bis. CORPO DELLE SCHEDE (servizi e professionisti)
   Il testo arriva dall'editor della scheda: qui viene impaginato come il resto
   del sito, senza che chi scrive debba conoscere alcuna classe.
   -------------------------------------------------------------------------- */
#ajax-content-wrap .origami-testo-scheda > h2{
  margin-top:1.9em;
  margin-bottom:.35em;
}
#ajax-content-wrap .origami-testo-scheda > h2:first-child{margin-top:0;}
#ajax-content-wrap .origami-testo-scheda > p{margin-bottom:0;}
#ajax-content-wrap .origami-testo-scheda > p + p{margin-top:1.05em;}

/* gli elenchi scritti nell'editor prendono il pallino salvia del sistema */
#ajax-content-wrap .origami-testo-scheda ul{
  list-style:none;
  margin:var(--org-space-xs) 0 0;
  padding:0;
  display:grid;
  gap:.55em;
}
#ajax-content-wrap .origami-testo-scheda ul li{
  list-style:none;
  position:relative;
  padding-left:1.7em;
  font-size:1.0425rem;
  line-height:1.7;
  color:var(--org-testo);
}
#ajax-content-wrap .origami-testo-scheda ul li::before{
  content:"";
  position:absolute;
  left:0;top:.62em;
  width:9px;height:9px;
  border-radius:50%;
  background-color:var(--org-salvia);
}
@media only screen and (min-width:691px){
  #ajax-content-wrap .origami-testo-scheda ul{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:var(--org-gap);
  }
}

/* --------------------------------------------------------------------------
   10ter. COMPONENTI DELLE SCHEDE (servizi e professionisti)
   -------------------------------------------------------------------------- */

/* Apertura di scheda: testo e fotografia nella forma organica */
.origami-hero-scheda{
  display:grid;
  /* la fotografia ha una larghezza massima, non una frazione: a 1140px
     occupava 518px e l'apertura non stava in una schermata */
  grid-template-columns:minmax(0,1fr) minmax(0,470px);
  gap:clamp(28px,4vw,58px);
  align-items:center;
}
.origami-hero-scheda.is-reversed{grid-template-columns:minmax(0,360px) minmax(0,1fr);}
.origami-hero-scheda.is-reversed .origami-hero-scheda-media{order:-1;}
.origami-hero-scheda-media{
  position:relative;
  aspect-ratio:5/4;
  overflow:hidden;
  border-radius:58% 42% 46% 54% / 46% 52% 48% 54%;
  background:linear-gradient(150deg,var(--org-oliva) 0%,var(--org-tortora) 58%,var(--org-crema-alt) 100%);
  display:flex;align-items:center;justify-content:center;
}
.origami-hero-scheda-media.is-ritratto{aspect-ratio:4/5;}
#ajax-content-wrap .origami-hero-scheda-media img{
  width:100% !important;height:100% !important;max-width:none;
  object-fit:cover;display:block;
}
.origami-hero-scheda-media .origami-simbolo{width:52%;max-width:230px;opacity:.85;}

/* Pillole con i titoli professionali */
.origami-badge-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.origami-badge{
  display:inline-block;
  padding:.52em 1.1em;
  border-radius:var(--org-radius-pill);
  background-color:var(--org-oliva);
  color:var(--org-verde-scuro);
  font-family:var(--org-font-body);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  line-height:1.45;
}
.origami-badge.is-soft{background-color:var(--org-oliva-chiaro);}

/* Griglia di icone: l'elenco "su cosa si lavora" smette di essere un muro
   di testo e diventa scansionabile. L'icona e' quella del servizio, uguale
   per tutte le voci: non finge un significato che non ha. */
/* Le voci vanno a capo e ogni riga resta centrata: con cinque voci si ottiene
   3 sopra e 2 sotto centrate, non 4 piu' una spaiata a sinistra. Il flex
   centra da solo l'ultima riga incompleta, cosa che la griglia non sa fare. */
.origami-icon-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:clamp(24px,2.8vw,40px) clamp(18px,2.2vw,32px);
}
.origami-icon-grid > *{flex:0 1 calc(25% - clamp(18px,2.2vw,32px));}
/* Da 1 a 3 voci, e nei casi che si dividono bene per tre, si sta in tre per riga */
.origami-icon-grid:has(> :nth-child(1):last-child) > *,
.origami-icon-grid:has(> :nth-child(2):last-child) > *,
.origami-icon-grid:has(> :nth-child(3):last-child) > *,
.origami-icon-grid:has(> :nth-child(5):last-child) > *,
.origami-icon-grid:has(> :nth-child(6):last-child) > *,
.origami-icon-grid:has(> :nth-child(9):last-child) > *{flex-basis:calc(33.333% - clamp(18px,2.2vw,32px));}
.origami-icon-item{
  display:flex;flex-direction:column;align-items:center;
  text-align:center;gap:12px;
}
.origami-icon-item .origami-card-icon{
  margin-bottom:0;
  /* nella griglia le pastiglie sono otto: il pieno oliva urlava troppo */
  background-color:var(--org-oliva-chiaro);
  border:1.5px solid rgba(152,164,136,.5);
}
#ajax-content-wrap .origami-icon-item span{
  font-size:.97rem;line-height:1.5;color:var(--org-testo);font-weight:700;
}

/* --------------------------------------------------------------------------
   BLOCCHI NARRATIVI DELLE SCHEDE
   Prima ogni blocco era una fascia a tutta pagina: cinque blocchi = cinque
   schermate quasi vuote. Ora stanno in una sola sezione, appaiati a due
   colonne; quelli lunghi occupano tutta la larghezza, titolo a sinistra e
   testo a destra, cosi' il testo non va accorciato per stare in una card.
   -------------------------------------------------------------------------- */
.origami-note{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,2.2vw,30px);
}
#ajax-content-wrap .origami-note .origami-card h3{
  font-family:var(--org-font-title);
  font-size:clamp(1.25rem,1.9vw,1.42rem);
  line-height:1.22;
  /* il Cormorant e' auto-ospitato in 500 e 600: per avere il 700 reale va
     aggiunto il peso in Salient > Theme Options > Typography. Senza, il
     browser lo sintetizza e il titolo stacca comunque dal testo. */
  font-weight:700;
  margin:0 0 .5em;
}
.origami-note .is-larga{
  grid-column:span 2;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(24px,3vw,46px);
  align-items:center;
}
#ajax-content-wrap .origami-note .is-larga h3{margin-bottom:0;}

/* --------------------------------------------------------------------------
   PANNELLO PERSONA (scheda servizio, quando il professionista e' uno solo)
   Una card stretta in mezzo a una fascia larga sembrava dimenticata li'.
   -------------------------------------------------------------------------- */
.origami-pannello-persona{
  background-color:#FFFFFF;
  border-radius:var(--org-radius-l);
  box-shadow:var(--org-shadow-card);
  padding:clamp(26px,2.6vw,38px);
  display:grid;
  grid-template-columns:minmax(0,240px) minmax(0,1fr);
  gap:clamp(26px,3vw,48px);
  align-items:center;
}
.origami-pannello-persona-foto{
  aspect-ratio:4/5;
  overflow:hidden;
  border-radius:58% 42% 46% 54% / 46% 52% 48% 54%;
  background-color:var(--org-oliva);
}
#ajax-content-wrap .origami-pannello-persona-foto img{
  width:100% !important;height:100% !important;max-width:none;
  object-fit:cover;display:block;
}
#ajax-content-wrap .origami-pannello-persona h2{margin:0;}
.origami-pannello-persona .origami-person-role{margin:.5em 0 .8em;color:var(--org-terracotta-scuro);}

/* --------------------------------------------------------------------------
   DUE COLONNE ALLINEATE (formazione + percorsi collegati)
   Le due colonne condividono le righe della griglia: etichetta, titolo e
   contenuto partono dalla stessa altezza anche se i testi cambiano.
   -------------------------------------------------------------------------- */
.origami-due{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:clamp(34px,4vw,62px);
  grid-template-rows:auto auto;
}
.origami-due-col{
  display:grid;
  grid-template-rows:subgrid;
  grid-row:span 2;
  align-content:start;
  row-gap:var(--org-space-s);
}
.origami-due-head{align-self:end;}
/* browser senza subgrid: le colonne restano affiancate, senza allineamento fine */
@supports not (grid-template-rows:subgrid){
  .origami-due-col{grid-template-rows:auto auto;}
}

/* Citazione in grande, con virgoletta disegnata */
.origami-quote-big{position:relative;padding-left:clamp(40px,4.2vw,68px);}
.origami-quote-big::before{
  content:"\201C";
  position:absolute;left:0;top:-.16em;
  font-family:var(--org-font-title);
  font-size:clamp(3.6rem,6vw,5.4rem);
  line-height:1;
  color:var(--org-oliva);
}
/* Rametto: e' l'illustrazione della libreria media, non un disegno inline */
.origami-quote-big{position:relative;}
#ajax-content-wrap .origami-ramo{
  position:absolute;right:-14px;bottom:-72px;
  width:128px;height:auto !important;max-width:none;
  opacity:.6;pointer-events:none;
}
#ajax-content-wrap .origami-ramo-titolo{
  width:74px;height:auto !important;flex:0 0 auto;
  opacity:.85;align-self:flex-end;margin-bottom:.35em;
}
.origami-titolo-con-ramo{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}

#ajax-content-wrap .origami-quote-big p{
  font-family:var(--org-font-title);
  font-size:clamp(1.45rem,2.5vw,2.05rem);
  line-height:1.36;
  color:var(--org-verde);
}
#ajax-content-wrap .origami-quote-big .origami-quote-source{
  margin-top:14px;
  font-size:.8rem;
  color:var(--org-testo-soft);
}

/* Elenco a righe: usato per formazione e qualifiche.
   Niente freccia di apertura: non c'e' nulla da espandere e una freccia
   prometterebbe un contenuto che non esiste. */
#ajax-content-wrap .origami-lista-righe{
  list-style:none;margin:0;padding:0;
  border-top:1px solid rgba(152,164,136,.4);
}
#ajax-content-wrap .origami-lista-righe li{
  list-style:none;
  margin:0;padding:15px 4px;
  border-bottom:1px solid rgba(152,164,136,.4);
  font-size:.97rem;
  line-height:1.5;
  color:var(--org-verde);
}

@media only screen and (max-width:999px){
  .origami-hero-scheda{grid-template-columns:minmax(0,1fr);}
  .origami-hero-scheda.is-reversed .origami-hero-scheda-media{order:0;}
  .origami-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media only screen and (max-width:690px){
  .origami-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px;}
  .origami-quote-big{padding-left:0;padding-top:clamp(34px,9vw,48px);}
  .origami-quote-big::before{top:-.24em;}
}

/* --------------------------------------------------------------------------
   11. BREADCRUMB
   -------------------------------------------------------------------------- */
.origami-breadcrumb{font-family:var(--org-font-body);font-size:.875rem;color:var(--org-testo-soft);margin-bottom:var(--org-space-m);}
#ajax-content-wrap .origami-breadcrumb a{color:var(--org-testo-soft);text-decoration:none;border-bottom:1px solid rgba(152,164,136,.6);}
#ajax-content-wrap .origami-breadcrumb a:hover{color:var(--org-verde);}
.origami-breadcrumb span[aria-hidden]{margin:0 .45em;color:var(--org-salvia);}

/* --------------------------------------------------------------------------
   12. SPLIT: testo + pannello (alternanza)
   -------------------------------------------------------------------------- */
.origami-split{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(26px,3.6vw,58px);
  align-items:center;
}
.origami-split.is-reversed .origami-split-media{order:-1;}
.origami-split-media{
  border-radius:var(--org-radius-xl);
  overflow:hidden;
  background-color:var(--org-oliva);
  aspect-ratio:5/4;
  display:flex;align-items:center;justify-content:center;
}
.origami-split-media img{width:100%;height:100%;object-fit:cover;display:block;}

/* Placeholder onesto: usato dove manca ancora la fotografia reale */
.origami-placeholder{
  width:100%;height:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  background:repeating-linear-gradient(135deg,var(--org-oliva) 0 18px,var(--org-tortora) 18px 36px);
  color:var(--org-verde);
  text-align:center;
  padding:24px;
}
.origami-placeholder svg{width:52px;height:52px;stroke:var(--org-verde);fill:none;stroke-width:1.4;opacity:.75;}
.origami-placeholder span{
  font-family:var(--org-font-body);
  font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  background-color:rgba(246,241,234,.86);
  padding:.5em 1em;border-radius:var(--org-radius-pill);
}

/* --------------------------------------------------------------------------
   13. FOOTER ORIGAMI (Global Section agganciata all'hook footer)
   -------------------------------------------------------------------------- */
.origami-footer{--org-sec-bg:var(--org-verde);}
.origami-footer,
.origami-footer p,
.origami-footer li,
.origami-footer address{color:rgba(246,241,234,.86);font-family:var(--org-font-body);}
#ajax-content-wrap .origami-footer h2,
.origami-footer h2,
.origami-footer h3{color:#FFFFFF;}
/* Erano dello stesso colore del testo e senza sottolineatura: non si capiva
   che "Scrivici" e "Apri in Google Maps" fossero cliccabili. */
.origami-footer a{
  color:var(--org-oliva);
  text-decoration:underline;
  text-decoration-color:rgba(196,200,174,.5);
  text-underline-offset:3px;
}
.origami-footer a:hover{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px;}
.origami-footer-logo{max-width:210px;height:auto;display:block;}
.origami-footer-payoff{
  font-family:var(--org-font-script);
  font-size:1.85rem;
  color:var(--org-oliva);
  margin-top:.35em;
  display:block;
  line-height:1.3;
}
.origami-footer-col h3{
  font-family:var(--org-font-body) !important;
  font-size:.8125rem !important;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--org-oliva) !important;
  margin:0 0 var(--org-space-xs);
}
/* Salient applica list-style ai ul dentro il contenuto: va neutralizzato qui */
#ajax-content-wrap .origami-footer-list{list-style:none;margin:0;padding:0;display:grid;gap:.55em;}
#ajax-content-wrap .origami-footer-list li{list-style:none;padding-left:0;margin:0;}
#ajax-content-wrap .origami-footer-list li::before{content:none;}
.origami-footer-social{display:flex;gap:12px;margin-top:var(--org-space-xs);}
.origami-footer-social a{
  width:40px;height:40px;border-radius:var(--org-radius-pill);
  border:1px solid rgba(246,241,234,.32);
  display:flex;align-items:center;justify-content:center;
  transition:background-color .2s ease,border-color .2s ease;
}
.origami-footer-social a:hover{background-color:rgba(246,241,234,.14);border-color:rgba(246,241,234,.6);}
.origami-footer-social svg{width:19px;height:19px;fill:var(--org-crema);}
.origami-footer-legal{
  border-top:1px solid rgba(246,241,234,.18);
  margin-top:var(--org-space-m);
  padding-top:var(--org-space-s);
  display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:space-between;
  font-size:.875rem;
}
.origami-footer-note{
  font-size:.8125rem;
  color:rgba(246,241,234,.55);
}

/* Doppio footer: il footer nativo Salient e' neutralizzato perche' il footer
   del sito e' la Global Section Origami. Soluzione minima e reversibile:
   rimuovere questo blocco (o disattivare il footer in Salient > Theme Options)
   ripristina il comportamento di default. */
body #footer-outer{display:none;}

/* --------------------------------------------------------------------------
   14. RESPONSIVE
   -------------------------------------------------------------------------- */
@media only screen and (max-width:999px){
  .origami-hero{--org-hero-pad-left:clamp(20px,5vw,44px);}
  .origami-hero-grid{grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,36px);}
  .origami-hero-text{padding-right:var(--org-hero-pad-left);padding-bottom:0;}
  /* impilato: il pannello torna una forma chiusa, senza taglio ondulato */
  .origami-hero-visual{
    min-height:0;
    aspect-ratio:5/4;
    max-height:400px;
    border-radius:var(--org-radius-xl);
    /* Con i margini laterali la larghezza non puo' restare al 100%: il
       pannello sporgeva di 40px e scivolava tutto a destra. Larghezza
       esplicita e non auto: con aspect-ratio, auto verrebbe ricalcolata a
       partire dall'altezza e il pannello resterebbe troppo largo. */
    width:calc(100% - 2 * var(--org-hero-pad-left));
    margin:0 var(--org-hero-pad-left) clamp(36px,6vw,56px);
    -webkit-mask-image:none;
            mask-image:none;
  }
  .origami-split{grid-template-columns:minmax(0,1fr);}
  .origami-split.is-reversed .origami-split-media{order:0;}
  .origami-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .origami-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));}
  .origami-decoration--tr,.origami-decoration--bl{opacity:.32;}
}

@media only screen and (max-width:690px){
  .origami-grid--2,
  .origami-grid--3,
  .origami-grid--4,
  .origami-grid--auto{grid-template-columns:minmax(0,1fr);}
  #ajax-content-wrap .origami-list--2col{grid-template-columns:minmax(0,1fr);}
  .origami-hero-visual{aspect-ratio:5/4;}
  /* Su mobile la decorazione toglie respiro invece di darlo */
  .origami-decoration{display:none;}
  .origami-btn-row{gap:12px;}
  .origami-note{grid-template-columns:minmax(0,1fr);}
  .origami-note .is-larga{grid-column:auto;grid-template-columns:minmax(0,1fr);gap:0;}
  #ajax-content-wrap .origami-note .is-larga h3{margin-bottom:.5em;}
  .origami-pannello-persona{grid-template-columns:minmax(0,1fr);}
  .origami-pannello-persona-foto{max-width:260px;}
  .origami-due{grid-template-columns:minmax(0,1fr);}
  .origami-due-col{grid-template-rows:auto;grid-row:auto;}
  .origami-hero-scheda,
  .origami-hero-scheda.is-reversed{grid-template-columns:minmax(0,1fr);}
  .origami-hero-scheda.is-reversed .origami-hero-scheda-media{order:0;max-width:320px;}
  #ajax-content-wrap .origami-ramo{display:none;}
  .origami-icon-grid > *,
  .origami-icon-grid:has(> :nth-child(5):last-child) > *,
  .origami-icon-grid:has(> :nth-child(6):last-child) > *,
  .origami-icon-grid:has(> :nth-child(9):last-child) > *{flex-basis:calc(50% - 16px);}
  #ajax-content-wrap a.origami-btn{width:100%;justify-content:center;}
  .origami-footer-legal{flex-direction:column;}
  /* Nessuna riduzione del corpo testo sotto la soglia di leggibilita' */
  #ajax-content-wrap .origami-section p{font-size:1.03rem;}
  .origami-lead{font-size:1.1rem !important;}
}

/* --------------------------------------------------------------------------
   15. UTILITY DI CARD
   -------------------------------------------------------------------------- */
/* L'icona tonda vale in qualsiasi contenitore, non solo nelle service card */
.origami-card-icon{
  width:56px;height:56px;
  border-radius:var(--org-radius-pill);
  background-color:var(--org-oliva);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:var(--org-space-2xs);
  flex:0 0 auto;
}
.origami-card-icon svg{width:28px;height:28px;stroke:var(--org-verde);fill:none;stroke-width:1.6;}
.origami-soft-panel .origami-card-icon{margin-bottom:var(--org-space-xs);}

/* Elenco dei servizi dentro una card di macro-area.
   Deve leggersi come un elenco di nomi, non come un secondo paragrafo:
   filetto di separazione, corpo piu' piccolo, verde e semi-grassetto. */
#ajax-content-wrap .origami-card-meta{
  margin-top:var(--org-space-xs);
  padding-top:var(--org-space-xs);
  border-top:1px solid rgba(152,164,136,.45);
  font-size:.875rem;
  line-height:1.75;
  font-weight:600;
  color:var(--org-verde);
}
#ajax-content-wrap .origami-card-meta .sep{
  color:var(--org-salvia);
  font-weight:400;
  margin:0 .18em;
}
#ajax-content-wrap .origami-card .origami-list li{font-size:.98rem;}

/* Fonte di una citazione: leggibile ma non dominante */
.origami-quote-source{
  font-family:var(--org-font-body);
  font-size:.8rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--org-verde);
}

/* --------------------------------------------------------------------------
   16. PREFERENZE UTENTE
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  .origami-card,
  .origami-person-card,
  #ajax-content-wrap a.origami-btn,
  #ajax-content-wrap a.origami-link{transition:none;}
  .origami-card:hover,
  .origami-person-card:hover,
  #ajax-content-wrap a.origami-btn:hover{transform:none;}
}

/* --------------------------------------------------------------------------
   17. ANCORE DI SEZIONE

   Bersaglio invisibile in cima a una sezione, per i tasti che portano a
   un punto della stessa pagina. Il margine di scorrimento tiene conto
   dell'intestazione fissa (124 px sul desktop): senza, il titolo della
   sezione finisce sotto il menu.
   -------------------------------------------------------------------------- */
.origami-ancora{display:block;height:0;scroll-margin-top:140px;}
.origami-section[id]{scroll-margin-top:140px;}

@media (max-width:999px){
  .origami-ancora,
  .origami-section[id]{scroll-margin-top:100px;}
}

/* --------------------------------------------------------------------------
   18. MAPPA

   Riquadro della mappa nella pagina Contatti. Stessa curvatura dei pannelli
   morbidi, altezza proporzionale invece che fissa cosi' non si sfascia sul
   telefono. L'iframe di Google va reso a blocco, altrimenti la riga di base
   lascia una striscia bianca sotto.
   -------------------------------------------------------------------------- */
.origami-mappa{
  margin-top:var(--org-space-s);
  border-radius:var(--org-radius-m);
  overflow:hidden;
  background-color:var(--org-crema);
}

.origami-mappa iframe{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  border:0;
}

@media (min-width:1000px){
  .origami-mappa iframe{aspect-ratio:16/10;}
}

/* --------------------------------------------------------------------------
   19. MODULO CONTATTI (Contact Form 7)

   Attenzione: CF7 avvolge ogni riga in un <p>, e la regola
   #ajax-content-wrap .origami-section p (1,1,1) batte qualunque classe
   .origami-* applicata a un <p> (0,1,0). Per questo le righe del modulo
   sono scritte con il selettore lungo davanti, altrimenti dimensione e
   margini vengono annullati in silenzio.
   -------------------------------------------------------------------------- */
.origami-form{margin-top:var(--org-space-s);}

#ajax-content-wrap .origami-section p.origami-form-riga,
.origami-form-riga{margin:0 0 var(--org-space-xs);font-size:1rem;}

/* Solo le etichette dei campi vanno in maiuscoletto: CF7 avvolge in <label>
   anche la frase del consenso, che deve restare una frase normale. */
#ajax-content-wrap .origami-section .origami-form-riga label{
  display:block;
  font-family:var(--org-font-body);
  font-size:.86rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--org-testo);
  margin-bottom:7px;
}

#ajax-content-wrap .origami-section .origami-form-consenso label{
  display:inline;
  font-family:var(--org-font-body);
  font-size:.92rem;
  font-weight:400;
  letter-spacing:0;
  text-transform:none;
  color:var(--org-testo-soft);
  margin-bottom:0;
}

.origami-form input[type="text"],
.origami-form input[type="email"],
.origami-form input[type="tel"],
.origami-form input[type="url"],
.origami-form textarea{
  width:100%;
  box-sizing:border-box;
  font-family:var(--org-font-body);
  font-size:1rem;
  line-height:1.6;
  color:var(--org-testo);
  background-color:#FFFFFF;
  border:1px solid var(--org-tortora);
  border-radius:var(--org-radius-s);
  padding:12px 15px;
  transition:border-color .2s ease, box-shadow .2s ease;
}

.origami-form textarea{resize:vertical;min-height:160px;}

.origami-form input[type="text"]:focus,
.origami-form input[type="email"]:focus,
.origami-form input[type="tel"]:focus,
.origami-form input[type="url"]:focus,
.origami-form textarea:focus{
  outline:none;
  border-color:var(--org-salvia);
  box-shadow:0 0 0 3px rgba(152,164,136,.28);
}

/* Consenso: casella e testo affiancati, testo piu' piccolo del corpo. */
#ajax-content-wrap .origami-section p.origami-form-consenso,
.origami-form-consenso{margin:var(--org-space-xs) 0;font-size:.92rem;line-height:1.6;color:var(--org-testo-soft);}

.origami-form .origami-form-consenso .wpcf7-list-item{margin:0;}
.origami-form .origami-form-consenso input[type="checkbox"]{margin-right:8px;accent-color:var(--org-verde);}

/* Bottone di invio: stessa forma degli altri bottoni pieni. */
.origami-form input[type="submit"]{
  font-family:var(--org-font-body);
  cursor:pointer;
  border:0;
}

/* Messaggi di esito e di errore di CF7. */
.origami-form .wpcf7-response-output{
  margin:var(--org-space-xs) 0 0;
  padding:12px 16px;
  border-radius:var(--org-radius-s);
  border:1px solid var(--org-tortora);
  font-size:.95rem;
  line-height:1.6;
}

.origami-form .wpcf7-not-valid-tip{
  display:block;
  margin-top:6px;
  font-size:.86rem;
  color:var(--org-terracotta-scuro);
  text-transform:none;
  letter-spacing:0;
}

.origami-form .wpcf7-not-valid{border-color:var(--org-terracotta);}

.origami-form .wpcf7-spinner{margin-left:12px;}

/* --------------------------------------------------------------------------
   20. SLIDER FOTOGRAFICO

   Scorrimento orizzontale con aggancio, senza JavaScript: funziona al tocco,
   da trackpad e da tastiera. Le foto hanno orientamenti diversi, quindi la
   proporzione la impone il riquadro e l'immagine viene ritagliata.
   La nota sotto e' un <p>: va scritta con il selettore lungo davanti,
   altrimenti #ajax-content-wrap .origami-section p ne annulla i valori.
   -------------------------------------------------------------------------- */
.origami-slider{
  display:flex;
  gap:var(--org-gap);
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  margin-top:var(--org-space-m);
  padding-bottom:var(--org-space-xs);
  scrollbar-width:thin;
  scrollbar-color:var(--org-salvia) transparent;
}

.origami-slider::-webkit-scrollbar{height:8px;}
.origami-slider::-webkit-scrollbar-track{background:transparent;}
.origami-slider::-webkit-scrollbar-thumb{background-color:var(--org-salvia);border-radius:var(--org-radius-pill);}

.origami-slider:focus-visible{outline:2px solid var(--org-salvia);outline-offset:6px;}

.origami-slide{
  flex:0 0 min(80%, 520px);
  scroll-snap-align:center;
  margin:0;
  border-radius:var(--org-radius-l);
  overflow:hidden;
  background-color:var(--org-crema);
}

/* Il prefisso lungo non e' decorativo: Salient ha una regola su
   #ajax-content-wrap img che vince su .origami-slide img e riporta la
   larghezza ad auto. Con l'immagine non ancora caricata auto vale 0, il
   riquadro collassa e lo slider sparisce. */
#ajax-content-wrap .origami-slide img,
.origami-slide img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
}

#ajax-content-wrap .origami-section p.origami-slider-nota,
.origami-slider-nota{
  margin:var(--org-space-xs) 0 0;
  text-align:center;
  font-size:.9rem;
  color:var(--org-testo-soft);
}

@media (prefers-reduced-motion:reduce){
  .origami-slider{scroll-behavior:auto;}
}

/* Rimando all'email sotto il modulo, e blocco social dedicato.
   Sono entrambi <p>: selettore lungo davanti, sempre per la stessa ragione. */
#ajax-content-wrap .origami-section p.origami-form-oppure,
.origami-form-oppure{
  margin:var(--org-space-s) 0 0;
  font-size:.95rem;
  line-height:1.6;
  color:var(--org-testo-soft);
}

/* --------------------------------------------------------------------------
   21. BORDI SULLO SCHERMO STRETTO

   Due difetti che si vedono solo quando il viewport scende sotto il
   max-width del contenuto, quindi tablet e telefono:

   1. Salient da' a .row_col_wrap_12 un margine negativo di circa 3,7px per
      lato: e' la gronda della sua griglia a dodici colonne. Sopra i 1140px
      non si nota, perche' il contenuto e' centrato dentro il proprio
      max-width; sotto, l'intera colonna slitta a sinistra e le prime lettere
      di ogni riga finiscono fuori dallo schermo. Il body ha overflow-x
      nascosto, quindi non compare nemmeno una barra di scorrimento con cui
      recuperarle: il testo e' semplicemente tagliato.

   2. .origami-content-wide e .origami-content-narrow non hanno padding
      orizzontale. Finche' il viewport e' piu' largo del max-width il margine
      automatico fa da respiro; appena scende sotto, il testo arriva a filo
      del bordo.
   -------------------------------------------------------------------------- */
#ajax-content-wrap .origami-section > .row_col_wrap_12{
  margin-left:0;
  margin-right:0;
}

@media only screen and (max-width:1200px){
  .origami-section .origami-content-wide,
  .origami-section .origami-content-narrow{
    padding-left:var(--org-space-s);
    padding-right:var(--org-space-s);
  }

  /* Le pagine costruite con WPBakery stanno dentro .container.main-content,
     che ha gia' max-width 88% e quindi un rientro suo. Li' il padding qui
     sopra si sommerebbe e il contenuto risulterebbe stretto il doppio: le
     schede dei servizi, che usano un template proprio, stanno invece fuori
     dal container e il padding serve. */
  .container .origami-section .origami-content-wide,
  .container .origami-section .origami-content-narrow{
    padding-left:0;
    padding-right:0;
  }
}

/* --------------------------------------------------------------------------
   22. BANNER DEI COOKIE

   I colori arrivano dalle impostazioni di Complianz, dove e' stata inserita
   la palette Origami: qui non si toccano. Restano due cose che il plugin
   non copre da solo:

   1. Complianz mette i link del banner dentro un <ul>, e il tema mostra i
      pallini dell'elenco. In un banner non servono, e comparivano davanti e
      dietro alle voci come segni casuali.
   2. Il banner usa Arial, mentre il sito usa Nunito Sans per il corpo e
      Cormorant Garamond per i titoli.
   -------------------------------------------------------------------------- */
.cmplz-cookiebanner .cmplz-links ul,
.cmplz-cookiebanner .cmplz-links ul li{
  list-style:none !important;
  margin:0;
  padding:0;
}

.cmplz-cookiebanner .cmplz-links ul li::marker{content:none;}

.cmplz-cookiebanner .cmplz-links a::before,
.cmplz-cookiebanner .cmplz-links a::after{content:none !important;}

.cmplz-cookiebanner,
.cmplz-cookiebanner .cmplz-body,
.cmplz-cookiebanner .cmplz-links a,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn{
  font-family:var(--org-font-body) !important;
}

.cmplz-cookiebanner .cmplz-title{
  font-family:var(--org-font-title) !important;
  font-weight:600;
  font-size:1.35rem;
  letter-spacing:.01em;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn{
  font-weight:700;
  letter-spacing:.01em;
  /* Complianz accetta il valore ma poi lo limita: qui i bottoni tornano
     a pillola come tutti gli altri del sito. */
  border-radius:var(--org-radius-pill) !important;
  padding:10px 22px;
}

/* --------------------------------------------------------------------------
   23. MENU A SCOMPARSA

   La voce "Contattaci" e' il bottone in evidenza dell'intestazione desktop
   (classe origami-nav-cta) e punta alla stessa pagina di "Contatti". Nel
   menu a scomparsa del telefono le due voci finiscono una sotto l'altra e
   sembrano un errore. Qui si nasconde solo il doppione mobile: sul desktop
   il bottone resta.
   -------------------------------------------------------------------------- */
#slide-out-widget-area .off-canvas-menu-container .origami-nav-cta,
#mobile-menu .origami-nav-cta{display:none;}

/* --------------------------------------------------------------------------
   24. CATEGORIE DEL BANNER CHE NON CI RIGUARDANO

   Complianz mostra sempre tutte e quattro le categorie, anche quando dietro
   non c'e' nulla. Su questo sito:
     Funzionale   -> serve (memoria della scelta sul consenso)
     Statistiche  -> serve (Burst, anonimo e senza cookie)
     Preferenze   -> non memorizziamo preferenze dell'utente
     Marketing    -> nessun cookie pubblicitario, nessuno script di advertising
   Le due che non corrispondono a niente vengono nascoste: lasciarle darebbe
   a chi legge l'impressione che il sito faccia cose che non fa.
   Se un domani si aggiunge un servizio di quelle categorie, va tolta questa
   regola PRIMA di attivarlo.
   -------------------------------------------------------------------------- */
.cmplz-cookiebanner .cmplz-category.cmplz-preferences,
.cmplz-cookiebanner .cmplz-category.cmplz-marketing,
#cmplz-manage-consent-container .cmplz-category.cmplz-preferences,
#cmplz-manage-consent-container .cmplz-category.cmplz-marketing{display:none;}

/* ==========================================================================
   EVENTI
   Aggiunto il 3 settembre 2026.

   Il filo conduttore e' la bacheca: le locandine sono fogli appesi, con
   un'inclinazione minima e un'ombra morbida, e la data e' un quadratino verde
   che fa da ancora visiva dove la locandina non c'e'. Un solo foglio grande
   per pagina (il prossimo appuntamento), gli altri restano schede di testo:
   e' il contrasto di scala a dare gerarchia, non il numero di immagini.

   Le regole sui paragrafi sono prefissate con #ajax-content-wrap perche'
   altrimenti #ajax-content-wrap .origami-section p le annulla in silenzio.
   -------------------------------------------------------------------------- */

/* "facoltativo" accanto a un'etichetta di modulo: l'etichetta e' maiuscola e
   in grassetto, e senza questa regola la parola sembrerebbe parte del nome
   del campo. */
.origami-form-facolt{
  font-weight:400;
  text-transform:none;
  letter-spacing:0;
  color:var(--org-testo-soft);
}

/* Cifre allineate ovunque, dentro la sezione Eventi, un titolo possa
   contenere un numero: eta', orari, edizioni. Con le cifre mediovali di
   Cormorant "Da 0 a 3 anni" si legge "Da o a 3 anni". */
.origami-hero-evento h1,
.origami-evento-testo h2,
.origami-evento-testo h3,
.origami-pannello-evento h3,
.origami-evento-card h3,
.origami-evento-passato-titolo{
  font-variant-numeric:lining-nums;
  font-feature-settings:'lnum' 1;
}

/* Il quadratino della data --------------------------------------------------- */
.origami-evento-chip{
  flex:0 0 auto;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  border-radius:var(--org-radius-s);
  background-color:var(--org-verde);
  color:#FFFFFF;
  line-height:1;
}
.origami-evento-chip-giorno{
  font-family:var(--org-font-title);
  font-size:1.6rem;
  font-weight:600;
  /* Cormorant ha le cifre minuscole (mediovali) come impostazione predefinita:
     l'1 scende all'altezza della x e "12" si legge "I2". In un quadratino che
     serve solo a dire il giorno, servono le cifre allineate. */
  font-variant-numeric:lining-nums;
  font-feature-settings:'lnum' 1;
}
.origami-evento-chip-mese{
  font-family:var(--org-font-body);
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-top:.25em;
}

/* La riga "quando" ----------------------------------------------------------- */
#ajax-content-wrap .origami-evento-quando{
  display:flex;
  align-items:center;
  gap:var(--org-space-xs);
  margin:0 0 var(--org-space-s);
  font-family:var(--org-font-body);
  font-size:1rem;
  font-weight:700;
  line-height:1.4;
  color:var(--org-verde-scuro);
}
/* Data sopra, luogo sotto, entrambi appoggiati al quadratino: cosi' la riga
   resta una sola cosa anche quando il luogo e' lungo. */
.origami-evento-testa{
  display:flex;
  flex-direction:column;
  gap:.2em;
  min-width:0;
}
.origami-evento-dove{
  font-weight:400;
  font-size:.92em;
  color:var(--org-testo-soft);
}
#ajax-content-wrap .origami-evento-quando.is-grande{
  font-size:1.15rem;
  margin-top:var(--org-space-xs);
}
.origami-evento-quando.is-grande .origami-evento-chip{width:66px;height:66px;}
.origami-evento-quando.is-grande .origami-evento-chip-giorno{font-size:1.95rem;}

/* Apertura della scheda evento ---------------------------------------------- */
.origami-hero-evento{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,360px);
  gap:clamp(28px,4vw,58px);
  align-items:center;
}
.origami-hero-evento-locandina{transform:rotate(-1.2deg);}
.origami-hero-evento-locandina img{
  display:block;
  width:100%;
  height:auto;
  border-radius:var(--org-radius-s);
  box-shadow:var(--org-shadow-card);
}

/* Il pannello del prossimo appuntamento ------------------------------------- */
.origami-pannello-evento{
  background-color:#FFFFFF;
  border-radius:var(--org-radius-l);
  box-shadow:var(--org-shadow-card);
  padding:clamp(26px,2.6vw,38px);
  display:grid;
  grid-template-columns:minmax(0,280px) minmax(0,1fr);
  gap:clamp(26px,3vw,48px);
  align-items:center;
}
.origami-pannello-evento:only-child{max-width:var(--org-wide);}
.origami-pannello-evento-locandina{transform:rotate(-1.4deg);}
.origami-pannello-evento-locandina img{
  display:block;
  width:100%;
  height:auto;
  border-radius:var(--org-radius-s);
  box-shadow:var(--org-shadow-soft);
}
.origami-pannello-evento-corpo h3{margin:0 0 .4em;}
#ajax-content-wrap .origami-pannello-evento-corpo p{color:var(--org-testo-soft);}
#ajax-content-wrap .origami-pannello-evento-corpo p.origami-evento-quando{color:var(--org-verde-scuro);}
.origami-pannello-evento .origami-btn-row{margin-top:var(--org-space-s);}

/* Le schede degli altri appuntamenti ---------------------------------------- */
.origami-eventi-altri{margin-top:var(--org-gap);}
.origami-evento-card{
  flex-direction:row;
  align-items:flex-start;
  gap:var(--org-space-s);
}
.origami-evento-card h3{margin:0 0 .35em;}
#ajax-content-wrap .origami-evento-card p{font-size:1rem;color:var(--org-testo-soft);}
#ajax-content-wrap .origami-evento-card p.origami-evento-quando{
  font-size:.9rem;
  margin-bottom:.35em;
  color:var(--org-verde-scuro);
}
.origami-evento-card-testo{min-width:0;}
.origami-evento-card .origami-link{margin-top:var(--org-space-xs);}

/* Gli appuntamenti gia' avvenuti -------------------------------------------- */
.origami-eventi-archivio{margin-top:clamp(38px,4.4vw,62px);}
.origami-eventi-archivio h3{margin:0 0 var(--org-space-s);}
/* Salient mette list-style-type:disc direttamente sul li: azzerarlo
   sull'elenco non basta. */
.origami-eventi-elenco{list-style:none;margin:0;padding:0;}
.origami-eventi-elenco > li{list-style:none;margin:0;padding:0;}
.origami-evento-passato{border-top:1px solid var(--org-tortora);}
.origami-evento-passato:last-child{border-bottom:1px solid var(--org-tortora);}
#ajax-content-wrap .origami-evento-passato a{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:var(--org-space-xs);
  padding:var(--org-space-xs) 0;
  text-decoration:none;
  color:var(--org-testo);
  transition:color .2s ease;
}
#ajax-content-wrap .origami-evento-passato a:hover{color:var(--org-verde);}
.origami-evento-passato-data{
  flex:0 0 auto;
  min-width:11ch;
  font-family:var(--org-font-body);
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--org-testo-soft);
}
.origami-evento-passato-titolo{
  font-family:var(--org-font-title);
  font-size:1.2rem;
  font-weight:600;
}

/* Nessun appuntamento in programma ------------------------------------------ */
.origami-eventi-vuoto{
  max-width:var(--org-narrow);
  margin:0 auto;
  padding:clamp(34px,4vw,56px);
  text-align:center;
  background-color:var(--org-oliva-chiaro);
  border-radius:var(--org-radius-l);
}
#ajax-content-wrap .origami-eventi-vuoto p{color:var(--org-testo-soft);}
#ajax-content-wrap .origami-eventi-vuoto p:first-child{
  font-family:var(--org-font-title);
  font-size:clamp(1.4rem,2.2vw,1.8rem);
  line-height:1.25;
  color:var(--org-verde);
}
.origami-eventi-vuoto .origami-btn-row{justify-content:center;margin-top:var(--org-space-s);}

/* Locandine e immagini della scheda ------------------------------------------ */
.origami-evento-figura{margin:var(--org-space-m) 0 0;}
.origami-evento-figura img{
  display:block;
  width:100%;
  height:auto;
  border-radius:var(--org-radius-m);
  box-shadow:var(--org-shadow-soft);
}
.origami-evento-figura figcaption{
  margin-top:var(--org-space-2xs);
  font-family:var(--org-font-body);
  font-size:.9rem;
  color:var(--org-testo-soft);
}
.origami-locandine{
  display:grid;
  gap:var(--org-gap);
  justify-content:center;
}
.origami-locandine--1{grid-template-columns:minmax(0,520px);}
.origami-locandine--2{grid-template-columns:repeat(2,minmax(0,440px));}
.origami-locandine .origami-evento-figura{margin:0;}
.origami-locandine .is-locandina img{border-radius:var(--org-radius-s);box-shadow:var(--org-shadow-card);}
.origami-locandine .is-locandina:nth-child(odd){transform:rotate(-1deg);}
.origami-locandine .is-locandina:nth-child(even){transform:rotate(.9deg);}

/* Il corpo del racconto ------------------------------------------------------ */
.origami-evento-testo > *:first-child{margin-top:0;}
#ajax-content-wrap .origami-evento-testo p{font-size:1.0625rem;line-height:1.78;}
.origami-evento-testo h2{margin:1.4em 0 .4em;}
.origami-evento-testo h3{margin:1.2em 0 .35em;}
.origami-evento-testo ul,
.origami-evento-testo ol{margin:0 0 1.05em 1.2em;}
.origami-evento-testo li{margin-bottom:.4em;line-height:1.7;}

/* QR e contatti -------------------------------------------------------------- */
.origami-evento-coda{
  display:grid;
  grid-template-columns:minmax(0,340px) minmax(0,1fr);
  gap:clamp(26px,3vw,48px);
  align-items:center;
}
.origami-evento-coda.is-sola{grid-template-columns:minmax(0,1fr);max-width:var(--org-narrow);margin:0 auto;text-align:center;}
.origami-evento-qr{align-items:center;text-align:center;}
.origami-evento-qr img{
  display:block;
  width:100%;
  max-width:220px;
  height:auto;
  border-radius:var(--org-radius-s);
}
#ajax-content-wrap .origami-evento-qr-testo p{font-size:.95rem;color:var(--org-testo-soft);margin:0;}
.origami-evento-contatti h2{margin:0 0 var(--org-space-xs);}
.origami-contatti{list-style:none;margin:0;padding:0;}
.origami-contatti li{list-style:none;}
.origami-contatti li{
  font-family:var(--org-font-body);
  font-size:1.05rem;
  line-height:1.7;
  padding:.35em 0;
}
#ajax-content-wrap .origami-contatti a{color:var(--org-terracotta-scuro);text-decoration:none;font-weight:700;}
#ajax-content-wrap .origami-contatti a:hover{color:var(--org-verde);text-decoration:underline;}

/* Schermi medi --------------------------------------------------------------- */
@media only screen and (max-width:999px){
  .origami-hero-evento,
  .origami-pannello-evento,
  .origami-evento-coda{grid-template-columns:minmax(0,1fr);}
  .origami-hero-evento-locandina,
  .origami-pannello-evento-locandina{max-width:340px;margin-left:auto;margin-right:auto;}
  .origami-locandine--2{grid-template-columns:minmax(0,440px);}
  .origami-evento-coda.is-sola,
  .origami-evento-qr{margin-left:auto;margin-right:auto;}
}

/* Telefono ------------------------------------------------------------------- */
@media only screen and (max-width:690px){
  .origami-evento-card{flex-direction:column;}
  .origami-evento-passato-data{min-width:0;flex:1 0 100%;}
  .origami-hero-evento-locandina,
  .origami-pannello-evento-locandina,
  .origami-locandine .is-locandina:nth-child(odd),
  .origami-locandine .is-locandina:nth-child(even){transform:none;}
}

/* Chi ha chiesto meno movimento non vede nemmeno l'inclinazione dei fogli. */
@media (prefers-reduced-motion:reduce){
  .origami-hero-evento-locandina,
  .origami-pannello-evento-locandina,
  .origami-locandine .is-locandina:nth-child(odd),
  .origami-locandine .is-locandina:nth-child(even){transform:none;}
}
/* ==========================================================================
   SCHEDA EVENTO A BLOCCHI
   Aggiunto il 3 settembre 2026, dalla bozza fatta in Claude Design.

   Dalla bozza vengono la composizione e l'idea dei blocchi colorati che
   raggruppano le informazioni. NON i caratteri: la bozza usava un sans in
   grassetto sui titoli, il sito usa Cormorant Garamond ovunque e la scheda
   evento sarebbe stata l'unica pagina fuori posto.

   Le due tinte chiare qui sotto sono l'unica aggiunta alla palette: servono
   ai blocchi affiancati, che devono distinguersi fra loro restando tutti
   sullo stesso registro caldo.
   -------------------------------------------------------------------------- */

:root{
  --org-terracotta-velo:#F6E8E1;
  --org-tortora-velo:#EFE9E1;
}

/* Il contenitore delle fasce si dimensiona sul contenuto invece che sulla
   larghezza piena: nella fascia del programma i tre riquadri finivano su due
   righe perche' il titolo sopra era corto. Legata alla classe del body: le
   altre pagine non cambiano. */
body.single-origami_evento .origami-content-wide,
body.single-origami_evento .origami-content-narrow{width:100%;}

/* Dentro le fasce, .origami-content-wide si dimensiona sul contenuto e non
   sulla larghezza piena: senza questa riga le griglie qui sotto calcolavano
   meno colonne del dovuto e i tre riquadri del programma finivano su due
   righe. Marcatore: origami-evento-blocchi-larghezza */
.origami-evento-apertura,
.origami-programma,
.origami-blocchi,
.origami-blocchi-head,
.origami-organizza,
.origami-iscrizione{width:100%;}

/* Etichette sopra al titolo ------------------------------------------------- */
#ajax-content-wrap .origami-etichette{
  display:flex;
  flex-wrap:wrap;
  gap:var(--org-space-2xs);
  margin:0 0 var(--org-space-s);
}
.origami-etichetta{
  display:inline-block;
  font-family:var(--org-font-body);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:.55em 1.1em;
  border-radius:var(--org-radius-pill);
}
.origami-etichetta.is-verde{background-color:var(--org-oliva-chiaro);color:var(--org-verde-scuro);}
.origami-etichetta.is-terracotta{background-color:var(--org-terracotta-velo);color:var(--org-terracotta-scuro);}
.origami-etichetta.is-passato{background-color:var(--org-tortora);color:var(--org-testo);}

/* Apertura ------------------------------------------------------------------ */
.origami-evento-apertura{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,380px);
  gap:clamp(30px,4vw,58px);
  align-items:start;
}
.origami-evento-apertura.is-senza-locandina{grid-template-columns:minmax(0,1fr);max-width:var(--org-narrow);}
.origami-evento-apertura h1{margin:0 0 .2em;}
#ajax-content-wrap .origami-evento-apertura .origami-lead{margin:0 0 var(--org-space-m);max-width:52ch;}

/* Le tre informazioni in evidenza ------------------------------------------- */
.origami-evento-dati{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:var(--org-space-xs);
  margin-bottom:var(--org-space-m);
}
.origami-evento-dato{
  background-color:#FFFFFF;
  border-radius:var(--org-radius-m);
  padding:var(--org-space-xs) var(--org-space-s);
  box-shadow:var(--org-shadow-soft);
  display:flex;
  flex-direction:column;
  gap:.35em;
}
.origami-evento-dato-voce{
  font-family:var(--org-font-body);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--org-testo-soft);
}
.origami-evento-dato-valore{
  font-family:var(--org-font-title);
  font-size:1.3rem;
  font-weight:600;
  line-height:1.15;
  color:var(--org-verde);
  /* Cormorant ha le cifre mediovali: in una data "12" si legge "I2". */
  font-variant-numeric:lining-nums;
  font-feature-settings:'lnum' 1;
}

/* La locandina sfogliabile -------------------------------------------------- */
.origami-locandina{display:flex;flex-direction:column;gap:var(--org-space-xs);}
.origami-locandina-fogli{
  position:relative;
  aspect-ratio:1409/2000;
  border-radius:var(--org-radius-m);
  overflow:hidden;
  background-color:#FFFFFF;
  box-shadow:var(--org-shadow-card);
}
.origami-locandina-foglio{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  opacity:0;
  transition:opacity .35s ease;
}
.origami-locandina-foglio.is-attivo{opacity:1;}
/* Le frecce stanno appoggiate ai bordi del foglio, come nella bozza: sono un
   comando sull'oggetto che si sfoglia, non una barra di controlli sotto. */
.origami-locandina-cornice{position:relative;}
.origami-locandina-comandi{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.9em;
}
.origami-locandina-freccia{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  padding:0;
  border-radius:50%;
  border:1px solid var(--org-tortora);
  background-color:#FFFFFF;
  color:var(--org-verde);
  cursor:pointer;
  box-shadow:var(--org-shadow-card);
  transition:background-color .2s ease, color .2s ease;
}
.origami-locandina-freccia.is-prima{left:-20px;}
.origami-locandina-freccia.is-dopo{right:-20px;}
.origami-locandina-freccia:hover{background-color:var(--org-verde);color:#FFFFFF;}
.origami-locandina-freccia svg{display:block;}
.origami-locandina-punti{display:inline-flex;gap:.55em;align-items:center;}
.origami-locandina-punto{
  width:10px;
  height:10px;
  padding:0;
  border:0;
  border-radius:50%;
  background-color:var(--org-tortora);
  cursor:pointer;
  transition:background-color .2s ease;
}
.origami-locandina-punto.is-attivo{background-color:var(--org-verde);}
.origami-locandina-stato{
  font-family:var(--org-font-body);
  font-size:.85rem;
  color:var(--org-testo-soft);
}

/* Il programma, sul verde pieno --------------------------------------------- */
.origami-programma{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:var(--org-gap);
}
.origami-programma-passo{
  background-color:rgba(246,241,234,.08);
  border:1px solid rgba(246,241,234,.22);
  border-radius:var(--org-radius-l);
  padding:clamp(24px,2.4vw,32px);
}
.origami-programma-numero{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background-color:var(--org-crema);
  color:var(--org-verde);
  font-family:var(--org-font-title);
  font-size:1.35rem;
  font-weight:600;
  line-height:1;
  margin-bottom:var(--org-space-xs);
  font-variant-numeric:lining-nums;
  font-feature-settings:'lnum' 1;
}
#ajax-content-wrap .origami-section.is-verde .origami-programma-passo h3{color:var(--org-crema);margin:0 0 .35em;}
#ajax-content-wrap .origami-programma-passo p{margin:0;color:var(--org-oliva);}

/* I blocchi colorati -------------------------------------------------------- */
/* Titolo e frase di accompagnamento impilati, non affiancati: il design system
   del sito vieta il titolo grande a sinistra con il paragrafino che galleggia a
   destra, e a schermo largo quella frase finiva lontana da cio' che introduce. */
.origami-blocchi-head{
  display:block;
  margin-bottom:clamp(30px,4vw,52px);
}
.origami-blocchi-head h2{margin:.35em 0 0;}
#ajax-content-wrap .origami-blocchi-intro{
  margin:var(--org-space-xs) 0 0;
  max-width:62ch;
  color:var(--org-testo-soft);
}
.origami-blocchi{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:var(--org-gap);
}
.origami-blocco{
  border-radius:var(--org-radius-l);
  padding:clamp(26px,2.6vw,34px);
}
.origami-blocco.is-tinta-1{background-color:var(--org-oliva-chiaro);}
.origami-blocco.is-tinta-2{background-color:var(--org-terracotta-velo);}
.origami-blocco.is-tinta-3{background-color:var(--org-tortora-velo);}
#ajax-content-wrap .origami-blocco-voce{
  display:flex;
  align-items:center;
  gap:.7em;
  margin:0 0 var(--org-space-2xs);
  font-family:var(--org-font-body);
  font-size:.9rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--org-verde-scuro);
}
.origami-blocco-punto{
  width:13px;
  height:13px;
  border-radius:50%;
  flex:0 0 auto;
  display:block;
}
.origami-blocco.is-tinta-1 .origami-blocco-punto{background-color:var(--org-verde);}
.origami-blocco.is-tinta-2 .origami-blocco-punto{background-color:var(--org-terracotta-scuro);}
.origami-blocco.is-tinta-3 .origami-blocco-punto{background-color:var(--org-salvia);}
.origami-blocco.is-tinta-2 .origami-blocco-voce{color:var(--org-terracotta-scuro);}
#ajax-content-wrap .origami-blocco-testo{margin:0;font-size:1.05rem;}

/* Chi organizza ------------------------------------------------------------- */
.origami-organizza{
  display:grid;
  grid-template-columns:minmax(0,320px) minmax(0,1fr);
  gap:clamp(30px,4vw,58px);
  align-items:center;
}
.origami-organizza.is-senza-foto{grid-template-columns:minmax(0,1fr);max-width:var(--org-narrow);}
.origami-organizza-foto img{
  display:block;
  width:100%;
  height:auto;
  border-radius:var(--org-radius-l);
}
.origami-organizza-testo h2{margin:.2em 0 .15em;}
#ajax-content-wrap .origami-organizza-ruolo{
  margin:0 0 var(--org-space-s);
  font-family:var(--org-font-body);
  font-weight:700;
  color:var(--org-terracotta-scuro);
}
#ajax-content-wrap .origami-organizza-bio{margin:0 0 var(--org-space-s);max-width:48ch;}
.origami-organizza-recapiti{gap:var(--org-space-2xs);}
#ajax-content-wrap .origami-organizza-recapiti-voce,
#ajax-content-wrap .origami-pratiche-voce{
  margin:0 0 var(--org-space-2xs);
  font-family:var(--org-font-body);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--org-testo-soft);
}
.origami-organizza-recapiti .origami-btn-row{margin-top:var(--org-space-xs);}

/* Iscrizione e informazioni pratiche ---------------------------------------- */
.origami-iscrizione{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:var(--org-gap);
  align-items:stretch;
}
.origami-iscrizione.is-sola{grid-template-columns:minmax(0,1fr);max-width:var(--org-narrow);margin:0 auto;}
.origami-iscrizione-invito{
  background-color:var(--org-verde);
  border-radius:var(--org-radius-l);
  padding:clamp(32px,3.4vw,48px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
#ajax-content-wrap .origami-iscrizione-invito h2{color:var(--org-crema);margin:0 0 .3em;}
#ajax-content-wrap .origami-iscrizione-invito p{color:var(--org-oliva);margin:0 0 var(--org-space-s);max-width:44ch;}
.origami-pratiche{
  background-color:var(--org-crema);
  border-radius:var(--org-radius-l);
  padding:clamp(28px,3vw,38px);
}
.origami-pratiche-riga{
  padding:var(--org-space-xs) 0;
  border-top:1px solid var(--org-tortora);
}
.origami-pratiche-riga:first-of-type{border-top:0;padding-top:0;}
.origami-pratiche-etichetta{
  display:block;
  font-family:var(--org-font-body);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--org-testo-soft);
  margin-bottom:.3em;
}
.origami-pratiche-valore{
  display:block;
  font-family:var(--org-font-body);
  font-size:1.05rem;
  line-height:1.6;
  color:var(--org-testo);
}
.origami-pratiche-qr{margin-top:var(--org-space-s);text-align:center;}
.origami-pratiche-qr img{
  display:block;
  width:100%;
  max-width:190px;
  height:auto;
  margin:0 auto var(--org-space-2xs);
  border-radius:var(--org-radius-s);
}
#ajax-content-wrap .origami-pratiche-qr p{margin:0;font-size:.95rem;color:var(--org-testo-soft);}

/* Schermi medi --------------------------------------------------------------- */
@media only screen and (max-width:999px){
  .origami-evento-apertura,
  .origami-organizza,
  .origami-iscrizione{grid-template-columns:minmax(0,1fr);}
  .origami-locandina{max-width:380px;margin-left:auto;margin-right:auto;}
  .origami-organizza-foto{max-width:320px;margin-left:auto;margin-right:auto;}
  .origami-blocchi-head{align-items:flex-start;}
}

/* Chi ha chiesto meno movimento non vede la dissolvenza fra i fogli. */
@media (prefers-reduced-motion:reduce){
  .origami-locandina-foglio{transition:none;}
}

@media only screen and (max-width:690px){
  .origami-locandina-freccia.is-prima{left:4px;}
  .origami-locandina-freccia.is-dopo{right:4px;}
}



/* ==========================================================================
   BACHECA EVENTI
   Aggiunto il 3 settembre 2026, dalla bozza fatta in Claude Design.

   Due elenchi con pesi diversi: i prossimi appuntamenti sono righe larghe,
   quelli passati sono schede piu' piccole e piu' spente. La differenza di
   forma fa capire da sola quali sono ancora validi.

   Come per la scheda evento: dalla bozza la composizione, dal sito i colori
   e i caratteri.
   -------------------------------------------------------------------------- */

/* Intestazione di un elenco ------------------------------------------------- */
.origami-elenco-testa{
  display:flex;
  /* Le linee di base, non i centri: il conteggio e' scritto molto piu' piccolo
     del titolo, e centrandolo restava a mezz'aria sopra la riga del titolo. */
  align-items:baseline;
  flex-wrap:wrap;
  gap:var(--org-space-xs);
  width:100%;
  margin-bottom:var(--org-space-m);
  scroll-margin-top:120px;
}
.origami-elenco-testa h2{margin:0;}
.origami-elenco-punto{
  /* Il pallino non ha testo, quindi non ha una linea di base da allineare:
     resta centrato sulla riga mentre il resto si allinea alla base. */
  align-self:center;
  width:13px;
  height:13px;
  border-radius:50%;
  background-color:var(--org-verde);
  flex:0 0 auto;
}
.origami-elenco-quanti{
  font-family:var(--org-font-body);
  font-size:.9rem;
  font-weight:700;
  color:var(--org-testo-soft);
}
#ajax-content-wrap .origami-elenco-testa.is-spenta h2{color:var(--org-testo-soft);}
.origami-elenco-testa.is-spenta .origami-elenco-punto{background-color:var(--org-tortora);}

/* Stato e categoria, comuni ai due elenchi ---------------------------------- */
.origami-evento-stato{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--org-space-2xs);
}
.origami-evento-categoria{
  font-family:var(--org-font-body);
  font-size:.85rem;
  font-weight:700;
  color:var(--org-testo-soft);
}

/* Prossimi appuntamenti: righe larghe --------------------------------------- */
.origami-eventi-righe{
  display:flex;
  flex-direction:column;
  gap:var(--org-gap);
  width:100%;
  margin-bottom:clamp(48px,6vw,86px);
}
#ajax-content-wrap a.origami-evento-riga{
  display:grid;
  grid-template-columns:170px 116px minmax(0,1fr) auto;
  gap:clamp(20px,2.4vw,32px);
  align-items:center;
  background-color:var(--org-crema);
  border-radius:var(--org-radius-l);
  padding:clamp(20px,2.2vw,28px);
  text-decoration:none;
  color:var(--org-testo);
  transition:background-color .2s ease, transform .2s ease;
}
#ajax-content-wrap a.origami-evento-riga:hover{
  background-color:var(--org-oliva-chiaro);
  transform:translateY(-2px);
}
.origami-evento-riga-foto{
  display:block;
  position:relative;
  aspect-ratio:3/4;
  border-radius:var(--org-radius-m);
  overflow:hidden;
  background-color:#FFFFFF;
}
.origami-evento-riga-foto img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.origami-evento-riga-testo{
  display:flex;
  flex-direction:column;
  gap:.55em;
  min-width:0;
}
.origami-evento-riga-titolo{
  font-family:var(--org-font-title);
  font-size:clamp(1.35rem,2vw,1.75rem);
  font-weight:600;
  line-height:1.2;
  color:var(--org-verde);
  font-variant-numeric:lining-nums;
  font-feature-settings:'lnum' 1;
}
.origami-evento-riga-sintesi{
  font-family:var(--org-font-body);
  font-size:1rem;
  line-height:1.65;
  color:var(--org-testo-soft);
  max-width:62ch;
}
.origami-evento-riga-meta{
  font-family:var(--org-font-body);
  font-size:.9rem;
  font-weight:700;
  color:var(--org-testo-soft);
}
.origami-evento-riga-azione{
  font-family:var(--org-font-body);
  font-size:1rem;
  font-weight:700;
  color:var(--org-verde);
  white-space:nowrap;
  border:1px solid var(--org-salvia);
  border-radius:var(--org-radius-pill);
  padding:.85em 1.5em;
}
#ajax-content-wrap a.origami-evento-riga:hover .origami-evento-riga-azione{
  background-color:var(--org-verde);
  border-color:var(--org-verde);
  color:#FFFFFF;
}

/* Il riquadro della data ---------------------------------------------------- */
.origami-evento-datario{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.15em;
  background-color:#FFFFFF;
  border-radius:var(--org-radius-m);
  padding:var(--org-space-xs) var(--org-space-2xs);
  text-align:center;
}
.origami-evento-datario-mese{
  font-family:var(--org-font-body);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--org-terracotta-scuro);
}
.origami-evento-datario-giorno{
  font-family:var(--org-font-title);
  font-size:2.6rem;
  font-weight:600;
  line-height:1;
  color:var(--org-verde);
  font-variant-numeric:lining-nums;
  font-feature-settings:'lnum' 1;
}
.origami-evento-datario-ora{
  font-family:var(--org-font-body);
  font-size:.85rem;
  font-weight:700;
  color:var(--org-testo-soft);
  font-variant-numeric:lining-nums;
}

/* Eventi passati: schede piu' piccole --------------------------------------- */
.origami-eventi-trascorsi{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:var(--org-gap);
  width:100%;
}
#ajax-content-wrap a.origami-evento-trascorso{
  display:flex;
  flex-direction:column;
  background-color:var(--org-tortora-velo);
  border-radius:var(--org-radius-l);
  overflow:hidden;
  text-decoration:none;
  color:var(--org-testo);
  transition:background-color .2s ease, transform .2s ease;
}
#ajax-content-wrap a.origami-evento-trascorso:hover{
  background-color:var(--org-terracotta-velo);
  transform:translateY(-2px);
}
.origami-evento-trascorso-foto{
  display:block;
  position:relative;
  aspect-ratio:4/3;
  background-color:#FFFFFF;
  overflow:hidden;
}
.origami-evento-trascorso-foto img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

/* La locandina si vede intera, ma non lascia piu' le fasce bianche ai lati:
   dietro c'e' una seconda copia della stessa immagine, ingrandita e sfocata
   molto oltre il bordo (lo scale evita che il bordo sfocato si veda). E'
   condivisa fra la riga dei prossimi appuntamenti e le schede dei passati:
   stesso problema di proporzioni, stessa soluzione. */
/* Selettori doppi apposta: ".origami-evento-riga-foto img" (piu' sopra, e
   ".origami-articolo-card-foto img/.origami-evento-trascorso-foto img"
   ancora sopra con l'id davanti) hanno gia' due classi di specificita' —
   un solo ".origami-evento-miniatura-sfondo" perderebbe e l'immagine di
   sfondo resterebbe "contain" invece di "cover". */
.origami-evento-riga-foto .origami-evento-miniatura-sfondo,
.origami-evento-trascorso-foto .origami-evento-miniatura-sfondo{
  object-fit:cover;
  filter:blur(26px) saturate(1.35) brightness(1.04);
  transform:scale(1.25);
}
.origami-evento-miniatura-immagine{
  /* La posizione (absolute, inset:0) arriva gia' dalla regola generale
     "riempi il riquadro a proporzione fissa" qui sopra: qui basta metterla
     sopra allo sfondo sfocato. */
  z-index:1;
  object-fit:contain;
}
.origami-evento-trascorso-corpo{
  display:flex;
  flex-direction:column;
  gap:.5em;
  padding:clamp(22px,2.2vw,28px);
  flex:1 1 auto;
}
.origami-evento-trascorso-data{
  font-family:var(--org-font-body);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--org-testo-soft);
}
.origami-evento-trascorso-titolo{
  font-family:var(--org-font-title);
  font-size:1.35rem;
  font-weight:600;
  line-height:1.25;
  color:var(--org-verde-scuro);
  font-variant-numeric:lining-nums;
  font-feature-settings:'lnum' 1;
}
.origami-evento-trascorso-sintesi{
  font-family:var(--org-font-body);
  font-size:.98rem;
  line-height:1.6;
  color:var(--org-testo-soft);
}
.origami-evento-trascorso-azione{
  margin-top:auto;
  padding-top:var(--org-space-2xs);
  font-family:var(--org-font-body);
  font-size:.98rem;
  font-weight:700;
  color:var(--org-terracotta-scuro);
}
#ajax-content-wrap .origami-eventi-resto{
  margin-top:var(--org-space-s);
  font-size:.95rem;
  color:var(--org-testo-soft);
}

/* Schermi medi e telefono ---------------------------------------------------- */
@media only screen and (max-width:999px){
  #ajax-content-wrap a.origami-evento-riga{
    grid-template-columns:150px 104px minmax(0,1fr);
  }
  .origami-evento-riga-azione{
    grid-column:1 / -1;
    justify-self:start;
  }
  .origami-evento-datario-giorno{font-size:2.1rem;}
}

@media only screen and (max-width:690px){
  /* In colonna sola, e in quest'ordine: prima la data, poi la locandina
     grande, poi il testo. Con la miniatura di fianco il foglio non si leggeva
     e al testo restava mezza colonna. */
  #ajax-content-wrap a.origami-evento-riga{
    grid-template-columns:minmax(0,1fr);
    gap:var(--org-space-s);
  }
  .origami-evento-datario{
    order:-1;
    flex-direction:row;
    gap:.6em;
    align-items:baseline;
    justify-content:flex-start;
    justify-self:start;
    padding:.5em 1em;
  }
  .origami-evento-datario-giorno{font-size:1.7rem;}
  /* La locandina prende la sua proporzione naturale invece di stare dentro un
     riquadro 3:4 con le bande ai lati. */
  .origami-evento-riga-foto{
    aspect-ratio:auto;
    border-radius:var(--org-radius-m);
  }
  .origami-evento-riga-foto img{height:auto;}
  .origami-evento-riga-azione{justify-self:start;}
}



/* ==========================================================================
   BLOG
   Aggiunto il 3 settembre 2026.

   Il corpo dell'articolo e' l'unico posto del sito dove il testo lungo conta
   piu' della composizione: colonna stretta, interlinea ampia, e un solo
   elemento grafico forte, la citazione. Titoli di sezione, immagini ed
   elenchi restano sobri di proposito, altrimenti la lettura si spezza.
   -------------------------------------------------------------------------- */

/* Apertura ------------------------------------------------------------------ */
.origami-articolo-apertura{
  max-width:var(--org-narrow);
  width:100%;
}
.origami-articolo-apertura h1{margin:0 0 .25em;}
#ajax-content-wrap .origami-articolo-apertura .origami-lead{margin:0 0 var(--org-space-s);}
#ajax-content-wrap .origami-articolo-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.6em;
  margin:0;
  font-family:var(--org-font-body);
  font-size:.92rem;
  font-weight:700;
  color:var(--org-testo-soft);
}
.origami-articolo-hero{
  margin:clamp(30px,4vw,52px) 0 0;
  width:100%;
}
.origami-articolo-hero img{
  display:block;
  width:100%;
  height:auto;
  border-radius:var(--org-radius-l);
  box-shadow:var(--org-shadow-card);
}

/* Il corpo ------------------------------------------------------------------- */
.origami-articolo > *:first-child{margin-top:0;}
#ajax-content-wrap .origami-articolo p{
  font-size:1.12rem;
  line-height:1.85;
  color:var(--org-testo);
}
/* Il ritmo dei paragrafi sta nel blocco "RITMO DEI PARAGRAFI NEI TESTI LUNGHI",
   in fondo a questo file: qui il valore era falsato dal padding di Salient. */
#ajax-content-wrap .origami-articolo h2{
  margin:1.9em 0 .5em;
  font-size:clamp(1.7rem,2.8vw,2.3rem);
  line-height:1.2;
}
#ajax-content-wrap .origami-articolo h3{margin:1.5em 0 .4em;}
.origami-articolo ul,
.origami-articolo ol{margin:0 0 1.1em 1.3em;}
.origami-articolo li{margin-bottom:.45em;line-height:1.8;}

/* Le immagini dentro il testo: sobrie, non riquadri decorati. */
.origami-articolo figure,
.origami-articolo .wp-block-image{margin:clamp(34px,4vw,54px) 0;}
.origami-articolo .wp-block-image img{
  display:block;
  width:100%;
  height:auto;
  border-radius:var(--org-radius-m);
}
#ajax-content-wrap .origami-articolo figcaption{
  margin-top:var(--org-space-2xs);
  font-family:var(--org-font-body);
  font-size:.92rem;
  line-height:1.6;
  color:var(--org-testo-soft);
  text-align:left;
}

/* La citazione: l'unico elemento forte del corpo. Sfonda leggermente la
   colonna, cosi' si vede che e' un'altra voce. */
.origami-articolo blockquote,
.origami-articolo .wp-block-quote{
  margin:clamp(40px,4.6vw,64px) 0;
  padding:clamp(28px,3vw,40px) clamp(26px,3vw,44px);
  background-color:var(--org-oliva-chiaro);
  border-radius:var(--org-radius-l);
  border:0;
}
#ajax-content-wrap .origami-articolo blockquote p{
  margin:0;
  font-family:var(--org-font-title);
  font-size:clamp(1.4rem,2.4vw,1.9rem);
  line-height:1.34;
  color:var(--org-verde);
}
#ajax-content-wrap .origami-articolo blockquote cite{
  display:block;
  margin-top:var(--org-space-xs);
  font-family:var(--org-font-body);
  font-size:.9rem;
  font-style:normal;
  font-weight:700;
  color:var(--org-testo-soft);
}

/* Fonti: visibili ma leggere -------------------------------------------------- */
#ajax-content-wrap .origami-fonti-titolo{
  font-size:clamp(1.2rem,1.8vw,1.45rem);
  margin:0 0 var(--org-space-s);
}
.origami-fonti{
  list-style:decimal;
  margin:0;
  padding-left:1.4em;
}
.origami-fonti > li{
  list-style:decimal;
  margin-bottom:var(--org-space-xs);
  font-family:var(--org-font-body);
  font-size:.95rem;
  line-height:1.65;
  color:var(--org-testo-soft);
}
.origami-fonte-autore{display:block;font-weight:700;color:var(--org-testo);}
.origami-fonte-rif{display:block;}
#ajax-content-wrap .origami-fonte-link{
  display:block;
  word-break:break-all;
  color:var(--org-terracotta-scuro);
  text-decoration:none;
}
#ajax-content-wrap .origami-fonte-link:hover{text-decoration:underline;}

/* Schede degli articoli ------------------------------------------------------- */
.origami-articoli{
  display:grid;
  gap:var(--org-gap);
  width:100%;
}
.origami-articoli--1{grid-template-columns:minmax(0,1fr);max-width:var(--org-narrow);}
.origami-articoli--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.origami-articoli--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.origami-articoli-evidenza{width:100%;margin-bottom:var(--org-gap);}

#ajax-content-wrap a.origami-articolo-card{
  display:flex;
  flex-direction:column;
  background-color:#FFFFFF;
  border-radius:var(--org-radius-l);
  overflow:hidden;
  text-decoration:none;
  color:var(--org-testo);
  box-shadow:var(--org-shadow-soft);
  transition:transform .2s ease, box-shadow .2s ease;
}
#ajax-content-wrap a.origami-articolo-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--org-shadow-card);
}
.origami-articolo-card-foto{
  display:block;
  aspect-ratio:3/2;
  background-color:var(--org-oliva-chiaro);
  overflow:hidden;
}
.origami-articolo-card-foto img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.origami-articolo-card-corpo{
  display:flex;
  flex-direction:column;
  gap:.55em;
  padding:clamp(22px,2.2vw,30px);
  flex:1 1 auto;
}
.origami-articolo-card-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--org-space-2xs);
}
.origami-articolo-card-data{
  font-family:var(--org-font-body);
  font-size:.85rem;
  font-weight:700;
  color:var(--org-testo-soft);
}
.origami-articolo-card-titolo{
  font-family:var(--org-font-title);
  font-size:1.4rem;
  font-weight:600;
  line-height:1.22;
  color:var(--org-verde);
}
.origami-articolo-card-estratto{
  font-family:var(--org-font-body);
  font-size:1rem;
  line-height:1.65;
  color:var(--org-testo-soft);
}
.origami-articolo-card-azione{
  margin-top:auto;
  padding-top:var(--org-space-2xs);
  font-family:var(--org-font-body);
  font-size:.98rem;
  font-weight:700;
  color:var(--org-terracotta-scuro);
}

/* L'articolo in evidenza: la stessa scheda, ma sdraiata. */
#ajax-content-wrap .origami-articoli-evidenza a.origami-articolo-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;
}
.origami-articoli-evidenza .origami-articolo-card-foto{aspect-ratio:auto;height:100%;min-height:280px;}
.origami-articoli-evidenza .origami-articolo-card-corpo{
  justify-content:center;
  padding:clamp(28px,3vw,44px);
  gap:.7em;
}
.origami-articoli-evidenza .origami-articolo-card-titolo{font-size:clamp(1.6rem,2.6vw,2.1rem);}
.origami-articoli-evidenza .origami-articolo-card-estratto{font-size:1.08rem;}

/* Schermi medi e telefono ----------------------------------------------------- */
@media only screen and (max-width:999px){
  .origami-articoli--3{grid-template-columns:repeat(2,minmax(0,1fr));}
  #ajax-content-wrap .origami-articoli-evidenza a.origami-articolo-card{grid-template-columns:minmax(0,1fr);}
  .origami-articoli-evidenza .origami-articolo-card-foto{aspect-ratio:3/2;min-height:0;}
}

@media only screen and (max-width:690px){
  .origami-articoli--2,
  .origami-articoli--3{grid-template-columns:minmax(0,1fr);}
}

/* Stessa ragione della scheda evento: dentro le fasce il contenitore si
   dimensiona sul contenuto. Qui basta forzare gli elenchi di articoli. */
.origami-articoli,
.origami-articoli-evidenza{width:100%;}
.origami-articoli-evidenza > a{width:100%;}

/* Salient mette una barra verticale a sinistra su ogni blockquote. Sul
   riquadro della citazione e' rumore in piu': il fondo colorato basta.
   Marcatore: origami-articolo-citazione-bordo */
#ajax-content-wrap .origami-articolo blockquote,
#ajax-content-wrap .origami-articolo .wp-block-quote{
  border:0;
  border-left:0;
  padding-left:clamp(26px,3vw,44px);
}

/* La locandina si apre a schermo intero ------------------------------------- */
.origami-locandina-apri{
  display:block;
  position:relative;
  width:100%;
  padding:0;
  border:0;
  background:none;
  cursor:zoom-in;
}
.origami-locandina-fogli{display:block;}
.origami-locandina-lente{
  position:absolute;
  right:12px;
  bottom:12px;
  display:inline-flex;
  align-items:center;
  gap:.45em;
  padding:.5em .9em;
  border-radius:var(--org-radius-pill);
  background-color:rgba(255,255,255,.94);
  color:var(--org-verde);
  font-family:var(--org-font-body);
  font-size:.8rem;
  font-weight:700;
  box-shadow:var(--org-shadow-soft);
  opacity:0;
  transition:opacity .2s ease;
}
.origami-locandina-apri:hover .origami-locandina-lente,
.origami-locandina-apri:focus-visible .origami-locandina-lente{opacity:1;}
/* Dove non esiste il passaggio del mouse l'invito resta sempre visibile,
   altrimenti su telefono nessuno saprebbe che si puo' toccare. */
@media (hover:none){
  .origami-locandina-lente{opacity:1;}
}

/* L'ingrandimento ------------------------------------------------------------ */
.origami-lente{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:clamp(16px,4vw,52px);
  background-color:rgba(23,52,43,.94);
}
.origami-lente.is-aperta{display:flex;}
.origami-lente-foglio{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:var(--org-radius-s);
  cursor:zoom-in;
}
/* Secondo tocco: la locandina va a tutta larghezza e la finestra scorre.
   Con un foglio fitto, vederlo intero non serve a leggerlo. */
.origami-lente.is-zoom{align-items:flex-start;overflow:auto;}
.origami-lente.is-zoom .origami-lente-foglio{
  max-height:none;
  width:min(100%,1000px);
  cursor:zoom-out;
}
/* I comandi sono fissi alla finestra e non al contenuto: con la locandina
   ingrandita il fondo scorre, e appesi al contenuto scivolerebbero via. */
.origami-lente-chiudi,
.origami-lente-freccia{
  position:fixed;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  padding:0;
  border-radius:50%;
  border:1px solid rgba(246,241,234,.35);
  background-color:rgba(246,241,234,.12);
  color:var(--org-crema);
  cursor:pointer;
  transition:background-color .2s ease;
}
.origami-lente-chiudi:hover,
.origami-lente-freccia:hover{background-color:rgba(246,241,234,.28);}
.origami-lente-chiudi{top:clamp(12px,2.4vw,28px);right:clamp(12px,2.4vw,28px);}
.origami-lente-freccia.is-prima{left:clamp(8px,2vw,28px);top:50%;transform:translateY(-50%);}
.origami-lente-freccia.is-dopo{right:clamp(8px,2vw,28px);top:50%;transform:translateY(-50%);}
.origami-lente-stato,
#ajax-content-wrap .origami-lente-stato{
  position:fixed;
  left:50%;
  transform:translateX(-50%);
  bottom:clamp(10px,2.2vw,24px);
  margin:0;
  padding:.35em 1.1em;
  border-radius:var(--org-radius-pill);
  background-color:rgba(23,52,43,.85);
  text-align:center;
  font-family:var(--org-font-body);
  font-size:.85rem;
  font-weight:700;
  color:var(--org-oliva);
}

/* Su telefono l'ingrandimento parte gia' a tutta larghezza: far stare una
   locandina A4 dentro l'altezza di uno schermo da cinque pollici non serve a
   niente. */
@media only screen and (max-width:690px){
  .origami-lente{align-items:flex-start;overflow:auto;padding:12px;}
  .origami-lente-foglio{max-height:none;width:100%;}
  .origami-lente-chiudi{top:10px;right:10px;}
  .origami-lente-freccia.is-prima{left:6px;}
  .origami-lente-freccia.is-dopo{right:6px;}
}

/* Salient impone height:auto a ogni immagine dentro una colonna. Nei riquadri
   a proporzione fissa l'immagine restava piu' bassa del riquadro e sotto si
   vedeva il fondo colorato. In posizione assoluta il riquadro e' sempre pieno. */
.origami-articolo-card-foto,
.origami-evento-riga-foto,
.origami-evento-trascorso-foto{position:relative;}
#ajax-content-wrap .origami-articolo-card-foto img,
#ajax-content-wrap .origami-evento-riga-foto img,
#ajax-content-wrap .origami-evento-trascorso-foto img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

/* Un'apertura che finisce con la sua intestazione non deve riservare spazio
   per quello che non c'e': si accorcia sotto, cosi' si intravede gia' la
   sezione successiva invece di una fascia vuota. */
.origami-section-head:last-child{margin-bottom:0;}
.origami-section.is-apertura:has(.origami-section-head:last-child){
  /* Il padding di base e' !important perche' WPBakery impone il suo: per
     vincere serve la stessa arma. */
  padding-bottom:clamp(26px,3vw,42px) !important;
}

/* Sul telefono la locandina della bacheca prende la sua altezza naturale:
   li' l'immagine torna nel flusso, altrimenti il riquadro senza proporzione
   fissa collasserebbe a zero. */
@media only screen and (max-width:690px){
  #ajax-content-wrap .origami-evento-riga-foto img{position:static;height:auto;}
}

/* ==========================================================================
   ARTICOLO: APERTURA, INDICE E RIQUADRI
   Aggiunto il 3 settembre 2026, dalla bozza "Articolo Blog" di Claude Design.

   Il corpo resta la cosa piu' importante: colonna stretta, interlinea ampia.
   I riquadri servono a dare respiro e a segnalare i cambi di voce (una frase
   che pesa, una nota di ricerca, un elenco pratico) senza spezzare la lettura,
   quindi sono tinte chiare. L'unico elemento davvero forte resta la citazione.
   -------------------------------------------------------------------------- */

/* Apertura a due colonne ---------------------------------------------------- */
.origami-articolo-apertura{
  display:grid;
  /* Il blocco BLOG piu' in alto la limitava alla colonna stretta: qui e' a
     due colonne e deve poter usare tutta la larghezza. */
  max-width:none;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(30px,4vw,52px);
  align-items:center;
  width:100%;
}
.origami-articolo-apertura.is-senza-foto{
  grid-template-columns:minmax(0,1fr);
  max-width:var(--org-narrow);
}
.origami-articolo-apertura h1{margin:0 0 .25em;}
#ajax-content-wrap .origami-articolo-apertura .origami-lead{margin:0 0 var(--org-space-s);}
#ajax-content-wrap .origami-articolo-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.6em 1.3em;
  margin:0;
  font-family:var(--org-font-body);
  font-size:.92rem;
  font-weight:700;
  color:var(--org-testo-soft);
}
.origami-articolo-firma{color:var(--org-verde);}
.origami-articolo-hero{margin:0;width:100%;}
.origami-articolo-hero img{
  display:block;
  width:100%;
  height:100%;
  max-height:360px;
  object-fit:cover;
  border-radius:var(--org-radius-l);
}

/* Corpo e indice ------------------------------------------------------------ */
.origami-articolo-corpo{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:clamp(36px,5vw,64px);
  align-items:start;
  width:100%;
}
.origami-articolo-corpo.is-senza-indice{
  grid-template-columns:minmax(0,1fr);
  max-width:var(--org-narrow);
  margin:0 auto;
}
.origami-articolo-corpo .origami-articolo{max-width:720px;}

.origami-articolo-indice{
  position:sticky;
  /* L'intestazione di Salient resta in cima: l'indice si ferma sotto. */
  top:120px;
  display:flex;
  flex-direction:column;
  gap:var(--org-space-xs);
}
#ajax-content-wrap .origami-articolo-indice-voce{
  margin:0;
  font-family:var(--org-font-body);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--org-testo-soft);
}
.origami-articolo-indice nav{
  display:flex;
  flex-direction:column;
  gap:.55em;
  padding-bottom:var(--org-space-xs);
  border-bottom:1px solid var(--org-tortora);
}
#ajax-content-wrap .origami-articolo-indice nav a{
  font-family:var(--org-font-body);
  font-size:.95rem;
  line-height:1.4;
  font-weight:600;
  color:var(--org-testo-soft);
  text-decoration:none;
  transition:color .2s ease;
}
#ajax-content-wrap .origami-articolo-indice nav a:hover{color:var(--org-verde);}

/* I titoli di sezione devono fermarsi sotto l'intestazione quando si arriva
   con un collegamento interno. */
.origami-articolo h2{scroll-margin-top:120px;}
.origami-fonti-riquadro{scroll-margin-top:120px;}

/* I riquadri dentro il testo ------------------------------------------------- */

/* Frase in evidenza: stile del blocco paragrafo. */
#ajax-content-wrap .origami-articolo p.is-style-origami-evidenza{
  margin:clamp(30px,3.4vw,44px) 0;
  padding:clamp(24px,2.6vw,32px) clamp(24px,2.8vw,34px);
  background-color:var(--org-oliva-chiaro);
  border-radius:var(--org-radius-l);
  font-family:var(--org-font-title);
  font-size:clamp(1.25rem,2vw,1.55rem);
  line-height:1.4;
  color:var(--org-verde);
}

/* Nota e nota calda: stili del blocco gruppo. Dentro, il titolo di terzo
   livello diventa l'occhiello del riquadro. */
.origami-articolo .wp-block-group.is-style-origami-nota,
.origami-articolo .wp-block-group.is-style-origami-nota-calda{
  margin:clamp(30px,3.4vw,44px) 0;
  padding:clamp(24px,2.6vw,32px) clamp(24px,2.8vw,34px);
  border-radius:var(--org-radius-l);
}
.origami-articolo .wp-block-group.is-style-origami-nota{background-color:var(--org-crema);}
.origami-articolo .wp-block-group.is-style-origami-nota-calda{background-color:var(--org-terracotta-velo);}

#ajax-content-wrap .origami-articolo .wp-block-group.is-style-origami-nota h3,
#ajax-content-wrap .origami-articolo .wp-block-group.is-style-origami-nota-calda h3{
  margin:0 0 var(--org-space-2xs);
  font-family:var(--org-font-body);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--org-terracotta-scuro);
}
#ajax-content-wrap .origami-articolo .wp-block-group p{
  margin:0;
  font-size:1.05rem;
  line-height:1.75;
}
/* Il ritmo dei paragrafi sta nel blocco "RITMO DEI PARAGRAFI NEI TESTI LUNGHI",
   in fondo a questo file: qui il valore era falsato dal padding di Salient. */
.origami-articolo .wp-block-group ul{margin:0 0 0 1.2em;}
#ajax-content-wrap .origami-articolo .wp-block-group li{
  font-size:1.05rem;
  line-height:1.7;
  margin-bottom:.45em;
}

/* La citazione: l'unico elemento forte, sul verde pieno. */
#ajax-content-wrap .origami-articolo blockquote,
#ajax-content-wrap .origami-articolo .wp-block-quote{
  margin:clamp(40px,4.6vw,64px) 0;
  padding:clamp(30px,3.2vw,42px) clamp(28px,3vw,40px);
  background-color:var(--org-verde);
  border:0;
  border-radius:var(--org-radius-l);
}
#ajax-content-wrap .origami-articolo blockquote p{
  margin:0;
  font-family:var(--org-font-title);
  font-size:clamp(1.4rem,2.4vw,1.9rem);
  line-height:1.34;
  color:var(--org-crema);
}
#ajax-content-wrap .origami-articolo blockquote cite{
  display:block;
  margin-top:var(--org-space-xs);
  font-family:var(--org-font-body);
  font-size:.9rem;
  font-style:normal;
  font-weight:700;
  color:var(--org-oliva);
}

/* Le fonti, in fondo alla colonna del testo --------------------------------- */
.origami-fonti-riquadro{
  margin-top:clamp(36px,4vw,56px);
  padding:clamp(28px,3vw,38px);
  background-color:var(--org-crema);
  border-radius:var(--org-radius-l);
}
#ajax-content-wrap .origami-fonti-riquadro h2{
  margin:0 0 var(--org-space-s);
  font-size:clamp(1.2rem,1.8vw,1.45rem);
}

/* L'invito largo in fondo, condiviso con la bacheca eventi ------------------ */
.origami-invito-largo{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:clamp(28px,3.4vw,48px);
  align-items:center;
  width:100%;
}
.origami-invito-largo h2{margin:0 0 .3em;}
#ajax-content-wrap .origami-invito-largo .origami-section-intro{margin:0;}

/* Schermi medi e telefono ---------------------------------------------------- */
@media only screen and (max-width:999px){
  .origami-articolo-apertura,
  .origami-invito-largo{grid-template-columns:minmax(0,1fr);}
  .origami-articolo-hero img{max-height:320px;}
  /* L'indice smette di essere una colonna e diventa un riquadro sopra il
     testo: di lato non ci starebbe, e nasconderlo lascerebbe un articolo
     lungo senza mappa. */
  .origami-articolo-corpo{grid-template-columns:minmax(0,1fr);}
  .origami-articolo-indice{
    position:static;
    padding:clamp(20px,2.4vw,26px);
    background-color:var(--org-crema);
    border-radius:var(--org-radius-l);
  }
  .origami-articolo-indice nav{border-bottom:0;padding-bottom:0;}
  .origami-articolo-corpo .origami-articolo{max-width:none;}
}

/* ==========================================================================
   CORREZIONI: CITAZIONE E SCHEDE DEL BLOG
   3 settembre 2026.
   -------------------------------------------------------------------------- */

/* La barra verticale accanto alla citazione.
   Non e' un bordo del riquadro: Salient la disegna con uno pseudo-elemento in
   posizione assoluta (left:0, height:100%, border-left:4px), quindi azzerare
   "border" sul blockquote non la toglie. E siccome il riquadro non e'
   posizionato, la barra si aggancia a un antenato piu' alto e sborda sotto la
   citazione. Va spenta, e il riquadro reso posizionato.
   Marcatore: origami-citazione-barra */
#ajax-content-wrap .origami-articolo blockquote,
#ajax-content-wrap .origami-articolo .wp-block-quote{position:relative;}
#ajax-content-wrap .origami-articolo blockquote::before,
#ajax-content-wrap .origami-articolo .wp-block-quote::before{
  display:none;
  content:none;
  border:0;
}

/* Schede del blog: l'estratto non fa piu' crescere la scheda -----------------
   Un estratto lungo alzava la scheda di duecento pixel e, in quella in
   evidenza, si tirava dietro anche la fotografia. Tre righe bastano a capire
   di cosa parla l'articolo: il resto si legge aprendolo. */
.origami-articolo-card-estratto{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
  overflow:hidden;
}
.origami-articoli-evidenza .origami-articolo-card-estratto{
  -webkit-line-clamp:4;
  line-clamp:4;
}

/* Con due colonne la scheda e' piu' larga e il titolo puo' crescere un po'. */
.origami-articoli--2 .origami-articolo-card-titolo{font-size:1.5rem;}

/* L'indice dell'articolo deve restare fermo davvero --------------------------
   Salient dichiara body{overflow:hidden}. Un antenato con overflow diverso da
   visible diventa il contenitore di scorrimento di position:sticky: siccome il
   body non scorre, l'indice scorreva via insieme al testo. Lo sticky c'era, ma
   non poteva funzionare. Si sblocca solo sulla pagina dell'articolo e solo dove
   l'indice e' davvero una colonna: sotto i 1000px diventa un riquadro sopra al
   testo e non serve.
   Marcatore: origami-indice-sticky */
@media only screen and (min-width:1000px){
  body.single-post{overflow:visible;}
}

/* Con la barra di amministrazione l'intestazione scende di 32px: l'indice e i
   titoli raggiunti da un collegamento interno devono scendere con lei,
   altrimenti la prima riga finisce sotto al menu. Vale solo a schermo largo,
   dove l'indice e' una colonna ferma. */
@media only screen and (min-width:1000px){
  body.admin-bar .origami-articolo-indice{top:152px;}
  body.admin-bar .origami-articolo h2,
  body.admin-bar .origami-fonti-riquadro{scroll-margin-top:152px;}
}

/* I collegamenti dentro il testo dell'articolo -------------------------------
   Erano verde scuro su crema e senza sottolineatura: a fianco del colore del
   testo non si distinguevano. Terracotta e sottolineati si vedono senza
   gridare, come i collegamenti delle fonti. Nella citazione, che sta su fondo
   pieno, resta il colore chiaro.
   Marcatore: origami-articolo-link */
#ajax-content-wrap .origami-articolo p a,
#ajax-content-wrap .origami-articolo li a{
  color:var(--org-terracotta-scuro);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.18em;
}
#ajax-content-wrap .origami-articolo p a:hover,
#ajax-content-wrap .origami-articolo li a:hover{color:var(--org-verde);}
#ajax-content-wrap .origami-articolo blockquote a{color:var(--org-oliva);}



/* ==========================================================================
   ORIGAMI CONSIGLIA
   3 settembre 2026.

   La sezione riusa quasi tutta la bacheca degli eventi: stesse righe larghe,
   stesse schede in archivio, stesso riquadro sfogliabile. Qui c'e' solo cio'
   che cambia davvero, e cambia per due motivi.

   1. SONO FOTOGRAFIE, NON LOCANDINE. Una locandina e' un foglio da leggere e
      va mostrata intera (object-fit:contain, proporzione da manifesto). Una
      fotografia di un posto va invece riempita fino ai bordi, altrimenti
      restano due fasce bianche ai lati.
   2. NON TUTTO HA UNA DATA. Il quadratino del giorno deve dire qualcosa anche
      quando il giorno non c'e', e deve occupare lo stesso spazio per non
      sfalsare le righe accanto.
   -------------------------------------------------------------------------- */

/* Le foto al posto delle locandine ------------------------------------------ */
.origami-evento-riga-foto.is-foto{aspect-ratio:4/3;}
.origami-evento-riga-foto.is-foto img,
.origami-evento-trascorso-foto.is-foto img{object-fit:cover;}
.origami-locandina.is-foto .origami-locandina-fogli{
  aspect-ratio:4/3;
  background-color:var(--org-oliva-chiaro);
}
.origami-locandina.is-foto .origami-locandina-foglio{object-fit:cover;}
/* A schermo intero la foto torna intera: li' lo spazio c'e'. */
.origami-lente-foglio{object-fit:contain;}

/* Il quadratino di un posto che c'e' sempre --------------------------------- */
.origami-evento-datario.is-sempre{justify-content:center;}
.origami-evento-datario-sempre{
  font-family:var(--org-font-title);
  font-size:1.35rem;
  font-weight:600;
  line-height:1.1;
  color:var(--org-verde);
  /* Cormorant ha le cifre mediovali: qui non ci sono numeri, ma la regola
     resta per coerenza con gli altri quadratini. */
  font-variant-numeric:lining-nums;
}

/* Le categorie sotto al titolo ---------------------------------------------- */
.origami-consiglio-temi{
  display:flex;
  flex-wrap:wrap;
  gap:.4em .55em;
  margin-top:var(--org-space-2xs);
}
#ajax-content-wrap .origami-consiglio-tema{
  display:inline-flex;
  align-items:center;
  gap:.35em;
  padding:.25em .7em;
  border-radius:999px;
  background-color:var(--org-oliva-chiaro);
  font-family:var(--org-font-body);
  font-size:.78rem;
  font-weight:700;
  line-height:1.3;
  color:var(--org-verde);
}
#ajax-content-wrap .origami-consiglio-temi.is-apertura{margin:var(--org-space-xs) 0 0;}

/* Il filtro ------------------------------------------------------------------
   Sono undici pulsanti: incolonnati sarebbero un muro, quindi vanno a capo e
   restano bassi. Il simbolo aiuta a ritrovarli senza leggerli tutti. */
/* La dicitura sta sulla stessa riga dei pulsanti, non sopra: da sola su una
   riga a se' pesava quanto un'intestazione, e questo e' uno strumento di
   navigazione, non il secondo titolo della pagina. In piu' quella riga
   costava 36px di altezza proprio dove servivano. */
.origami-consigli-filtro{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:var(--org-space-xs) var(--org-space-s);
  margin-bottom:clamp(20px,2.2vw,28px);
  /* Stesso valore del capo della sezione qui sopra: lo spazio sopra la barra e
     quello fra i pulsanti e il filo sotto devono essere uguali. */
  padding-bottom:clamp(20px,2.2vw,28px);
  border-bottom:1px solid var(--org-tortora);
  width:100%;
}
#ajax-content-wrap .origami-consigli-filtro-voce{
  margin:0;
  /* Senza questo la dicitura si porta dietro i 20px di padding che il tema
     mette sotto a ogni <p>: la barra diventa piu' alta dei pulsanti e lo
     spazio sotto il filo non corrisponde piu' a quello sopra. */
  padding:0;
  flex:0 0 auto;
  font-family:var(--org-font-body);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--org-testo-soft);
}
.origami-consigli-chip-riga{
  display:flex;
  flex-wrap:wrap;
  gap:.5em;
  /* Prende tutto lo spazio che avanza accanto alla dicitura, e quando non ce
     n'e' abbastanza (telefono) va a capo sotto invece di stringersi. */
  flex:1 1 320px;
}
#ajax-content-wrap .origami-consigli-chip{
  display:inline-flex;
  align-items:center;
  gap:.4em;
  margin:0;
  padding:.5em 1em;
  border:1px solid var(--org-tortora);
  border-radius:999px;
  background-color:#FFFFFF;
  font-family:var(--org-font-body);
  font-size:.9rem;
  font-weight:700;
  line-height:1.2;
  color:var(--org-verde);
  cursor:pointer;
  transition:background-color .2s ease, border-color .2s ease, color .2s ease;
}
#ajax-content-wrap .origami-consigli-chip:hover{border-color:var(--org-verde);}
#ajax-content-wrap .origami-consigli-chip.is-attivo{
  background-color:var(--org-verde);
  border-color:var(--org-verde);
  color:var(--org-crema);
}
.origami-consigli-chip-emoji{font-size:1.05em;line-height:1;}

#ajax-content-wrap .origami-consigli-nessuno{
  margin:var(--org-space-s) 0 0;
  font-family:var(--org-font-body);
  color:var(--org-testo-soft);
}

/* Il testo della scheda, che e' un racconto breve e non un articolo --------- */
.origami-consiglio-testo{max-width:var(--org-narrow);}

/* Telefono ------------------------------------------------------------------ */
@media only screen and (max-width:690px){
  /* La riga va in colonna sola: la foto grande, poi il testo. Il quadratino
     della data resta piccolo e appoggiato a sinistra. */
  .origami-evento-riga-foto.is-foto{aspect-ratio:16/10;}
  #ajax-content-wrap .origami-consigli-chip{font-size:.85rem;padding:.45em .85em;}
}

/* La nota editoriale, in fondo alla pagina dell'evento e in fondo alla
   bacheca: piccola e discreta di proposito, e' un chiarimento legale, non
   un contenuto da leggere con la stessa attenzione del resto. */
.origami-nota-editoriale{
  margin:0 auto;
  max-width:var(--org-narrow);
  text-align:center;
  font-family:var(--org-font-body);
  font-size:.85rem;
  line-height:1.6;
  color:var(--org-testo-soft);
}
/* Lo spazio fra l'ultima scheda e la nota. Prima era la somma di quattro
   cose diverse (il margine dell'elenco, il fondo di una sezione, il capo
   della successiva e questo margine): 264px. Ora la nota sta nella stessa
   sezione dell'elenco e questo e' l'unico valore in gioco. */
.origami-consiglia-nota-bacheca{margin-top:clamp(40px,4.6vw,60px);}
#ajax-content-wrap .origami-consiglia-nota-bacheca p{
  margin:0 0 .6em;
  font-family:var(--org-font-body);
  font-size:.85rem;
  line-height:1.65;
  color:var(--org-testo-soft);
}
#ajax-content-wrap .origami-consiglia-nota-bacheca p:last-child{margin-bottom:0;}
#ajax-content-wrap .origami-consiglia-nota-bacheca a{color:var(--org-terracotta-scuro);}

/* La frase-guida accanto al pulsante verso il sito dell'organizzatore. */
#ajax-content-wrap .origami-consiglio-cta{
  margin:0 0 var(--org-space-2xs);
  font-family:var(--org-font-body);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.03em;
  color:var(--org-terracotta-scuro);
}

/* Il corpo del consiglio: descrizione a sinistra, parte pratica in un
   riquadro a destra --------------------------------------------------------
   Bianco invece che colorato: le fasce della pagina alternano gia'
   crema/chiaro, e un riquadro colorato in piu' si sarebbe confuso con quelle.
   Il bianco puro si stacca sempre, qualunque sia la fascia sotto. */
.origami-consiglio-corpo{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  gap:clamp(30px,4vw,52px);
  align-items:start;
  width:100%;
}
.origami-consiglio-corpo.is-senza-buono{
  grid-template-columns:minmax(0,1fr);
  max-width:var(--org-narrow);
  margin:0 auto;
}
.origami-consiglio-corpo .origami-consiglio-testo{max-width:none;}

.origami-consiglio-buono{
  position:sticky;
  top:120px;
  padding:clamp(26px,2.8vw,36px);
  background-color:#FFFFFF;
  border-radius:var(--org-radius-l);
  box-shadow:var(--org-shadow-soft);
}
#ajax-content-wrap .origami-consiglio-buono h2,
#ajax-content-wrap .origami-consiglio-buono h3{
  margin:0 0 var(--org-space-xs);
  font-size:clamp(1.25rem,1.8vw,1.5rem);
}
#ajax-content-wrap .origami-consiglio-buono > *:first-child{margin-top:0;}
#ajax-content-wrap .origami-consiglio-buono p{
  margin:0 0 1em;
  font-size:1rem;
  line-height:1.75;
  color:var(--org-testo);
}
#ajax-content-wrap .origami-consiglio-buono p:last-child{margin-bottom:0;}

/* "Chi organizza": stessa forma di sopra, spiegazione a sinistra e un
   riquadro a destra — qui pero' e' un riquadro fisso (i contatti), non un
   pezzo di testo tagliato dal contenuto, quindi non serve position:sticky:
   la colonna e' quasi sempre piu' corta del testo a fianco. */
.origami-consiglio-organizza{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  gap:clamp(30px,4vw,52px);
  align-items:start;
  width:100%;
}
.origami-consiglio-contatti{position:static;}
.origami-consiglio-contatti .origami-contatti{margin-bottom:var(--org-space-s);}
.origami-consiglio-contatti .origami-contatti:last-child{margin-bottom:0;}
.origami-consiglio-contatti .origami-consiglio-cta{margin-top:0;}
.origami-consiglio-contatti .origami-btn-row{margin-top:var(--org-space-xs);}

@media only screen and (max-width:999px){
  .origami-consiglio-corpo,
  .origami-consiglio-organizza{grid-template-columns:minmax(0,1fr);}
  .origami-consiglio-buono{position:static;}
}

/* ==========================================================================
   LA PAGINA "ORIGAMI CONSIGLIA": APERTURA E RITMO VERTICALE
   Aggiunto il 3 settembre 2026.

   Il problema da cui nasce tutto questo: la prima schermata era occupata per
   intero dall'introduzione, e chi apriva la pagina non vedeva ne' i filtri ne'
   l'inizio del primo consiglio. Non perche' i testi fossero lunghi o
   l'immagine grande — vanno benissimo cosi' — ma perche' erano impilati uno
   sotto l'altro dentro tre sezioni diverse, tutte e tre dello stesso colore, e
   a ogni giunzione fra due sezioni si sommavano due imbottiture invisibili.

   ATTENZIONE AL GUSCIO: le classi toccate qui sotto (.origami-section,
   .origami-breadcrumb, .origami-section-head, .origami-lead,
   .origami-elenco-testa) sono le stesse di /eventi/, del blog e delle schede.
   Tutto cio' che le riguarda sta dentro "body.origami-pagina-bacheca" — la
   classe la aggiunge origami-consigli.php e sta solo su questa pagina. Le
   classi nuove (.origami-consiglia-*) non hanno bisogno del guscio: nascono
   qui e non esistono altrove.
   -------------------------------------------------------------------------- */

/* L'apertura: i testi a sinistra, la fotografia a destra ---------------------
   Titolo e sottotitolo restano larghi quanto la pagina — cosi' "Uno sguardo
   anche sul territorio" sta su una riga sola invece che su due, e sono 66px
   guadagnati senza toccare il corpo del carattere. Sotto, i tre paragrafi e la
   fotografia si dividono la larghezza: affiancati misurano poco meno di 300px
   in tutto, impilati ne misuravano piu' di 600.

   La griglia ha due righe apposta: a sinistra la frase di apertura sopra e il
   "perche'" sotto, a destra la fotografia che le attraversa entrambe. Serve
   per il telefono, dove le tre parti tornano in colonna in quest'ordine —
   frase breve, fotografia, spiegazione — invece di lasciare tre paragrafi di
   fila prima di far vedere qualcosa. */
.origami-apertura-due{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  grid-template-rows:auto 1fr;
  column-gap:clamp(32px,3.6vw,56px);
  row-gap:var(--org-space-s);
  align-items:start;
  width:100%;
}
.origami-apertura-due-primo{grid-column:1;grid-row:1;}
.origami-apertura-due-nota{grid-column:1;grid-row:2;}

/* La fotografia prende l'altezza della colonna di testo accanto, non una sua:
   e' il testo a decidere quanto e' alta l'apertura, e la fotografia si adatta.
   Senza align-self:stretch resterebbe alta quanto la sua proporzione naturale
   (4:3, cioe' quasi 400px a questa larghezza) e sarebbe lei a dettare
   l'altezza della sezione. Il ritaglio e' al 40% dall'alto e non centrato: il
   cantastorie sta nella meta' superiore dello scatto e un taglio centrato gli
   tagliava la testa. */
.origami-apertura-due-figura{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:stretch;
  position:relative;
  margin:0;
  min-height:clamp(200px,19vw,280px);
  border-radius:var(--org-radius-l);
  overflow:hidden;
  background-color:var(--org-oliva-chiaro);
}
#ajax-content-wrap .origami-apertura-due-figura img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 40%;
  display:block;
  border-radius:0;
}

/* Il sottotitolo lungo dell'intestazione. Il limite di 62ch serve a tenere
   leggibili i testi larghi quanto la pagina; qui manda a capo dopo "per" una
   frase che nel contenitore largo ci starebbe tutta su una riga. */
body.origami-pagina-bacheca #ajax-content-wrap .origami-section-head .origami-section-intro{max-width:100ch;}

/* Il racconto della bacheca eventi -------------------------------------------
   Sta sotto all'intestazione, largo quanto lo lascia leggibile, non di fianco:
   sono due frasi di seguito, non due discorsi da mettere a confronto. Non sta
   piu' in una sezione sua — li' erano due imbottiture di sezione sommate,
   146px, per due paragrafi — e fra una frase e l'altra c'e' lo spazio normale
   del sito, non una riga vuota. */
.origami-eventi-racconto{max-width:70ch;}
body.origami-pagina-bacheca #ajax-content-wrap .origami-eventi-racconto p{
  margin:0 0 var(--org-space-xs);
  padding:0;
  font-family:var(--org-font-body);
  font-size:1.02rem;
  line-height:1.75;
  color:var(--org-testo-soft);
}
body.origami-pagina-bacheca #ajax-content-wrap .origami-eventi-racconto p:last-child{margin-bottom:0;}

/* Le spaziature dell'intestazione ------------------------------------------- */
/* Il tema accorcia da solo il fondo di un'apertura che finisce con la sua
   intestazione — la regola e' ".origami-section.is-apertura:has(
   .origami-section-head:last-child)". Qui sotto l'intestazione ora c'e' la
   griglia testo/fotografia, quindi quella condizione non e' piu' vera e il
   fondo tornava ai suoi 84px pieni. Non e' un valore inventato: e' lo stesso
   clamp della regola del tema, riportato a mano perche' la sua condizione non
   descrive piu' questa pagina. */
body.origami-pagina-bacheca .origami-section.is-apertura{
  padding-bottom:clamp(26px,3vw,42px) !important;
}
body.origami-pagina-bacheca .origami-breadcrumb{margin-bottom:var(--org-space-xs);}
body.origami-pagina-bacheca .origami-section-head{margin-bottom:clamp(22px,2.4vw,28px);}
/* Il sottotitolo e' l'ultima riga dell'intestazione: lo stacco verso il blocco
   sotto lo decide il margine dell'intestazione, non il suo. */
body.origami-pagina-bacheca #ajax-content-wrap .origami-section-head .origami-lead{margin:0;}
/* Il guscio del body serve anche qui, e non per isolare la pagina: due regole
   generali del tema danno a ogni <p> dentro una sezione 20px di padding sotto
   e 1em di margine sopra quando segue un altro <p>. Sono (1,1,1) e (1,1,2) di
   specificita': una classe sola perdeva in silenzio, e i tre paragrafi
   arrivavano ognuno 20px piu' alto del previsto — 80px in tutto, proprio dove
   servivano. Qui lo spazio fra i paragrafi lo decide una cosa sola: il loro
   margine. */
body.origami-pagina-bacheca #ajax-content-wrap p.origami-apertura-due-primo{
  margin:0;
  padding:0;
  /* Il limite di 62ch serve quando il testo e' largo quanto la pagina: qui la
     colonna lo tiene gia' corto. */
  max-width:none;
}
body.origami-pagina-bacheca #ajax-content-wrap .origami-apertura-due-nota p{
  margin:0 0 var(--org-space-xs);
  padding:0;
  font-family:var(--org-font-body);
  font-size:1.02rem;
  line-height:1.75;
  color:var(--org-testo-soft);
}
body.origami-pagina-bacheca #ajax-content-wrap .origami-apertura-due-nota p:last-child{margin-bottom:0;}
/* Deve stare dopo la regola qui sopra: stessa specificita', vince l'ultima.
   Non e' un titolo, e' un cambio di discorso — dal "che cosa trovi" al
   "perche' lo trovi" — e serve a non far leggere i tre paragrafi come un
   blocco unico. */
body.origami-pagina-bacheca #ajax-content-wrap p.origami-apertura-eyebrow{
  margin:0 0 var(--org-space-2xs);
  padding:0;
  font-family:var(--org-font-body);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--org-testo-soft);
}

/* Il capo della sezione dell'elenco -----------------------------------------
   Fra l'ultima riga dell'introduzione e il filtro ci sono due imbottiture di
   sezione, non una: il fondo della fascia crema e il capo della fascia chiara.
   Sommate facevano 126px. Il fondo della crema resta com'e' (42px: la fascia
   ha bisogno di respirare sotto all'immagine, altrimenti il colore sembra
   tagliato), qui si dimezza il capo della chiara. */
body.origami-pagina-bacheca .origami-section.origami-sezione-elenco{
  padding-top:clamp(20px,2.2vw,28px) !important;
}

/* "Da vedere adesso" ---------------------------------------------------------
   E' il titolo che dice dove comincia la roba da guardare e deve pesare piu'
   della barra dei filtri che il lettore ha appena attraversato: un filo piu'
   grande, il pallino piu' pieno, e piu' vicino alla prima scheda di quanto
   fosse prima. Vale solo qui: su /eventi/ la stessa intestazione resta com'e'. */
body.origami-pagina-bacheca .origami-elenco-testa{
  margin-bottom:clamp(20px,2.2vw,28px);
}
body.origami-pagina-bacheca #ajax-content-wrap .origami-elenco-testa h2{
  font-size:clamp(1.85rem,3.1vw,2.9rem);
}
body.origami-pagina-bacheca .origami-elenco-punto{width:16px;height:16px;}

/* L'ultimo elenco della pagina ----------------------------------------------
   L'elenco dei prossimi lascia sotto di se' un margine alto perche' li' sotto
   di solito comincia "Gia' passati". Quando e' l'ultimo elenco quel margine
   non separa piu' niente: se ne va, e lo spazio verso la nota lo decide solo
   la nota. La classe la mette il PHP, che sa quale blocco e' l'ultimo. */
.origami-elenco-blocco.is-ultimo .origami-eventi-righe{margin-bottom:0;}

/* Dove si spezza l'apertura --------------------------------------------------
   900px e non i 999px usati nel resto del sito: la soglia qui non dipende dal
   tipo di dispositivo ma dalla larghezza che resta ai due pezzi. Sopra i 900px
   alla colonna del testo restano righe di lunghezza ancora leggibile e alla
   fotografia circa 370px, che e' una fotografia; sotto, il testo comincia a
   spezzarsi ogni cinque parole e la fotografia diventa una miniatura. Meglio
   impilare prima. */
/* La pagina dei servizi: a destra un disegno, non una fotografia.
   Non e' la stessa cosa e non va trattata come tale — un tratto su fondo
   trasparente non si ritaglia dentro un riquadro e non prende angoli
   arrotondati: si appoggia sulla fascia e basta. Sta al centro dell'altezza
   perche' l'uccellino vola, e appoggiato in alto sembrava cadere. */
.origami-apertura-decorata{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);
  gap:clamp(28px,3.4vw,52px);
  align-items:center;
  width:100%;
}
.origami-apertura-decoro{
  margin:0;
  align-self:center;
}
#ajax-content-wrap .origami-apertura-decoro img{
  width:100%;
  height:auto;
  display:block;
  border-radius:0;
}

@media only screen and (max-width:900px){
  .origami-apertura-decorata{
    grid-template-columns:minmax(0,1fr);
    gap:var(--org-space-s);
  }
  /* In colonna sola il disegno prende tutta la larghezza e diventa enorme:
     qui vale come firma in coda al testo, non come illustrazione. */
  .origami-apertura-decoro{max-width:320px;}
}

@media only screen and (max-width:900px){
  /* Una colonna sola, e nell'ordine in cui stanno nel documento: la frase
     breve, poi la fotografia, poi il perche'. La fotografia arriva presto —
     chi scorre vede subito qualcosa — ma non prima di aver letto di che cosa
     si tratta. */
  .origami-apertura-due{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:none;
    row-gap:var(--org-space-m);
  }
  .origami-apertura-due-primo,
  .origami-apertura-due-nota,
  .origami-apertura-due-figura{grid-column:1;grid-row:auto;}
  /* Senza una colonna accanto che le dia l'altezza, la fotografia torna a una
     proporzione sua: qui la larghezza c'e' tutta e non serve tagliarla cosi'
     stretta. */
  .origami-apertura-due-figura{
    aspect-ratio:3/2;
    min-height:0;
  }
  #ajax-content-wrap .origami-apertura-due-primo{max-width:62ch;}
}


/* ==========================================================================
   HOME: BLOCCHI EVENTI E ORIGAMI CONSIGLIA
   3 settembre 2026, dalla bozza "Home - Blocchi Eventi e Consigli" di
   Claude Design, riportata sui token veri del tema al posto dei valori
   indicativi del mockup (qui Cormorant/Nunito Sans e la palette gia'
   definita in :root, non Prata/#3E6B5A).

   Le due fasce spariscono del tutto se non c'e' niente da mostrare: la
   condizione e' in PHP (origami-home-blocchi.php), qui c'e' solo l'aspetto.
   La griglia riusa le classi .origami-articoli/--N gia' definite per le
   schede del blog: stesse soglie responsive, un solo posto dove cambiarle.
   -------------------------------------------------------------------------- */

/* Lo sfondo delle due fasce non e' fisso: si alterna da solo in PHP fra
   is-crema (F6F1EA) e is-chiaro (FBF8F3, gia' definito altrove), la stessa
   alternanza crema/crema-chiaro usata nel resto del sito. Se una delle due
   fasce sparisce perche' non c'e' niente da mostrare, l'altra resta sempre
   la prima della coda e prende sempre il crema pieno. */

/* La scheda, comune a eventi e consigli --------------------------------- */
#ajax-content-wrap a.origami-home-card{
  display:flex;
  flex-direction:column;
  background-color:#FFFFFF;
  border-radius:var(--org-radius-l);
  overflow:hidden;
  text-decoration:none;
  color:var(--org-testo);
  box-shadow:var(--org-shadow-soft);
  transition:transform .2s ease, box-shadow .2s ease;
}
#ajax-content-wrap a.origami-home-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--org-shadow-card);
}
/* L'immagine e' bassa apposta: alta com'era (16:9) la scheda superava
   l'altezza di uno schermo da laptop e non si vedeva mai per intero senza
   scorrere. Tagliata di piu', la scheda intera ci sta nel primo sguardo. */
.origami-home-card-foto{
  display:block;
  aspect-ratio:2.35/1;
  background-color:var(--org-oliva-chiaro);
  overflow:hidden;
}
.origami-home-card-foto img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.origami-home-card-corpo{
  display:flex;
  flex-direction:column;
  gap:.5em;
  padding:clamp(18px,1.8vw,22px);
  flex:1 1 auto;
}
.origami-home-card-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.5em .7em;
}
#ajax-content-wrap .origami-home-card-quando{
  font-family:var(--org-font-body);
  font-size:.82rem;
  color:var(--org-testo-soft);
}
/* Il "dove" del consiglio: riga a se', sotto l'etichetta e la data — come
   nella bacheca, dove data e luogo non sono mai la stessa riga. E' un
   figlio diretto del corpo (che e' gia' un flex a colonna con il suo gap),
   quindi non gli serve un margine proprio: lo spazio sopra arriva da li'. */
.origami-home-card-dove{
  display:block;
  margin:0;
  font-family:var(--org-font-body);
  font-size:.82rem;
  color:var(--org-testo-soft);
}
/* Titolo ed estratto sono tagliati a un numero fisso di righe: senza,
   una scheda con un titolo lungo diventava piu' alta delle altre due
   accanto, e la fila non restava mai allineata. */
.origami-home-card-titolo{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
  padding-top:.5em;
  border-top:1px solid #EFE9E0;
  font-family:var(--org-font-title);
  font-size:1.22rem;
  font-weight:600;
  line-height:1.28;
  color:var(--org-verde);
}
.origami-home-card-estratto{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
  font-family:var(--org-font-body);
  font-size:.92rem;
  line-height:1.55;
  color:var(--org-testo-soft);
}

/* Il piede della scheda evento: nome della professionista sopra, azione
   sotto. Impilati apposta, non affiancati — su una riga sola un nome lungo
   spingerebbe "Scopri di piu'" fuori dalla scheda o lo faceva andare a
   capo in modo storto. */
.origami-home-card-piede{
  margin-top:auto;
  padding-top:.7em;
  border-top:1px solid #EFE9E0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.35em;
}
#ajax-content-wrap .origami-home-card-prof{
  font-family:var(--org-font-body);
  font-size:.82rem;
  color:var(--org-testo-soft);
}
#ajax-content-wrap .origami-home-card-azione{
  font-family:var(--org-font-body);
  font-weight:700;
  font-size:.92rem;
  color:var(--org-terracotta-scuro);
  white-space:nowrap;
}

/* Il consiglio non ha il piede a due righe: l'azione segue subito
   l'estratto, come "Leggi l'articolo" nelle schede del blog. */
.origami-consiglio-card-home .origami-home-card-azione{margin-top:auto;padding-top:.5em;}

/* Il posto vuoto accanto alla scheda sola ---------------------------------
   Non e' una finta scheda: nessun bordo, nessuno sfondo, nessuna ombra.
   Solo la foglia come decorazione e una riga in corsivo, cosi' si legge
   subito come uno spazio che aspetta, non come un contenuto mancante. */
.origami-home-filler{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:var(--org-space-xs);
  text-align:center;
  padding:clamp(20px,2.4vw,32px);
}
.origami-home-filler-foglia{display:block;width:64px;}
.origami-home-filler-foglia img{
  width:100%;
  height:auto;
  display:block;
  opacity:.55;
}
.origami-home-filler-testo{
  margin:0;
  font-family:var(--org-font-title);
  font-size:1.15rem;
  font-style:italic;
  line-height:1.4;
  color:var(--org-testo-soft);
}


/* ==========================================================================
   RITMO DEI PARAGRAFI NEI TESTI LUNGHI
   3 settembre 2026.

   Salient da' a ogni <p> un "padding-bottom:20px". Non e' un margine: non
   collassa, non si vede leggendo il nostro CSS, e si somma a qualunque
   margine scriviamo noi. Ogni ritmo verticale deciso qui dentro era quindi
   20px piu' largo di quanto dicesse la regola che lo imposta:

     articolo del blog e scheda consiglio   20px + 1.1em = 40px su riga 33px
     schede dei servizi                     20px + 0.9em = 34px su riga 27px
     introduzioni di sezione                20px + 1em   = 37px su riga 29px

   Fra un paragrafo e l'altro restava piu' di una riga vuota: il testo si
   leggeva a blocchi staccati invece che di fila.

   QUI SI AZZERA IL PADDING E LO SPAZIO LO DECIDE UN MARGINE SOLO, a 1,5em —
   cioe' circa 0,8 volte l'altezza della riga, che e' il rapporto abituale di
   un testo composto per essere letto.

   IL PADDING RESTA SULL'ULTIMO PARAGRAFO di ogni contenitore, e non per
   pigrizia: in una scheda quel padding e' anche lo spazio fra il testo e il
   bordo inferiore del riquadro. Toglierlo avrebbe stretto il fondo di tutte
   le schede del sito per risolvere un problema che sta *fra* i paragrafi.

   Vale solo dentro i contenitori elencati qui: sono quelli che contengono un
   testo che si legge di seguito. Le righe brevi (etichette, meta, didascalie)
   non sono toccate.
   -------------------------------------------------------------------------- */

#ajax-content-wrap .origami-articolo p:not(:last-child),
#ajax-content-wrap .origami-evento-testo p:not(:last-child),
#ajax-content-wrap .origami-organizza-testo p:not(:last-child),
#ajax-content-wrap .origami-consiglio-buono p:not(:last-child),
#ajax-content-wrap .origami-card p:not(:last-child),
#ajax-content-wrap .origami-section-intro p:not(:last-child){
  padding-bottom:0;
}

/* I corpi che si leggono di fila: articolo del blog, scheda del consiglio,
   descrizione dell'evento, "Chi organizza". */
#ajax-content-wrap .origami-articolo p + p,
#ajax-content-wrap .origami-evento-testo p + p,
#ajax-content-wrap .origami-organizza-testo p + p{
  margin-top:1.5em;
}

/* Dentro i riquadri colorati dell'articolo il testo e' poco e sta in un
   blocco chiuso: li' un filo piu' stretto tiene meglio insieme. */
#ajax-content-wrap .origami-articolo .wp-block-group p + p{margin-top:1.35em;}

/* Schede e introduzioni di sezione: stesso rapporto, riga piu' bassa. */
#ajax-content-wrap .origami-card p + p,
#ajax-content-wrap .origami-section-intro p + p{
  margin-top:1.5em;
}

/* "Buono a sapersi" usa il margine sotto e non quello sopra: la sostanza e'
   la stessa, cambia solo da che parte e' scritta. */
#ajax-content-wrap .origami-consiglio-buono p{margin-bottom:1.5em;}
#ajax-content-wrap .origami-consiglio-buono p:last-child{margin-bottom:0;}

/* Due punti dove lo stesso padding non allargava lo spazio fra due paragrafi
   ma sfalsava una relazione ------------------------------------------------ */

/* L'ultimo elemento di un'intestazione di sezione. Fra l'intestazione e il
   contenuto sotto il margine dice 52px, ma quando l'intestazione finisce con
   un paragrafo introduttivo ne misurava 72 e quando finiva con il titolo 52:
   la stessa relazione, due valori diversi, per una ragione che non c'entra
   niente con il disegno. */
#ajax-content-wrap .origami-section-head > p:last-child{padding-bottom:0;}

/* I blocchi colorati della scheda evento. Fra l'etichetta e il suo testo il
   CSS diceva 8px e se ne vedevano 38; e sotto all'ultima riga il riquadro
   aveva 54px di respiro contro i 34 di sopra, cioe' il testo appoggiato in
   alto invece che centrato nel riquadro. Qui l'etichetta e il testo tornano
   una coppia, e il riquadro torna simmetrico. */
#ajax-content-wrap .origami-blocco p{padding-bottom:0;}
#ajax-content-wrap .origami-blocco-voce{margin-bottom:var(--org-space-xs);}


/* ==========================================================================
   QUANDO L'HTML DICE "NASCOSTO"
   3 settembre 2026.

   L'attributo hidden vale display:none, ma e' una regola del browser con
   specificita' (0,1,0): qualunque nostra regola con l'id davanti la batte. Il
   filtro di Origami consiglia metteva hidden sulle schede da nascondere e le
   schede restavano dov'erano — il conteggio si aggiornava, l'elenco no. Non e'
   un caso isolato: vale per ogni componente che dichiari un display, cioe'
   quasi tutti. Qui hidden torna a voler dire nascosto.
   -------------------------------------------------------------------------- */
#ajax-content-wrap [hidden]{display:none !important;}

/* ==========================================================================
   COLLABORAZIONI
   Aggiunto il 4 settembre 2026, dalla bozza "Collaborazioni.dc.html" di
   Claude Design.

   Dalla bozza viene la composizione: apertura con la fotografia di fianco,
   una citazione in evidenza, le schede delle realta' con cui il Centro
   collabora, l'invito finale. Dal sito vengono i caratteri, i colori e i
   pulsanti — la bozza usava Nunito anche nei titoli e un verde suo
   (#0E5A49), che qui diventano Cormorant e --org-verde come in ogni altra
   pagina.
   -------------------------------------------------------------------------- */

/* L'apertura -----------------------------------------------------------------
   Riusa la griglia .origami-apertura-decorata della pagina dei servizi: li' a
   destra c'e' un disegno a tratto, qui una fotografia. La differenza non e'
   solo di contenuto — un disegno su fondo trasparente si appoggia sulla
   fascia, una fotografia va ritagliata e chiusa in un riquadro — quindi la
   fotografia si dichiara, non si sottintende. */
.origami-apertura-decorata.is-foto .origami-apertura-decoro{
  aspect-ratio:4/3;
  border-radius:var(--org-radius-l);
  overflow:hidden;
  background-color:var(--org-oliva-chiaro);
}
#ajax-content-wrap .origami-apertura-decorata.is-foto .origami-apertura-decoro img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* La citazione ---------------------------------------------------------------
   Non e' un blockquote del contenuto ma una frase di posizione, scritta una
   volta e ferma li': sta in un riquadro suo, con il segno di apertura in un
   pallino verde. Il segno e' decorativo e non va letto ad alta voce, quindi
   e' nascosto alle tecnologie assistive: la frase si legge da sola. */
.origami-collab-citazione{
  display:flex;
  align-items:flex-start;
  gap:clamp(20px,3vw,36px);
  padding:clamp(28px,4vw,48px) clamp(24px,4vw,56px);
  background-color:var(--org-oliva-chiaro);
  border-radius:var(--org-radius-l);
  width:100%;
}
.origami-collab-virgoletta{
  flex:0 0 auto;
  width:44px;
  height:44px;
  border-radius:50%;
  background-color:var(--org-verde);
  color:var(--org-crema);
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--org-font-title);
  font-size:2rem;
  font-weight:600;
  /* Le virgolette hanno molto spazio sotto nella loro cassa: senza questo
     ritocco il segno sembra appoggiato sul fondo del pallino invece che al
     centro. */
  line-height:1;
  padding-top:.34em;
}
#ajax-content-wrap .origami-collab-frase{
  margin:0;
  font-family:var(--org-font-title);
  font-size:clamp(1.35rem,2.1vw,1.75rem);
  font-weight:600;
  line-height:1.45;
  color:var(--org-verde-scuro);
  max-width:52ch;
}

/* Le schede della rete -------------------------------------------------------
   Una scheda per realta'. Il riquadro chiaro in cima ospita il marchio
   dell'altro: e' alto sempre uguale e il marchio ci sta dentro intero
   (contain, non cover), perche' un logo tagliato e' un logo sbagliato.

   .is-una serve finche' c'e' una sola collaborazione: senza, la scheda si
   allargherebbe per tutta la pagina e sembrerebbe un errore. Si toglie
   quando se ne aggiunge una seconda. */
.origami-collab-schede{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));
  gap:var(--org-gap);
  width:100%;
}
.origami-collab-schede.is-una{max-width:560px;}

.origami-collab-scheda{
  display:flex;
  flex-direction:column;
  padding:clamp(20px,2.4vw,28px);
  background-color:#FFFFFF;
  border:1px solid var(--org-tortora);
  border-radius:var(--org-radius-l);
}
.origami-collab-marchio{
  display:flex;
  align-items:center;
  justify-content:center;
  height:132px;
  padding:22px 28px;
  margin-bottom:var(--org-space-s);
  background-color:var(--org-crema);
  border-radius:var(--org-radius-m);
}
#ajax-content-wrap .origami-collab-marchio img{
  max-height:100%;
  max-width:220px;
  width:auto;
  object-fit:contain;
  display:block;
}
#ajax-content-wrap .origami-collab-nome{
  margin:0 0 .15em;
  font-family:var(--org-font-title);
  font-size:1.5rem;
  font-weight:600;
  line-height:1.25;
  color:var(--org-verde);
}
#ajax-content-wrap .origami-collab-cosa{
  margin:0 0 var(--org-space-xs);
  padding:0;
  font-family:var(--org-font-body);
  font-size:.95rem;
  font-weight:700;
  color:var(--org-terracotta-scuro);
}
#ajax-content-wrap .origami-collab-scheda p{
  margin:0 0 var(--org-space-xs);
  padding:0;
  font-family:var(--org-font-body);
  font-size:1rem;
  line-height:1.7;
  color:var(--org-testo-soft);
}
#ajax-content-wrap .origami-collab-azione{
  margin-top:auto;
  padding-top:var(--org-space-s);
  font-family:var(--org-font-body);
  font-size:1rem;
  font-weight:700;
  color:var(--org-terracotta-scuro);
  display:inline-flex;
  align-items:baseline;
  gap:.5em;
}
#ajax-content-wrap .origami-collab-azione:hover{color:var(--org-verde);}
/* "si apre in una nuova scheda", detto piano: chi vede l'icona lo capisce,
   chi usa uno screen reader lo sente dall'aria-label del collegamento. */
.origami-collab-fuori{font-size:.78rem;opacity:.6;}

@media only screen and (max-width:690px){
  .origami-collab-citazione{
    flex-direction:column;
    gap:var(--org-space-s);
  }
  .origami-collab-marchio{height:108px;}
}