/* ==========================================================================
   Pagina Interventi nutrizionali — linguaggio v3 della home (30/09/2026), tornata 2 della cliente (01/10/2026)
   Solo token e componenti di style.css (.pagina-testata, .area + .medaglione, .sezione, .titolo-sezione, .occhiello,
   .numeri, .microbi, .modulo--pieno). Immagini: solo quelle di Domenico (/assets/img/v3/), usate così come sono.
   Fondi: crema · pesca (Prima area) · beige (Seconda) · MARRONE #A6725D coi microbi (Terza) · VERDE #61654B con le
   foglioline (Quarta) · pesca (Contatti) · piede marrone.
   La versione prima della tornata 2 è in _Archivio/interventi-prima-della-tornata-2-01-10/.
   ========================================================================== */

/* ---------- Àncore, titoli, link nel testo ---------- */
.pagina-interventi [id]{scroll-margin-top:16px}
.pagina-interventi h1,.pagina-interventi h2,.pagina-interventi h3{text-wrap:balance}
.pagina-interventi .titolo-sezione em{display:block}   /* la parte in corsivo va a capo, come «Come lavora» della home */
.pagina-interventi main p a:not(.pulsante){color:inherit;text-decoration:underline;text-decoration-color:rgba(138,90,70,.45);text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s ease,text-decoration-color .2s ease}
.pagina-interventi main p a:not(.pulsante):hover{color:var(--verde);text-decoration-color:var(--verde)}
.pagina-interventi .area-azione{margin-top:calc(40 * var(--u))}

/* ---------- 1 · Apertura: titolo a sinistra, le 4 aree a destra in due righe ---------- */
/* 01/10: niente più riquadri vuoti coi microbi («così vuoti non ne voglio vedere da nessuna parte»).
   Tornata 2: senza la riga «Stefania Broussard… divide il suo lavoro così» titolo e pulsante stanno a metà altezza, accanto alle 4 aree */
.pagina-interventi .indice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-template-areas:". aree" "testo aree" "azioni aree";
  grid-template-rows:1fr auto 1fr;column-gap:calc(72 * var(--u));align-items:start;padding-bottom:calc(80 * var(--u))}
.pagina-interventi .indice .pagina-testata__testo{grid-area:testo;max-width:none}
.pagina-interventi .indice h1 em{display:block}   /* da computer: «Interventi nutrizionali,» e sotto «in 4 aree» */
.pagina-interventi .indice__griglia{position:relative;z-index:2}
.pagina-interventi .indice .indice__griglia.aree__griglia--quattro{grid-area:aree;align-self:center;margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(18 * var(--u))}
.pagina-interventi .indice__griglia li{display:flex}
.pagina-interventi .indice__griglia .area{flex:1}
.pagina-interventi .area__nome{display:block;margin-bottom:calc(8 * var(--u));font-family:var(--titoli-testo);font-weight:480;font-size:max(22px,calc(26 * var(--u)));line-height:1.1;letter-spacing:-.005em;color:var(--inchiostro)}
.pagina-interventi .area--solo-nome .area__nome{margin:0}
.pagina-interventi .indice__azioni{grid-area:azioni;position:relative;z-index:2;margin-top:calc(40 * var(--u))}

/* ---------- 2 · Prima area · Percorsi nutrizionali ---------- */
.pagina-interventi .percorsi__griglia{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"intro lista" "azione lista";gap:calc(30 * var(--u)) calc(80 * var(--u))}
.pagina-interventi .percorsi__intro{grid-area:intro;align-self:end}
.pagina-interventi .situazioni{grid-area:lista;align-self:center}
.pagina-interventi .percorsi__azione{grid-area:azione;align-self:start}
.pagina-interventi .percorsi__intro .titolo-sezione{margin-top:calc(14 * var(--u))}
.pagina-interventi .percorsi__per-chi{max-width:26ch;font-family:var(--titoli-testo);font-size:max(19px,calc(24 * var(--u)));line-height:1.36;color:var(--inchiostro)}

.pagina-interventi .situazioni{background:var(--carta);border-radius:var(--raggio-card);box-shadow:var(--ombra);padding:calc(8 * var(--u)) calc(34 * var(--u))}
.pagina-interventi .situazioni li{display:grid;grid-template-columns:calc(44 * var(--u)) 1fr;gap:calc(20 * var(--u));align-items:center;padding:calc(20 * var(--u)) 0;border-bottom:1px solid var(--bordo)}
.pagina-interventi .situazioni li:last-child{border-bottom:0}
.pagina-interventi .situazioni__segno{display:grid;place-items:center;width:calc(44 * var(--u));height:calc(44 * var(--u));min-width:36px;min-height:36px;border-radius:50%;background:var(--verde-velo);color:var(--verde)}
.pagina-interventi .situazioni__segno .icona{width:48%;height:48%}
.pagina-interventi .situazioni p{font-size:max(16px,calc(18 * var(--u)));line-height:1.5;color:var(--testo)}
/* voci senza spiegazioni (tornata del 30/09) */
.pagina-interventi .situazioni--brevi p{font-family:var(--titoli-testo);font-size:max(19px,calc(23 * var(--u)));color:var(--inchiostro)}

/* ---------- 3 · Seconda area · Nutrizione clinica: l'elenco della cliente ---------- */
.pagina-interventi .clinica__testa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(80 * var(--u));align-items:end}
.pagina-interventi .clinica__indicato{font-family:var(--titoli-testo);font-size:max(19px,calc(24 * var(--u)));line-height:1.36;color:var(--inchiostro)}
.pagina-interventi .famiglie{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(18 * var(--u));margin-top:calc(48 * var(--u))}
.pagina-interventi .famiglia{padding:calc(26 * var(--u)) calc(26 * var(--u)) calc(24 * var(--u));background:var(--carta);border-radius:var(--raggio-card);box-shadow:var(--ombra)}
.pagina-interventi .famiglia p{font-size:max(15px,calc(15.5 * var(--u)));line-height:1.55;color:var(--testo)}
.pagina-interventi .famiglia__nome{display:block;margin-bottom:calc(8 * var(--u));font-family:var(--titoli-testo);font-weight:480;font-size:max(19px,calc(22 * var(--u)));line-height:1.15;color:var(--inchiostro)}
.pagina-interventi .famiglie--elenco .famiglia__nome{display:inline;margin:0;font-size:inherit;font-family:inherit;font-weight:650;color:var(--inchiostro)}
.pagina-interventi .famiglie--elenco .famiglia p{font-size:max(15.5px,calc(16.5 * var(--u)))}

/* ---------- 4 · Terza area · Salute dell'intestino + Analisi del microbiota ---------- */
/* «TERZA AREA sfondo marrone con microrganismi (da Salute dell'intestino alla spiegazione del microbiota intestinale)» (tornata 2, 01/10):
   un'unica fascia #A6725D, il marrone dell'apertura della home e del piede, con {{MICROBI:intestino}} che galleggiano DIETRO ai testi
   su tutta la fascia (nessun riquadro). Testi bianchi, corsivi chiari, pulsante a colori invertiti, numeri grandi di un marrone più chiaro */
.pagina-interventi .intestino--marrone{position:relative;overflow:hidden;background:#A6725D;color:#FFFFFF;--microbi:rgba(250,245,242,.26)}
.pagina-interventi .intestino--marrone>.sezione{position:relative;z-index:1}
/* il fondo #A6725D è una richiesta precisa: il bianco pieno ci arriva a 4,05:1, quindi occhiello bianco (non crema) e i testi
   correnti un filo più pesanti (Figtree e Newsreader Testo sono variabili: il 500 c'è), così le righe piccole si leggono piene */
.pagina-interventi .intestino--marrone .occhiello{color:#FFFFFF}
.pagina-interventi .intestino--marrone h2,.pagina-interventi .intestino--marrone h3,.pagina-interventi .intestino--marrone h4{color:#FFFFFF}
.pagina-interventi .intestino--marrone h2 em,.pagina-interventi .intestino--marrone h3 em{color:#F3E7DC}
.pagina-interventi .intestino--marrone p,.pagina-interventi .intestino--marrone li{color:#FFFFFF;font-weight:500}
.pagina-interventi .intestino--marrone .pulsante--pieno{background:#FAF5F2;border-color:#FAF5F2;color:#6E4636;box-shadow:0 1px 2px rgba(60,34,22,.18)}
.pagina-interventi .intestino--marrone .pulsante--pieno:hover{background:#FFFFFF;border-color:#FFFFFF;box-shadow:0 8px 22px rgba(60,34,22,.24)}
.pagina-interventi .intestino--marrone :focus-visible{outline-color:#FFFFFF}

/* Salute dell'intestino: titolo a sinistra, la frase e il pulsante a destra, allineati in basso */
.pagina-interventi .intestino__parte{padding-bottom:calc(72 * var(--u))}
.pagina-interventi .intestino__griglia{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"testa corpo";column-gap:calc(80 * var(--u));align-items:end}
.pagina-interventi .intestino__testa{grid-area:testa}
.pagina-interventi .intestino__testa .titolo-sezione{margin-top:calc(14 * var(--u))}
.pagina-interventi .intestino__corpo{grid-area:corpo}
.pagina-interventi .intestino__per-chi{max-width:34ch;font-family:var(--titoli-testo);font-size:max(19px,calc(24 * var(--u)));line-height:1.36}
.pagina-interventi .intestino__corpo .intestino__per-chi+.area-azione{margin-top:calc(30 * var(--u))}

/* Analisi del microbiota: dentro la stessa fascia, staccata da un filo chiaro; titolo e i tre paragrafi in alto, sotto i tre passi */
.pagina-interventi .intestino--marrone .analisi{padding-top:0}
.pagina-interventi .analisi__contenitore{max-width:calc(1384 * var(--u));margin:0 auto;padding-top:calc(72 * var(--u));border-top:1px solid rgba(255,255,255,.3)}
.pagina-interventi .analisi h3{margin:calc(14 * var(--u)) 0 0;font-family:var(--titoli);font-weight:420;font-size:max(32px,calc(42 * var(--u)));line-height:1.06;letter-spacing:-.012em}
.pagina-interventi .analisi__testa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(80 * var(--u));align-items:start}
.pagina-interventi .analisi__intro{padding-top:calc(30 * var(--u))}
.pagina-interventi .analisi__intro p+p{margin-top:max(12px,calc(14 * var(--u)))}
.pagina-interventi .analisi__intro p{max-width:50ch;font-size:max(17px,calc(19 * var(--u)));line-height:1.6}
.pagina-interventi .intestino--marrone .numeri{--cifra:#B8846F}
.pagina-interventi .intestino--marrone .numero p{max-width:36ch}
/* passo 02 «Il referto»: «Valuta:» e l'elenco della cliente */
.pagina-interventi .numero__elenco{display:grid;gap:calc(8 * var(--u));margin-top:calc(10 * var(--u));max-width:36ch}
.pagina-interventi .numero__elenco li{position:relative;padding-left:calc(22 * var(--u));font-size:max(16px,calc(17.5 * var(--u)));line-height:1.5}
.pagina-interventi .numero__elenco li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:50%;background:#F3E7DC}

/* ---------- 5 · Quarta area · Nutrizione Plant Based ---------- */
/* «sfondo verde scuro (lo stesso verde del funnel sotto la mia fotografia) con piantine o foglioline» (tornata 2, 01/10):
   #61654B della fascia .motto della home, con {{MICROBI:foglie}} (stesso tratto dei microbi) dietro ai testi. Il testo è quello
   di «Alimentazione vegetale» di Chi sono con le parole nuove della cliente; la foto delle verdure resta accanto */
.pagina-interventi .plant{overflow:hidden;background:#61654B;color:#FAF5F2;--microbi:rgba(250,245,242,.3)}
.pagina-interventi .plant .occhiello{color:#EDE9D8}
.pagina-interventi .plant h2,.pagina-interventi .plant h3{color:#FFF8EE}
.pagina-interventi .plant h2 em{color:#E4E0C8}
.pagina-interventi .plant__griglia{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"testa img" "corpo img" "vegetale vegetale";
  grid-template-rows:auto 1fr auto;column-gap:calc(96 * var(--u));align-items:start}
.pagina-interventi .plant__testa{grid-area:testa}
.pagina-interventi .plant__testa .titolo-sezione{margin-top:calc(14 * var(--u))}
.pagina-interventi .plant__sotto{margin-top:calc(26 * var(--u));font-family:var(--titoli-testo);font-weight:430;font-size:max(22px,calc(29 * var(--u)));line-height:1.2;letter-spacing:-.005em}
.pagina-interventi .plant__img{grid-area:img;aspect-ratio:430/490;border-radius:calc(18 * var(--u));overflow:hidden;background:#555940;box-shadow:0 22px 48px rgba(28,30,18,.3),0 2px 6px rgba(28,30,18,.16)}
.pagina-interventi .plant__img img{width:100%;height:100%;object-fit:cover}
.pagina-interventi .plant__corpo{grid-area:corpo;margin-top:calc(30 * var(--u))}
.pagina-interventi .plant__frase{font-size:max(17px,calc(19 * var(--u)));line-height:1.55;color:#FAF5F2}
.pagina-interventi .plant__scelte{display:grid;gap:calc(12 * var(--u));margin-top:calc(22 * var(--u));max-width:calc(660 * var(--u))}
.pagina-interventi .plant__scelta{display:flex;align-items:center;gap:calc(18 * var(--u));padding:calc(12 * var(--u)) calc(22 * var(--u)) calc(12 * var(--u)) calc(14 * var(--u));
  background:#6A6E55;border:1px solid rgba(250,245,242,.2);border-radius:var(--raggio-card);box-shadow:0 2px 10px rgba(28,30,18,.12);font-size:max(16px,calc(17.5 * var(--u)));line-height:1.45;color:#FFFFFF}
.pagina-interventi .plant__scelta .medaglione{flex:none;width:calc(50 * var(--u));height:calc(50 * var(--u));min-width:42px;min-height:42px;background:#7B7F66;color:#FFF8EE}
.pagina-interventi .plant__scelta .medaglione .icona{width:44%;height:44%}
/* «Seguo ogni scelta tendente al vegetale:» e le tre definizioni della cliente, in elenco, su tutta la larghezza */
.pagina-interventi .plant__vegetale{grid-area:vegetale;margin-top:calc(72 * var(--u));padding-top:calc(52 * var(--u));border-top:1px solid rgba(250,245,242,.26)}
.pagina-interventi .plant__definizioni{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(56 * var(--u));margin:calc(30 * var(--u)) 0 0}
.pagina-interventi .plant__definizione dt{font-family:var(--titoli);font-style:italic;font-weight:420;font-size:max(28px,calc(36 * var(--u)));line-height:1.05;letter-spacing:-.01em;color:#FFF8EE}
.pagina-interventi .plant__definizione dd{margin:calc(12 * var(--u)) 0 0;max-width:34ch;font-size:max(16px,calc(17.5 * var(--u)));line-height:1.6;color:#F1EDE2}
.pagina-interventi .plant .area-azione{margin-top:calc(52 * var(--u))}
.pagina-interventi .plant .pulsante--pieno{background:#FAF5F2;border-color:#FAF5F2;color:#282828;box-shadow:0 1px 2px rgba(28,30,18,.2)}   /* come la fascia .motto della home */
.pagina-interventi .plant .pulsante--pieno .icona{color:#61654B}
.pagina-interventi .plant .pulsante--pieno:hover{background:#FFFFFF;border-color:#FFFFFF;box-shadow:0 8px 22px rgba(28,30,18,.26)}
.pagina-interventi .plant :focus-visible{outline-color:#FBF1E4}

/* ---------- 6 · Contatti (tornata 2, 01/10: come in home — titolo «Contatti», solo WhatsApp, e il modulo completo di Contatti) ---------- */
/* da computer due colonne: a sinistra il titolo e WhatsApp, a metà altezza del modulo; a destra il modulo. Da telefono uno sotto l'altro */
.pagina-interventi .contatti-int{position:relative;background:var(--crema-3);padding:calc(104 * var(--u)) var(--lato) calc(112 * var(--u))}
.pagina-interventi .contatti-int__griglia{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:calc(96 * var(--u));align-items:center;max-width:calc(1384 * var(--u));margin:0 auto}
.pagina-interventi .contatti-int__sx{display:grid;justify-items:start;gap:calc(34 * var(--u))}
.pagina-interventi .contatti-int h2{font-size:max(46px,calc(84 * var(--u)));line-height:1}
.pagina-interventi .contatti-int__sx .pulsante{min-width:calc(260 * var(--u))}
.pagina-interventi .contatti-int__modulo{min-width:0}

/* ==========================================================================
   Adattamenti (stessi punti di style.css)
   ========================================================================== */
@media (max-width:1100px){
  .pagina-interventi .indice{grid-template-columns:1fr;grid-template-areas:"testo" "aree" "azioni";grid-template-rows:auto;column-gap:0}
  .pagina-interventi .indice h1 em{display:inline}
  .pagina-interventi .indice .indice__griglia.aree__griglia--quattro{margin-top:32px;grid-template-columns:repeat(4,minmax(0,1fr))}
  .pagina-interventi .indice__azioni{margin-top:30px}
  .pagina-interventi .percorsi__griglia{column-gap:44px}
  .pagina-interventi .clinica__testa{gap:44px}
  .pagina-interventi .famiglie{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pagina-interventi .intestino__griglia{column-gap:44px}
  .pagina-interventi .analisi__testa{gap:44px}
  .pagina-interventi .plant__griglia{grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:48px}
  .pagina-interventi .plant__definizioni{gap:32px}
  .pagina-interventi .contatti-int__griglia{gap:48px}
}
@media (max-width:900px){
  .pagina-interventi .indice .indice__griglia.aree__griglia--quattro{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pagina-interventi .percorsi__griglia{grid-template-columns:1fr;grid-template-areas:"intro" "lista" "azione";gap:28px}
  .pagina-interventi .clinica__testa{grid-template-columns:1fr;gap:18px}
  .pagina-interventi .famiglie{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pagina-interventi .analisi__testa{grid-template-columns:1fr;gap:10px}
  .pagina-interventi .analisi__intro{padding-top:12px}
  /* i tre passi: sotto i 900 px tre colonne sono troppo strette per i numeri grandi e l'elenco del referto → uno sotto l'altro, come da telefono */
  .pagina-interventi .analisi .numeri{grid-template-columns:1fr;gap:30px;margin-top:40px}
  .pagina-interventi .analisi .numero__maschera{margin-left:58px;font-size:128px}
  .pagina-interventi .analisi .numero__titolo{margin-top:-56px;font-size:26px}
  .pagina-interventi .analisi .numero p{margin-top:8px}
  /* …e i testi dei passi prendono la riga intera (a 36ch restava mezza fascia marrone vuota a destra, fra 761 e 900 px) */
  .pagina-interventi .intestino--marrone .numero p,.pagina-interventi .numero__elenco{max-width:60ch}
  .pagina-interventi .plant__definizioni{grid-template-columns:1fr;gap:26px}
  .pagina-interventi .contatti-int__griglia{grid-template-columns:1fr;gap:34px}
}
@media (max-width:760px){
  .pagina-interventi .indice{padding-bottom:44px}
  .pagina-interventi .indice .indice__griglia.aree__griglia--quattro{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
  .pagina-interventi .area__nome{font-size:21px}
  .pagina-interventi .indice__azioni{margin-top:24px}
  .pagina-interventi .indice__azioni .pulsante,
  .pagina-interventi .percorsi__azione .pulsante,
  .pagina-interventi .area-azione .pulsante{width:100%}
  .pagina-interventi .area-azione{margin-top:28px}

  .pagina-interventi .situazioni{padding:2px 18px}
  .pagina-interventi .situazioni li{grid-template-columns:36px 1fr;gap:14px;padding:14px 0}
  .pagina-interventi .situazioni p{font-size:16px}
  .pagina-interventi .situazioni--brevi p{font-size:19px}

  .pagina-interventi .famiglie{gap:8px;margin-top:28px}
  .pagina-interventi .famiglie--elenco{grid-template-columns:1fr}
  .pagina-interventi .famiglia{padding:15px 12px 14px}
  .pagina-interventi .famiglie--elenco .famiglia p{font-size:15.5px;line-height:1.5}

  /* Terza area: titolo, frase e pulsante uno sotto l'altro; poi l'analisi */
  .pagina-interventi .intestino__griglia{grid-template-columns:1fr;grid-template-areas:"testa" "corpo"}
  .pagina-interventi .intestino__corpo{margin-top:20px}
  .pagina-interventi .intestino__parte{padding-bottom:44px}
  .pagina-interventi .analisi__contenitore{padding-top:44px}
  .pagina-interventi .analisi h3{font-size:32px}
  .pagina-interventi .analisi__intro p{font-size:17px}
  .pagina-interventi .numero__elenco li{font-size:16px;padding-left:18px}

  /* Quarta area: titolo, foto bassa, poi i testi (mai una foto grande sopra al testo) */
  .pagina-interventi .plant__griglia{grid-template-columns:1fr;grid-template-areas:"testa" "img" "corpo" "vegetale";grid-template-rows:auto}
  .pagina-interventi .plant__sotto{margin-top:18px}
  .pagina-interventi .plant__img{aspect-ratio:16/10;border-radius:14px;margin-top:24px}
  .pagina-interventi .plant__img img{object-position:50% 40%}
  .pagina-interventi .plant__corpo{margin-top:24px}
  .pagina-interventi .plant__scelta{gap:14px;padding:12px 16px 12px 12px;font-size:16px}
  .pagina-interventi .plant__vegetale{margin-top:40px;padding-top:34px}
  .pagina-interventi .plant__definizioni{margin-top:22px;gap:22px}
  .pagina-interventi .plant__definizione dt{font-size:27px}
  .pagina-interventi .plant__definizione dd{margin-top:6px;font-size:16px}
  .pagina-interventi .plant .area-azione{margin-top:34px}

  /* Contatti: titolo, WhatsApp, poi il modulo */
  .pagina-interventi .contatti-int{padding:56px 20px 60px}
  .pagina-interventi .contatti-int__griglia{gap:26px}
  .pagina-interventi .contatti-int__sx{gap:22px}
  .pagina-interventi .contatti-int h2{font-size:40px}
  .pagina-interventi .contatti-int__sx,.pagina-interventi .contatti-int__sx .pulsante{width:100%}
}

/* ==========================================================================
   Disegni lontani dalle parole (revisione del 01/10, tornata 2)
   I microbi della Terza area e le foglioline della Quarta galleggiano DIETRO ai testi («sfondo marrone con microrganismi»,
   «con piantine o foglioline»), ma alcuni cadevano proprio sulle righe: tagliavano le parole o sembravano pallini dell'elenco.
   Qui SOLO quelli si spostano nei vuoti (margini, fianchi dei numeri grandi, spazi fra i blocchi); tutti gli altri restano dove
   li mette componi.py. Le posizioni arrivano scritte nell'HTML (style="--x;--y"), per questo serve !important.
   Ogni posto è provato lungo tutto il galleggiare del disegno: 1180-1920, 961-1100, 768-900 e 360-760 px.
   ========================================================================== */
/* computer */
@media (min-width:761px){
  .pagina-interventi .microbi--intestino .microbo:nth-child(1){--x:2.5%!important;--y:13%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(4){--x:60.5%!important;--y:3.5%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(5){--x:77%!important;--y:15.5%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(7){--x:2.5%!important;--y:40.25%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(8){--x:13.5%!important;--y:50.25%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(9){--x:41.5%!important;--y:33.25%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(11){--x:96.5%!important;--y:43.25%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(12){--x:97.5%!important;--y:26.75%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(20){--x:20%!important;--y:85%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(21){--x:31%!important;--y:94%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(22){--x:67%!important;--y:95.5%!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(1){--x:3.5%!important;--y:4%!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(7){--x:55%!important;--y:49.5%!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(14){--x:21%!important;--y:58.25%!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(19){--x:3%!important;--y:96.25%!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(20){--x:23.5%!important;--y:94.75%!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(21){--x:42%!important;--y:89%!important}
}
/* tablet orizzontale (titoli su due colonne, tre passi affiancati) */
@media (min-width:901px) and (max-width:1100px){
  .pagina-interventi .microbi--intestino .microbo:nth-child(1){--x:2.5%!important;--y:4.25%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(3){--x:42.5%!important;--y:10%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(5){--x:83%!important;--y:17.25%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(6){--x:93.5%!important;--y:5.25%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(7){--x:1.5%!important;--y:39.75%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(9){--x:38.5%!important;--y:30.75%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(11){--x:74%!important;--y:30.75%!important}
}
/* tablet verticale (i tre passi uno sotto l'altro) */
@media (min-width:761px) and (max-width:900px){
  .pagina-interventi .microbi--intestino .microbo:nth-child(1){--x:34.5%!important;--y:24.25%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(3){--x:6.5%!important;--y:3.25%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(5){--x:90.5%!important;--y:15%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(6){--x:80%!important;--y:4.5%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(8){--x:38.5%!important;--y:53%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(9){--x:56.5%!important;--y:28%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(10){--x:74.5%!important;--y:28.75%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(13){--x:6%!important;--y:65.25%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(14){--x:7%!important;--y:53%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(15){--x:61.5%!important;--y:54.5%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(19){--x:5.5%!important;--y:96%!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(13){--x:4%!important;--y:53.75%!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(14){--x:32.5%!important;--y:70%!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(15){--x:42.5%!important;--y:59.25%!important}
}
/* telefono: la colonna di testo è quasi piena, quindi i disegni stanno in alto, ai fianchi dei numeri grandi e in fondo;
   accanto ai titoli e ai paragrafi ne spuntano quattro dal bordo (tagliati a metà dallo schermo, nel margine di 20 px) */
@media (max-width:760px){
  .pagina-interventi .microbi--intestino .microbo:nth-child(1){--x:6.5%!important;--y:1.25%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(3){--x:41%!important;--y:3%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(5){--x:89.5%!important;--y:2.75%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(7){--x:95%!important;--y:44.25%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(8){display:block;--x:-6.5%!important;--y:10%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(9){--x:68.5%!important;--y:25.25%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(11){--x:73%!important;--y:51.5%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(13){--x:89.5%!important;--y:57.5%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(14){display:block;--x:102.5%!important;--y:31%!important;--dx:4px!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(15){--x:12%!important;--y:54.75%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(16){display:block;--x:104%!important;--y:14%!important;--dx:6px!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(17){--x:11.5%!important;--y:66.25%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(19){--x:6.5%!important;--y:88.5%!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(20){display:block;--x:-4.5%!important;--y:40.5%!important;--dx:-6px!important}
  .pagina-interventi .microbi--intestino .microbo:nth-child(21){--x:70.5%!important;--y:96.75%!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(1){--x:92%!important;--y:13.5%!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(3){--x:21.5%!important;--y:2.25%!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(5){--x:96%!important;--y:5.25%!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(7){--x:103%!important;--y:61%!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(9){--x:61%!important;--y:3%!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(11){--x:79%!important;--y:68%!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(15){--x:75%!important;--y:85%!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(17){--x:-3%!important;--y:37%!important;--dx:-4px!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(19){--x:103%!important;--y:89%!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(21){--x:62%!important;--y:76%!important}
}

/* STEP 3 (01/10): la frase delle tre scelte resta UNA frase, come l'ha scritta la cliente; i tre nomi in corsivo chiaro */
.pagina-interventi .plant__scelte-frase{margin-top:calc(30 * var(--u));max-width:62ch}
.pagina-interventi .plant__scelte-frase em{font-family:var(--titoli);font-style:italic;font-size:1.18em;color:#FFF8EE}
/* STEP 3 (01/10): con la frase delle tre scelte di nuovo intera la Quarta area è più alta e alcune foglioline finivano sotto le righe
   di testo (misurato a 20 larghezze, contando anche quanto galleggiano): quelle si spengono, le altre restano ai margini */
@media (max-width:760px){.pagina-interventi .microbi--foglie .microbo:nth-child(1),.pagina-interventi .microbi--foglie .microbo:nth-child(9),.pagina-interventi .microbi--foglie .microbo:nth-child(11),.pagina-interventi .microbi--foglie .microbo:nth-child(15),.pagina-interventi .microbi--foglie .microbo:nth-child(17),.pagina-interventi .microbi--foglie .microbo:nth-child(19),.pagina-interventi .microbi--foglie .microbo:nth-child(21){display:none}}
@media (min-width:761px) and (max-width:1100px){.pagina-interventi .microbi--foglie .microbo:nth-child(7),.pagina-interventi .microbi--foglie .microbo:nth-child(8),.pagina-interventi .microbi--foglie .microbo:nth-child(9),.pagina-interventi .microbi--foglie .microbo:nth-child(10),.pagina-interventi .microbi--foglie .microbo:nth-child(14),.pagina-interventi .microbi--foglie .microbo:nth-child(15),.pagina-interventi .microbi--foglie .microbo:nth-child(16),.pagina-interventi .microbi--foglie .microbo:nth-child(19),.pagina-interventi .microbi--foglie .microbo:nth-child(21){display:none}}
@media (min-width:1101px){.pagina-interventi .microbi--foglie .microbo:nth-child(8),.pagina-interventi .microbi--foglie .microbo:nth-child(9),.pagina-interventi .microbi--foglie .microbo:nth-child(14),.pagina-interventi .microbi--foglie .microbo:nth-child(16),.pagina-interventi .microbi--foglie .microbo:nth-child(19),.pagina-interventi .microbi--foglie .microbo:nth-child(20){display:none}}
/* Ricontrollo (01/10): da telefono di foglioline se ne vedeva una sola, tagliata dal bordo, e la cliente guarda il sito dall'iPhone
   («con piantine o foglioline»): quattro piantine nei posti liberi misurati a 360–430 px (accanto al titolo, accanto al sottotitolo,
   nello spazio fra le tre scelte e la frase sulle scelte), mai sotto il testo */
@media (max-width:760px){
  .pagina-interventi .microbi--foglie .microbo:nth-child(1){display:block;--x:82%!important;--y:6.5%!important;--dx:6px!important;--dy:5px!important}
  .pagina-interventi .microbi--foglie .microbo:nth-child(7){display:block;--x:90%!important;--y:15.4%!important;--s:52px!important;--dx:4px!important;--dy:5px!important}
}
.plant__piantine{display:none}
@media (max-width:760px){
  .pagina-interventi .plant__piantine{display:block;position:relative;height:0}
  .pagina-interventi .plant__piantina{position:absolute;top:31px;left:14%;width:54px;height:54px;color:rgba(250,245,242,.32);overflow:visible;
    --r:0deg;--dx:5px;--dy:-4px;--dr:8deg;animation:microbo-galleggia 15s ease-in-out -4s infinite alternate}
  .pagina-interventi .plant__piantina--destra{left:auto;right:14%;--dx:-5px;--dr:-8deg;animation-duration:18s}
}
@media (min-width:481px) and (max-width:760px){.pagina-interventi .microbi--foglie .microbo:nth-child(7){display:none}}
@media (prefers-reduced-motion:reduce){.pagina-interventi .plant__piantina{animation:none}}

@media (max-width:374px){.pagina-interventi .microbi--foglie .microbo:nth-child(7){display:none}}