/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 14 2026 | 14:47:39 */
/* =========================================================
   AGRO DISTRIBUZIONI · FOGLIO DI STILE UNICO
   Aspetto > Personalizza > CSS aggiuntivo
   Tutto lo stile del sito vive qui. I blocchi nelle pagine
   contengono solo HTML, mai <style>.
   Ogni blocco custom porta la classe .agro-blocco
   ========================================================= */

/* ---------- variabili ---------- */
:root{
  --agro-verde:#188C6B;
  --agro-verde-chiaro:#53A68E;
  --agro-scuro:#3E403F;
  --agro-chiaro:#F2F2F0;
  --agro-oro:#D9BB62;
  --agro-linea:rgba(62,64,63,.18);
  --agro-tenue:rgba(62,64,63,.64);
  --agro-testo:'Familjen Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --agro-mono:'JetBrains Mono',ui-monospace,monospace;

  /* griglia unica: ogni blocco usa questi due valori, i bordi si allineano */
  --agro-colonna:1180px;
  --agro-margine:40px;

  /* scala di spaziatura a multipli di 8 */
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:96px;

  /* scala dei titoli: la home sta sopra, le pagine interne un gradino sotto.
     Si cambia qui e si muovono tutte le pagine insieme. */
  --agro-h1-home:clamp(1.8rem,3.5vw,2.9rem);
  --agro-h1-interno:clamp(1.5rem,2.6vw,2.1rem);
}
@media (max-width:820px){
  :root{--agro-margine:24px}
}

/* ---------- i blocchi non ereditano spazi da tema ed Elementor ---------- */
.elementor-widget-html:has(.agro-blocco),
.elementor-widget-container:has(> .agro-blocco){margin:0 !important; padding:0 !important}
.e-con:has(.agro-blocco),
.elementor-section:has(.agro-blocco){
  padding-top:0 !important; padding-bottom:0 !important;
  margin-top:0 !important; margin-bottom:0 !important;
}
/* Elementor mette una spaziatura predefinita fra i widget e fra i
   contenitori: si somma ai margini dei blocchi e raddoppia i vuoti */
.e-con:has(.agro-blocco),
.e-con-inner:has(.agro-blocco),
.elementor-section:has(.agro-blocco),
.elementor-widget-wrap:has(.agro-blocco){
  gap:0 !important; row-gap:0 !important; column-gap:0 !important;
}
.elementor-widget:has(.agro-blocco),
.elementor-widget-html:has(.agro-blocco),
.elementor-element:has(> .elementor-widget-container > .agro-blocco){
  margin-block-end:0 !important; margin-bottom:0 !important;
}
.page_content_wrap:has(.agro-blocco),
.content_wrap:has(.agro-blocco){padding-top:0 !important; padding-bottom:0 !important}

/* =========================================================
   HOME · blocco 1 · HERO
   Due colonne sulla stessa riga: a sinistra il marchio fermo,
   a destra il titolo vivo che cambia prodotto ogni 2,6 secondi.
   ========================================================= */

.agh{
  position:relative; box-sizing:border-box;
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding:var(--s4) var(--agro-margine) var(--s6);
  background:var(--agro-chiaro);
  color:var(--agro-scuro);
  font-family:var(--agro-testo);
}
.agh *,.agh *::before,.agh *::after{box-sizing:border-box}

.agh__wrap{
  width:100%; max-width:var(--agro-colonna); margin:0 auto;
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  column-gap:var(--s6); row-gap:var(--s5);
  align-items:start;
}

/* colonna sinistra: il bollo, come l'etichetta ovale sulla cassetta */
.agh__marchio{padding-top:0}
.agh__bollo{
  width:100%; max-width:250px;
  aspect-ratio:1 / .84;
  border-radius:50%;
  background:#fff;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:14px;
  padding:26px 30px;
  text-align:center;
}
.agh__logo{
  display:block !important;
  width:auto !important; max-width:132px !important; height:auto !important;
  margin:0 !important;
}
.agh__eyebrow{
  margin:0;
  font-family:var(--agro-mono);
  font-size:9.5px; font-weight:500; letter-spacing:.16em; text-transform:uppercase;
  line-height:1.8;
  color:var(--agro-tenue);
}

/* colonna destra: il titolo vivo */
.agh__vivo{min-width:0}
/* titolo vivo: e un H2, ma con la scala e i colori di prima */
.agh h2.agh__title{
  margin:0 0 var(--s3) !important;
  font-family:var(--agro-testo) !important;
  font-size:var(--agro-h1-home) !important;
  line-height:1.1 !important;
  font-weight:700 !important;
  letter-spacing:-.035em !important;
  text-transform:none !important;
  color:var(--agro-scuro) !important;
}
.agh__fissa{display:block}
.agh__ruota{display:block; overflow:hidden; height:1.18em; padding-bottom:.08em}
.agh__parola{
  display:block; color:var(--agro-verde);
  transition:transform .42s cubic-bezier(.32,.72,0,1), opacity .42s cubic-bezier(.32,.72,0,1);
  will-change:transform;
}
.agh__parola.esce{transform:translateY(-108%); opacity:0}
.agh__parola.entra{transform:translateY(108%); opacity:0; transition:none}

.agh__riga{
  display:flex; align-items:baseline; justify-content:space-between;
  gap:var(--s2) var(--s4); flex-wrap:wrap; margin:0 0 10px;
}
.agh__geo{
  margin:0; font-family:var(--agro-mono);
  font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--agro-tenue);
}
.agh__geo-eti{color:var(--agro-verde); margin-right:6px}
.agh__geo b{color:var(--agro-scuro); font-weight:500}
.agh__conta{
  margin:0; font-family:var(--agro-mono);
  font-size:11px; letter-spacing:.12em; color:var(--agro-tenue);
}
.agh__barra{height:2px; background:var(--agro-linea); margin:0 0 var(--s4); overflow:hidden}
.agh__barra-in{
  display:block; height:100%; width:100%;
  background:linear-gradient(90deg,var(--agro-verde),var(--agro-oro));
  transform:scaleX(0); transform-origin:left center;
}
/* H1 della pagina: sta prima del testo descrittivo e resta sobrio */
.agh h1.agh__h1{
  margin:var(--s4) 0 10px !important;
  font-family:var(--agro-testo) !important;
  font-size:clamp(1.02rem,1.45vw,1.24rem) !important;
  line-height:1.35 !important;
  font-weight:600 !important;
  letter-spacing:-.01em !important;
  text-transform:none !important;
  color:var(--agro-scuro) !important;
  max-width:36ch;
}

.agh__sub{
  margin:0; max-width:52ch;
  font-size:clamp(1rem,1.2vw,1.12rem); line-height:1.55;
  color:var(--agro-tenue);
}

/* piede a tutta larghezza */
.agh__piede{
  grid-column:1 / -1;
  display:flex; align-items:center; justify-content:space-between;
  gap:var(--s3) var(--s5); flex-wrap:wrap;
  border-top:1px solid var(--agro-linea);
  padding:var(--s4) 0 0; margin:0;
}
.agh__meta{
  margin:0; text-align:right; font-family:var(--agro-mono);
  font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--agro-tenue);
}
.agh__cta{display:flex; flex-wrap:wrap; gap:12px}
.agh__btn{
  display:inline-flex; align-items:center;
  padding:15px 26px; border-radius:2px;
  font-size:.94rem; font-weight:600; text-decoration:none; line-height:1;
  border:1.5px solid var(--agro-verde);
  transition:background .5s cubic-bezier(.32,.72,0,1),
             color .5s cubic-bezier(.32,.72,0,1),
             border-color .5s cubic-bezier(.32,.72,0,1);
}
.agh__btn--pieno{background:var(--agro-verde); color:var(--agro-chiaro) !important}
.agh__btn--vuoto{background:transparent; color:var(--agro-verde) !important}
.agh__btn--pieno:hover{background:var(--agro-scuro); border-color:var(--agro-scuro)}
.agh__btn--vuoto:hover{background:var(--agro-verde); color:var(--agro-chiaro) !important}
.agh__freccia{
  display:inline-block; margin-left:10px; font-size:1.05em; line-height:1;
  transition:transform .5s cubic-bezier(.32,.72,0,1);
}
.agh__btn:hover .agh__freccia{transform:translate(3px,-3px)}
.agh__btn:active{transform:translateY(1px) scale(.99)}
.agh__btn:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}

@media (max-width:900px){
  .agh{padding:var(--s4) var(--agro-margine) var(--s4)}
  .agh__wrap{grid-template-columns:1fr; row-gap:var(--s5)}
  .agh__marchio{padding-top:0}
  .agh__bollo{max-width:210px; margin:0}
  .agh__logo{max-width:112px !important}
  .agh__eyebrow{line-height:1.7}
  .agh h2.agh__title{font-size:clamp(1.6rem,6vw,2.2rem) !important}
  .agh h1.agh__h1{font-size:1.02rem !important; max-width:none; margin-top:var(--s3) !important}
  .agh__ruota{overflow:visible; height:auto; min-height:2.4em}
  .agh__piede{flex-direction:column; align-items:flex-start; gap:var(--s3)}
  .agh__meta{text-align:left}
  .agh__cta{width:100%}
  .agh__btn{flex:1 1 100%; justify-content:center}
}

@media (prefers-reduced-motion:reduce){
  .agh__parola{transition:none !important; transform:none !important; opacity:1 !important}
  .agh__barra-in{transform:scaleX(1) !important}
}

/* =========================================================
   HOME · blocco 2 · NASTRO "in campagna adesso"
   Fascia a tutta larghezza su fondo bianco: rompe il ritmo
   della fascia chiara sopra e non ripete il layout dell'hero.
   ========================================================= */

.agn{
  box-sizing:border-box;
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding:26px 0 28px;
  background:#fff;
  border-top:1px solid var(--agro-linea);
  border-bottom:1px solid var(--agro-linea);
  overflow:hidden;
  font-family:var(--agro-testo);
  color:var(--agro-scuro);
}
.agn *,.agn *::before,.agn *::after{box-sizing:border-box}

.agn__eti{
  max-width:var(--agro-colonna); margin:0 auto var(--s2); padding:0 var(--agro-margine);
  display:flex; align-items:center; gap:10px;
  font-family:var(--agro-mono);
  font-size:10.5px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--agro-tenue);
}
.agn__eti b{color:var(--agro-verde); font-weight:500}
.agn__punto{
  width:7px; height:7px; border-radius:50%; background:var(--agro-oro); flex:none;
  animation:agn-battito 4.4s ease-in-out infinite;
}
@keyframes agn-battito{0%,100%{opacity:.28}50%{opacity:1}}

.agn__pista{display:flex; width:max-content; animation:agn-scorri 72s linear infinite}
.agn:hover .agn__pista{animation-play-state:paused}
.agn__pista ul{list-style:none; margin:0; padding:0; display:flex}
.agn__pista li{
  display:flex; align-items:baseline; gap:9px;
  padding:0 32px; border-right:1px solid var(--agro-linea);
  white-space:nowrap;
}
.agn__p{font-size:.95rem; font-weight:500}
.agn__g{font-family:var(--agro-mono); font-size:.68rem; letter-spacing:.04em; color:var(--agro-tenue)}
@keyframes agn-scorri{from{transform:translateX(0)}to{transform:translateX(-50%)}}



@media (prefers-reduced-motion:reduce){
  .agh *,.agn *{animation:none !important; opacity:1 !important; transform:none !important}
  .agn__pista{animation:none !important; width:auto; overflow-x:auto}
}

/* =========================================================
   PAGINA CONTATTI
   Stessa grammatica dell'hero: fili punteggiati, etichette
   in monospazio, due colonne. L'unico elemento che si muove
   e la spia dell'ufficio aperto, perche e un'informazione.
   ========================================================= */

.agk{
  box-sizing:border-box;
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding:var(--s4) var(--agro-margine) var(--s5);
  background:var(--agro-chiaro);
  color:var(--agro-scuro);
  font-family:var(--agro-testo);
}
.agk *,.agk *::before,.agk *::after{box-sizing:border-box}
.agk__wrap{width:100%; max-width:var(--agro-colonna); margin:0 auto}

.agk__testa{max-width:60ch; margin:0 0 var(--s5)}
.agk__eyebrow{
  margin:0 0 var(--s2);
  font-family:var(--agro-mono);
  font-size:11px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;
  color:var(--agro-verde);
}
.agk h1.agk__title{
  margin:0 0 var(--s3) !important;
  font-family:var(--agro-testo) !important;
  font-size:var(--agro-h1-interno) !important;
  line-height:1.12 !important; font-weight:700 !important;
  letter-spacing:-.035em !important; text-transform:none !important;
  color:var(--agro-scuro) !important;
}
.agk__sub{
  margin:0; max-width:56ch;
  font-size:clamp(1rem,1.2vw,1.12rem); line-height:1.6;
  color:var(--agro-tenue);
}

/* spia: aperto o chiuso, calcolato sull'ora di Roma */
.agk__stato{
  display:inline-flex; align-items:center; flex-wrap:wrap; gap:10px 16px;
  padding:14px 22px; margin:0 0 var(--s6);
  background:#fff;
  border-left:3px solid var(--agro-linea);
  font-family:var(--agro-mono);
  font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--agro-tenue);
}
.agk__stato.is-aperto{border-left-color:var(--agro-verde)}
.agk__stato.is-chiuso{border-left-color:var(--agro-oro)}
.agk__stato-testo{color:var(--agro-scuro)}
.agk__spia{width:8px; height:8px; border-radius:50%; flex:none; background:var(--agro-tenue)}
.agk__stato.is-aperto .agk__spia{
  background:var(--agro-verde);
  animation:agk-spia 3.2s ease-in-out infinite;
}
.agk__stato.is-chiuso .agk__spia{background:var(--agro-oro); opacity:.55}
@keyframes agk-spia{
  0%,100%{opacity:1; box-shadow:0 0 0 0 rgba(24,140,107,.5)}
  70%{opacity:1; box-shadow:0 0 0 7px rgba(24,140,107,0)}
}

.agk__griglia{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:var(--s7); row-gap:var(--s5);
}

.agk__eti{
  margin:0 0 var(--s2); padding-bottom:8px;
  border-bottom:1px solid var(--agro-linea);
  font-family:var(--agro-mono);
  font-size:10.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;
  color:var(--agro-verde);
}
.agk__eti--su{margin-top:var(--s5)}

.agk__voci,.agk__orari{list-style:none; margin:0; padding:0}
.agk__voci li,.agk__orari li{
  display:flex; align-items:baseline; gap:10px;
  padding:10px 0; font-size:.98rem; line-height:1.4;
}
.agk__v-filo{
  flex:1 1 auto; min-width:16px;
  border-bottom:1px dotted var(--agro-linea);
  transform:translateY(-4px);
}
.agk__v-nome,.agk__g-nome{white-space:nowrap}
.agk__v-dato{
  white-space:nowrap; font-family:var(--agro-mono);
  font-size:.9rem; font-weight:500; color:var(--agro-verde);
}
.agk__v-dato a{
  color:var(--agro-verde) !important; text-decoration:none;
  border-bottom:1px solid rgba(24,140,107,.32);
  transition:border-color .4s cubic-bezier(.32,.72,0,1), color .4s cubic-bezier(.32,.72,0,1);
}
.agk__v-dato a:hover{color:var(--agro-scuro) !important; border-bottom-color:var(--agro-scuro)}
.agk__v-dato a:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}
.agk__voci li:hover .agk__v-filo{border-bottom-color:var(--agro-verde)}

.agk__g-ore{
  white-space:nowrap; font-family:var(--agro-mono);
  font-size:.78rem; letter-spacing:.03em; color:var(--agro-tenue);
}
.agk__orari li.is-oggi .agk__g-nome{font-weight:600}
.agk__orari li.is-oggi .agk__g-ore{color:var(--agro-scuro)}
.agk__orari li.is-oggi .agk__v-filo{border-bottom-color:var(--agro-oro)}

.agk__sede{
  margin:0 0 var(--s2);
  font-size:.95rem; line-height:1.75; color:var(--agro-tenue);
}
.agk__sede b{display:block; color:var(--agro-scuro); font-weight:600; margin-bottom:4px}
.agk__nota,.agk__stagione{
  margin:0; font-size:.92rem; line-height:1.6; color:var(--agro-tenue);
}
.agk__stagione b{color:var(--agro-scuro); font-weight:600}
.agk__stagione a,.agk__mappa{
  color:var(--agro-verde) !important; text-decoration:none; white-space:nowrap;
  border-bottom:1px solid rgba(24,140,107,.32);
}
.agk__stagione a:hover,.agk__mappa:hover{border-bottom-color:var(--agro-verde)}
.agk__mappa{
  font-family:var(--agro-mono); font-size:.76rem;
  letter-spacing:.06em; text-transform:uppercase;
}
.agk__stagione a:focus-visible,.agk__mappa:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}

/* ---------- secondo elenco orari: carico e scarico merci ----------
   Stessa griglia del primo, ma senza la riga di oggi evidenziata:
   la spia segue gli uffici, non il magazzino. */
.agk__orari--mag li{color:var(--agro-tenue)}

/* ---------- le persone ----------
   Cinque ruoli, sette nomi. Chi ha due referenti li mostra
   incolonnati sotto lo stesso ruolo. */
.agk__persone{margin-top:var(--s6)}
.agk__pers{
  list-style:none; margin:0 0 var(--s3); padding:0;
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:var(--s3);
}
.agk__p{
  display:flex; flex-direction:column; gap:4px;
  padding-top:var(--s2);
  border-top:2px solid var(--agro-verde-chiaro);
  transition:border-top-color .5s cubic-bezier(.32,.72,0,1);
}
.agk__p:hover{border-top-color:var(--agro-oro)}
.agk__p-ruolo{
  font-family:var(--agro-mono);
  font-size:9.5px; font-weight:500; letter-spacing:.16em; text-transform:uppercase;
  color:var(--agro-verde);
  margin-bottom:2px;
}
.agk__p-nome{font-size:.98rem; font-weight:600; line-height:1.35; color:var(--agro-scuro)}
.agk__p-nota{margin:0; font-size:.9rem; line-height:1.6; color:var(--agro-tenue); max-width:60ch}

@media (max-width:980px){
  .agk__pers{grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s3) var(--s4)}
}
@media (max-width:820px){
  .agk{padding:var(--s3) var(--agro-margine) var(--s4)}
  .agk__persone{margin-top:var(--s5)}
  .agk__griglia{grid-template-columns:1fr; row-gap:var(--s5)}
  .agk__stato{width:100%}
  .agk__voci li,.agk__orari li{flex-wrap:wrap; gap:2px}
  .agk__v-filo{display:none}
  .agk__v-nome,.agk__g-nome{flex:1 1 100%}
  .agk__v-dato,.agk__g-ore{flex:1 1 100%}
}

@media (prefers-reduced-motion:reduce){
  .agk__spia{animation:none !important}
}

/* =========================================================
   PAGINA CALENDARIO
   Ripensata: niente scorrimento orizzontale (le 12 colonne
   stanno nella pagina), le celle piene si saldano in barre
   continue, dodici linee verticali attraversano tutta la
   tabella come riferimento permanente, e la scala dei mesi
   e ripetuta in testa, a meta e in fondo.
   ========================================================= */

.agcal{
  box-sizing:border-box;
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding:var(--s4) var(--agro-margine) var(--s5);
  background:var(--agro-chiaro);
  color:var(--agro-scuro);
  font-family:var(--agro-testo);
}
.agcal *,.agcal *::before,.agcal *::after{box-sizing:border-box}
.agcal__wrap{width:100%; max-width:var(--agro-colonna); margin:0 auto}

.agcal__sr{
  position:absolute !important; width:1px; height:1px; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap;
}

.agcal__testa{margin:0 0 var(--s5)}
.agcal__eyebrow{
  margin:0 0 var(--s2);
  font-family:var(--agro-mono);
  font-size:11px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;
  color:var(--agro-verde);
}
.agcal h1.agcal__title{
  margin:0 0 var(--s3) !important;
  font-family:var(--agro-testo) !important;
  font-size:var(--agro-h1-interno) !important;
  line-height:1.12 !important; font-weight:700 !important;
  letter-spacing:-.035em !important; text-transform:none !important;
  color:var(--agro-scuro) !important;
  max-width:24ch;
}
.agcal__sub{
  margin:0; max-width:64ch;
  font-size:clamp(1rem,1.2vw,1.1rem); line-height:1.6;
  color:var(--agro-tenue);
}

/* ---------- selettore dei mesi ---------- */
.agcal__scelta{margin:0 0 var(--s4)}
.agcal__eti{
  margin:0 0 var(--s2); padding-bottom:8px;
  border-bottom:1px solid var(--agro-linea);
  font-family:var(--agro-mono);
  font-size:10.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;
  color:var(--agro-verde);
}
.agcal__mesi{display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:4px; margin:0 0 12px}
.agcal__btn{
  appearance:none; cursor:pointer;
  display:flex; flex-direction:column; align-items:center; gap:4px;
  padding:11px 2px 9px;
  background:#fff;
  border:1px solid var(--agro-linea); border-top-width:2px; border-top-color:var(--agro-verde-chiaro);
  font-family:var(--agro-mono); color:var(--agro-tenue) !important;
  transition:background .4s cubic-bezier(.32,.72,0,1), color .4s cubic-bezier(.32,.72,0,1),
             border-color .4s cubic-bezier(.32,.72,0,1);
}
.agcal__btn:hover{background:rgba(24,140,107,.12); color:var(--agro-scuro) !important}
.agcal__btn-m{font-size:10px; letter-spacing:.08em; text-transform:uppercase}
.agcal__btn-n{font-size:15px; font-weight:500; line-height:1}
.agcal__btn.is-scelto{
  background:var(--agro-scuro); border-color:var(--agro-scuro);
  border-top-color:var(--agro-oro); color:var(--agro-chiaro) !important;
}
.agcal__btn:focus-visible{outline:2px solid var(--agro-oro); outline-offset:2px}
.agcal__conta{
  margin:0; font-family:var(--agro-mono);
  font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--agro-tenue);
}
.agcal__conta b{color:var(--agro-verde); font-weight:500}

/* ---------- tabella ---------- */
.agcal__tabella{
  width:100%; table-layout:fixed;
  border-collapse:collapse;
  background:#fff;
  border:1px solid var(--agro-linea);
  margin:0 0 var(--s5);
  font-size:.92rem;
}
.agcal__caption{
  caption-side:top;
  padding:14px 18px; text-align:left;
  background:#fff;
  border:1px solid var(--agro-linea); border-bottom:0;
  font-family:var(--agro-mono);
  font-size:10px; line-height:1.7; letter-spacing:.12em; text-transform:uppercase;
  color:var(--agro-tenue) !important;
}

/* intestazioni: colori forzati, il tema qui vuole mettere il nero */
.agcal__tabella thead th,
.agcal__tabella tfoot th{
  position:sticky; top:0; z-index:3;
  background:var(--agro-scuro) !important;
  color:var(--agro-chiaro) !important;
  font-family:var(--agro-mono); font-weight:500;
  font-size:9.5px; letter-spacing:.1em; text-transform:uppercase;
  padding:11px 4px; text-align:center;
  border:0;
}
.agcal__tabella tfoot th{position:static}
.agcal__tabella thead th abbr,
.agcal__tabella tfoot th abbr,
.agcal__tabella .agcal__m abbr{
  text-decoration:none !important; border:0 !important; color:inherit !important;
}
.agcal__prod-h{text-align:left !important; padding-left:18px !important; width:26%}

/* riga di gruppo che rifa anche da scala dei mesi */
.agcal__gruppo th{
  padding:12px 18px; text-align:left;
  background:rgba(24,140,107,.10) !important;
  font-family:var(--agro-mono); font-weight:500;
  font-size:10px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--agro-verde) !important;
  border-top:1px solid var(--agro-linea);
  border-bottom:1px solid var(--agro-linea);
}
.agcal__gruppo--scala td{
  background:rgba(24,140,107,.10) !important;
  border-top:1px solid var(--agro-linea);
  border-bottom:1px solid var(--agro-linea);
  text-align:center; padding:12px 2px;
  font-family:var(--agro-mono); font-size:9px; letter-spacing:.08em;
  text-transform:uppercase; color:var(--agro-tenue) !important;
}
.agcal__prod-h2{width:26%}

/* riga prodotto */
.agcal__prod{
  padding:9px 18px !important; text-align:left !important; font-weight:400 !important;
  border-bottom:1px solid rgba(62,64,63,.08);
  background:#fff;
}
.agcal__prod a{
  color:var(--agro-scuro) !important; text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .35s cubic-bezier(.32,.72,0,1), border-color .35s cubic-bezier(.32,.72,0,1);
}
.agcal__prod a:hover{color:var(--agro-verde) !important; border-bottom-color:var(--agro-verde)}
.agcal__prod a:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}
.agcal__geo{
  display:block; margin-top:2px;
  font-family:var(--agro-mono); font-size:.64rem;
  letter-spacing:.03em; color:var(--agro-tenue) !important;
}

/* celle: le piene si saldano in una barra continua,
   una linea verticale sottile fa da riferimento sempre visibile */
.agcal__c{
  position:relative;
  padding:0 !important;
  border-bottom:1px solid rgba(62,64,63,.08);
  border-left:1px solid rgba(62,64,63,.07);
  background:#fff;
}
.agcal__c::before{
  content:""; position:absolute; inset:7px 0;
  background:transparent;
  transition:background .45s cubic-bezier(.32,.72,0,1);
}
.agcal__c.is-si::before{background:var(--agro-verde-chiaro)}
.agcal__c.is-inizio::before{left:2px; border-radius:2px 0 0 2px}
.agcal__c.is-fine::before{right:2px; border-radius:0 2px 2px 0}

/* filtro per mese: l'identificativo sta sul collegamento stesso,
   che contiene testo e non viene ripulito dall'editor.
   Il CSS lo intercetta con :has, quindi non dipende
   dall'ordine degli elementi nella pagina. */
.agcal__btn{cursor:pointer; text-decoration:none !important; scroll-margin-top:100px}
.agcal__conta span{display:none}
.agcal__conta .c-tutti{display:inline}
.agcal__tutti{display:none}
.agcal:has(#fm1:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#fm1:target) .agcal__conta .c-m1{display:inline}
.agcal:has(#fm1:target) .agcal__tutti{display:inline}
.agcal:has(#fm1:target) .agcal__mesi a#fm1{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#fm1:target) .agcal__tabella tbody tr.agcal__r:not(.m1){display:none}
.agcal:has(#fm1:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#fm1:target) .agcal__tabella .agcal__c[data-m="1"]{background:rgba(217,187,98,.16)}
.agcal:has(#fm1:target) .agcal__tabella .agcal__c[data-m="1"].is-si::before{background:var(--agro-verde)}
.agcal:has(#fm1:target) .agcal__tabella .agcal__m[data-m="1"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#fm2:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#fm2:target) .agcal__conta .c-m2{display:inline}
.agcal:has(#fm2:target) .agcal__tutti{display:inline}
.agcal:has(#fm2:target) .agcal__mesi a#fm2{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#fm2:target) .agcal__tabella tbody tr.agcal__r:not(.m2){display:none}
.agcal:has(#fm2:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#fm2:target) .agcal__tabella .agcal__c[data-m="2"]{background:rgba(217,187,98,.16)}
.agcal:has(#fm2:target) .agcal__tabella .agcal__c[data-m="2"].is-si::before{background:var(--agro-verde)}
.agcal:has(#fm2:target) .agcal__tabella .agcal__m[data-m="2"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#fm3:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#fm3:target) .agcal__conta .c-m3{display:inline}
.agcal:has(#fm3:target) .agcal__tutti{display:inline}
.agcal:has(#fm3:target) .agcal__mesi a#fm3{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#fm3:target) .agcal__tabella tbody tr.agcal__r:not(.m3){display:none}
.agcal:has(#fm3:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#fm3:target) .agcal__tabella .agcal__c[data-m="3"]{background:rgba(217,187,98,.16)}
.agcal:has(#fm3:target) .agcal__tabella .agcal__c[data-m="3"].is-si::before{background:var(--agro-verde)}
.agcal:has(#fm3:target) .agcal__tabella .agcal__m[data-m="3"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#fm4:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#fm4:target) .agcal__conta .c-m4{display:inline}
.agcal:has(#fm4:target) .agcal__tutti{display:inline}
.agcal:has(#fm4:target) .agcal__mesi a#fm4{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#fm4:target) .agcal__tabella tbody tr.agcal__r:not(.m4){display:none}
.agcal:has(#fm4:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#fm4:target) .agcal__tabella .agcal__c[data-m="4"]{background:rgba(217,187,98,.16)}
.agcal:has(#fm4:target) .agcal__tabella .agcal__c[data-m="4"].is-si::before{background:var(--agro-verde)}
.agcal:has(#fm4:target) .agcal__tabella .agcal__m[data-m="4"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#fm5:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#fm5:target) .agcal__conta .c-m5{display:inline}
.agcal:has(#fm5:target) .agcal__tutti{display:inline}
.agcal:has(#fm5:target) .agcal__mesi a#fm5{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#fm5:target) .agcal__tabella tbody tr.agcal__r:not(.m5){display:none}
.agcal:has(#fm5:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#fm5:target) .agcal__tabella .agcal__c[data-m="5"]{background:rgba(217,187,98,.16)}
.agcal:has(#fm5:target) .agcal__tabella .agcal__c[data-m="5"].is-si::before{background:var(--agro-verde)}
.agcal:has(#fm5:target) .agcal__tabella .agcal__m[data-m="5"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#fm6:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#fm6:target) .agcal__conta .c-m6{display:inline}
.agcal:has(#fm6:target) .agcal__tutti{display:inline}
.agcal:has(#fm6:target) .agcal__mesi a#fm6{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#fm6:target) .agcal__tabella tbody tr.agcal__r:not(.m6){display:none}
.agcal:has(#fm6:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#fm6:target) .agcal__tabella .agcal__c[data-m="6"]{background:rgba(217,187,98,.16)}
.agcal:has(#fm6:target) .agcal__tabella .agcal__c[data-m="6"].is-si::before{background:var(--agro-verde)}
.agcal:has(#fm6:target) .agcal__tabella .agcal__m[data-m="6"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#fm7:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#fm7:target) .agcal__conta .c-m7{display:inline}
.agcal:has(#fm7:target) .agcal__tutti{display:inline}
.agcal:has(#fm7:target) .agcal__mesi a#fm7{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#fm7:target) .agcal__tabella tbody tr.agcal__r:not(.m7){display:none}
.agcal:has(#fm7:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#fm7:target) .agcal__tabella .agcal__c[data-m="7"]{background:rgba(217,187,98,.16)}
.agcal:has(#fm7:target) .agcal__tabella .agcal__c[data-m="7"].is-si::before{background:var(--agro-verde)}
.agcal:has(#fm7:target) .agcal__tabella .agcal__m[data-m="7"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#fm8:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#fm8:target) .agcal__conta .c-m8{display:inline}
.agcal:has(#fm8:target) .agcal__tutti{display:inline}
.agcal:has(#fm8:target) .agcal__mesi a#fm8{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#fm8:target) .agcal__tabella tbody tr.agcal__r:not(.m8){display:none}
.agcal:has(#fm8:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#fm8:target) .agcal__tabella .agcal__c[data-m="8"]{background:rgba(217,187,98,.16)}
.agcal:has(#fm8:target) .agcal__tabella .agcal__c[data-m="8"].is-si::before{background:var(--agro-verde)}
.agcal:has(#fm8:target) .agcal__tabella .agcal__m[data-m="8"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#fm9:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#fm9:target) .agcal__conta .c-m9{display:inline}
.agcal:has(#fm9:target) .agcal__tutti{display:inline}
.agcal:has(#fm9:target) .agcal__mesi a#fm9{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#fm9:target) .agcal__tabella tbody tr.agcal__r:not(.m9){display:none}
.agcal:has(#fm9:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#fm9:target) .agcal__tabella .agcal__c[data-m="9"]{background:rgba(217,187,98,.16)}
.agcal:has(#fm9:target) .agcal__tabella .agcal__c[data-m="9"].is-si::before{background:var(--agro-verde)}
.agcal:has(#fm9:target) .agcal__tabella .agcal__m[data-m="9"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#fm10:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#fm10:target) .agcal__conta .c-m10{display:inline}
.agcal:has(#fm10:target) .agcal__tutti{display:inline}
.agcal:has(#fm10:target) .agcal__mesi a#fm10{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#fm10:target) .agcal__tabella tbody tr.agcal__r:not(.m10){display:none}
.agcal:has(#fm10:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#fm10:target) .agcal__tabella .agcal__c[data-m="10"]{background:rgba(217,187,98,.16)}
.agcal:has(#fm10:target) .agcal__tabella .agcal__c[data-m="10"].is-si::before{background:var(--agro-verde)}
.agcal:has(#fm10:target) .agcal__tabella .agcal__m[data-m="10"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#fm11:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#fm11:target) .agcal__conta .c-m11{display:inline}
.agcal:has(#fm11:target) .agcal__tutti{display:inline}
.agcal:has(#fm11:target) .agcal__mesi a#fm11{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#fm11:target) .agcal__tabella tbody tr.agcal__r:not(.m11){display:none}
.agcal:has(#fm11:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#fm11:target) .agcal__tabella .agcal__c[data-m="11"]{background:rgba(217,187,98,.16)}
.agcal:has(#fm11:target) .agcal__tabella .agcal__c[data-m="11"].is-si::before{background:var(--agro-verde)}
.agcal:has(#fm11:target) .agcal__tabella .agcal__m[data-m="11"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#fm12:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#fm12:target) .agcal__conta .c-m12{display:inline}
.agcal:has(#fm12:target) .agcal__tutti{display:inline}
.agcal:has(#fm12:target) .agcal__mesi a#fm12{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#fm12:target) .agcal__tabella tbody tr.agcal__r:not(.m12){display:none}
.agcal:has(#fm12:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#fm12:target) .agcal__tabella .agcal__c[data-m="12"]{background:rgba(217,187,98,.16)}
.agcal:has(#fm12:target) .agcal__tabella .agcal__c[data-m="12"].is-si::before{background:var(--agro-verde)}
.agcal:has(#fm12:target) .agcal__tabella .agcal__m[data-m="12"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#vm1:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#vm1:target) .agcal__conta .c-m1{display:inline}
.agcal:has(#vm1:target) .agcal__tutti{display:inline}
.agcal:has(#vm1:target) .agcal__mesi a#vm1{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#vm1:target) .agcal__tabella tbody tr.agcal__r:not(.m1){display:none}
.agcal:has(#vm1:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#vm1:target) .agcal__tabella .agcal__c[data-m="1"]{background:rgba(217,187,98,.16)}
.agcal:has(#vm1:target) .agcal__tabella .agcal__c[data-m="1"].is-si::before{background:var(--agro-verde)}
.agcal:has(#vm1:target) .agcal__tabella .agcal__m[data-m="1"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#vm2:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#vm2:target) .agcal__conta .c-m2{display:inline}
.agcal:has(#vm2:target) .agcal__tutti{display:inline}
.agcal:has(#vm2:target) .agcal__mesi a#vm2{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#vm2:target) .agcal__tabella tbody tr.agcal__r:not(.m2){display:none}
.agcal:has(#vm2:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#vm2:target) .agcal__tabella .agcal__c[data-m="2"]{background:rgba(217,187,98,.16)}
.agcal:has(#vm2:target) .agcal__tabella .agcal__c[data-m="2"].is-si::before{background:var(--agro-verde)}
.agcal:has(#vm2:target) .agcal__tabella .agcal__m[data-m="2"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#vm3:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#vm3:target) .agcal__conta .c-m3{display:inline}
.agcal:has(#vm3:target) .agcal__tutti{display:inline}
.agcal:has(#vm3:target) .agcal__mesi a#vm3{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#vm3:target) .agcal__tabella tbody tr.agcal__r:not(.m3){display:none}
.agcal:has(#vm3:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#vm3:target) .agcal__tabella .agcal__c[data-m="3"]{background:rgba(217,187,98,.16)}
.agcal:has(#vm3:target) .agcal__tabella .agcal__c[data-m="3"].is-si::before{background:var(--agro-verde)}
.agcal:has(#vm3:target) .agcal__tabella .agcal__m[data-m="3"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#vm4:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#vm4:target) .agcal__conta .c-m4{display:inline}
.agcal:has(#vm4:target) .agcal__tutti{display:inline}
.agcal:has(#vm4:target) .agcal__mesi a#vm4{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#vm4:target) .agcal__tabella tbody tr.agcal__r:not(.m4){display:none}
.agcal:has(#vm4:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#vm4:target) .agcal__tabella .agcal__c[data-m="4"]{background:rgba(217,187,98,.16)}
.agcal:has(#vm4:target) .agcal__tabella .agcal__c[data-m="4"].is-si::before{background:var(--agro-verde)}
.agcal:has(#vm4:target) .agcal__tabella .agcal__m[data-m="4"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#vm5:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#vm5:target) .agcal__conta .c-m5{display:inline}
.agcal:has(#vm5:target) .agcal__tutti{display:inline}
.agcal:has(#vm5:target) .agcal__mesi a#vm5{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#vm5:target) .agcal__tabella tbody tr.agcal__r:not(.m5){display:none}
.agcal:has(#vm5:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#vm5:target) .agcal__tabella .agcal__c[data-m="5"]{background:rgba(217,187,98,.16)}
.agcal:has(#vm5:target) .agcal__tabella .agcal__c[data-m="5"].is-si::before{background:var(--agro-verde)}
.agcal:has(#vm5:target) .agcal__tabella .agcal__m[data-m="5"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#vm6:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#vm6:target) .agcal__conta .c-m6{display:inline}
.agcal:has(#vm6:target) .agcal__tutti{display:inline}
.agcal:has(#vm6:target) .agcal__mesi a#vm6{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#vm6:target) .agcal__tabella tbody tr.agcal__r:not(.m6){display:none}
.agcal:has(#vm6:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#vm6:target) .agcal__tabella .agcal__c[data-m="6"]{background:rgba(217,187,98,.16)}
.agcal:has(#vm6:target) .agcal__tabella .agcal__c[data-m="6"].is-si::before{background:var(--agro-verde)}
.agcal:has(#vm6:target) .agcal__tabella .agcal__m[data-m="6"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#vm7:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#vm7:target) .agcal__conta .c-m7{display:inline}
.agcal:has(#vm7:target) .agcal__tutti{display:inline}
.agcal:has(#vm7:target) .agcal__mesi a#vm7{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#vm7:target) .agcal__tabella tbody tr.agcal__r:not(.m7){display:none}
.agcal:has(#vm7:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#vm7:target) .agcal__tabella .agcal__c[data-m="7"]{background:rgba(217,187,98,.16)}
.agcal:has(#vm7:target) .agcal__tabella .agcal__c[data-m="7"].is-si::before{background:var(--agro-verde)}
.agcal:has(#vm7:target) .agcal__tabella .agcal__m[data-m="7"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#vm8:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#vm8:target) .agcal__conta .c-m8{display:inline}
.agcal:has(#vm8:target) .agcal__tutti{display:inline}
.agcal:has(#vm8:target) .agcal__mesi a#vm8{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#vm8:target) .agcal__tabella tbody tr.agcal__r:not(.m8){display:none}
.agcal:has(#vm8:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#vm8:target) .agcal__tabella .agcal__c[data-m="8"]{background:rgba(217,187,98,.16)}
.agcal:has(#vm8:target) .agcal__tabella .agcal__c[data-m="8"].is-si::before{background:var(--agro-verde)}
.agcal:has(#vm8:target) .agcal__tabella .agcal__m[data-m="8"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#vm9:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#vm9:target) .agcal__conta .c-m9{display:inline}
.agcal:has(#vm9:target) .agcal__tutti{display:inline}
.agcal:has(#vm9:target) .agcal__mesi a#vm9{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#vm9:target) .agcal__tabella tbody tr.agcal__r:not(.m9){display:none}
.agcal:has(#vm9:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#vm9:target) .agcal__tabella .agcal__c[data-m="9"]{background:rgba(217,187,98,.16)}
.agcal:has(#vm9:target) .agcal__tabella .agcal__c[data-m="9"].is-si::before{background:var(--agro-verde)}
.agcal:has(#vm9:target) .agcal__tabella .agcal__m[data-m="9"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#vm10:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#vm10:target) .agcal__conta .c-m10{display:inline}
.agcal:has(#vm10:target) .agcal__tutti{display:inline}
.agcal:has(#vm10:target) .agcal__mesi a#vm10{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#vm10:target) .agcal__tabella tbody tr.agcal__r:not(.m10){display:none}
.agcal:has(#vm10:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#vm10:target) .agcal__tabella .agcal__c[data-m="10"]{background:rgba(217,187,98,.16)}
.agcal:has(#vm10:target) .agcal__tabella .agcal__c[data-m="10"].is-si::before{background:var(--agro-verde)}
.agcal:has(#vm10:target) .agcal__tabella .agcal__m[data-m="10"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#vm11:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#vm11:target) .agcal__conta .c-m11{display:inline}
.agcal:has(#vm11:target) .agcal__tutti{display:inline}
.agcal:has(#vm11:target) .agcal__mesi a#vm11{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#vm11:target) .agcal__tabella tbody tr.agcal__r:not(.m11){display:none}
.agcal:has(#vm11:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#vm11:target) .agcal__tabella .agcal__c[data-m="11"]{background:rgba(217,187,98,.16)}
.agcal:has(#vm11:target) .agcal__tabella .agcal__c[data-m="11"].is-si::before{background:var(--agro-verde)}
.agcal:has(#vm11:target) .agcal__tabella .agcal__m[data-m="11"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}
.agcal:has(#vm12:target) .agcal__conta .c-tutti{display:none}
.agcal:has(#vm12:target) .agcal__conta .c-m12{display:inline}
.agcal:has(#vm12:target) .agcal__tutti{display:inline}
.agcal:has(#vm12:target) .agcal__mesi a#vm12{background:var(--agro-scuro) !important; border-color:var(--agro-scuro) !important; border-top-color:var(--agro-oro) !important; color:var(--agro-chiaro) !important}
.agcal:has(#vm12:target) .agcal__tabella tbody tr.agcal__r:not(.m12){display:none}
.agcal:has(#vm12:target) .agcal__tabella .agcal__scala{display:none}
.agcal:has(#vm12:target) .agcal__tabella .agcal__c[data-m="12"]{background:rgba(217,187,98,.16)}
.agcal:has(#vm12:target) .agcal__tabella .agcal__c[data-m="12"].is-si::before{background:var(--agro-verde)}
.agcal:has(#vm12:target) .agcal__tabella .agcal__m[data-m="12"]{background:var(--agro-oro) !important; color:var(--agro-scuro) !important}

.agcal__stato-f{
  display:flex; align-items:baseline; justify-content:space-between;
  gap:var(--s2) var(--s4); flex-wrap:wrap;
}
.agcal__tutti{
  cursor:pointer; user-select:none;
  font-family:var(--agro-mono); font-size:.72rem;
  letter-spacing:.1em; text-transform:uppercase;
  color:var(--agro-verde) !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(24,140,107,.35);
  transition:color .4s cubic-bezier(.32,.72,0,1), border-color .4s cubic-bezier(.32,.72,0,1);
}
.agcal__tutti:hover{color:var(--agro-scuro) !important; border-bottom-color:var(--agro-scuro)}
.agcal__btn:focus-visible,.agcal__tutti:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}

.agcal__tabella tbody tr:hover .agcal__prod{background:rgba(24,140,107,.05)}
.agcal__tabella tbody tr:hover .agcal__c{background:rgba(24,140,107,.05)}
.agcal__tabella tbody tr:hover .agcal__c.is-si::before{background:var(--agro-verde)}

/* mese evidenziato: colonna intera, dal primo all'ultimo prodotto */
.agcal__tabella[data-mese="1"] .agcal__c[data-m="1"],
.agcal__tabella[data-mese="2"] .agcal__c[data-m="2"],
.agcal__tabella[data-mese="3"] .agcal__c[data-m="3"],
.agcal__tabella[data-mese="4"] .agcal__c[data-m="4"],
.agcal__tabella[data-mese="5"] .agcal__c[data-m="5"],
.agcal__tabella[data-mese="6"] .agcal__c[data-m="6"],
.agcal__tabella[data-mese="7"] .agcal__c[data-m="7"],
.agcal__tabella[data-mese="8"] .agcal__c[data-m="8"],
.agcal__tabella[data-mese="9"] .agcal__c[data-m="9"],
.agcal__tabella[data-mese="10"] .agcal__c[data-m="10"],
.agcal__tabella[data-mese="11"] .agcal__c[data-m="11"],
.agcal__tabella[data-mese="12"] .agcal__c[data-m="12"]{
  background:rgba(217,187,98,.16);
}
.agcal__tabella[data-mese="1"] .agcal__c[data-m="1"].is-si::before,
.agcal__tabella[data-mese="2"] .agcal__c[data-m="2"].is-si::before,
.agcal__tabella[data-mese="3"] .agcal__c[data-m="3"].is-si::before,
.agcal__tabella[data-mese="4"] .agcal__c[data-m="4"].is-si::before,
.agcal__tabella[data-mese="5"] .agcal__c[data-m="5"].is-si::before,
.agcal__tabella[data-mese="6"] .agcal__c[data-m="6"].is-si::before,
.agcal__tabella[data-mese="7"] .agcal__c[data-m="7"].is-si::before,
.agcal__tabella[data-mese="8"] .agcal__c[data-m="8"].is-si::before,
.agcal__tabella[data-mese="9"] .agcal__c[data-m="9"].is-si::before,
.agcal__tabella[data-mese="10"] .agcal__c[data-m="10"].is-si::before,
.agcal__tabella[data-mese="11"] .agcal__c[data-m="11"].is-si::before,
.agcal__tabella[data-mese="12"] .agcal__c[data-m="12"].is-si::before{
  background:var(--agro-verde);
}
.agcal__tabella[data-mese="1"] .agcal__m[data-m="1"],
.agcal__tabella[data-mese="2"] .agcal__m[data-m="2"],
.agcal__tabella[data-mese="3"] .agcal__m[data-m="3"],
.agcal__tabella[data-mese="4"] .agcal__m[data-m="4"],
.agcal__tabella[data-mese="5"] .agcal__m[data-m="5"],
.agcal__tabella[data-mese="6"] .agcal__m[data-m="6"],
.agcal__tabella[data-mese="7"] .agcal__m[data-m="7"],
.agcal__tabella[data-mese="8"] .agcal__m[data-m="8"],
.agcal__tabella[data-mese="9"] .agcal__m[data-m="9"],
.agcal__tabella[data-mese="10"] .agcal__m[data-m="10"],
.agcal__tabella[data-mese="11"] .agcal__m[data-m="11"],
.agcal__tabella[data-mese="12"] .agcal__m[data-m="12"]{
  background:var(--agro-oro) !important;
  color:var(--agro-scuro) !important;
}

/* ---------- piede ---------- */
.agcal__piede{
  display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:var(--s3) var(--s6); align-items:start;
  border-top:1px solid var(--agro-linea); padding-top:var(--s4);
}
.agcal__nota{margin:0; font-size:.92rem; line-height:1.6; color:var(--agro-tenue); max-width:60ch}
.agcal__cta{display:flex; flex-direction:column; gap:10px; align-items:flex-start}
.agcal__link{
  font-family:var(--agro-mono);
  font-size:.76rem; letter-spacing:.08em; text-transform:uppercase;
  color:var(--agro-verde) !important; text-decoration:none;
  border-bottom:1px solid rgba(24,140,107,.32);
  transition:border-color .4s cubic-bezier(.32,.72,0,1), color .4s cubic-bezier(.32,.72,0,1);
}
.agcal__link:hover{color:var(--agro-scuro) !important; border-bottom-color:var(--agro-scuro)}
.agcal__link--pieno{color:var(--agro-scuro) !important; border-bottom-color:var(--agro-oro)}
.agcal__link:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}

/* ---------- telefono: la tabella diventa un elenco ---------- */
@media (max-width:760px){
  .agcal{padding:var(--s3) var(--agro-margine) var(--s4)}
  .agcal h1.agcal__title{max-width:none}
  .agcal__mesi{grid-template-columns:repeat(6,minmax(0,1fr))}

  .agcal__tabella,
  .agcal__tabella tbody,
  .agcal__tabella tr,
  .agcal__tabella td,
  .agcal__tabella th{display:block; width:auto !important}
  .agcal__tabella thead,
  .agcal__tabella tfoot,
  .agcal__gruppo--scala td{display:none}
  .agcal__tabella{border:0; background:transparent}
  .agcal__caption{border:1px solid var(--agro-linea)}

  .agcal__gruppo th{
    display:block; margin:var(--s3) 0 0;
    border:1px solid var(--agro-linea); border-bottom:0;
  }
  .agcal__tabella tbody tr:not(.agcal__gruppo){
    border:1px solid var(--agro-linea); border-top:0;
    background:#fff; padding:0;
  }
  .agcal__prod{border-bottom:1px solid rgba(62,64,63,.08) !important}
  .agcal__tabella tbody tr:not(.agcal__gruppo) .agcal__c{
    display:inline-block; width:calc(100% / 12) !important;
    border:0; border-bottom:0;
    text-align:center; padding:8px 0 !important;
    vertical-align:top;
  }
  /* su telefono ogni cella si scrive il suo mese: niente riga di riferimento da perdere */
  .agcal__c::before{inset:auto; position:static; display:block; height:4px; margin-bottom:5px}
  .agcal__c.is-inizio::before,.agcal__c.is-fine::before{left:auto; right:auto; border-radius:2px}
  .agcal__c::after{
    content:attr(data-m);
    font-family:var(--agro-mono); font-size:8.5px;
    color:var(--agro-tenue);
  }
  .agcal__c.is-si::after{color:var(--agro-scuro); font-weight:500}
  .agcal__piede{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .agcal__c::before,.agcal__btn{transition:none !important}
}

/* scala dei mesi ripetuta dentro la tabella ogni otto prodotti:
   non dipende da position:sticky, che il tema annulla */
/* le scale ripetute dentro la tabella stanno in disparte:
   fondo neutro e testo tenue. Diventano scure solo quando
   entrano nella parte alta dello schermo, cioe quando servono
   davvero da riferimento. La classe is-vista la mette lo script. */
.agcal__scala td{
  background:rgba(62,64,63,.045) !important;
  color:rgba(62,64,63,.42) !important;
  font-family:var(--agro-mono); font-weight:500;
  font-size:9px; letter-spacing:.1em; text-transform:uppercase;
  padding:7px 4px !important; text-align:center;
  border:0 !important;
  transition:background .75s cubic-bezier(.32,.72,0,1),
             color .75s cubic-bezier(.32,.72,0,1);
}
.agcal__scala.is-vista td{
  background:var(--agro-scuro) !important;
  color:var(--agro-chiaro) !important;
}
.agcal__scala td abbr{text-decoration:none !important; border:0 !important; color:inherit !important}
.agcal__scala-eti{
  text-align:left !important; padding-left:18px !important;
  color:rgba(62,64,63,.3) !important;
}
.agcal__scala.is-vista .agcal__scala-eti{color:rgba(242,242,240,.55) !important}
.agcal__tabella[data-mese="1"] .agcal__scala.is-vista td[data-m="1"],
.agcal__tabella[data-mese="2"] .agcal__scala.is-vista td[data-m="2"],
.agcal__tabella[data-mese="3"] .agcal__scala.is-vista td[data-m="3"],
.agcal__tabella[data-mese="4"] .agcal__scala.is-vista td[data-m="4"],
.agcal__tabella[data-mese="5"] .agcal__scala.is-vista td[data-m="5"],
.agcal__tabella[data-mese="6"] .agcal__scala.is-vista td[data-m="6"],
.agcal__tabella[data-mese="7"] .agcal__scala.is-vista td[data-m="7"],
.agcal__tabella[data-mese="8"] .agcal__scala.is-vista td[data-m="8"],
.agcal__tabella[data-mese="9"] .agcal__scala.is-vista td[data-m="9"],
.agcal__tabella[data-mese="10"] .agcal__scala.is-vista td[data-m="10"],
.agcal__tabella[data-mese="11"] .agcal__scala.is-vista td[data-m="11"],
.agcal__tabella[data-mese="12"] .agcal__scala.is-vista td[data-m="12"]{
  background:var(--agro-oro) !important; color:var(--agro-scuro) !important;
}

/* ---------- corpo redazionale ---------- */
.agcal__testo{
  max-width:74ch; margin:var(--s5) 0 0;
  font-size:1rem; line-height:1.7; color:var(--agro-scuro);
}
.agcal__testo p{margin:0 0 var(--s2)}
.agcal h2.agcal__h2{
  margin:var(--s5) 0 var(--s3) !important;
  font-family:var(--agro-testo) !important;
  font-size:clamp(1.25rem,1.9vw,1.55rem) !important;
  line-height:1.2 !important; font-weight:700 !important;
  letter-spacing:-.02em !important; text-transform:none !important;
  color:var(--agro-scuro) !important;
  padding-bottom:10px; border-bottom:1px solid var(--agro-linea);
}
.agcal__testo a{
  color:var(--agro-verde) !important; text-decoration:none;
  border-bottom:1px solid rgba(24,140,107,.28);
  transition:border-color .35s cubic-bezier(.32,.72,0,1), color .35s cubic-bezier(.32,.72,0,1);
}
.agcal__testo a:hover{color:var(--agro-scuro) !important; border-bottom-color:var(--agro-scuro)}
.agcal__testo a:focus-visible{outline:2px solid var(--agro-oro); outline-offset:2px}

.agcal__mese{
  margin:0 0 var(--s3); padding:var(--s3) 0 0;
  border-top:1px solid var(--agro-linea);
}
.agcal h3.agcal__mese-h{
  margin:0 0 6px !important;
  font-family:var(--agro-testo) !important;
  font-size:1.06rem !important; font-weight:600 !important;
  line-height:1.3 !important; letter-spacing:-.01em !important;
  text-transform:none !important; color:var(--agro-scuro) !important;
}
.agcal__mese-n{
  margin:0 0 10px !important;
  font-family:var(--agro-mono); font-size:10px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--agro-tenue);
}
.agcal__mese-n b{color:var(--agro-verde); font-weight:500}
.agcal__mese-p{margin:0 0 12px !important; font-size:.96rem; line-height:1.7; color:var(--agro-scuro)}
.agcal__mese-t{margin:0 0 6px !important; font-size:.95rem; line-height:1.65}
.agcal__mese-t b{color:var(--agro-scuro); font-weight:600}
.agcal__mese-c b{color:var(--agro-verde); font-weight:600}
.agcal__mese-c{
  margin:12px 0 0 !important; padding-left:14px;
  border-left:2px solid var(--agro-oro);
  font-size:.9rem; line-height:1.6; color:var(--agro-tenue);
}

.agcal__faq-i{margin:0 0 var(--s3); padding:var(--s3) 0 0; border-top:1px solid var(--agro-linea)}
.agcal h3.agcal__faq-d{
  margin:0 0 8px !important;
  font-family:var(--agro-testo) !important;
  font-size:1.02rem !important; font-weight:600 !important;
  line-height:1.35 !important; text-transform:none !important;
  color:var(--agro-scuro) !important;
}
.agcal__faq-r{margin:0 !important; font-size:.96rem; line-height:1.7; color:var(--agro-tenue)}

.agcal__chiusa{margin:0; font-size:.98rem; line-height:1.6; color:var(--agro-scuro); max-width:52ch}
.agcal__piede{margin-top:var(--s5)}

@media (max-width:760px){
  .agcal__scala{display:none}
  .agcal__testo{max-width:none}
}

/* =========================================================
   FOOTER
   ========================================================= */
.agf{
  --verde:#188C6B;
  --verde-chiaro:#53A68E;
  --scuro:#3E403F;
  --chiaro:#F2F2F0;
  --oro:#D9BB62;
  --linea:rgba(242,242,240,.16);
  --tenue:rgba(242,242,240,.62);

  box-sizing:border-box;
  width:100%;
  padding:72px 40px 32px;
  background:var(--scuro);
  color:var(--chiaro);
  font-family:'Familjen Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:15px; line-height:1.6;
}
.agf *,.agf *::before,.agf *::after{box-sizing:border-box}

.agf__wrap{
  width:100%; max-width:1180px; margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));
  gap:48px 56px;
}

/* ---------- colonna azienda ---------- */
.agf__logo{display:block; width:100%; height:auto; max-width:190px; margin:0 0 24px}
/* un filo stacca il payoff dal logo, come le etichette
   delle altre colonne: e un bordo, non un elemento hr */
.agf__payoff{
  margin:0 0 20px;
  padding-top:20px;
  border-top:1px solid var(--linea);
  font-size:.95rem; line-height:1.6;
  color:var(--tenue);
  max-width:38ch;
}
.agf__sede{
  margin:0;
  font-size:.88rem; line-height:1.75;
  color:var(--tenue);
}
.agf__sede strong{display:block; color:var(--chiaro); font-weight:600; margin-bottom:4px}

/* ---------- etichette ---------- */
.agf__eti{
  margin:0 0 16px; padding-bottom:8px;
  border-bottom:1px solid var(--linea);
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:10.5px; font-weight:500;
  letter-spacing:.2em; text-transform:uppercase;
  color:var(--verde-chiaro);
}

/* ---------- liste di link ---------- */
.agf__voci{list-style:none; margin:0; padding:0}
.agf__voci li{margin:0 0 9px}
.agf__voci a{
  color:var(--chiaro) !important;
  text-decoration:none;
  font-size:.93rem;
  border-bottom:1px solid transparent;
  transition:color .2s ease, border-color .2s ease;
}
.agf__voci a:hover{color:var(--verde-chiaro) !important; border-bottom-color:var(--verde-chiaro)}
.agf__voci a:focus-visible{outline:2px solid var(--oro); outline-offset:3px}

/* ---------- contatti ---------- */
.agf__cont{list-style:none; margin:0; padding:0}
.agf__cont li{margin:0 0 14px}
.agf__c-eti{
  display:block;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:9.5px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--tenue); margin-bottom:3px;
}
.agf__c-val{display:block; font-size:.93rem}
.agf__c-val a{
  color:var(--chiaro) !important; text-decoration:none;
  border-bottom:1px solid rgba(83,166,142,.4);
  transition:color .2s ease, border-color .2s ease;
}
.agf__c-val a:hover{color:var(--verde-chiaro) !important; border-bottom-color:var(--verde-chiaro)}
.agf__c-val a:focus-visible{outline:2px solid var(--oro); outline-offset:3px}

/* ---------- riga legale ---------- */
.agf__basso{
  width:100%; max-width:1180px; margin:56px auto 0; padding-top:20px;
  border-top:1px solid var(--linea);
  display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:12px 32px;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:10px; line-height:1.8; letter-spacing:.06em;
  color:rgba(242,242,240,.45);
}
.agf__basso a{color:rgba(242,242,240,.45) !important; text-decoration:none; border-bottom:1px solid transparent}
.agf__basso a:hover{color:var(--chiaro) !important; border-bottom-color:var(--linea)}
.agf__legali{display:flex; flex-wrap:wrap; gap:20px}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .agf__wrap{grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px}
}
@media (max-width:600px){
  .agf{padding:52px 22px 28px}
  .agf__wrap{grid-template-columns:1fr; gap:34px}
  .agf__logo{max-width:150px}
  .agf__basso{margin-top:40px; flex-direction:column; gap:10px}
}


/* =========================================================
   SOLO IN HOME · niente header del tema
   Il menu vive dentro l'hero, con i nostri font e colori.
   La classe .home la mette WordPress sulla pagina iniziale.
   ========================================================= */
.home .top_panel,
.home .top_panel_wrap,
.home .top_panel_default,
.home header.top_panel,
.home .sc_layouts_row,
.home .sc_layouts_logo,
.home .sc_layouts_item_logo,
.home .site-logo,
.home .custom-logo-link,
.home .elementor-widget-theme-site-logo{
  display:none !important;
}

/* ---------- menu dentro l'hero ---------- */
.agh__nav{
  grid-column:1 / -1;
  display:flex; align-items:center; justify-content:space-between;
  gap:var(--s3) var(--s5); flex-wrap:wrap;
  padding:0 0 var(--s3);
  margin:0 0 var(--s2);
  border-bottom:1px solid var(--agro-linea);
}
.agh__nav-voci{
  list-style:none; margin:0; padding:0;
  display:flex; flex-wrap:wrap; gap:var(--s2) var(--s4);
}
.agh__nav-voci a{
  font-family:var(--agro-testo);
  font-size:.95rem; font-weight:600; letter-spacing:-.005em;
  color:var(--agro-scuro) !important; text-decoration:none !important;
  border-bottom:1.5px solid transparent;
  padding-bottom:2px;
  transition:color .4s cubic-bezier(.32,.72,0,1), border-color .4s cubic-bezier(.32,.72,0,1);
}
.agh__nav-voci a:hover{color:var(--agro-verde) !important; border-bottom-color:var(--agro-verde)}
/* Contatti: pieno in oro, l'unico colore caldo della palette.
   Con testo scuro sopra tiene il contrasto per la leggibilita. */
.agh__nav-cta{
  display:inline-flex; align-items:center;
  padding:12px 22px; border-radius:2px;
  background:var(--agro-oro);
  border:1.5px solid var(--agro-oro);
  font-family:var(--agro-testo);
  font-size:.92rem; font-weight:700; line-height:1;
  color:var(--agro-scuro) !important; text-decoration:none !important;
  transition:background .5s cubic-bezier(.32,.72,0,1),
             border-color .5s cubic-bezier(.32,.72,0,1),
             color .5s cubic-bezier(.32,.72,0,1),
             transform .5s cubic-bezier(.32,.72,0,1);
}
.agh__nav-cta:hover{
  background:var(--agro-scuro); border-color:var(--agro-scuro);
  color:var(--agro-chiaro) !important;
  transform:translateY(-2px);
}
.agh__nav-cta:active{transform:translateY(0)}

/* un battito ogni minuto: due anelli che si aprono e svaniscono
   in poco piu di tre secondi, poi cinquantasette di silenzio.
   Si ferma appena ci passi sopra col mouse. */
.agh__nav-cta{animation:agh-pulsa 60s ease-out infinite}
.agh__nav-cta:hover{animation-play-state:paused}
@keyframes agh-pulsa{
  0%   {box-shadow:0 0 0 0 rgba(217,187,98,.6)}
  2%   {box-shadow:0 0 0 12px rgba(217,187,98,0)}
  3%   {box-shadow:0 0 0 0 rgba(217,187,98,.45)}
  5%   {box-shadow:0 0 0 12px rgba(217,187,98,0)}
  6%,100%{box-shadow:0 0 0 0 rgba(217,187,98,0)}
}
@media (prefers-reduced-motion:reduce){
  .agh__nav-cta{animation:none !important}
}
.agh__nav-voci a:focus-visible,.agh__nav-cta:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}

@media (max-width:900px){
  .agh__nav{flex-direction:column; align-items:flex-start; gap:var(--s3)}
  .agh__nav-voci{gap:10px var(--s3)}
  .agh__nav-voci a{font-size:.9rem}
  .agh__nav-cta{width:100%; justify-content:center}
}

/* =========================================================
   VIA IL TITOLO PAGINA DEL TEMA
   I nostri blocchi hanno gia il loro H1: quello del tema
   e un doppione, e due H1 nella stessa pagina confondono
   anche i motori di ricerca.
   ========================================================= */
.sc_layouts_title,
.top_panel_title,
.sc_layouts_title_title,
.sc_layouts_title_breadcrumbs,
.breadcrumbs,
.top_panel_default .sc_layouts_title{
  display:none !important;
}
.page_content_wrap,
.content_wrap{padding-top:0 !important}

/* ---------- calendario diviso in blocchi ---------- */
.agcal--chiaro{background:var(--agro-chiaro)}
.agcal--bianco{background:#fff}
.agcal--bianco .agcal__tabella,
.agcal--bianco .agcal__caption,
.agcal--bianco .agcal__btn{background:var(--agro-chiaro)}
.agcal--bianco .agcal__prod,
.agcal--bianco .agcal__c{background:var(--agro-chiaro)}
.agcal--bianco .agcal__btn.is-scelto{background:var(--agro-scuro)}

.agcal__testa--sez{margin-bottom:var(--s4)}
.agcal h2.agcal__h2-sez{
  margin:0 0 var(--s3) !important;
  font-family:var(--agro-testo) !important;
  font-size:clamp(1.4rem,2.2vw,1.9rem) !important;
  line-height:1.15 !important; font-weight:700 !important;
  letter-spacing:-.03em !important; text-transform:none !important;
  color:var(--agro-scuro) !important;
}

/* le due scelte in apertura */
.agcal__scelte{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s2); margin:var(--s5) 0 var(--s3);
}
.agcal__scelta-c{
  display:flex; flex-direction:column; gap:6px;
  padding:var(--s3) var(--s3) var(--s4);
  background:#fff; text-decoration:none !important;
  border-left:3px solid var(--agro-verde-chiaro);
  transition:border-color .45s cubic-bezier(.32,.72,0,1),
             transform .45s cubic-bezier(.32,.72,0,1);
}
.agcal__scelta-c:hover{border-left-color:var(--agro-oro); transform:translateY(-2px)}
.agcal__scelta-c:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}
.agcal__scelta-eti{
  font-family:var(--agro-mono); font-size:9.5px;
  letter-spacing:.18em; text-transform:uppercase; color:var(--agro-tenue);
}
/* il nome e sottolineato come un link: si capisce che si clicca */
.agcal__scelta-n{
  align-self:flex-start;
  font-size:clamp(1.5rem,2.6vw,2.1rem); font-weight:700;
  letter-spacing:-.03em; line-height:1.1; color:var(--agro-verde);
  border-bottom:2px solid rgba(24,140,107,.35);
  padding-bottom:2px;
  transition:color .4s cubic-bezier(.32,.72,0,1), border-color .4s cubic-bezier(.32,.72,0,1);
}
.agcal__scelta-c:hover .agcal__scelta-n{color:var(--agro-scuro); border-bottom-color:var(--agro-oro)}
.agcal__scelta-d{font-size:.9rem; line-height:1.5; color:var(--agro-tenue)}
/* e in fondo un pulsante vero */
.agcal__scelta-f{
  align-self:flex-start;
  display:inline-flex; align-items:center; gap:8px;
  margin-top:var(--s2); padding:11px 20px; border-radius:2px;
  border:1.5px solid var(--agro-verde);
  background:transparent;
  font-family:var(--agro-mono); font-size:.7rem;
  letter-spacing:.1em; text-transform:uppercase; color:var(--agro-verde);
  transition:background .45s cubic-bezier(.32,.72,0,1),
             color .45s cubic-bezier(.32,.72,0,1),
             border-color .45s cubic-bezier(.32,.72,0,1);
}
.agcal__scelta-c:hover .agcal__scelta-f{
  background:var(--agro-verde); border-color:var(--agro-verde); color:var(--agro-chiaro);
}
.agcal__oggi{
  margin:0; padding-top:var(--s3);
  border-top:1px solid var(--agro-linea);
  font-family:var(--agro-mono); font-size:10.5px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--agro-tenue);
}
.agcal__oggi b{color:var(--agro-verde); font-weight:500}

@media (max-width:760px){
  .agcal__scelte{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .agcal__scala td{transition:none !important}
}

/* =========================================================
   TRAMA DI SAGOME · sotto la chiusura del calendario
   Sostituire l'indirizzo dell'immagine con quello che
   compare in Media dopo il caricamento.
   ========================================================= */
.agcal--trama{position:relative; isolation:isolate}
.agcal--trama::before{
  content:"";
  position:absolute; inset:0; z-index:0;
  pointer-events:none;
  background-image:url("https://www.agrodistribuzioni.com/wp-content/uploads/2026/08/agro-trama-sagome.png");
  background-repeat:repeat;
  background-size:620px auto;
  opacity:1;
}
.agcal--trama > *{position:relative; z-index:1}

@media (max-width:760px){
  .agcal--trama::before{background-size:380px auto}
}

/* =========================================================
   PAGINA CHI SIAMO
   Stessa grammatica del resto: fili punteggiati, etichette
   in monospazio, fondi alternati. Le interazioni sono tutte
   in CSS: passaggio del mouse e ancora attiva, niente script.
   ========================================================= */

.agcs{
  box-sizing:border-box;
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding:var(--s4) var(--agro-margine) var(--s5);
  font-family:var(--agro-testo);
  color:var(--agro-scuro);
}
.agcs *,.agcs *::before,.agcs *::after{box-sizing:border-box}
.agcs__wrap{width:100%; max-width:var(--agro-colonna); margin:0 auto}
.agcs--chiaro{background:var(--agro-chiaro)}
.agcs--bianco{background:#fff}
.agcs--scuro{background:var(--agro-scuro); color:var(--agro-chiaro)}

/* ---------- testate ---------- */
.agcs__testa{max-width:62ch; margin:0 0 var(--s5)}
.agcs__testa--sez{margin-bottom:var(--s5)}
.agcs__eyebrow{
  margin:0 0 var(--s2);
  font-family:var(--agro-mono);
  font-size:11px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;
  color:var(--agro-verde);
}
.agcs--scuro .agcs__eyebrow{color:var(--agro-verde-chiaro)}
.agcs h1.agcs__title{
  margin:0 0 var(--s3) !important;
  font-family:var(--agro-testo) !important;
  font-size:var(--agro-h1-interno) !important;
  line-height:1.14 !important; font-weight:700 !important;
  letter-spacing:-.03em !important; text-transform:none !important;
  color:var(--agro-scuro) !important;
  max-width:26ch;
}
.agcs h2.agcs__h2{
  margin:0 0 var(--s3) !important;
  font-family:var(--agro-testo) !important;
  font-size:clamp(1.3rem,2vw,1.7rem) !important;
  line-height:1.18 !important; font-weight:700 !important;
  letter-spacing:-.025em !important; text-transform:none !important;
  color:inherit !important;
  max-width:24ch;
}
.agcs__lead{margin:0; font-size:clamp(1.02rem,1.3vw,1.16rem); line-height:1.6; color:var(--agro-tenue); max-width:58ch}
.agcs__sub{margin:0; font-size:.98rem; line-height:1.65; color:var(--agro-tenue); max-width:62ch}
.agcs--scuro .agcs__sub{color:rgba(242,242,240,.66)}

/* ---------- dati con filo punteggiato ---------- */
.agcs__dati{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 var(--s7);
}
.agcs__dati li{
  display:flex; align-items:baseline; gap:10px;
  padding:11px 0; border-bottom:1px solid rgba(62,64,63,.08);
  font-size:.96rem;
}
.agcs__d-nome{white-space:nowrap}
.agcs__d-filo{flex:1 1 auto; min-width:16px; border-bottom:1px dotted var(--agro-linea); transform:translateY(-4px)}
.agcs__d-val{
  white-space:nowrap; font-family:var(--agro-mono);
  font-size:.92rem; font-weight:500; color:var(--agro-verde);
  transition:color .4s cubic-bezier(.32,.72,0,1);
}
.agcs__dati li:hover .agcs__d-filo{border-bottom-color:var(--agro-verde)}
.agcs__dati li:hover .agcs__d-val{color:var(--agro-scuro)}

/* ---------- linea del tempo ---------- */
.agcs__linea{list-style:none; margin:0; padding:0; position:relative}
.agcs__linea::before{
  content:""; position:absolute; left:7px; top:10px; bottom:10px; width:2px;
  background:linear-gradient(to bottom,var(--agro-verde),var(--agro-verde-chiaro),var(--agro-oro));
}
.agcs__tappa{
  position:relative; padding:0 0 var(--s5) var(--s5);
  scroll-margin-top:100px;
}
.agcs__tappa::before{
  content:""; position:absolute; left:0; top:6px;
  width:16px; height:16px; border-radius:50%;
  background:#fff; border:2px solid var(--agro-verde-chiaro);
  transition:border-color .5s cubic-bezier(.32,.72,0,1), background .5s cubic-bezier(.32,.72,0,1);
}
.agcs__tappa:hover::before,.agcs__tappa:target::before{background:var(--agro-oro); border-color:var(--agro-oro)}
.agcs__anno{
  display:inline-block; margin:0 0 8px;
  font-family:var(--agro-mono); font-size:11px; font-weight:500;
  letter-spacing:.18em; text-transform:uppercase;
  color:var(--agro-verde) !important; text-decoration:none !important;
  border-bottom:1px solid transparent;
  transition:border-color .4s cubic-bezier(.32,.72,0,1);
}
.agcs__anno:hover{border-bottom-color:var(--agro-verde)}
.agcs__tappa:target .agcs__anno{color:var(--agro-scuro) !important; border-bottom-color:var(--agro-oro)}
.agcs h3.agcs__t-h{
  margin:0 0 8px !important;
  font-family:var(--agro-testo) !important;
  font-size:1.08rem !important; font-weight:600 !important;
  line-height:1.3 !important; text-transform:none !important;
  color:var(--agro-scuro) !important;
}
.agcs__t-p{margin:0; font-size:.96rem; line-height:1.7; color:var(--agro-tenue); max-width:62ch}

/* ---------- tre fasi ---------- */
.agcs__fasi{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s4); margin:0 0 var(--s5);
}
.agcs__fase{
  padding:var(--s4) var(--s3) var(--s3);
  background:rgba(242,242,240,.05);
  border-top:2px solid var(--agro-verde-chiaro);
  transition:background .55s cubic-bezier(.32,.72,0,1), border-color .55s cubic-bezier(.32,.72,0,1);
}
.agcs__fase:hover{background:rgba(242,242,240,.11); border-top-color:var(--agro-oro)}
.agcs__f-n{
  margin:0 0 var(--s2);
  font-family:var(--agro-mono); font-size:2rem; font-weight:500;
  line-height:1; color:var(--agro-verde-chiaro);
  transition:color .55s cubic-bezier(.32,.72,0,1);
}
.agcs__fase:hover .agcs__f-n{color:var(--agro-oro)}
.agcs h3.agcs__f-h{
  margin:0 0 10px !important;
  font-family:var(--agro-testo) !important;
  font-size:1.12rem !important; font-weight:600 !important;
  line-height:1.25 !important; text-transform:none !important;
  color:var(--agro-chiaro) !important;
}
.agcs__f-p{margin:0 0 var(--s2); font-size:.94rem; line-height:1.65; color:rgba(242,242,240,.7)}
.agcs__f-c{
  margin:0; padding-top:12px; border-top:1px solid rgba(242,242,240,.16);
  font-size:.9rem; line-height:1.5; color:var(--agro-verde-chiaro);
}
.agcs__chiusa-f{
  margin:0; padding-top:var(--s4); border-top:1px solid rgba(242,242,240,.16);
  font-size:1rem; line-height:1.7; color:rgba(242,242,240,.72); max-width:66ch;
}

/* ---------- valori ---------- */
.agcs__valori{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s4)}
.agcs__valore{
  padding-top:var(--s3); border-top:2px solid var(--agro-linea);
  transition:border-color .5s cubic-bezier(.32,.72,0,1);
}
.agcs__valore:hover{border-top-color:var(--agro-verde)}
.agcs__v-eti{
  margin:0 0 10px;
  font-family:var(--agro-mono); font-size:10px; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase; color:var(--agro-verde);
}
.agcs h3.agcs__v-h{
  margin:0 0 10px !important;
  font-family:var(--agro-testo) !important;
  font-size:1.08rem !important; font-weight:600 !important;
  line-height:1.3 !important; text-transform:none !important;
  color:var(--agro-scuro) !important;
}
.agcs__v-p{margin:0; font-size:.94rem; line-height:1.7; color:var(--agro-tenue)}

/* ---------- chiusura ---------- */
.agcs--trama{position:relative; isolation:isolate}
.agcs--trama::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:url("https://www.agrodistribuzioni.com/wp-content/uploads/2026/08/agro-trama-sagome.png");
  background-repeat:repeat; background-size:620px auto;
}
.agcs--trama > *{position:relative; z-index:1}
.agcs__finale{max-width:60ch}
.agcs__finale-p{margin:0 0 var(--s4); font-size:1.06rem; line-height:1.7; color:var(--agro-tenue)}
.agcs__cta{display:flex; flex-wrap:wrap; gap:12px}
.agcs__btn{
  display:inline-flex; align-items:center;
  padding:15px 26px; border-radius:2px;
  font-size:.94rem; font-weight:600; text-decoration:none !important; line-height:1;
  border:1.5px solid var(--agro-verde);
  transition:background .5s cubic-bezier(.32,.72,0,1),
             color .5s cubic-bezier(.32,.72,0,1),
             border-color .5s cubic-bezier(.32,.72,0,1);
}
.agcs__btn--pieno{background:var(--agro-verde); color:var(--agro-chiaro) !important}
.agcs__btn--vuoto{background:transparent; color:var(--agro-verde) !important}
.agcs__btn--pieno:hover{background:var(--agro-scuro); border-color:var(--agro-scuro)}
.agcs__btn--vuoto:hover{background:var(--agro-verde); color:var(--agro-chiaro) !important}
.agcs__freccia{
  display:inline-block; margin-left:10px; line-height:1;
  transition:transform .5s cubic-bezier(.32,.72,0,1);
}
.agcs__btn:hover .agcs__freccia{transform:translate(3px,-3px)}
.agcs__btn:focus-visible,.agcs__anno:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}

@media (max-width:900px){
  .agcs{padding:var(--s3) var(--agro-margine) var(--s4)}
  .agcs__fasi,.agcs__valori{grid-template-columns:1fr; gap:var(--s3)}
  .agcs__dati{grid-template-columns:1fr; gap:0}
  .agcs h1.agcs__title,.agcs h2.agcs__h2{max-width:none}
  .agcs__btn{flex:1 1 100%; justify-content:center}
}
@media (max-width:560px){
  .agcs__dati li{flex-wrap:wrap; gap:2px}
  .agcs__d-filo{display:none}
  .agcs__d-nome,.agcs__d-val{flex:1 1 100%}
  .agcs--trama::before{background-size:380px auto}
}

/* ---------- Chi siamo · schema del percorso a filo ----------
   Riempie la colonna destra dell'apertura con un disegno
   funzionale: quattro nodi, una guida verticale e una pallina
   che la percorre senza fermarsi. Tutto in bordi e pseudo
   elementi, nessun file da caricare e nessuno script.        */
.agcs__alto{
  display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  column-gap:var(--s7); row-gap:var(--s5);
  align-items:start; margin:0 0 var(--s6);
}
.agcs__alto .agcs__testa{margin:0}

.agcs__schema{padding-top:4px}
.agcs__s-eti{
  margin:0 0 var(--s3); padding-bottom:8px;
  border-bottom:1px solid var(--agro-linea);
  font-family:var(--agro-mono);
  font-size:10.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;
  color:var(--agro-verde);
}
.agcs__s-lista{
  list-style:none; margin:0; padding:0 0 0 var(--s4);
  position:relative;
}
/* la guida verticale */
.agcs__s-lista::before{
  content:""; position:absolute; left:9px; top:9px; bottom:9px; width:1px;
  background:repeating-linear-gradient(to bottom,
    var(--agro-linea) 0 4px, transparent 4px 8px);
}
/* la pallina che percorre la guida, in continuo.
   Si muove sulla proprieta top, cosi la corsa e sempre
   lunga quanto la lista, qualunque sia l'altezza dei nodi. */
.agcs__s-lista::after{
  content:""; position:absolute; left:5px;
  width:9px; height:9px; border-radius:50%;
  background:var(--agro-oro);
  animation:agcs-viaggio 7s cubic-bezier(.65,0,.35,1) infinite;
}
@keyframes agcs-viaggio{
  0%   {top:9px; opacity:0}
  8%   {top:9px; opacity:1}
  30%  {top:34%}
  36%  {top:34%}
  58%  {top:64%}
  64%  {top:64%}
  88%  {top:calc(100% - 18px); opacity:1}
  100% {top:calc(100% - 18px); opacity:0}
}

.agcs__s-nodo{
  position:relative;
  padding:0 0 var(--s3) var(--s2);
  transition:transform .5s cubic-bezier(.32,.72,0,1);
}
.agcs__s-nodo:last-child{padding-bottom:0}
.agcs__s-nodo::before{
  content:""; position:absolute; left:calc(-1 * var(--s4) + 4px); top:5px;
  width:11px; height:11px; border-radius:50%;
  background:var(--agro-chiaro); border:1.5px solid var(--agro-verde-chiaro);
  transition:border-color .5s cubic-bezier(.32,.72,0,1), background .5s cubic-bezier(.32,.72,0,1);
}
.agcs__s-nodo:hover::before{background:var(--agro-verde); border-color:var(--agro-verde)}
.agcs__s-nodo:hover{transform:translateX(3px)}
.agcs__s-n{
  display:inline-block; margin-right:8px;
  font-family:var(--agro-mono); font-size:10px; letter-spacing:.1em;
  color:var(--agro-tenue);
}
.agcs__s-t{
  font-family:var(--agro-testo); font-size:1rem; font-weight:600;
  color:var(--agro-scuro);
}
.agcs__s-d{
  display:block; margin-top:3px;
  font-size:.85rem; line-height:1.5; color:var(--agro-tenue);
  max-width:34ch;
}

@media (max-width:900px){
  .agcs__alto{grid-template-columns:1fr; row-gap:var(--s4)}
  .agcs__schema{padding-top:0}
}
@media (prefers-reduced-motion:reduce){
  .agcs__s-lista::after{animation:none; opacity:1}
}

/* =========================================================
   HEADER DELLE PAGINE INTERNE
   Un solo Theme Layout per tutto il sito: logo a sinistra,
   le stesse cinque voci dell'hero, Contatti in oro a destra.
   In home non compare, perche li il menu vive dentro l'hero.
   ========================================================= */

.agnav{
  box-sizing:border-box;
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding:var(--s3) var(--agro-margine);
  background:#fff;
  border-bottom:1px solid var(--agro-linea);
  font-family:var(--agro-testo);
}
.agnav *,.agnav *::before,.agnav *::after{box-sizing:border-box}
.home .agnav{display:none !important}

.agnav__wrap{
  width:100%; max-width:var(--agro-colonna); margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  gap:var(--s3) var(--s5); flex-wrap:wrap;
}

.agnav__logo{display:inline-flex; flex:none; line-height:0}
.agnav__logo img{
  display:block; width:auto !important; height:auto !important;
  max-width:150px !important;
  transition:opacity .4s cubic-bezier(.32,.72,0,1);
}
.agnav__logo:hover img{opacity:.72}

.agnav__nav{display:flex; align-items:center; gap:var(--s3) var(--s4); flex-wrap:wrap}
.agnav__voci{
  list-style:none; margin:0; padding:0;
  display:flex; flex-wrap:wrap; gap:var(--s2) var(--s4);
}
.agnav__voci a{
  font-size:.95rem; font-weight:600; letter-spacing:-.005em;
  color:var(--agro-scuro) !important; text-decoration:none !important;
  border-bottom:1.5px solid transparent; padding-bottom:2px;
  transition:color .4s cubic-bezier(.32,.72,0,1), border-color .4s cubic-bezier(.32,.72,0,1);
}
.agnav__voci a:hover{color:var(--agro-verde) !important; border-bottom-color:var(--agro-verde)}

.agnav__cta{
  display:inline-flex; align-items:center;
  padding:12px 22px; border-radius:2px;
  background:var(--agro-oro); border:1.5px solid var(--agro-oro);
  font-size:.92rem; font-weight:700; line-height:1;
  color:var(--agro-scuro) !important; text-decoration:none !important;
  transition:background .5s cubic-bezier(.32,.72,0,1),
             border-color .5s cubic-bezier(.32,.72,0,1),
             color .5s cubic-bezier(.32,.72,0,1),
             transform .5s cubic-bezier(.32,.72,0,1);
  animation:agh-pulsa 60s ease-out infinite;
}
.agnav__cta:hover{
  background:var(--agro-scuro); border-color:var(--agro-scuro);
  color:var(--agro-chiaro) !important;
  transform:translateY(-2px);
  animation-play-state:paused;
}
.agnav__cta:active{transform:translateY(0)}
.agnav__freccia{display:inline-block; margin-left:9px; line-height:1;
  transition:transform .5s cubic-bezier(.32,.72,0,1)}
.agnav__cta:hover .agnav__freccia{transform:translate(3px,-3px)}
.agnav__voci a:focus-visible,.agnav__cta:focus-visible,.agnav__logo:focus-visible{
  outline:2px solid var(--agro-oro); outline-offset:3px;
}

@media (max-width:900px){
  .agnav{padding:var(--s3) var(--agro-margine)}
  .agnav__wrap{flex-direction:column; align-items:flex-start; gap:var(--s3)}
  .agnav__logo img{max-width:120px !important}
  .agnav__nav{width:100%; flex-direction:column; align-items:flex-start; gap:var(--s3)}
  .agnav__voci{gap:10px var(--s3)}
  .agnav__voci a{font-size:.9rem}
  .agnav__cta{width:100%; justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .agnav__cta{animation:none !important}
}

/* =========================================================
   SOTTOMENU "AZIENDA"
   Si apre al passaggio del mouse e anche con la tastiera,
   grazie a :focus-within. Su schermo stretto non e piu
   una tendina: le voci restano sempre visibili, rientrate.
   ========================================================= */

.agnav__ha-sub,.agh__nav-ha-sub{position:relative}

.agnav__sub,.agh__nav-sub{
  list-style:none; margin:0; padding:10px 0;
  position:absolute; top:calc(100% + 10px); left:-16px;
  min-width:210px; z-index:60;
  background:#fff;
  border:1px solid var(--agro-linea);
  border-top:2px solid var(--agro-verde);
  box-shadow:0 12px 28px rgba(62,64,63,.10);
  display:flex; flex-direction:column; gap:0;
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .35s cubic-bezier(.32,.72,0,1),
             transform .35s cubic-bezier(.32,.72,0,1),
             visibility .35s;
}
/* zona di tolleranza: il mouse puo attraversare lo stacco
   senza che la tendina si chiuda */
.agnav__ha-sub::after,.agh__nav-ha-sub::after{
  content:""; position:absolute; left:0; right:0; top:100%; height:12px;
}

.agnav__ha-sub:hover .agnav__sub,
.agnav__ha-sub:focus-within .agnav__sub,
.agh__nav-ha-sub:hover .agh__nav-sub,
.agh__nav-ha-sub:focus-within .agh__nav-sub{
  opacity:1; visibility:visible; transform:translateY(0);
}

.agnav__sub li,.agh__nav-sub li{margin:0}
.agnav__sub a,.agh__nav-sub a{
  display:block; padding:9px 18px;
  font-family:var(--agro-testo);
  font-size:.9rem; font-weight:500; letter-spacing:0;
  color:var(--agro-scuro) !important; text-decoration:none !important;
  border-bottom:0 !important;
  transition:background .3s cubic-bezier(.32,.72,0,1), color .3s cubic-bezier(.32,.72,0,1);
}
.agnav__sub a:hover,.agh__nav-sub a:hover{
  background:rgba(24,140,107,.08); color:var(--agro-verde) !important;
}

/* la voce padre resta segnata mentre la tendina e aperta */
.agnav__ha-sub:hover > a,.agh__nav-ha-sub:hover > a{
  color:var(--agro-verde) !important; border-bottom-color:var(--agro-verde) !important;
}

@media (max-width:900px){
  .agnav__sub,.agh__nav-sub{
    position:static; opacity:1; visibility:visible; transform:none;
    min-width:0; padding:6px 0 0 var(--s2);
    border:0; border-left:1px solid var(--agro-linea);
    box-shadow:none; background:transparent;
    margin-top:8px;
  }
  .agnav__sub a,.agh__nav-sub a{padding:6px 0 6px 12px; font-size:.86rem}
  .agnav__sub a:hover,.agh__nav-sub a:hover{background:transparent}
  .agnav__ha-sub,.agh__nav-ha-sub{flex:1 1 100%}
}

/* =========================================================
   PAGINA SERVIZI GDO
   Niente elementi vuoti: i fili punteggiati sono pseudo
   elementi dell'etichetta, non span da riempire.
   ========================================================= */

.agsg{
  box-sizing:border-box;
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding:var(--s4) var(--agro-margine) var(--s5);
  font-family:var(--agro-testo); color:var(--agro-scuro);
}
.agsg *,.agsg *::before,.agsg *::after{box-sizing:border-box}
.agsg__wrap{width:100%; max-width:var(--agro-colonna); margin:0 auto}
.agsg--chiaro{background:var(--agro-chiaro)}
.agsg--bianco{background:#fff}
.agsg--scuro{background:var(--agro-scuro); color:var(--agro-chiaro)}

.agsg__testa{max-width:64ch; margin:0 0 var(--s5)}
.agsg__eyebrow{
  margin:0 0 var(--s2);
  font-family:var(--agro-mono);
  font-size:11px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;
  color:var(--agro-verde);
}
.agsg--scuro .agsg__eyebrow{color:var(--agro-verde-chiaro)}
.agsg h1.agsg__title{
  margin:0 0 var(--s3) !important;
  font-family:var(--agro-testo) !important;
  font-size:var(--agro-h1-interno) !important;
  line-height:1.14 !important; font-weight:700 !important;
  letter-spacing:-.03em !important; text-transform:none !important;
  color:var(--agro-scuro) !important; max-width:26ch;
}
.agsg h2.agsg__h2{
  margin:0 0 var(--s3) !important;
  font-family:var(--agro-testo) !important;
  font-size:clamp(1.3rem,2vw,1.7rem) !important;
  line-height:1.18 !important; font-weight:700 !important;
  letter-spacing:-.025em !important; text-transform:none !important;
  color:inherit !important; max-width:26ch;
}
.agsg__lead{margin:0; font-size:clamp(1.02rem,1.3vw,1.16rem); line-height:1.65; color:var(--agro-tenue); max-width:62ch}
.agsg__sub{margin:0; font-size:.98rem; line-height:1.7; color:var(--agro-tenue); max-width:66ch}
.agsg--scuro .agsg__sub{color:rgba(242,242,240,.66)}

/* ---------- quattro promesse ---------- */
.agsg__promesse{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s3);
}
.agsg__p{
  padding-top:var(--s2); border-top:2px solid var(--agro-verde-chiaro);
  transition:border-color .5s cubic-bezier(.32,.72,0,1), transform .5s cubic-bezier(.32,.72,0,1);
}
.agsg__p:hover{border-top-color:var(--agro-oro); transform:translateY(-3px)}
.agsg__p-n{
  display:block; margin-bottom:6px;
  font-family:var(--agro-mono); font-size:10.5px; font-weight:500;
  letter-spacing:.18em; text-transform:uppercase; color:var(--agro-verde);
}
.agsg__p-t{display:block; font-size:.94rem; line-height:1.5; color:var(--agro-tenue)}

/* ---------- grafico della continuita ---------- */
.agsg__grafico{
  list-style:none; margin:0 0 var(--s3); padding:0;
  display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:6px;
  align-items:end; height:230px;
  border-bottom:1px solid var(--agro-linea);
}
.agsg__b{
  position:relative;
  display:flex; flex-direction:column; justify-content:flex-start;
  background:rgba(24,140,107,.16);
  border-top:2px solid var(--agro-verde-chiaro);
  transform-origin:bottom center;
  animation:agsg-cresce 1s cubic-bezier(.32,.72,0,1) backwards;
  transition:background .4s cubic-bezier(.32,.72,0,1), border-color .4s cubic-bezier(.32,.72,0,1);
}
/* le altezze stanno in classi e non in attributi style,
   che l'editor puo rimuovere */
.agsg__b--46{height:46%}
.agsg__b--53{height:53%}
.agsg__b--66{height:66%}
.agsg__b--73{height:73%}
.agsg__b--80{height:80%}
.agsg__b--86{height:86%}
.agsg__b--100{height:100%}

/* il mese in corso: verde pieno invece che trasparente */
.agsg__b.is-ora{
  background:var(--agro-verde);
  border-top-color:var(--agro-scuro);
}
.agsg__b.is-ora .agsg__b-n{color:var(--agro-chiaro)}
.agsg__b.is-ora .agsg__b-m{color:var(--agro-scuro); font-weight:500}
.agsg__b.is-ora:hover{background:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agsg__b.is-ora:hover .agsg__b-n{color:var(--agro-oro)}

.agsg__b:hover{background:rgba(217,187,98,.34); border-top-color:var(--agro-oro)}
.agsg__cel:nth-child(1) .agsg__b{animation-delay:.05s}
.agsg__cel:nth-child(2) .agsg__b{animation-delay:.11s}
.agsg__cel:nth-child(3) .agsg__b{animation-delay:.17s}
.agsg__cel:nth-child(4) .agsg__b{animation-delay:.23s}
.agsg__cel:nth-child(5) .agsg__b{animation-delay:.29s}
.agsg__cel:nth-child(6) .agsg__b{animation-delay:.35s}
.agsg__cel:nth-child(7) .agsg__b{animation-delay:.41s}
.agsg__cel:nth-child(8) .agsg__b{animation-delay:.47s}
.agsg__cel:nth-child(9) .agsg__b{animation-delay:.53s}
.agsg__cel:nth-child(10) .agsg__b{animation-delay:.59s}
.agsg__cel:nth-child(11) .agsg__b{animation-delay:.65s}
.agsg__cel:nth-child(12) .agsg__b{animation-delay:.71s}
@keyframes agsg-cresce{from{transform:scaleY(0)}to{transform:scaleY(1)}}

/* dove il browser lo supporta, le colonne crescono mentre il
   grafico entra nello schermo invece che al caricamento */
@supports (animation-timeline: view()){
  /* la linea del tempo sta sul grafico, le barre la seguono mentre
     il grafico entra nello schermo: crescono sotto gli occhi */
  .agsg__grafico{view-timeline-name:--agsg-vista; view-timeline-axis:block}
  .agsg__b{
    animation:agsg-cresce linear both;
    animation-timeline:--agsg-vista;
    animation-delay:0s !important;
  }
  .agsg__cel:nth-child(1) .agsg__b{animation-range:entry 6% entry 40%}
  .agsg__cel:nth-child(2) .agsg__b{animation-range:entry 9% entry 43%}
  .agsg__cel:nth-child(3) .agsg__b{animation-range:entry 12% entry 46%}
  .agsg__cel:nth-child(4) .agsg__b{animation-range:entry 15% entry 49%}
  .agsg__cel:nth-child(5) .agsg__b{animation-range:entry 18% entry 52%}
  .agsg__cel:nth-child(6) .agsg__b{animation-range:entry 21% entry 55%}
  .agsg__cel:nth-child(7) .agsg__b{animation-range:entry 24% entry 58%}
  .agsg__cel:nth-child(8) .agsg__b{animation-range:entry 27% entry 61%}
  .agsg__cel:nth-child(9) .agsg__b{animation-range:entry 30% entry 64%}
  .agsg__cel:nth-child(10) .agsg__b{animation-range:entry 33% entry 67%}
  .agsg__cel:nth-child(11) .agsg__b{animation-range:entry 36% entry 70%}
  .agsg__cel:nth-child(12) .agsg__b{animation-range:entry 39% entry 73%}
}
.agsg__b-n{
  padding:7px 0 0; text-align:center;
  font-family:var(--agro-mono); font-size:12px; font-weight:500;
  color:var(--agro-verde);
  transition:color .4s cubic-bezier(.32,.72,0,1);
}
.agsg__b:hover .agsg__b-n{color:var(--agro-scuro)}
.agsg__b-m{
  position:absolute; left:0; right:0; top:calc(100% + 8px);
  text-align:center;
  font-family:var(--agro-mono); font-size:10px; letter-spacing:.08em;
  text-transform:uppercase; color:var(--agro-tenue);
}
.agsg__g-nota{
  margin:var(--s5) 0 0; font-size:.92rem; line-height:1.6; color:var(--agro-tenue); max-width:62ch;
}
.agsg__g-nota a{
  color:var(--agro-verde) !important; text-decoration:none;
  border-bottom:1px solid rgba(24,140,107,.32);
}
.agsg__g-nota a:hover{border-bottom-color:var(--agro-verde)}

/* ---------- sei servizi ---------- */
.agsg__servizi{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s4); margin:0 0 var(--s6);
}
.agsg__s{
  padding:var(--s3) var(--s3) var(--s3) 0;
  border-top:1px solid rgba(242,242,240,.18);
  transition:border-color .5s cubic-bezier(.32,.72,0,1);
}
.agsg__s:hover{border-top-color:var(--agro-oro)}
.agsg__s-n{
  margin:0 0 10px;
  font-family:var(--agro-mono); font-size:1.5rem; font-weight:500; line-height:1;
  color:var(--agro-verde-chiaro);
  transition:color .5s cubic-bezier(.32,.72,0,1);
}
.agsg__s:hover .agsg__s-n{color:var(--agro-oro)}
.agsg h3.agsg__s-h{
  margin:0 0 8px !important;
  font-family:var(--agro-testo) !important;
  font-size:1.06rem !important; font-weight:600 !important;
  line-height:1.3 !important; text-transform:none !important;
  color:var(--agro-chiaro) !important;
}
.agsg__s-p{margin:0; font-size:.93rem; line-height:1.65; color:rgba(242,242,240,.7)}

/* ---------- riquadro dei numeri ---------- */
.agsg__prova{padding-top:var(--s4); border-top:1px solid rgba(242,242,240,.18)}
.agsg__prova-t{
  margin:0 0 var(--s3);
  font-family:var(--agro-mono); font-size:10.5px; font-weight:500;
  letter-spacing:.18em; text-transform:uppercase; color:var(--agro-verde-chiaro);
}
.agsg__prova-d{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 var(--s7);
}
.agsg__prova-d li{
  display:flex; align-items:baseline; gap:10px;
  padding:10px 0; border-bottom:1px solid rgba(242,242,240,.1);
  font-size:.95rem;
}
/* il filo punteggiato e un pseudo elemento, non uno span vuoto */
.agsg__d-nome{
  flex:1 1 auto; display:flex; align-items:baseline; gap:10px;
  white-space:nowrap; color:rgba(242,242,240,.86);
}
.agsg__d-nome::after{
  content:""; flex:1 1 auto; min-width:16px;
  border-bottom:1px dotted rgba(242,242,240,.28);
  transform:translateY(-4px);
  transition:border-color .4s cubic-bezier(.32,.72,0,1);
}
.agsg__prova-d li:hover .agsg__d-nome::after{border-bottom-color:var(--agro-verde-chiaro)}
.agsg__d-val{
  white-space:nowrap; font-family:var(--agro-mono);
  font-size:.92rem; font-weight:500; color:var(--agro-verde-chiaro);
}

/* ---------- chiusura ---------- */
.agsg--trama{position:relative; isolation:isolate}
.agsg--trama::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:url("https://www.agrodistribuzioni.com/wp-content/uploads/2026/08/agro-trama-sagome.png");
  background-repeat:repeat; background-size:620px auto;
}
.agsg--trama > *{position:relative; z-index:1}
.agsg__finale{max-width:60ch}
.agsg__finale-p{margin:0 0 var(--s4); font-size:1.06rem; line-height:1.7; color:var(--agro-tenue)}
.agsg__cta{display:flex; flex-wrap:wrap; gap:12px}
.agsg__btn{
  display:inline-flex; align-items:center;
  padding:15px 26px; border-radius:2px;
  font-size:.94rem; font-weight:600; text-decoration:none !important; line-height:1;
  border:1.5px solid var(--agro-verde);
  transition:background .5s cubic-bezier(.32,.72,0,1),
             color .5s cubic-bezier(.32,.72,0,1),
             border-color .5s cubic-bezier(.32,.72,0,1);
}
.agsg__btn--pieno{background:var(--agro-verde); color:var(--agro-chiaro) !important}
.agsg__btn--vuoto{background:transparent; color:var(--agro-verde) !important}
.agsg__btn--pieno:hover{background:var(--agro-scuro); border-color:var(--agro-scuro)}
.agsg__btn--vuoto:hover{background:var(--agro-verde); color:var(--agro-chiaro) !important}
.agsg__freccia{display:inline-block; margin-left:10px; line-height:1;
  transition:transform .5s cubic-bezier(.32,.72,0,1)}
.agsg__btn:hover .agsg__freccia{transform:translate(3px,-3px)}
.agsg__btn:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}

@media (max-width:900px){
  .agsg{padding:var(--s3) var(--agro-margine) var(--s4)}
  .agsg__promesse{grid-template-columns:repeat(2,minmax(0,1fr))}
  .agsg__servizi{grid-template-columns:1fr; gap:var(--s3)}
  .agsg__prova-d{grid-template-columns:1fr; gap:0}
  .agsg h1.agsg__title,.agsg h2.agsg__h2{max-width:none}
  .agsg__grafico{height:180px; gap:4px}
  .agsg__btn{flex:1 1 100%; justify-content:center}
}
@media (max-width:560px){
  .agsg__promesse{grid-template-columns:1fr}
  .agsg__b-n{font-size:10px}
  .agsg__b-m{font-size:8.5px}
  .agsg--trama::before{background-size:380px auto}
}
@media (prefers-reduced-motion:reduce){
  .agsg__b{animation:none !important}
}

/* ---------- colonne cliccabili e pannello delle referenze ----------
   Il passaggio del mouse usa :has, il tocco usa :target: cosi
   funziona anche dove il mouse non esiste. Nessuno script.
   ATTENZIONE: ogni selettore va scritto per esteso, il discendente
   si attacca solo all'ultimo di una lista separata da virgole.   */
.agsg__grafico{align-items:stretch}
.agsg__cel{display:flex; align-items:flex-end; min-width:0}
.agsg__b{width:100%; text-decoration:none !important; scroll-margin-top:120px}
.agsg__b:focus-visible{outline:2px solid var(--agro-oro); outline-offset:2px}

.agsg__pannelli{
  position:relative; min-height:86px;
  margin:var(--s5) 0 0;
  border-top:1px solid var(--agro-linea);
  padding-top:var(--s3);
}
.agsg__riposo{
  position:absolute; left:0; right:0; top:var(--s3); z-index:0;
  margin:0; text-align:center;
  font-family:var(--agro-mono); font-size:10px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--agro-tenue);
  transition:opacity .4s ease;
}
.agsg__pan{
  position:absolute; left:0; right:0; top:var(--s3); bottom:0; z-index:1;
  display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
  gap:10px; text-align:center;
  opacity:0; visibility:hidden;
  transition:opacity .25s cubic-bezier(.32,.72,0,1), visibility .25s;
}
.agsg__pan-eti{
  margin:0;
  font-family:var(--agro-mono); font-size:10px; font-weight:500;
  letter-spacing:.18em; text-transform:uppercase; color:var(--agro-verde);
}
.agsg__sfila{position:relative; list-style:none; margin:0; padding:0; width:100%; height:38px}
.agsg__sfila li{
  position:absolute; left:0; right:0; top:0;
  font-family:var(--agro-testo);
  font-size:clamp(1.05rem,1.8vw,1.5rem); font-weight:600;
  letter-spacing:-.02em; color:var(--agro-scuro);
  opacity:0;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  animation-play-state:paused;
}
@keyframes agsg-sfila-18{0%{opacity:0}0.89%{opacity:1}4.44%{opacity:1}5.56%{opacity:0}100%{opacity:0}}
@keyframes agsg-sfila-19{0%{opacity:0}0.84%{opacity:1}4.21%{opacity:1}5.26%{opacity:0}100%{opacity:0}}
@keyframes agsg-sfila-21{0%{opacity:0}0.76%{opacity:1}3.81%{opacity:1}4.76%{opacity:0}100%{opacity:0}}
@keyframes agsg-sfila-22{0%{opacity:0}0.73%{opacity:1}3.64%{opacity:1}4.55%{opacity:0}100%{opacity:0}}
@keyframes agsg-sfila-23{0%{opacity:0}0.70%{opacity:1}3.48%{opacity:1}4.35%{opacity:0}100%{opacity:0}}
@keyframes agsg-sfila-24{0%{opacity:0}0.67%{opacity:1}3.33%{opacity:1}4.17%{opacity:0}100%{opacity:0}}
@keyframes agsg-sfila-26{0%{opacity:0}0.62%{opacity:1}3.08%{opacity:1}3.85%{opacity:0}100%{opacity:0}}
.agsg__pan--n18 .agsg__sfila li{animation-name:agsg-sfila-18; animation-duration:27.0s}
.agsg__pan--n18 .agsg__s-1{animation-delay:0.0s}
.agsg__pan--n18 .agsg__s-2{animation-delay:1.5s}
.agsg__pan--n18 .agsg__s-3{animation-delay:3.0s}
.agsg__pan--n18 .agsg__s-4{animation-delay:4.5s}
.agsg__pan--n18 .agsg__s-5{animation-delay:6.0s}
.agsg__pan--n18 .agsg__s-6{animation-delay:7.5s}
.agsg__pan--n18 .agsg__s-7{animation-delay:9.0s}
.agsg__pan--n18 .agsg__s-8{animation-delay:10.5s}
.agsg__pan--n18 .agsg__s-9{animation-delay:12.0s}
.agsg__pan--n18 .agsg__s-10{animation-delay:13.5s}
.agsg__pan--n18 .agsg__s-11{animation-delay:15.0s}
.agsg__pan--n18 .agsg__s-12{animation-delay:16.5s}
.agsg__pan--n18 .agsg__s-13{animation-delay:18.0s}
.agsg__pan--n18 .agsg__s-14{animation-delay:19.5s}
.agsg__pan--n18 .agsg__s-15{animation-delay:21.0s}
.agsg__pan--n18 .agsg__s-16{animation-delay:22.5s}
.agsg__pan--n18 .agsg__s-17{animation-delay:24.0s}
.agsg__pan--n18 .agsg__s-18{animation-delay:25.5s}
.agsg__pan--n19 .agsg__sfila li{animation-name:agsg-sfila-19; animation-duration:28.5s}
.agsg__pan--n19 .agsg__s-1{animation-delay:0.0s}
.agsg__pan--n19 .agsg__s-2{animation-delay:1.5s}
.agsg__pan--n19 .agsg__s-3{animation-delay:3.0s}
.agsg__pan--n19 .agsg__s-4{animation-delay:4.5s}
.agsg__pan--n19 .agsg__s-5{animation-delay:6.0s}
.agsg__pan--n19 .agsg__s-6{animation-delay:7.5s}
.agsg__pan--n19 .agsg__s-7{animation-delay:9.0s}
.agsg__pan--n19 .agsg__s-8{animation-delay:10.5s}
.agsg__pan--n19 .agsg__s-9{animation-delay:12.0s}
.agsg__pan--n19 .agsg__s-10{animation-delay:13.5s}
.agsg__pan--n19 .agsg__s-11{animation-delay:15.0s}
.agsg__pan--n19 .agsg__s-12{animation-delay:16.5s}
.agsg__pan--n19 .agsg__s-13{animation-delay:18.0s}
.agsg__pan--n19 .agsg__s-14{animation-delay:19.5s}
.agsg__pan--n19 .agsg__s-15{animation-delay:21.0s}
.agsg__pan--n19 .agsg__s-16{animation-delay:22.5s}
.agsg__pan--n19 .agsg__s-17{animation-delay:24.0s}
.agsg__pan--n19 .agsg__s-18{animation-delay:25.5s}
.agsg__pan--n19 .agsg__s-19{animation-delay:27.0s}
.agsg__pan--n21 .agsg__sfila li{animation-name:agsg-sfila-21; animation-duration:31.5s}
.agsg__pan--n21 .agsg__s-1{animation-delay:0.0s}
.agsg__pan--n21 .agsg__s-2{animation-delay:1.5s}
.agsg__pan--n21 .agsg__s-3{animation-delay:3.0s}
.agsg__pan--n21 .agsg__s-4{animation-delay:4.5s}
.agsg__pan--n21 .agsg__s-5{animation-delay:6.0s}
.agsg__pan--n21 .agsg__s-6{animation-delay:7.5s}
.agsg__pan--n21 .agsg__s-7{animation-delay:9.0s}
.agsg__pan--n21 .agsg__s-8{animation-delay:10.5s}
.agsg__pan--n21 .agsg__s-9{animation-delay:12.0s}
.agsg__pan--n21 .agsg__s-10{animation-delay:13.5s}
.agsg__pan--n21 .agsg__s-11{animation-delay:15.0s}
.agsg__pan--n21 .agsg__s-12{animation-delay:16.5s}
.agsg__pan--n21 .agsg__s-13{animation-delay:18.0s}
.agsg__pan--n21 .agsg__s-14{animation-delay:19.5s}
.agsg__pan--n21 .agsg__s-15{animation-delay:21.0s}
.agsg__pan--n21 .agsg__s-16{animation-delay:22.5s}
.agsg__pan--n21 .agsg__s-17{animation-delay:24.0s}
.agsg__pan--n21 .agsg__s-18{animation-delay:25.5s}
.agsg__pan--n21 .agsg__s-19{animation-delay:27.0s}
.agsg__pan--n21 .agsg__s-20{animation-delay:28.5s}
.agsg__pan--n21 .agsg__s-21{animation-delay:30.0s}
.agsg__pan--n22 .agsg__sfila li{animation-name:agsg-sfila-22; animation-duration:33.0s}
.agsg__pan--n22 .agsg__s-1{animation-delay:0.0s}
.agsg__pan--n22 .agsg__s-2{animation-delay:1.5s}
.agsg__pan--n22 .agsg__s-3{animation-delay:3.0s}
.agsg__pan--n22 .agsg__s-4{animation-delay:4.5s}
.agsg__pan--n22 .agsg__s-5{animation-delay:6.0s}
.agsg__pan--n22 .agsg__s-6{animation-delay:7.5s}
.agsg__pan--n22 .agsg__s-7{animation-delay:9.0s}
.agsg__pan--n22 .agsg__s-8{animation-delay:10.5s}
.agsg__pan--n22 .agsg__s-9{animation-delay:12.0s}
.agsg__pan--n22 .agsg__s-10{animation-delay:13.5s}
.agsg__pan--n22 .agsg__s-11{animation-delay:15.0s}
.agsg__pan--n22 .agsg__s-12{animation-delay:16.5s}
.agsg__pan--n22 .agsg__s-13{animation-delay:18.0s}
.agsg__pan--n22 .agsg__s-14{animation-delay:19.5s}
.agsg__pan--n22 .agsg__s-15{animation-delay:21.0s}
.agsg__pan--n22 .agsg__s-16{animation-delay:22.5s}
.agsg__pan--n22 .agsg__s-17{animation-delay:24.0s}
.agsg__pan--n22 .agsg__s-18{animation-delay:25.5s}
.agsg__pan--n22 .agsg__s-19{animation-delay:27.0s}
.agsg__pan--n22 .agsg__s-20{animation-delay:28.5s}
.agsg__pan--n22 .agsg__s-21{animation-delay:30.0s}
.agsg__pan--n22 .agsg__s-22{animation-delay:31.5s}
.agsg__pan--n23 .agsg__sfila li{animation-name:agsg-sfila-23; animation-duration:34.5s}
.agsg__pan--n23 .agsg__s-1{animation-delay:0.0s}
.agsg__pan--n23 .agsg__s-2{animation-delay:1.5s}
.agsg__pan--n23 .agsg__s-3{animation-delay:3.0s}
.agsg__pan--n23 .agsg__s-4{animation-delay:4.5s}
.agsg__pan--n23 .agsg__s-5{animation-delay:6.0s}
.agsg__pan--n23 .agsg__s-6{animation-delay:7.5s}
.agsg__pan--n23 .agsg__s-7{animation-delay:9.0s}
.agsg__pan--n23 .agsg__s-8{animation-delay:10.5s}
.agsg__pan--n23 .agsg__s-9{animation-delay:12.0s}
.agsg__pan--n23 .agsg__s-10{animation-delay:13.5s}
.agsg__pan--n23 .agsg__s-11{animation-delay:15.0s}
.agsg__pan--n23 .agsg__s-12{animation-delay:16.5s}
.agsg__pan--n23 .agsg__s-13{animation-delay:18.0s}
.agsg__pan--n23 .agsg__s-14{animation-delay:19.5s}
.agsg__pan--n23 .agsg__s-15{animation-delay:21.0s}
.agsg__pan--n23 .agsg__s-16{animation-delay:22.5s}
.agsg__pan--n23 .agsg__s-17{animation-delay:24.0s}
.agsg__pan--n23 .agsg__s-18{animation-delay:25.5s}
.agsg__pan--n23 .agsg__s-19{animation-delay:27.0s}
.agsg__pan--n23 .agsg__s-20{animation-delay:28.5s}
.agsg__pan--n23 .agsg__s-21{animation-delay:30.0s}
.agsg__pan--n23 .agsg__s-22{animation-delay:31.5s}
.agsg__pan--n23 .agsg__s-23{animation-delay:33.0s}
.agsg__pan--n24 .agsg__sfila li{animation-name:agsg-sfila-24; animation-duration:36.0s}
.agsg__pan--n24 .agsg__s-1{animation-delay:0.0s}
.agsg__pan--n24 .agsg__s-2{animation-delay:1.5s}
.agsg__pan--n24 .agsg__s-3{animation-delay:3.0s}
.agsg__pan--n24 .agsg__s-4{animation-delay:4.5s}
.agsg__pan--n24 .agsg__s-5{animation-delay:6.0s}
.agsg__pan--n24 .agsg__s-6{animation-delay:7.5s}
.agsg__pan--n24 .agsg__s-7{animation-delay:9.0s}
.agsg__pan--n24 .agsg__s-8{animation-delay:10.5s}
.agsg__pan--n24 .agsg__s-9{animation-delay:12.0s}
.agsg__pan--n24 .agsg__s-10{animation-delay:13.5s}
.agsg__pan--n24 .agsg__s-11{animation-delay:15.0s}
.agsg__pan--n24 .agsg__s-12{animation-delay:16.5s}
.agsg__pan--n24 .agsg__s-13{animation-delay:18.0s}
.agsg__pan--n24 .agsg__s-14{animation-delay:19.5s}
.agsg__pan--n24 .agsg__s-15{animation-delay:21.0s}
.agsg__pan--n24 .agsg__s-16{animation-delay:22.5s}
.agsg__pan--n24 .agsg__s-17{animation-delay:24.0s}
.agsg__pan--n24 .agsg__s-18{animation-delay:25.5s}
.agsg__pan--n24 .agsg__s-19{animation-delay:27.0s}
.agsg__pan--n24 .agsg__s-20{animation-delay:28.5s}
.agsg__pan--n24 .agsg__s-21{animation-delay:30.0s}
.agsg__pan--n24 .agsg__s-22{animation-delay:31.5s}
.agsg__pan--n24 .agsg__s-23{animation-delay:33.0s}
.agsg__pan--n24 .agsg__s-24{animation-delay:34.5s}
.agsg__pan--n26 .agsg__sfila li{animation-name:agsg-sfila-26; animation-duration:39.0s}
.agsg__pan--n26 .agsg__s-1{animation-delay:0.0s}
.agsg__pan--n26 .agsg__s-2{animation-delay:1.5s}
.agsg__pan--n26 .agsg__s-3{animation-delay:3.0s}
.agsg__pan--n26 .agsg__s-4{animation-delay:4.5s}
.agsg__pan--n26 .agsg__s-5{animation-delay:6.0s}
.agsg__pan--n26 .agsg__s-6{animation-delay:7.5s}
.agsg__pan--n26 .agsg__s-7{animation-delay:9.0s}
.agsg__pan--n26 .agsg__s-8{animation-delay:10.5s}
.agsg__pan--n26 .agsg__s-9{animation-delay:12.0s}
.agsg__pan--n26 .agsg__s-10{animation-delay:13.5s}
.agsg__pan--n26 .agsg__s-11{animation-delay:15.0s}
.agsg__pan--n26 .agsg__s-12{animation-delay:16.5s}
.agsg__pan--n26 .agsg__s-13{animation-delay:18.0s}
.agsg__pan--n26 .agsg__s-14{animation-delay:19.5s}
.agsg__pan--n26 .agsg__s-15{animation-delay:21.0s}
.agsg__pan--n26 .agsg__s-16{animation-delay:22.5s}
.agsg__pan--n26 .agsg__s-17{animation-delay:24.0s}
.agsg__pan--n26 .agsg__s-18{animation-delay:25.5s}
.agsg__pan--n26 .agsg__s-19{animation-delay:27.0s}
.agsg__pan--n26 .agsg__s-20{animation-delay:28.5s}
.agsg__pan--n26 .agsg__s-21{animation-delay:30.0s}
.agsg__pan--n26 .agsg__s-22{animation-delay:31.5s}
.agsg__pan--n26 .agsg__s-23{animation-delay:33.0s}
.agsg__pan--n26 .agsg__s-24{animation-delay:34.5s}
.agsg__pan--n26 .agsg__s-25{animation-delay:36.0s}
.agsg__pan--n26 .agsg__s-26{animation-delay:37.5s}
.agsg__wrap:has(#m1:hover) .agsg__pan--1{opacity:1; visibility:visible}
.agsg__wrap:has(#m1:hover) .agsg__pan--1 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m1:hover) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m1:target) .agsg__pan--1{opacity:1; visibility:visible}
.agsg__wrap:has(#m1:target) .agsg__pan--1 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m1:target) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m1:focus-within) .agsg__pan--1{opacity:1; visibility:visible}
.agsg__wrap:has(#m1:focus-within) .agsg__pan--1 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m1:focus-within) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m1:target) #m1{background:var(--agro-oro); border-top-color:var(--agro-scuro)}
.agsg__wrap:has(#m2:hover) .agsg__pan--2{opacity:1; visibility:visible}
.agsg__wrap:has(#m2:hover) .agsg__pan--2 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m2:hover) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m2:target) .agsg__pan--2{opacity:1; visibility:visible}
.agsg__wrap:has(#m2:target) .agsg__pan--2 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m2:target) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m2:focus-within) .agsg__pan--2{opacity:1; visibility:visible}
.agsg__wrap:has(#m2:focus-within) .agsg__pan--2 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m2:focus-within) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m2:target) #m2{background:var(--agro-oro); border-top-color:var(--agro-scuro)}
.agsg__wrap:has(#m3:hover) .agsg__pan--3{opacity:1; visibility:visible}
.agsg__wrap:has(#m3:hover) .agsg__pan--3 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m3:hover) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m3:target) .agsg__pan--3{opacity:1; visibility:visible}
.agsg__wrap:has(#m3:target) .agsg__pan--3 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m3:target) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m3:focus-within) .agsg__pan--3{opacity:1; visibility:visible}
.agsg__wrap:has(#m3:focus-within) .agsg__pan--3 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m3:focus-within) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m3:target) #m3{background:var(--agro-oro); border-top-color:var(--agro-scuro)}
.agsg__wrap:has(#m4:hover) .agsg__pan--4{opacity:1; visibility:visible}
.agsg__wrap:has(#m4:hover) .agsg__pan--4 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m4:hover) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m4:target) .agsg__pan--4{opacity:1; visibility:visible}
.agsg__wrap:has(#m4:target) .agsg__pan--4 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m4:target) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m4:focus-within) .agsg__pan--4{opacity:1; visibility:visible}
.agsg__wrap:has(#m4:focus-within) .agsg__pan--4 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m4:focus-within) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m4:target) #m4{background:var(--agro-oro); border-top-color:var(--agro-scuro)}
.agsg__wrap:has(#m5:hover) .agsg__pan--5{opacity:1; visibility:visible}
.agsg__wrap:has(#m5:hover) .agsg__pan--5 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m5:hover) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m5:target) .agsg__pan--5{opacity:1; visibility:visible}
.agsg__wrap:has(#m5:target) .agsg__pan--5 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m5:target) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m5:focus-within) .agsg__pan--5{opacity:1; visibility:visible}
.agsg__wrap:has(#m5:focus-within) .agsg__pan--5 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m5:focus-within) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m5:target) #m5{background:var(--agro-oro); border-top-color:var(--agro-scuro)}
.agsg__wrap:has(#m6:hover) .agsg__pan--6{opacity:1; visibility:visible}
.agsg__wrap:has(#m6:hover) .agsg__pan--6 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m6:hover) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m6:target) .agsg__pan--6{opacity:1; visibility:visible}
.agsg__wrap:has(#m6:target) .agsg__pan--6 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m6:target) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m6:focus-within) .agsg__pan--6{opacity:1; visibility:visible}
.agsg__wrap:has(#m6:focus-within) .agsg__pan--6 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m6:focus-within) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m6:target) #m6{background:var(--agro-oro); border-top-color:var(--agro-scuro)}
.agsg__wrap:has(#m7:hover) .agsg__pan--7{opacity:1; visibility:visible}
.agsg__wrap:has(#m7:hover) .agsg__pan--7 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m7:hover) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m7:target) .agsg__pan--7{opacity:1; visibility:visible}
.agsg__wrap:has(#m7:target) .agsg__pan--7 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m7:target) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m7:focus-within) .agsg__pan--7{opacity:1; visibility:visible}
.agsg__wrap:has(#m7:focus-within) .agsg__pan--7 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m7:focus-within) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m7:target) #m7{background:var(--agro-oro); border-top-color:var(--agro-scuro)}
.agsg__wrap:has(#m8:hover) .agsg__pan--8{opacity:1; visibility:visible}
.agsg__wrap:has(#m8:hover) .agsg__pan--8 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m8:hover) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m8:target) .agsg__pan--8{opacity:1; visibility:visible}
.agsg__wrap:has(#m8:target) .agsg__pan--8 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m8:target) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m8:focus-within) .agsg__pan--8{opacity:1; visibility:visible}
.agsg__wrap:has(#m8:focus-within) .agsg__pan--8 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m8:focus-within) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m8:target) #m8{background:var(--agro-oro); border-top-color:var(--agro-scuro)}
.agsg__wrap:has(#m9:hover) .agsg__pan--9{opacity:1; visibility:visible}
.agsg__wrap:has(#m9:hover) .agsg__pan--9 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m9:hover) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m9:target) .agsg__pan--9{opacity:1; visibility:visible}
.agsg__wrap:has(#m9:target) .agsg__pan--9 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m9:target) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m9:focus-within) .agsg__pan--9{opacity:1; visibility:visible}
.agsg__wrap:has(#m9:focus-within) .agsg__pan--9 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m9:focus-within) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m9:target) #m9{background:var(--agro-oro); border-top-color:var(--agro-scuro)}
.agsg__wrap:has(#m10:hover) .agsg__pan--10{opacity:1; visibility:visible}
.agsg__wrap:has(#m10:hover) .agsg__pan--10 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m10:hover) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m10:target) .agsg__pan--10{opacity:1; visibility:visible}
.agsg__wrap:has(#m10:target) .agsg__pan--10 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m10:target) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m10:focus-within) .agsg__pan--10{opacity:1; visibility:visible}
.agsg__wrap:has(#m10:focus-within) .agsg__pan--10 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m10:focus-within) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m10:target) #m10{background:var(--agro-oro); border-top-color:var(--agro-scuro)}
.agsg__wrap:has(#m11:hover) .agsg__pan--11{opacity:1; visibility:visible}
.agsg__wrap:has(#m11:hover) .agsg__pan--11 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m11:hover) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m11:target) .agsg__pan--11{opacity:1; visibility:visible}
.agsg__wrap:has(#m11:target) .agsg__pan--11 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m11:target) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m11:focus-within) .agsg__pan--11{opacity:1; visibility:visible}
.agsg__wrap:has(#m11:focus-within) .agsg__pan--11 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m11:focus-within) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m11:target) #m11{background:var(--agro-oro); border-top-color:var(--agro-scuro)}
.agsg__wrap:has(#m12:hover) .agsg__pan--12{opacity:1; visibility:visible}
.agsg__wrap:has(#m12:hover) .agsg__pan--12 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m12:hover) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m12:target) .agsg__pan--12{opacity:1; visibility:visible}
.agsg__wrap:has(#m12:target) .agsg__pan--12 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m12:target) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m12:focus-within) .agsg__pan--12{opacity:1; visibility:visible}
.agsg__wrap:has(#m12:focus-within) .agsg__pan--12 .agsg__sfila li{animation-play-state:running}
.agsg__wrap:has(#m12:focus-within) .agsg__riposo{opacity:0}
.agsg__wrap:has(#m12:target) #m12{background:var(--agro-oro); border-top-color:var(--agro-scuro)}
@media (max-width:760px){
  .agsg__sfila{height:48px}
  .agsg__sfila li{font-size:1rem; line-height:1.3}
}
@media (prefers-reduced-motion:reduce){
  .agsg__sfila li{animation:none !important}
  .agsg__sfila li:first-child{opacity:1}
}

/* ---------- Servizi GDO · chiusura su due colonne ----------
   Il disegno a contorno sta a destra del testo. Fondo trasparente,
   quindi la trama di sagome resta visibile sotto.               */
.agsg__finale{
  display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  column-gap:var(--s7); row-gap:var(--s4);
  align-items:center;
  max-width:none;
}
/* il disegno sta a sinistra, il testo a destra */
.agsg__finale-d{order:1}
.agsg__finale-t{order:2}
.agsg__finale-t{max-width:56ch}
.agsg__finale-d{
  margin:0; display:flex; justify-content:center; align-items:center;
}
.agsg__finale-d img{
  display:block; width:100%; height:auto;
  max-width:340px;
  opacity:.9;
  transition:opacity .6s cubic-bezier(.32,.72,0,1), transform .6s cubic-bezier(.32,.72,0,1);
}
.agsg__finale:hover .agsg__finale-d img{opacity:1; transform:translateY(-4px)}

@media (max-width:900px){
  .agsg__finale{grid-template-columns:1fr; row-gap:var(--s3)}
  .agsg__finale-d{justify-content:flex-start}
  .agsg__finale-d img{max-width:220px}
}


/* =========================================================
   PAGINA DISTRIBUZIONE
   Stessa grammatica del resto. Le zone di raccolta si accendono
   al passaggio del mouse o al tocco e mostrano le loro referenze.
   Ogni selettore :has e scritto per esteso: in una lista separata
   da virgole il discendente si attacca solo all'ultimo.
   ========================================================= */

.agdi{
  box-sizing:border-box;
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  /* 48 sopra e 64 sotto: 112 px tra un blocco e l'altro, contro i 160 di prima */
  padding:var(--s4) var(--agro-margine) var(--s5);
  font-family:var(--agro-testo); color:var(--agro-scuro);
}
.agdi *,.agdi *::before,.agdi *::after{box-sizing:border-box}
.agdi__wrap{width:100%; max-width:var(--agro-colonna); margin:0 auto}
.agdi--chiaro{background:var(--agro-chiaro)}
.agdi--bianco{background:#fff}
.agdi--scuro{background:var(--agro-scuro); color:var(--agro-chiaro)}

.agdi__testa{max-width:64ch; margin:0 0 var(--s4)}
.agdi__eyebrow{
  margin:0 0 var(--s2);
  font-family:var(--agro-mono); font-size:11px; font-weight:500;
  letter-spacing:.2em; text-transform:uppercase; color:var(--agro-verde);
}
.agdi--scuro .agdi__eyebrow{color:var(--agro-verde-chiaro)}
.agdi h1.agdi__title{
  margin:0 0 var(--s3) !important;
  font-family:var(--agro-testo) !important;
  font-size:var(--agro-h1-interno) !important;
  line-height:1.14 !important; font-weight:700 !important;
  letter-spacing:-.03em !important; text-transform:none !important;
  color:var(--agro-scuro) !important; max-width:28ch;
}
.agdi h2.agdi__h2{
  margin:0 0 var(--s3) !important;
  font-family:var(--agro-testo) !important;
  font-size:clamp(1.3rem,2vw,1.7rem) !important;
  line-height:1.18 !important; font-weight:700 !important;
  letter-spacing:-.025em !important; text-transform:none !important;
  color:inherit !important; max-width:26ch;
}
.agdi__lead{margin:0; font-size:clamp(1.02rem,1.3vw,1.16rem); line-height:1.6; color:var(--agro-tenue); max-width:58ch}
.agdi__sub{margin:0; font-size:.98rem; line-height:1.65; color:var(--agro-tenue); max-width:64ch}
.agdi--scuro .agdi__sub{color:rgba(242,242,240,.66)}

/* dati in riga */
.agdi__dati{
  list-style:none; margin:0; padding:var(--s4) 0 0;
  border-top:1px solid var(--agro-linea);
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s3) var(--s4);
}
.agdi__dati li{display:flex; flex-direction:column-reverse; gap:6px}
.agdi__d-nome{font-size:.86rem; line-height:1.4; color:var(--agro-tenue)}
.agdi__d-val{
  font-family:var(--agro-mono); font-size:clamp(1.5rem,2.4vw,2rem);
  font-weight:500; line-height:1; color:var(--agro-verde);
}

/* ---------- zone di raccolta ---------- */
.agdi__zone{
  list-style:none; margin:0; padding:0;
  display:flex; flex-wrap:wrap; gap:8px;
}
.agdi__cz{margin:0}
.agdi__zona{
  display:inline-flex; align-items:baseline; gap:8px;
  padding:10px 16px; border-radius:2px;
  background:var(--agro-chiaro);
  border:1px solid var(--agro-linea);
  text-decoration:none !important; scroll-margin-top:120px;
  transition:background .35s cubic-bezier(.32,.72,0,1),
             border-color .35s cubic-bezier(.32,.72,0,1),
             transform .35s cubic-bezier(.32,.72,0,1);
}
.agdi__z-nome{font-size:.94rem; font-weight:600; color:var(--agro-scuro)}
.agdi__z-n{font-family:var(--agro-mono); font-size:.72rem; color:var(--agro-verde)}
.agdi__zona:hover{background:var(--agro-verde); border-color:var(--agro-verde); transform:translateY(-2px)}
.agdi__zona:hover .agdi__z-nome{color:var(--agro-chiaro)}
.agdi__zona:hover .agdi__z-n{color:var(--agro-oro)}
.agdi__zona:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}

.agdi__pannelli{
  position:relative; min-height:96px;
  margin:var(--s4) 0 0; padding-top:var(--s3);
  border-top:1px solid var(--agro-linea);
}
.agdi__riposo{
  position:absolute; left:0; right:0; top:var(--s3); z-index:0; margin:0;
  font-family:var(--agro-mono); font-size:10px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--agro-tenue);
  transition:opacity .35s ease;
}
.agdi__pan{
  position:absolute; left:0; right:0; top:var(--s3); z-index:1;
  opacity:0; visibility:hidden;
  transition:opacity .3s cubic-bezier(.32,.72,0,1), visibility .3s;
}
.agdi__pan-eti{
  margin:0 0 10px;
  font-family:var(--agro-mono); font-size:10px; font-weight:500;
  letter-spacing:.18em; text-transform:uppercase; color:var(--agro-verde);
}
.agdi__prod{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px 18px}
.agdi__prod a{
  font-size:.95rem; font-weight:500;
  color:var(--agro-scuro) !important; text-decoration:none !important;
  border-bottom:1px solid rgba(24,140,107,.3);
  transition:color .3s ease, border-color .3s ease;
}
.agdi__prod a:hover{color:var(--agro-verde) !important; border-bottom-color:var(--agro-verde)}

/* ---------- tratte ---------- */
.agdi__tratte{
  list-style:none; margin:0 0 var(--s4); padding:0;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s4);
}
.agdi__tratta{
  padding:var(--s4) var(--s3) var(--s3);
  background:rgba(242,242,240,.05);
  border-top:2px solid var(--agro-verde-chiaro);
  transition:background .55s cubic-bezier(.32,.72,0,1), border-color .55s cubic-bezier(.32,.72,0,1);
}
.agdi__tratta:hover{background:rgba(242,242,240,.11); border-top-color:var(--agro-oro)}
.agdi__t-n{
  margin:0 0 var(--s2);
  font-family:var(--agro-mono); font-size:2rem; font-weight:500;
  line-height:1; color:var(--agro-verde-chiaro);
  transition:color .55s cubic-bezier(.32,.72,0,1);
}
.agdi__tratta:hover .agdi__t-n{color:var(--agro-oro)}
.agdi h3.agdi__t-h{
  margin:0 0 10px !important;
  font-family:var(--agro-testo) !important;
  font-size:1.1rem !important; font-weight:600 !important;
  line-height:1.25 !important; text-transform:none !important;
  color:var(--agro-chiaro) !important;
}
.agdi__t-p{margin:0; font-size:.94rem; line-height:1.65; color:rgba(242,242,240,.7)}
.agdi__chiusa{
  margin:0; padding-top:var(--s4); border-top:1px solid rgba(242,242,240,.16);
  font-size:1rem; line-height:1.7; color:rgba(242,242,240,.72); max-width:66ch;
}

/* ---------- regioni ---------- */
.agdi__reg{
  list-style:none; margin:0 0 var(--s3); padding:0;
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px;
}
.agdi__r{
  padding:var(--s3) var(--s2);
  background:#fff; border-left:3px solid var(--agro-linea);
  transition:border-color .45s cubic-bezier(.32,.72,0,1), transform .45s cubic-bezier(.32,.72,0,1);
}
.agdi__r:hover{border-left-color:var(--agro-verde); transform:translateY(-2px)}
.agdi__r--casa{border-left-color:var(--agro-oro)}
.agdi__r-nome{display:block; font-size:1rem; font-weight:600; color:var(--agro-scuro)}
.agdi__r-eti{
  display:block; margin-top:4px;
  font-family:var(--agro-mono); font-size:9.5px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--agro-tenue);
}
.agdi__nota{margin:0; font-size:.92rem; line-height:1.6; color:var(--agro-tenue); max-width:64ch}

/* ---------- chiusura ---------- */
.agdi--trama{position:relative; isolation:isolate}
.agdi--trama::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:url("https://www.agrodistribuzioni.com/wp-content/uploads/2026/08/agro-trama-sagome.png");
  background-repeat:repeat; background-size:620px auto;
}
.agdi--trama > *{position:relative; z-index:1}
.agdi__finale{max-width:60ch}
.agdi__finale-p{margin:0 0 var(--s4); font-size:1.06rem; line-height:1.7; color:var(--agro-tenue)}
.agdi__cta{display:flex; flex-wrap:wrap; gap:12px}
.agdi__btn{
  display:inline-flex; align-items:center;
  padding:15px 26px; border-radius:2px;
  font-size:.94rem; font-weight:600; text-decoration:none !important; line-height:1;
  border:1.5px solid var(--agro-verde);
  transition:background .5s cubic-bezier(.32,.72,0,1), color .5s cubic-bezier(.32,.72,0,1), border-color .5s cubic-bezier(.32,.72,0,1);
}
.agdi__btn--pieno{background:var(--agro-verde); color:var(--agro-chiaro) !important}
.agdi__btn--vuoto{background:transparent; color:var(--agro-verde) !important}
.agdi__btn--pieno:hover{background:var(--agro-scuro); border-color:var(--agro-scuro)}
.agdi__btn--vuoto:hover{background:var(--agro-verde); color:var(--agro-chiaro) !important}
.agdi__freccia{display:inline-block; margin-left:10px; line-height:1; transition:transform .5s cubic-bezier(.32,.72,0,1)}
.agdi__btn:hover .agdi__freccia{transform:translate(3px,-3px)}
.agdi__btn:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}

@media (max-width:900px){
  .agdi{padding:var(--s3) var(--agro-margine) var(--s4)}
  .agdi__dati{grid-template-columns:repeat(2,minmax(0,1fr))}
  .agdi__tratte{grid-template-columns:1fr; gap:var(--s3)}
  .agdi__reg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .agdi h1.agdi__title,.agdi h2.agdi__h2{max-width:none}
  .agdi__btn{flex:1 1 100%; justify-content:center}
  .agdi--trama::before{background-size:380px auto}
}
@media (max-width:560px){
  .agdi__dati{grid-template-columns:1fr}
  .agdi__reg{grid-template-columns:1fr}
}
.agdi__wrap:has(#z1:hover) .agdi__pan--1{opacity:1; visibility:visible}
.agdi__wrap:has(#z1:hover) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z1:target) .agdi__pan--1{opacity:1; visibility:visible}
.agdi__wrap:has(#z1:target) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z1:focus-within) .agdi__pan--1{opacity:1; visibility:visible}
.agdi__wrap:has(#z1:focus-within) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z1:target) #z1{background:var(--agro-verde); border-color:var(--agro-verde)}
.agdi__wrap:has(#z1:target) #z1 .agdi__z-nome{color:var(--agro-chiaro)}
.agdi__wrap:has(#z1:target) #z1 .agdi__z-n{color:var(--agro-oro)}
.agdi__wrap:has(#z2:hover) .agdi__pan--2{opacity:1; visibility:visible}
.agdi__wrap:has(#z2:hover) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z2:target) .agdi__pan--2{opacity:1; visibility:visible}
.agdi__wrap:has(#z2:target) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z2:focus-within) .agdi__pan--2{opacity:1; visibility:visible}
.agdi__wrap:has(#z2:focus-within) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z2:target) #z2{background:var(--agro-verde); border-color:var(--agro-verde)}
.agdi__wrap:has(#z2:target) #z2 .agdi__z-nome{color:var(--agro-chiaro)}
.agdi__wrap:has(#z2:target) #z2 .agdi__z-n{color:var(--agro-oro)}
.agdi__wrap:has(#z3:hover) .agdi__pan--3{opacity:1; visibility:visible}
.agdi__wrap:has(#z3:hover) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z3:target) .agdi__pan--3{opacity:1; visibility:visible}
.agdi__wrap:has(#z3:target) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z3:focus-within) .agdi__pan--3{opacity:1; visibility:visible}
.agdi__wrap:has(#z3:focus-within) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z3:target) #z3{background:var(--agro-verde); border-color:var(--agro-verde)}
.agdi__wrap:has(#z3:target) #z3 .agdi__z-nome{color:var(--agro-chiaro)}
.agdi__wrap:has(#z3:target) #z3 .agdi__z-n{color:var(--agro-oro)}
.agdi__wrap:has(#z4:hover) .agdi__pan--4{opacity:1; visibility:visible}
.agdi__wrap:has(#z4:hover) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z4:target) .agdi__pan--4{opacity:1; visibility:visible}
.agdi__wrap:has(#z4:target) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z4:focus-within) .agdi__pan--4{opacity:1; visibility:visible}
.agdi__wrap:has(#z4:focus-within) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z4:target) #z4{background:var(--agro-verde); border-color:var(--agro-verde)}
.agdi__wrap:has(#z4:target) #z4 .agdi__z-nome{color:var(--agro-chiaro)}
.agdi__wrap:has(#z4:target) #z4 .agdi__z-n{color:var(--agro-oro)}
.agdi__wrap:has(#z5:hover) .agdi__pan--5{opacity:1; visibility:visible}
.agdi__wrap:has(#z5:hover) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z5:target) .agdi__pan--5{opacity:1; visibility:visible}
.agdi__wrap:has(#z5:target) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z5:focus-within) .agdi__pan--5{opacity:1; visibility:visible}
.agdi__wrap:has(#z5:focus-within) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z5:target) #z5{background:var(--agro-verde); border-color:var(--agro-verde)}
.agdi__wrap:has(#z5:target) #z5 .agdi__z-nome{color:var(--agro-chiaro)}
.agdi__wrap:has(#z5:target) #z5 .agdi__z-n{color:var(--agro-oro)}
.agdi__wrap:has(#z6:hover) .agdi__pan--6{opacity:1; visibility:visible}
.agdi__wrap:has(#z6:hover) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z6:target) .agdi__pan--6{opacity:1; visibility:visible}
.agdi__wrap:has(#z6:target) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z6:focus-within) .agdi__pan--6{opacity:1; visibility:visible}
.agdi__wrap:has(#z6:focus-within) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z6:target) #z6{background:var(--agro-verde); border-color:var(--agro-verde)}
.agdi__wrap:has(#z6:target) #z6 .agdi__z-nome{color:var(--agro-chiaro)}
.agdi__wrap:has(#z6:target) #z6 .agdi__z-n{color:var(--agro-oro)}
.agdi__wrap:has(#z7:hover) .agdi__pan--7{opacity:1; visibility:visible}
.agdi__wrap:has(#z7:hover) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z7:target) .agdi__pan--7{opacity:1; visibility:visible}
.agdi__wrap:has(#z7:target) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z7:focus-within) .agdi__pan--7{opacity:1; visibility:visible}
.agdi__wrap:has(#z7:focus-within) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z7:target) #z7{background:var(--agro-verde); border-color:var(--agro-verde)}
.agdi__wrap:has(#z7:target) #z7 .agdi__z-nome{color:var(--agro-chiaro)}
.agdi__wrap:has(#z7:target) #z7 .agdi__z-n{color:var(--agro-oro)}
.agdi__wrap:has(#z8:hover) .agdi__pan--8{opacity:1; visibility:visible}
.agdi__wrap:has(#z8:hover) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z8:target) .agdi__pan--8{opacity:1; visibility:visible}
.agdi__wrap:has(#z8:target) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z8:focus-within) .agdi__pan--8{opacity:1; visibility:visible}
.agdi__wrap:has(#z8:focus-within) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z8:target) #z8{background:var(--agro-verde); border-color:var(--agro-verde)}
.agdi__wrap:has(#z8:target) #z8 .agdi__z-nome{color:var(--agro-chiaro)}
.agdi__wrap:has(#z8:target) #z8 .agdi__z-n{color:var(--agro-oro)}
.agdi__wrap:has(#z9:hover) .agdi__pan--9{opacity:1; visibility:visible}
.agdi__wrap:has(#z9:hover) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z9:target) .agdi__pan--9{opacity:1; visibility:visible}
.agdi__wrap:has(#z9:target) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z9:focus-within) .agdi__pan--9{opacity:1; visibility:visible}
.agdi__wrap:has(#z9:focus-within) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z9:target) #z9{background:var(--agro-verde); border-color:var(--agro-verde)}
.agdi__wrap:has(#z9:target) #z9 .agdi__z-nome{color:var(--agro-chiaro)}
.agdi__wrap:has(#z9:target) #z9 .agdi__z-n{color:var(--agro-oro)}
.agdi__wrap:has(#z10:hover) .agdi__pan--10{opacity:1; visibility:visible}
.agdi__wrap:has(#z10:hover) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z10:target) .agdi__pan--10{opacity:1; visibility:visible}
.agdi__wrap:has(#z10:target) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z10:focus-within) .agdi__pan--10{opacity:1; visibility:visible}
.agdi__wrap:has(#z10:focus-within) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z10:target) #z10{background:var(--agro-verde); border-color:var(--agro-verde)}
.agdi__wrap:has(#z10:target) #z10 .agdi__z-nome{color:var(--agro-chiaro)}
.agdi__wrap:has(#z10:target) #z10 .agdi__z-n{color:var(--agro-oro)}
.agdi__wrap:has(#z11:hover) .agdi__pan--11{opacity:1; visibility:visible}
.agdi__wrap:has(#z11:hover) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z11:target) .agdi__pan--11{opacity:1; visibility:visible}
.agdi__wrap:has(#z11:target) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z11:focus-within) .agdi__pan--11{opacity:1; visibility:visible}
.agdi__wrap:has(#z11:focus-within) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z11:target) #z11{background:var(--agro-verde); border-color:var(--agro-verde)}
.agdi__wrap:has(#z11:target) #z11 .agdi__z-nome{color:var(--agro-chiaro)}
.agdi__wrap:has(#z11:target) #z11 .agdi__z-n{color:var(--agro-oro)}
.agdi__wrap:has(#z12:hover) .agdi__pan--12{opacity:1; visibility:visible}
.agdi__wrap:has(#z12:hover) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z12:target) .agdi__pan--12{opacity:1; visibility:visible}
.agdi__wrap:has(#z12:target) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z12:focus-within) .agdi__pan--12{opacity:1; visibility:visible}
.agdi__wrap:has(#z12:focus-within) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z12:target) #z12{background:var(--agro-verde); border-color:var(--agro-verde)}
.agdi__wrap:has(#z12:target) #z12 .agdi__z-nome{color:var(--agro-chiaro)}
.agdi__wrap:has(#z12:target) #z12 .agdi__z-n{color:var(--agro-oro)}
.agdi__wrap:has(#z13:hover) .agdi__pan--13{opacity:1; visibility:visible}
.agdi__wrap:has(#z13:hover) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z13:target) .agdi__pan--13{opacity:1; visibility:visible}
.agdi__wrap:has(#z13:target) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z13:focus-within) .agdi__pan--13{opacity:1; visibility:visible}
.agdi__wrap:has(#z13:focus-within) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z13:target) #z13{background:var(--agro-verde); border-color:var(--agro-verde)}
.agdi__wrap:has(#z13:target) #z13 .agdi__z-nome{color:var(--agro-chiaro)}
.agdi__wrap:has(#z13:target) #z13 .agdi__z-n{color:var(--agro-oro)}
.agdi__wrap:has(#z14:hover) .agdi__pan--14{opacity:1; visibility:visible}
.agdi__wrap:has(#z14:hover) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z14:target) .agdi__pan--14{opacity:1; visibility:visible}
.agdi__wrap:has(#z14:target) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z14:focus-within) .agdi__pan--14{opacity:1; visibility:visible}
.agdi__wrap:has(#z14:focus-within) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z14:target) #z14{background:var(--agro-verde); border-color:var(--agro-verde)}
.agdi__wrap:has(#z14:target) #z14 .agdi__z-nome{color:var(--agro-chiaro)}
.agdi__wrap:has(#z14:target) #z14 .agdi__z-n{color:var(--agro-oro)}
.agdi__wrap:has(#z15:hover) .agdi__pan--15{opacity:1; visibility:visible}
.agdi__wrap:has(#z15:hover) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z15:target) .agdi__pan--15{opacity:1; visibility:visible}
.agdi__wrap:has(#z15:target) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z15:focus-within) .agdi__pan--15{opacity:1; visibility:visible}
.agdi__wrap:has(#z15:focus-within) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z15:target) #z15{background:var(--agro-verde); border-color:var(--agro-verde)}
.agdi__wrap:has(#z15:target) #z15 .agdi__z-nome{color:var(--agro-chiaro)}
.agdi__wrap:has(#z15:target) #z15 .agdi__z-n{color:var(--agro-oro)}
.agdi__wrap:has(#z16:hover) .agdi__pan--16{opacity:1; visibility:visible}
.agdi__wrap:has(#z16:hover) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z16:target) .agdi__pan--16{opacity:1; visibility:visible}
.agdi__wrap:has(#z16:target) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z16:focus-within) .agdi__pan--16{opacity:1; visibility:visible}
.agdi__wrap:has(#z16:focus-within) .agdi__riposo{opacity:0}
.agdi__wrap:has(#z16:target) #z16{background:var(--agro-verde); border-color:var(--agro-verde)}
.agdi__wrap:has(#z16:target) #z16 .agdi__z-nome{color:var(--agro-chiaro)}
.agdi__wrap:has(#z16:target) #z16 .agdi__z-n{color:var(--agro-oro)}

/* ---------- Distribuzione · quello che si muove da solo ----------
   Una guida sotto le tre tratte con un carico che la percorre in
   continuo, e i numeri delle tratte che respirano appena.        */
.agdi__tratte{position:relative; padding-bottom:26px}
.agdi__tratte::before{
  content:""; position:absolute; left:0; right:0; bottom:12px; height:1px;
  background:repeating-linear-gradient(to right,
    rgba(242,242,240,.28) 0 6px, transparent 6px 12px);
}
.agdi__tratte::after{
  content:""; position:absolute; bottom:8px; left:0;
  width:9px; height:9px; border-radius:50%;
  background:var(--agro-oro);
  animation:agdi-viaggio 9s cubic-bezier(.5,0,.5,1) infinite;
}
@keyframes agdi-viaggio{
  0%   {left:0; opacity:0}
  6%   {left:0; opacity:1}
  28%  {left:calc(33% - 4px)}
  36%  {left:calc(33% - 4px)}
  58%  {left:calc(66% - 4px)}
  66%  {left:calc(66% - 4px)}
  92%  {left:calc(100% - 9px); opacity:1}
  100% {left:calc(100% - 9px); opacity:0}
}

/* i numeri delle tratte respirano, sfasati fra loro */
.agdi__t-n{animation:agdi-respiro 5.4s ease-in-out infinite}
.agdi__tratta:nth-child(1) .agdi__t-n{animation-delay:0s}
.agdi__tratta:nth-child(2) .agdi__t-n{animation-delay:1.8s}
.agdi__tratta:nth-child(3) .agdi__t-n{animation-delay:3.6s}
@keyframes agdi-respiro{
  0%,100%{opacity:.42}
  50%{opacity:1}
}

/* le etichette delle zone si accendono a turno, una ogni tanto */
.agdi__zona{position:relative; overflow:hidden}
.agdi__zona::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, transparent, rgba(217,187,98,.30), transparent);
  transform:translateX(-100%);
  animation:agdi-luce 16s linear infinite;
}
.agdi__cz:nth-child(4n+1) .agdi__zona::after{animation-delay:0s}
.agdi__cz:nth-child(4n+2) .agdi__zona::after{animation-delay:4s}
.agdi__cz:nth-child(4n+3) .agdi__zona::after{animation-delay:8s}
.agdi__cz:nth-child(4n+4) .agdi__zona::after{animation-delay:12s}
@keyframes agdi-luce{
  0%{transform:translateX(-100%)}
  8%{transform:translateX(100%)}
  100%{transform:translateX(100%)}
}
.agdi__zona:hover::after{animation-play-state:paused; opacity:0}

@media (prefers-reduced-motion:reduce){
  .agdi__tratte::after,.agdi__t-n,.agdi__zona::after{animation:none !important}
  .agdi__t-n{opacity:1}
  .agdi__zona::after{display:none}
}

/* =========================================================
   PAGINA PREZZI ALL'ORIGINE
   Prefisso .agpo. Stesse convenzioni di .agsg e .agdi:
   niente elementi vuoti, fili e spie sono pseudo elementi.
   Ordine dei blocchi in pagina: PO-1 apertura, PO-2 porta
   dell'area riservata, PO-3 i fattori del prezzo.
   ========================================================= */

.agpo{
  box-sizing:border-box;
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding:var(--s4) var(--agro-margine) var(--s5);
  font-family:var(--agro-testo); color:var(--agro-scuro);
}
.agpo *,.agpo *::before,.agpo *::after{box-sizing:border-box}
.agpo__wrap{width:100%; max-width:var(--agro-colonna); margin:0 auto}
.agpo--bianco{background:#fff}
.agpo--chiaro{background:var(--agro-chiaro)}
.agpo--scuro{background:var(--agro-scuro); color:var(--agro-chiaro)}

/* ---------- titoli e testi comuni alla pagina ---------- */
.agpo__eyebrow{
  margin:0 0 var(--s2);
  font-family:var(--agro-mono);
  font-size:11px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;
  color:var(--agro-verde);
}
.agpo--scuro .agpo__eyebrow{color:var(--agro-verde-chiaro)}
.agpo h1.agpo__title{
  margin:0 0 var(--s3) !important;
  font-family:var(--agro-testo) !important;
  font-size:var(--agro-h1-interno) !important;
  line-height:1.14 !important; font-weight:700 !important;
  letter-spacing:-.03em !important; text-transform:none !important;
  color:var(--agro-scuro) !important; max-width:18ch;
}
.agpo h2.agpo__h2{
  margin:0 0 var(--s3) !important;
  font-family:var(--agro-testo) !important;
  font-size:clamp(1.3rem,2vw,1.7rem) !important;
  line-height:1.18 !important; font-weight:700 !important;
  letter-spacing:-.025em !important; text-transform:none !important;
  color:inherit !important; max-width:26ch;
}
.agpo__lead{
  margin:0 0 var(--s2);
  font-size:clamp(1.02rem,1.3vw,1.16rem); line-height:1.62;
  color:var(--agro-tenue); max-width:48ch;
}
.agpo__sub{margin:0; font-size:.98rem; line-height:1.68; color:var(--agro-tenue); max-width:50ch}
.agpo--scuro .agpo__sub{color:rgba(242,242,240,.66)}

/* =========================================================
   PO-1 · apertura
   Due colonne: a sinistra la testata, a destra l'anteprima
   del listino con la colonna prezzo mascherata.
   ========================================================= */

.agpo__apertura{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:var(--s5);
  align-items:start;
  margin:0 0 var(--s4);
}
.agpo__testa{max-width:none; margin:0 0 var(--s5)}
.agpo__apertura .agpo__testa{margin-bottom:0}

/* ---------- anteprima del listino ---------- */
.agpo__listino{
  background:var(--agro-chiaro);
  border:1px solid rgba(62,64,63,.13);
  padding:var(--s3);
}
.agpo__l-eti{
  margin:0 0 var(--s3);
  padding-bottom:10px;
  border-bottom:1px solid rgba(62,64,63,.13);
  font-family:var(--agro-mono);
  font-size:10.5px; font-weight:500; letter-spacing:.18em; text-transform:uppercase;
  color:var(--agro-verde);
}
.agpo__l-righe{list-style:none; margin:0 0 var(--s3); padding:0}
.agpo__l-riga{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 3.4em;
  align-items:baseline; gap:0 14px;
  padding:11px 0;
  border-bottom:1px solid rgba(62,64,63,.09);
}
.agpo__l-riga:last-child{border-bottom:0}
.agpo__l-prod{font-size:.95rem; font-weight:600; color:var(--agro-scuro)}
.agpo__l-zona{
  font-family:var(--agro-mono); font-size:.72rem;
  letter-spacing:.02em; color:var(--agro-tenue); white-space:nowrap;
}
.agpo__l-prezzo{
  justify-self:end;
  font-family:var(--agro-mono); font-size:.8rem; letter-spacing:.08em;
  color:var(--agro-oro);
}
.agpo__l-piede{
  margin:0;
  font-size:.84rem; line-height:1.55; color:var(--agro-tenue);
}
.agpo__l-link{
  color:var(--agro-verde) !important;
  font-weight:600; text-decoration:none !important;
  border-bottom:1px solid rgba(24,140,107,.4);
  transition:border-color .3s cubic-bezier(.32,.72,0,1);
}
.agpo__l-link:hover{border-bottom-color:var(--agro-verde)}
.agpo__l-link:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}

/* ---------- quattro dati in riga ---------- */
.agpo__dati{
  list-style:none; margin:0; padding:var(--s3) 0 0;
  border-top:1px solid rgba(62,64,63,.14);
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s3);
}
.agpo__dati li{display:flex; flex-direction:column-reverse; gap:6px}
.agpo__d-nome{font-size:.86rem; line-height:1.4; color:var(--agro-tenue)}
.agpo__d-val{
  font-family:var(--agro-mono); font-weight:500;
  font-size:clamp(1.5rem,3vw,2.1rem); line-height:1;
  letter-spacing:-.02em; color:var(--agro-verde);
}

/* la spia del listino: un punto oro che respira una volta ogni
   quattro secondi, stessa famiglia della spia della pagina Contatti.
   E un pseudo elemento, non un span vuoto. */
.agpo__d-val--spia{
  position:relative; padding-left:1.05em;
  font-size:clamp(1.1rem,2vw,1.4rem);
}
.agpo__d-val--spia::before{
  content:""; position:absolute; left:0; top:.42em;
  width:.42em; height:.42em; border-radius:50%;
  background:var(--agro-oro);
  box-shadow:0 0 0 0 rgba(217,187,98,.55);
  animation:agpo-spia 4s ease-out infinite;
}
@keyframes agpo-spia{
  0%   {box-shadow:0 0 0 0 rgba(217,187,98,.55)}
  22%  {box-shadow:0 0 0 .55em rgba(217,187,98,0)}
  100% {box-shadow:0 0 0 0 rgba(217,187,98,0)}
}

/* =========================================================
   PO-2 · la porta dell'area riservata
   Due colonne con le stesse proporzioni di PO-1, cosi le due
   sezioni si allineano scendendo: a sinistra la domanda e le
   due azioni separate da un filo, a destra la scheda della
   richiesta. Niente modulo: la richiesta e una email gia
   impostata, come chiede la Brand Foundation.
   ========================================================= */

.agpo__porta{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:var(--s5);
  align-items:start;
}

/* ---------- colonna sinistra ---------- */
.agpo__p-testo{
  margin:0 0 var(--s3);
  max-width:46ch;
  font-size:1rem; line-height:1.68; color:var(--agro-tenue);
}

/* la domanda: e il perno del blocco, quindi cresce sugli altri h2 */
.agpo h2.agpo__h2--porta{
  margin:0 0 var(--s3) !important;
  max-width:16ch;
  font-size:clamp(1.5rem,2.9vw,2.1rem) !important;
  line-height:1.1 !important;
  letter-spacing:-.035em !important;
  color:var(--agro-scuro) !important;
}

/* il filo che separa la domanda dalle azioni: e il bordo
   superiore della riga dei pulsanti, non un elemento hr,
   che l'editor rimuoverebbe */
.agpo__porta-azioni{
  display:flex; flex-wrap:wrap; gap:12px;
  margin:0 0 12px;
  padding-top:var(--s3);
  border-top:1px solid rgba(62,64,63,.16);
}
.agpo__bt{
  display:block; text-align:center;
  flex:1 1 200px; max-width:280px;
  padding:15px 22px;
  font-family:var(--agro-testo);
  font-size:.95rem; line-height:1.2; letter-spacing:-.005em;
  text-decoration:none !important;
  transition:background-color .35s cubic-bezier(.32,.72,0,1),
             color .35s cubic-bezier(.32,.72,0,1),
             border-color .35s cubic-bezier(.32,.72,0,1),
             transform .35s cubic-bezier(.32,.72,0,1);
}
.agpo__bt:focus-visible{outline:2px solid var(--agro-scuro); outline-offset:3px}

/* primario: pieno oro. E l'azione che vogliamo davvero */
.agpo__bt--pieno{
  background:var(--agro-oro);
  color:var(--agro-scuro) !important;
  font-weight:700;
  border:1px solid var(--agro-oro);
}
.agpo__bt--pieno:hover{
  background:var(--agro-scuro); border-color:var(--agro-scuro);
  color:var(--agro-chiaro) !important;
  transform:translateY(-2px);
}

/* secondario: solo filo. Serve a chi la password ce l'ha gia */
.agpo__bt--filo{
  background:transparent;
  color:var(--agro-scuro) !important;
  font-weight:600;
  border:1px solid rgba(62,64,63,.3);
}
.agpo__bt--filo:hover{
  border-color:var(--agro-verde);
  color:var(--agro-verde) !important;
  transform:translateY(-2px);
}

/* la nota chiude la colonna con un secondo filo, gemello di
   quello sopra i pulsanti: le due azioni restano dentro una
   fascia loro. Anche qui e un bordo, non un elemento hr. */
.agpo__bt-nota{
  margin:0;
  padding-bottom:var(--s3);
  border-bottom:1px solid rgba(62,64,63,.16);
  font-family:var(--agro-mono);
  font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--agro-tenue);
}

/* ---------- colonna destra: la scheda della richiesta ----------
   Bianca su fondo chiaro: il contrasto e invertito rispetto alla
   scheda del listino di PO-1, che e chiara su fondo bianco. */
.agpo__scheda{
  background:#fff;
  border:1px solid rgba(62,64,63,.13);
  padding:var(--s3);
}
.agpo__s-eti{
  margin:0 0 var(--s3);
  padding-bottom:10px;
  border-bottom:1px solid rgba(62,64,63,.13);
  font-family:var(--agro-mono);
  font-size:10.5px; font-weight:500; letter-spacing:.18em; text-transform:uppercase;
  color:var(--agro-verde);
}
.agpo__s-voci{list-style:none; margin:0 0 var(--s3); padding:0}
.agpo__s-voce{
  display:flex; align-items:baseline; gap:12px;
  padding:9px 0;
  border-bottom:1px solid rgba(62,64,63,.08);
}
.agpo__s-voce:last-child{border-bottom:0}
.agpo__s-n{
  font-family:var(--agro-mono); font-size:.72rem; font-weight:500;
  letter-spacing:.05em; color:var(--agro-oro);
}
.agpo__s-nome{font-size:.94rem; line-height:1.4; color:var(--agro-scuro)}

.agpo__s-nota{
  margin:0 0 var(--s2);
  font-size:.86rem; line-height:1.6; color:var(--agro-tenue);
}
.agpo__s-mail{
  margin:0; padding-top:var(--s2);
  border-top:1px solid rgba(62,64,63,.1);
  font-size:.86rem; line-height:1.6; color:var(--agro-tenue);
}
.agpo__s-link{
  color:var(--agro-verde) !important;
  font-family:var(--agro-mono); font-size:.9em;
  text-decoration:none !important;
  border-bottom:1px solid rgba(24,140,107,.4);
}
.agpo__s-link:hover{border-bottom-color:var(--agro-verde)}
.agpo__s-link:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}

/* l'ancora di sezione si ferma sotto l'header */
.agpo#accesso{scroll-margin-top:88px}

/* =========================================================
   PO-3 · i sei fattori che muovono il prezzo
   Su fondo scuro. Le frecce sono content di pseudo elementi,
   non span vuoti, e respirano una alla volta.
   ========================================================= */

.agpo__fattori{
  list-style:none; margin:0 0 var(--s4); padding:0;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s4) var(--s3);
}
.agpo__f{
  padding-top:var(--s2);
  border-top:2px solid rgba(83,166,142,.5);
  transition:border-top-color .5s cubic-bezier(.32,.72,0,1), transform .5s cubic-bezier(.32,.72,0,1);
}
.agpo__f:hover{border-top-color:var(--agro-oro); transform:translateY(-3px)}

.agpo__f-dir{
  position:relative;
  margin:0 0 10px; padding-left:1.15em;
  font-family:var(--agro-mono);
  font-size:10.5px; font-weight:500; letter-spacing:.18em; text-transform:uppercase;
}
.agpo__f-dir::before{
  position:absolute; left:0; top:-.08em;
  font-size:1.15em; line-height:1;
  animation:agpo-freccia 5.2s ease-in-out infinite;
}
.agpo__f-dir--giu{color:var(--agro-verde-chiaro)}
.agpo__f-dir--giu::before{content:"\2193"}
.agpo__f-dir--su{color:var(--agro-oro)}
.agpo__f-dir--su::before{content:"\2191"; animation-name:agpo-freccia-su}
.agpo__f-dir--osc{color:rgba(242,242,240,.72)}
.agpo__f-dir--osc::before{content:"\2195"; animation-name:agpo-freccia-osc}

/* le sei frecce non respirano all'unisono: scarto di .9s l'una */
.agpo__f:nth-child(2) .agpo__f-dir::before{animation-delay:.9s}
.agpo__f:nth-child(3) .agpo__f-dir::before{animation-delay:1.8s}
.agpo__f:nth-child(4) .agpo__f-dir::before{animation-delay:2.7s}
.agpo__f:nth-child(5) .agpo__f-dir::before{animation-delay:3.6s}
.agpo__f:nth-child(6) .agpo__f-dir::before{animation-delay:4.5s}

@keyframes agpo-freccia{
  0%,72%,100%{transform:translateY(0); opacity:.85}
  84%{transform:translateY(3px); opacity:1}
}
@keyframes agpo-freccia-su{
  0%,72%,100%{transform:translateY(0); opacity:.85}
  84%{transform:translateY(-3px); opacity:1}
}
@keyframes agpo-freccia-osc{
  0%,64%,100%{transform:translateY(0); opacity:.8}
  76%{transform:translateY(-3px); opacity:1}
  88%{transform:translateY(3px); opacity:1}
}

.agpo h3.agpo__f-h{
  margin:0 0 8px !important;
  font-family:var(--agro-testo) !important;
  font-size:1.02rem !important; line-height:1.25 !important;
  font-weight:700 !important; letter-spacing:-.015em !important;
  text-transform:none !important; color:var(--agro-chiaro) !important;
}
.agpo__f-p{margin:0; font-size:.92rem; line-height:1.62; color:rgba(242,242,240,.7)}

/* il perno del blocco: la frase che il buyer deve portarsi via */
.agpo__perno{
  margin:0; padding-top:var(--s3);
  border-top:1px solid rgba(242,242,240,.15);
  font-size:clamp(1.02rem,1.5vw,1.22rem); line-height:1.55;
  font-weight:600; letter-spacing:-.015em;
  color:var(--agro-chiaro); max-width:56ch;
}

/* =========================================================
   PREZZI ALL'ORIGINE · schermi stretti
   ========================================================= */

@media (max-width:1000px){
  .agpo__apertura{grid-template-columns:1fr; gap:var(--s4)}
  .agpo__porta{grid-template-columns:1fr; gap:var(--s4)}
  .agpo h1.agpo__title{max-width:24ch}
  .agpo h2.agpo__h2--porta{max-width:22ch}
  .agpo__lead{max-width:60ch}
  .agpo__sub{max-width:64ch}
  .agpo__p-testo{max-width:60ch}
  .agpo__fattori{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .agpo{padding:var(--s3) var(--agro-margine) var(--s4)}
  .agpo__dati{grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s3) var(--s2)}
}
@media (max-width:640px){
  .agpo__fattori{grid-template-columns:1fr; gap:var(--s3)}
}
@media (max-width:520px){
  .agpo__dati{grid-template-columns:1fr}
  .agpo__l-riga{grid-template-columns:minmax(0,1fr) 3.4em}
  .agpo__l-zona{grid-column:1; font-size:.68rem}
  .agpo__bt{flex:1 1 100%; max-width:none}
}

@media (prefers-reduced-motion:reduce){
  .agpo__d-val--spia::before{animation:none}
  .agpo__f-dir::before{animation:none}
}

/* =========================================================
   AREA BUYER · /prezzi-origine/area-buyer/
   Pagina protetta da password, costruita con l'editor
   nativo di WordPress e non con Elementor: il listino sta
   in un blocco Tabella che il cliente aggiorna da solo.
   Qui si veste la tabella e il modulo della password.
   ========================================================= */

.agab{
  box-sizing:border-box;
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding:var(--s4) var(--agro-margine) var(--s4);
  font-family:var(--agro-testo); color:var(--agro-scuro);
}
.agab *,.agab *::before,.agab *::after{box-sizing:border-box}
.agab__wrap{width:100%; max-width:var(--agro-colonna); margin:0 auto}
.agab--bianco{background:#fff}
.agab--chiaro{background:var(--agro-chiaro)}

.agab__eyebrow{
  margin:0 0 var(--s2);
  font-family:var(--agro-mono);
  font-size:11px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;
  color:var(--agro-verde);
}
.agab h1.agab__title{
  margin:0 0 var(--s3) !important;
  font-family:var(--agro-testo) !important;
  font-size:var(--agro-h1-interno) !important;
  line-height:1.14 !important; font-weight:700 !important;
  letter-spacing:-.03em !important; text-transform:none !important;
  color:var(--agro-scuro) !important;
}
.agab__lead{
  margin:0 0 var(--s2);
  font-size:clamp(1.02rem,1.3vw,1.14rem); line-height:1.62;
  color:var(--agro-tenue); max-width:62ch;
}
.agab__nota{margin:0; font-size:.92rem; line-height:1.65; color:var(--agro-tenue); max-width:66ch}

/* ---------- la data di aggiornamento ----------
   Sta in un paragrafo sopra la tabella e la scrive lo
   shortcode [agro_aggiornato], che legge la data di
   ultima modifica della pagina: nessuno se la dimentica. */
.agab__data{
  box-sizing:border-box;
  width:100vw; max-width:100vw;
  margin:0 0 var(--s2) !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:0 max(var(--agro-margine), calc(50vw - var(--agro-colonna) / 2));
  display:flex; align-items:center; gap:9px;
  font-family:var(--agro-mono);
  font-size:10.5px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--agro-tenue);
}
.agab__data::before{
  content:""; flex:none;
  width:7px; height:7px; border-radius:50%;
  background:var(--agro-oro);
  animation:agn-battito 4.4s ease-in-out infinite;
}
@media (prefers-reduced-motion:reduce){
  .agab__data::before{animation:none}
}

/* ---------- il listino: blocco Tabella nativo ----------
   La classe agab__tabella si mette nel pannello Avanzate
   del blocco. Tutto il resto lo scrive il cliente. */
/* la tabella esce a tutta larghezza e poi rientra sulla stessa
   griglia dei blocchi HTML: e l'unico modo perche il bordo
   sinistro coincida con quello del testo sopra */
.agab__tabella{
  box-sizing:border-box;
  width:100vw; max-width:100vw;
  overflow-x:auto;
  margin:0 0 var(--s4) !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:0 max(var(--agro-margine), calc(50vw - var(--agro-colonna) / 2));
}
/* il blocco Tabella di WordPress centra celle e didascalia:
   qui va tutto a sinistra, come il resto del sito */
.agab__tabella,
.agab__tabella table,
.agab__tabella th,
.agab__tabella td,
.agab__tabella figcaption{text-align:left !important}
/* solo il prezzo resta a destra: le cifre si leggono incolonnate */
.agab__tabella thead th:last-child,
.agab__tabella tbody td:last-child{text-align:right !important}
.agab__tabella table{
  width:100%; border-collapse:collapse;
  background:#fff;
  border:1px solid var(--agro-linea);
  font-family:var(--agro-testo); font-size:.95rem;
}
.agab__tabella thead th{
  background:var(--agro-scuro) !important;
  color:var(--agro-chiaro) !important;
  font-family:var(--agro-mono); font-weight:500;
  font-size:10px; letter-spacing:.12em; text-transform:uppercase;
  padding:13px 16px; text-align:left; border:0;
}
.agab__tabella tbody td{
  padding:12px 16px;
  border-bottom:1px solid rgba(62,64,63,.08);
  border-left:0; border-right:0; border-top:0;
  color:var(--agro-scuro);
}
.agab__tabella tbody tr:last-child td{border-bottom:0}
.agab__tabella tbody tr:hover td{background:rgba(24,140,107,.05)}
/* la prima colonna e il nome della referenza, l'ultima il prezzo */
.agab__tabella tbody td:first-child{font-weight:600}
.agab__tabella tbody td:last-child{
  font-family:var(--agro-mono); font-weight:500;
  color:var(--agro-verde); white-space:nowrap;
}
.agab__tabella figcaption{
  margin-top:10px;
  font-family:var(--agro-mono); font-size:10px;
  letter-spacing:.12em; text-transform:uppercase; color:var(--agro-tenue);
}

/* ---------- piede a tre colonne ---------- */
.agab__piede{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s5);
}
.agab__col{min-width:0}
.agab__eti{
  margin:0 0 var(--s2); padding-bottom:8px;
  border-bottom:1px solid var(--agro-linea);
  font-family:var(--agro-mono);
  font-size:10.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;
  color:var(--agro-verde);
}
.agab__c-riga{margin:0 0 6px; font-size:1rem; line-height:1.5}
.agab__c-link{
  font-family:var(--agro-mono); font-size:.94rem; font-weight:500;
  color:var(--agro-verde) !important; text-decoration:none !important;
  border-bottom:1px solid rgba(24,140,107,.32);
  transition:color .35s cubic-bezier(.32,.72,0,1), border-color .35s cubic-bezier(.32,.72,0,1);
}
.agab__c-link:hover{color:var(--agro-scuro) !important; border-bottom-color:var(--agro-scuro)}
.agab__c-link:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}
.agab__c-nota{margin:var(--s2) 0 0; font-size:.88rem; line-height:1.6; color:var(--agro-tenue)}
.agab__voci{list-style:none; margin:0; padding:0}
.agab__voce{padding:7px 0; border-bottom:1px solid rgba(62,64,63,.08)}
.agab__voce:last-child{border-bottom:0}
.agab__link{
  font-size:.95rem; color:var(--agro-scuro) !important;
  text-decoration:none !important;
  border-bottom:1px solid transparent;
  transition:color .35s cubic-bezier(.32,.72,0,1), border-color .35s cubic-bezier(.32,.72,0,1);
}
.agab__link:hover{color:var(--agro-verde) !important; border-bottom-color:var(--agro-verde)}
.agab__link:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}

@media (max-width:900px){
  .agab{padding:var(--s3) var(--agro-margine) var(--s3)}
  .agab__piede{grid-template-columns:1fr; gap:var(--s4)}
}
@media (max-width:600px){
  .agab__tabella table{font-size:.88rem}
  .agab__tabella thead th,.agab__tabella tbody td{padding:10px 12px}
}

/* =========================================================
   MODULO DELLA PASSWORD
   E il primo schermo che il buyer vede. Il modulo lo stampa
   WordPress, quindi si veste soltanto: qui non si tocca
   l'HTML, che non passa dai nostri blocchi.
   ========================================================= */

.post-password-form{
  max-width:520px; margin:var(--s6) auto;
  padding:var(--s4) var(--s4) var(--s5);
  background:#fff;
  border:1px solid var(--agro-linea);
  border-top:3px solid var(--agro-oro);
  font-family:var(--agro-testo); color:var(--agro-scuro);
}
.post-password-form p{
  margin:0 0 var(--s3);
  font-size:.98rem; line-height:1.65; color:var(--agro-tenue);
}
.post-password-form label{
  display:block;
  font-family:var(--agro-mono);
  font-size:10.5px; font-weight:500; letter-spacing:.18em; text-transform:uppercase;
  color:var(--agro-verde);
}
.post-password-form input[type="password"]{
  display:block; width:100%; margin-top:10px;
  padding:14px 16px;
  background:var(--agro-chiaro);
  border:1px solid var(--agro-linea); border-radius:2px;
  font-family:var(--agro-mono); font-size:1rem; letter-spacing:.06em;
  color:var(--agro-scuro);
  transition:border-color .35s cubic-bezier(.32,.72,0,1), background .35s cubic-bezier(.32,.72,0,1);
}
.post-password-form input[type="password"]:focus{
  outline:none;
  background:#fff;
  border-color:var(--agro-verde);
}
.post-password-form input[type="submit"]{
  display:block; width:100%; margin-top:var(--s3);
  padding:15px 22px; border-radius:2px;
  background:var(--agro-oro);
  border:1px solid var(--agro-oro);
  font-family:var(--agro-testo); font-size:.96rem; font-weight:700; line-height:1.2;
  color:var(--agro-scuro);
  cursor:pointer;
  transition:background .35s cubic-bezier(.32,.72,0,1),
             border-color .35s cubic-bezier(.32,.72,0,1),
             color .35s cubic-bezier(.32,.72,0,1),
             transform .35s cubic-bezier(.32,.72,0,1);
}
.post-password-form input[type="submit"]:hover{
  background:var(--agro-scuro); border-color:var(--agro-scuro);
  color:var(--agro-chiaro);
  transform:translateY(-2px);
}
.post-password-form input[type="submit"]:focus-visible{
  outline:2px solid var(--agro-scuro); outline-offset:3px;
}

@media (max-width:600px){
  .post-password-form{margin:var(--s5) var(--agro-margine); padding:var(--s3)}
}
/* =========================================================
   PAGINA FRUTTA · /frutta/
   Prefisso .agfr. Il catalogo si filtra per mese con :target,
   niente script: l'identificativo sta sul collegamento, che
   contiene testo e non viene ripulito dall'editor.
   ========================================================= */

.agfr{
  box-sizing:border-box;
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding:var(--s4) var(--agro-margine) var(--s5);
  font-family:var(--agro-testo); color:var(--agro-scuro);
}
.agfr *,.agfr *::before,.agfr *::after{box-sizing:border-box}
.agfr__wrap{width:100%; max-width:var(--agro-colonna); margin:0 auto}
.agfr--bianco{background:#fff}
.agfr--chiaro{background:var(--agro-chiaro)}
.agfr--scuro{background:var(--agro-scuro); color:var(--agro-chiaro)}

/* ---------- testate ---------- */
.agfr__eyebrow{
  margin:0 0 var(--s2);
  font-family:var(--agro-mono);
  font-size:11px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;
  color:var(--agro-verde);
}
.agfr h1.agfr__title{
  margin:0 0 var(--s3) !important;
  font-family:var(--agro-testo) !important;
  font-size:var(--agro-h1-interno) !important;
  line-height:1.12 !important; font-weight:700 !important;
  letter-spacing:-.035em !important; text-transform:none !important;
  color:var(--agro-scuro) !important; max-width:20ch;
}
.agfr h2.agfr__h2{
  margin:0 0 var(--s3) !important;
  font-family:var(--agro-testo) !important;
  font-size:clamp(1.3rem,2vw,1.7rem) !important;
  line-height:1.18 !important; font-weight:700 !important;
  letter-spacing:-.025em !important; text-transform:none !important;
  color:inherit !important; max-width:26ch;
}
.agfr__lead{margin:0 0 var(--s2); font-size:clamp(1.02rem,1.3vw,1.16rem); line-height:1.62; color:var(--agro-tenue); max-width:50ch}
.agfr__sub{margin:0; font-size:.96rem; line-height:1.68; color:var(--agro-tenue); max-width:56ch}
.agfr__testa{margin:0 0 var(--s4)}
.agfr__apertura .agfr__testa{margin:0}

/* ---------- apertura a due colonne ---------- */
.agfr__apertura{
  display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:var(--s5); align-items:start; margin:0 0 var(--s4);
}
.agfr__ora{background:#fff; border:1px solid rgba(62,64,63,.13); padding:var(--s3)}
.agfr__o-eti{
  margin:0 0 var(--s3); padding-bottom:10px;
  border-bottom:1px solid rgba(62,64,63,.13);
  font-family:var(--agro-mono);
  font-size:10.5px; font-weight:500; letter-spacing:.18em; text-transform:uppercase;
  color:var(--agro-verde);
}
.agfr__o-lista{list-style:none; margin:0 0 var(--s3); padding:0}
.agfr__o-v{
  display:flex; align-items:baseline; justify-content:space-between; gap:14px;
  padding:10px 0; border-bottom:1px solid rgba(62,64,63,.08);
}
.agfr__o-v:last-child{border-bottom:0}
.agfr__o-v a{
  font-size:.95rem; font-weight:600;
  color:var(--agro-scuro) !important; text-decoration:none !important;
  border-bottom:1px solid transparent;
  transition:color .35s cubic-bezier(.32,.72,0,1), border-color .35s cubic-bezier(.32,.72,0,1);
}
.agfr__o-v a:hover{color:var(--agro-verde) !important; border-bottom-color:var(--agro-verde)}
.agfr__o-z{font-family:var(--agro-mono); font-size:.7rem; color:var(--agro-tenue); white-space:nowrap}
.agfr__o-piede{margin:0; font-size:.86rem; line-height:1.6; color:var(--agro-tenue)}
.agfr__o-link{
  color:var(--agro-verde) !important; font-weight:600; text-decoration:none !important;
  border-bottom:1px solid rgba(24,140,107,.4);
}
.agfr__o-link:hover{border-bottom-color:var(--agro-verde)}

/* ---------- quattro dati ---------- */
.agfr__dati{
  list-style:none; margin:0; padding:var(--s3) 0 0;
  border-top:1px solid rgba(62,64,63,.14);
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s3);
}
.agfr__dati li{display:flex; flex-direction:column-reverse; gap:6px}
.agfr__d-nome{font-size:.86rem; line-height:1.4; color:var(--agro-tenue)}
.agfr__d-val{
  font-family:var(--agro-mono); font-weight:500;
  font-size:clamp(1.5rem,3vw,2.1rem); line-height:1;
  letter-spacing:-.02em; color:var(--agro-verde);
}

/* ---------- filtro per mese ---------- */
.agfr__eti{
  margin:0 0 var(--s2); padding-bottom:8px;
  border-bottom:1px solid var(--agro-linea);
  font-family:var(--agro-mono);
  font-size:10.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;
  color:var(--agro-verde);
}
.agfr__filtro{margin:0 0 var(--s4)}
.agfr__tasti{
  list-style:none; margin:0 0 12px; padding:0;
  display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:4px;
}
.agfr__t{
  display:block; padding:10px 2px; text-align:center;
  background:var(--agro-chiaro);
  border:1px solid var(--agro-linea);
  border-top:2px solid var(--agro-verde-chiaro);
  text-decoration:none !important; scroll-margin-top:110px;
  transition:background .4s cubic-bezier(.32,.72,0,1),
             border-color .4s cubic-bezier(.32,.72,0,1);
}
.agfr__t-m{
  font-family:var(--agro-mono); font-size:10px;
  letter-spacing:.08em; text-transform:uppercase; color:var(--agro-tenue);
  transition:color .4s cubic-bezier(.32,.72,0,1);
}
.agfr__t:hover{background:rgba(24,140,107,.12)}
.agfr__t:hover .agfr__t-m{color:var(--agro-scuro)}
.agfr__t:focus-visible{outline:2px solid var(--agro-oro); outline-offset:2px}
.agfr__conta{
  margin:0; display:flex; align-items:baseline; gap:8px; flex-wrap:wrap;
  font-family:var(--agro-mono); font-size:10.5px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--agro-tenue);
}
.agfr__conta span{display:none; color:var(--agro-verde); font-weight:500; font-size:14px}
.agfr__conta .c-tutti{display:inline}
.agfr__tutti{
  margin-left:auto;
  color:var(--agro-verde) !important; text-decoration:none !important;
  border-bottom:1px solid rgba(24,140,107,.35);
  font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
  opacity:0; pointer-events:none;
  transition:opacity .35s ease;
}
.agfr__tutti:hover{color:var(--agro-scuro) !important; border-bottom-color:var(--agro-scuro)}

/* ---------- il catalogo ---------- */
.agfr__catalogo{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2px;
}
.agfr__card{
  display:flex; flex-direction:column; gap:12px;
  padding:var(--s3) var(--s3) var(--s2);
  background:var(--agro-chiaro);
  border-left:3px solid transparent;
  transition:background .45s cubic-bezier(.32,.72,0,1),
             border-left-color .45s cubic-bezier(.32,.72,0,1),
             transform .45s cubic-bezier(.32,.72,0,1);
}
.agfr--bianco .agfr__card{background:var(--agro-chiaro)}
.agfr__card:hover{
  background:#fff; border-left-color:var(--agro-verde);
  transform:translateY(-2px);
}
.agfr__c-link{display:block; text-decoration:none !important}
.agfr__c-link:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}
.agfr__c-nome{
  display:block; font-size:1.04rem; font-weight:700;
  letter-spacing:-.02em; line-height:1.25;
  color:var(--agro-scuro);
  transition:color .35s cubic-bezier(.32,.72,0,1);
}
.agfr__card:hover .agfr__c-nome{color:var(--agro-verde)}
.agfr__c-zona{
  display:block; margin-top:4px;
  font-family:var(--agro-mono); font-size:.68rem;
  letter-spacing:.04em; color:var(--agro-tenue);
}

/* la striscia dei dodici mesi: le celle piene si saldano fra loro */
.agfr__mesi{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:1px;
}
.agfr__m{
  padding:5px 0 4px; text-align:center;
  background:rgba(62,64,63,.05);
  font-family:var(--agro-mono); font-size:7.5px;
  letter-spacing:.02em; color:rgba(62,64,63,.34);
  transition:background .45s cubic-bezier(.32,.72,0,1), color .45s cubic-bezier(.32,.72,0,1);
}
.agfr__m abbr{text-decoration:none !important; border:0 !important; color:inherit !important}
.agfr__m.is-si{background:var(--agro-verde-chiaro); color:#fff}
.agfr__card:hover .agfr__m.is-si{background:var(--agro-verde)}

/* ---------- schermi stretti ---------- */
@media (max-width:1000px){
  .agfr__apertura{grid-template-columns:1fr; gap:var(--s4)}
  .agfr h1.agfr__title{max-width:26ch}
  .agfr__lead,.agfr__sub{max-width:62ch}
  .agfr__catalogo{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .agfr{padding:var(--s3) var(--agro-margine) var(--s4)}
  .agfr__dati{grid-template-columns:repeat(2,minmax(0,1fr))}
  .agfr__tasti{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (max-width:560px){
  .agfr__catalogo{grid-template-columns:1fr}
  .agfr__dati{grid-template-columns:1fr}
}

/* ---------- il filtro: dodici volte la stessa regola ---------- */
.agfr:has(#fr-m1:target) .agfr__card:not(.m1){display:none}
.agfr:has(#fr-m1:target) .agfr__conta .c-tutti{display:none}
.agfr:has(#fr-m1:target) .agfr__conta .c-m1{display:inline}
.agfr:has(#fr-m1:target) .agfr__tutti{opacity:1; pointer-events:auto}
.agfr:has(#fr-m1:target) #fr-m1{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agfr:has(#fr-m1:target) #fr-m1 .agfr__t-m{color:var(--agro-chiaro)}
.agfr:has(#fr-m1:target) .agfr__card .agfr__m[data-m="1"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agfr:has(#fr-m2:target) .agfr__card:not(.m2){display:none}
.agfr:has(#fr-m2:target) .agfr__conta .c-tutti{display:none}
.agfr:has(#fr-m2:target) .agfr__conta .c-m2{display:inline}
.agfr:has(#fr-m2:target) .agfr__tutti{opacity:1; pointer-events:auto}
.agfr:has(#fr-m2:target) #fr-m2{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agfr:has(#fr-m2:target) #fr-m2 .agfr__t-m{color:var(--agro-chiaro)}
.agfr:has(#fr-m2:target) .agfr__card .agfr__m[data-m="2"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agfr:has(#fr-m3:target) .agfr__card:not(.m3){display:none}
.agfr:has(#fr-m3:target) .agfr__conta .c-tutti{display:none}
.agfr:has(#fr-m3:target) .agfr__conta .c-m3{display:inline}
.agfr:has(#fr-m3:target) .agfr__tutti{opacity:1; pointer-events:auto}
.agfr:has(#fr-m3:target) #fr-m3{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agfr:has(#fr-m3:target) #fr-m3 .agfr__t-m{color:var(--agro-chiaro)}
.agfr:has(#fr-m3:target) .agfr__card .agfr__m[data-m="3"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agfr:has(#fr-m4:target) .agfr__card:not(.m4){display:none}
.agfr:has(#fr-m4:target) .agfr__conta .c-tutti{display:none}
.agfr:has(#fr-m4:target) .agfr__conta .c-m4{display:inline}
.agfr:has(#fr-m4:target) .agfr__tutti{opacity:1; pointer-events:auto}
.agfr:has(#fr-m4:target) #fr-m4{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agfr:has(#fr-m4:target) #fr-m4 .agfr__t-m{color:var(--agro-chiaro)}
.agfr:has(#fr-m4:target) .agfr__card .agfr__m[data-m="4"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agfr:has(#fr-m5:target) .agfr__card:not(.m5){display:none}
.agfr:has(#fr-m5:target) .agfr__conta .c-tutti{display:none}
.agfr:has(#fr-m5:target) .agfr__conta .c-m5{display:inline}
.agfr:has(#fr-m5:target) .agfr__tutti{opacity:1; pointer-events:auto}
.agfr:has(#fr-m5:target) #fr-m5{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agfr:has(#fr-m5:target) #fr-m5 .agfr__t-m{color:var(--agro-chiaro)}
.agfr:has(#fr-m5:target) .agfr__card .agfr__m[data-m="5"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agfr:has(#fr-m6:target) .agfr__card:not(.m6){display:none}
.agfr:has(#fr-m6:target) .agfr__conta .c-tutti{display:none}
.agfr:has(#fr-m6:target) .agfr__conta .c-m6{display:inline}
.agfr:has(#fr-m6:target) .agfr__tutti{opacity:1; pointer-events:auto}
.agfr:has(#fr-m6:target) #fr-m6{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agfr:has(#fr-m6:target) #fr-m6 .agfr__t-m{color:var(--agro-chiaro)}
.agfr:has(#fr-m6:target) .agfr__card .agfr__m[data-m="6"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agfr:has(#fr-m7:target) .agfr__card:not(.m7){display:none}
.agfr:has(#fr-m7:target) .agfr__conta .c-tutti{display:none}
.agfr:has(#fr-m7:target) .agfr__conta .c-m7{display:inline}
.agfr:has(#fr-m7:target) .agfr__tutti{opacity:1; pointer-events:auto}
.agfr:has(#fr-m7:target) #fr-m7{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agfr:has(#fr-m7:target) #fr-m7 .agfr__t-m{color:var(--agro-chiaro)}
.agfr:has(#fr-m7:target) .agfr__card .agfr__m[data-m="7"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agfr:has(#fr-m8:target) .agfr__card:not(.m8){display:none}
.agfr:has(#fr-m8:target) .agfr__conta .c-tutti{display:none}
.agfr:has(#fr-m8:target) .agfr__conta .c-m8{display:inline}
.agfr:has(#fr-m8:target) .agfr__tutti{opacity:1; pointer-events:auto}
.agfr:has(#fr-m8:target) #fr-m8{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agfr:has(#fr-m8:target) #fr-m8 .agfr__t-m{color:var(--agro-chiaro)}
.agfr:has(#fr-m8:target) .agfr__card .agfr__m[data-m="8"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agfr:has(#fr-m9:target) .agfr__card:not(.m9){display:none}
.agfr:has(#fr-m9:target) .agfr__conta .c-tutti{display:none}
.agfr:has(#fr-m9:target) .agfr__conta .c-m9{display:inline}
.agfr:has(#fr-m9:target) .agfr__tutti{opacity:1; pointer-events:auto}
.agfr:has(#fr-m9:target) #fr-m9{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agfr:has(#fr-m9:target) #fr-m9 .agfr__t-m{color:var(--agro-chiaro)}
.agfr:has(#fr-m9:target) .agfr__card .agfr__m[data-m="9"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agfr:has(#fr-m10:target) .agfr__card:not(.m10){display:none}
.agfr:has(#fr-m10:target) .agfr__conta .c-tutti{display:none}
.agfr:has(#fr-m10:target) .agfr__conta .c-m10{display:inline}
.agfr:has(#fr-m10:target) .agfr__tutti{opacity:1; pointer-events:auto}
.agfr:has(#fr-m10:target) #fr-m10{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agfr:has(#fr-m10:target) #fr-m10 .agfr__t-m{color:var(--agro-chiaro)}
.agfr:has(#fr-m10:target) .agfr__card .agfr__m[data-m="10"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agfr:has(#fr-m11:target) .agfr__card:not(.m11){display:none}
.agfr:has(#fr-m11:target) .agfr__conta .c-tutti{display:none}
.agfr:has(#fr-m11:target) .agfr__conta .c-m11{display:inline}
.agfr:has(#fr-m11:target) .agfr__tutti{opacity:1; pointer-events:auto}
.agfr:has(#fr-m11:target) #fr-m11{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agfr:has(#fr-m11:target) #fr-m11 .agfr__t-m{color:var(--agro-chiaro)}
.agfr:has(#fr-m11:target) .agfr__card .agfr__m[data-m="11"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agfr:has(#fr-m12:target) .agfr__card:not(.m12){display:none}
.agfr:has(#fr-m12:target) .agfr__conta .c-tutti{display:none}
.agfr:has(#fr-m12:target) .agfr__conta .c-m12{display:inline}
.agfr:has(#fr-m12:target) .agfr__tutti{opacity:1; pointer-events:auto}
.agfr:has(#fr-m12:target) #fr-m12{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agfr:has(#fr-m12:target) #fr-m12 .agfr__t-m{color:var(--agro-chiaro)}
.agfr:has(#fr-m12:target) .agfr__card .agfr__m[data-m="12"]{outline:1px solid var(--agro-oro); outline-offset:-1px}

/* le schede entrano mentre il catalogo sale nello schermo.
   Dove animation-timeline non c'e, restano semplicemente visibili. */
@supports (animation-timeline: view()){
  .agfr__card{
    animation:agfr-entra linear both;
    animation-timeline:view();
    animation-range:entry 0% entry 34%;
  }
  @keyframes agfr-entra{
    from{opacity:0; transform:translateY(14px)}
    to{opacity:1; transform:translateY(0)}
  }
}

@media (prefers-reduced-motion:reduce){
  .agfr__card{animation:none !important; opacity:1 !important; transform:none !important}
  .agfr__card:hover{transform:none}
}

/* ---------- FR-3 · le cinque famiglie ----------
   Ogni famiglia porta la sua finestra di raccolta come barra
   dei dodici mesi: la stessa grammatica del calendario, ma
   applicata al gruppo invece che alla singola referenza. */

.agfr__famiglie{
  list-style:none; margin:0 0 var(--s5); padding:0;
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s5) var(--s6);
}
.agfr__fam{
  padding-top:var(--s3);
  border-top:2px solid rgba(83,166,142,.5);
  transition:border-top-color .5s cubic-bezier(.32,.72,0,1);
}
.agfr__fam:hover{border-top-color:var(--agro-oro)}
.agfr__f-n{
  margin:0 0 var(--s2);
  font-family:var(--agro-mono); font-size:1.4rem; font-weight:500; line-height:1;
  color:var(--agro-verde-chiaro);
  transition:color .5s cubic-bezier(.32,.72,0,1);
}
.agfr__fam:hover .agfr__f-n{color:var(--agro-oro)}
.agfr h3.agfr__f-h{
  margin:0 0 6px !important;
  font-family:var(--agro-testo) !important;
  font-size:1.14rem !important; font-weight:700 !important;
  line-height:1.25 !important; letter-spacing:-.02em !important;
  text-transform:none !important; color:var(--agro-chiaro) !important;
}
.agfr__f-eti{
  margin:0 0 var(--s2);
  font-family:var(--agro-mono); font-size:10px;
  letter-spacing:.12em; text-transform:uppercase; color:rgba(242,242,240,.5);
}

/* la finestra di raccolta della famiglia */
.agfr__f-barra{
  list-style:none; margin:0 0 var(--s2); padding:0;
  display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:1px;
}
.agfr__fm{
  padding:6px 0 5px; text-align:center;
  background:rgba(242,242,240,.07);
  font-family:var(--agro-mono); font-size:8px;
  color:rgba(242,242,240,.34);
  transition:background .6s cubic-bezier(.32,.72,0,1), color .6s cubic-bezier(.32,.72,0,1);
}
.agfr__fm abbr{text-decoration:none !important; border:0 !important; color:inherit !important}
.agfr__fm.is-si{background:var(--agro-verde-chiaro); color:var(--agro-scuro); font-weight:500}
.agfr__fam:hover .agfr__fm.is-si{background:var(--agro-oro)}

.agfr__f-p{margin:0 0 var(--s2); font-size:.94rem; line-height:1.68; color:rgba(242,242,240,.72)}
.agfr__f-voci{
  list-style:none; margin:0; padding-top:12px;
  border-top:1px solid rgba(242,242,240,.14);
  display:flex; flex-wrap:wrap; gap:6px 16px;
}
.agfr__f-voci a{
  font-size:.88rem; font-weight:500;
  color:var(--agro-chiaro) !important; text-decoration:none !important;
  border-bottom:1px solid rgba(83,166,142,.45);
  transition:color .35s cubic-bezier(.32,.72,0,1), border-color .35s cubic-bezier(.32,.72,0,1);
}
.agfr__f-voci a:hover{color:var(--agro-verde-chiaro) !important; border-bottom-color:var(--agro-verde-chiaro)}
.agfr__f-voci a:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}

.agfr__perno{
  margin:0; padding-top:var(--s4);
  border-top:1px solid rgba(242,242,240,.15);
  font-size:clamp(1.02rem,1.5vw,1.2rem); line-height:1.55;
  font-weight:600; letter-spacing:-.015em;
  color:var(--agro-chiaro); max-width:62ch;
}
.agfr--scuro .agfr__sub{color:rgba(242,242,240,.68)}
.agfr--scuro .agfr__eyebrow{color:var(--agro-verde-chiaro)}
.agfr--scuro h2.agfr__h2{color:var(--agro-chiaro) !important}

@media (max-width:900px){
  .agfr__famiglie{grid-template-columns:1fr; gap:var(--s4)}
}

/* ---------- FR-4 · formati e primi passi ----------
   Blocco volutamente fermo: la pagina ha gia il filtro del
   catalogo e le barre delle famiglie, qui serve una pausa. */

.agfr__modi{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2px; margin:0 0 var(--s5);
}
.agfr__modo{
  padding:var(--s3);
  background:#fff;
  border-left:3px solid var(--agro-verde-chiaro);
  transition:border-left-color .45s cubic-bezier(.32,.72,0,1),
             transform .45s cubic-bezier(.32,.72,0,1);
}
.agfr__modo:hover{border-left-color:var(--agro-oro); transform:translateY(-2px)}
.agfr__mo-eti{
  margin:0 0 8px;
  font-family:var(--agro-mono); font-size:9.5px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--agro-tenue);
}
.agfr h3.agfr__mo-h{
  margin:0 0 10px !important;
  font-family:var(--agro-testo) !important;
  font-size:1.24rem !important; font-weight:700 !important;
  line-height:1.2 !important; letter-spacing:-.025em !important;
  text-transform:none !important; color:var(--agro-verde) !important;
}
.agfr__mo-p{margin:0; font-size:.94rem; line-height:1.68; color:var(--agro-tenue)}

.agfr__passi{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s4);
}
.agfr__passo{
  padding-top:var(--s3);
  border-top:1px solid var(--agro-linea);
  transition:border-top-color .5s cubic-bezier(.32,.72,0,1);
}
.agfr__passo:hover{border-top-color:var(--agro-verde)}
.agfr__pa-n{
  margin:0 0 10px;
  font-family:var(--agro-mono); font-size:1.5rem; font-weight:500; line-height:1;
  color:var(--agro-verde-chiaro);
  transition:color .5s cubic-bezier(.32,.72,0,1);
}
.agfr__passo:hover .agfr__pa-n{color:var(--agro-oro)}
.agfr h3.agfr__pa-h{
  margin:0 0 8px !important;
  font-family:var(--agro-testo) !important;
  font-size:1.04rem !important; font-weight:600 !important;
  line-height:1.3 !important; text-transform:none !important;
  color:var(--agro-scuro) !important;
}
.agfr__pa-p{margin:0; font-size:.93rem; line-height:1.68; color:var(--agro-tenue)}
.agfr__pa-link{
  display:inline-block; margin-top:4px;
  color:var(--agro-verde) !important; font-weight:600;
  text-decoration:none !important;
  border-bottom:1px solid rgba(24,140,107,.35);
  transition:border-color .35s cubic-bezier(.32,.72,0,1), color .35s cubic-bezier(.32,.72,0,1);
}
.agfr__pa-link:hover{color:var(--agro-scuro) !important; border-bottom-color:var(--agro-scuro)}
.agfr__pa-link:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}

@media (max-width:900px){
  .agfr__modi{grid-template-columns:1fr}
  .agfr__passi{grid-template-columns:1fr; gap:var(--s3)}
}

/* ---------- FR-5 · chiusura sulla trama di sagome ---------- */

.agfr--trama{position:relative; isolation:isolate}
.agfr--trama::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:url("https://www.agrodistribuzioni.com/wp-content/uploads/2026/08/agro-trama-sagome.png");
  background-repeat:repeat; background-size:620px auto;
}
.agfr--trama > *{position:relative; z-index:1}

.agfr__finale{
  display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:var(--s6); align-items:start;
}
.agfr__fin-t{max-width:52ch}
.agfr__fin-p{margin:0 0 var(--s4); font-size:1.04rem; line-height:1.7; color:var(--agro-tenue)}

.agfr__cta{display:flex; flex-wrap:wrap; gap:12px}
.agfr__btn{
  display:inline-flex; align-items:center;
  padding:15px 26px; border-radius:2px;
  font-size:.94rem; font-weight:600; line-height:1;
  text-decoration:none !important;
  border:1.5px solid var(--agro-verde);
  transition:background .5s cubic-bezier(.32,.72,0,1),
             color .5s cubic-bezier(.32,.72,0,1),
             border-color .5s cubic-bezier(.32,.72,0,1);
}
.agfr__btn--pieno{background:var(--agro-verde); color:var(--agro-chiaro) !important}
.agfr__btn--vuoto{background:transparent; color:var(--agro-verde) !important}
.agfr__btn--pieno:hover{background:var(--agro-scuro); border-color:var(--agro-scuro)}
.agfr__btn--vuoto:hover{background:var(--agro-verde); color:var(--agro-chiaro) !important}
.agfr__freccia{
  display:inline-block; margin-left:10px; line-height:1;
  transition:transform .5s cubic-bezier(.32,.72,0,1);
}
.agfr__btn:hover .agfr__freccia{transform:translate(3px,-3px)}
.agfr__btn:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}

.agfr__fin-l .agfr__voci{list-style:none; margin:0; padding:0}
.agfr__fin-l .agfr__voci li{
  display:flex; align-items:baseline; justify-content:space-between; gap:16px;
  padding:12px 0; border-bottom:1px solid rgba(62,64,63,.09);
}
.agfr__fin-l .agfr__voci li:last-child{border-bottom:0}
.agfr__fin-l .agfr__voci a{
  font-size:.98rem; font-weight:600;
  color:var(--agro-scuro) !important; text-decoration:none !important;
  border-bottom:1px solid transparent;
  transition:color .35s cubic-bezier(.32,.72,0,1), border-color .35s cubic-bezier(.32,.72,0,1);
}
.agfr__fin-l .agfr__voci a:hover{color:var(--agro-verde) !important; border-bottom-color:var(--agro-verde)}
.agfr__fin-l .agfr__voci a:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}
.agfr__v-n{
  font-family:var(--agro-mono); font-size:.7rem;
  letter-spacing:.04em; color:var(--agro-tenue); white-space:nowrap;
}

@media (max-width:900px){
  .agfr__finale{grid-template-columns:1fr; gap:var(--s4)}
  .agfr__fin-t{max-width:none}
  .agfr__btn{flex:1 1 100%; justify-content:center}
}
@media (max-width:560px){
  .agfr--trama::before{background-size:380px auto}
}
/* =========================================================
   PAGINA VERDURA · /verdura/
   Prefisso .agve. Stessa meccanica della pagina Frutta:
   il catalogo si filtra per mese con :target,
   niente script: l'identificativo sta sul collegamento, che
   contiene testo e non viene ripulito dall'editor.
   ========================================================= */

.agve{
  box-sizing:border-box;
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding:var(--s4) var(--agro-margine) var(--s5);
  font-family:var(--agro-testo); color:var(--agro-scuro);
}
.agve *,.agve *::before,.agve *::after{box-sizing:border-box}
.agve__wrap{width:100%; max-width:var(--agro-colonna); margin:0 auto}
.agve--bianco{background:#fff}
.agve--chiaro{background:var(--agro-chiaro)}
.agve--scuro{background:var(--agro-scuro); color:var(--agro-chiaro)}

/* ---------- testate ---------- */
.agve__eyebrow{
  margin:0 0 var(--s2);
  font-family:var(--agro-mono);
  font-size:11px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;
  color:var(--agro-verde);
}
.agve h1.agve__title{
  margin:0 0 var(--s3) !important;
  font-family:var(--agro-testo) !important;
  font-size:var(--agro-h1-interno) !important;
  line-height:1.12 !important; font-weight:700 !important;
  letter-spacing:-.035em !important; text-transform:none !important;
  color:var(--agro-scuro) !important; max-width:20ch;
}
.agve h2.agve__h2{
  margin:0 0 var(--s3) !important;
  font-family:var(--agro-testo) !important;
  font-size:clamp(1.3rem,2vw,1.7rem) !important;
  line-height:1.18 !important; font-weight:700 !important;
  letter-spacing:-.025em !important; text-transform:none !important;
  color:inherit !important; max-width:26ch;
}
.agve__lead{margin:0 0 var(--s2); font-size:clamp(1.02rem,1.3vw,1.16rem); line-height:1.62; color:var(--agro-tenue); max-width:50ch}
.agve__sub{margin:0; font-size:.96rem; line-height:1.68; color:var(--agro-tenue); max-width:56ch}
.agve__testa{margin:0 0 var(--s4)}
.agve__apertura .agve__testa{margin:0}

/* ---------- apertura a due colonne ---------- */
.agve__apertura{
  display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:var(--s5); align-items:start; margin:0 0 var(--s4);
}
.agve__ora{background:#fff; border:1px solid rgba(62,64,63,.13); padding:var(--s3)}
.agve__o-eti{
  margin:0 0 var(--s3); padding-bottom:10px;
  border-bottom:1px solid rgba(62,64,63,.13);
  font-family:var(--agro-mono);
  font-size:10.5px; font-weight:500; letter-spacing:.18em; text-transform:uppercase;
  color:var(--agro-verde);
}
.agve__o-lista{list-style:none; margin:0 0 var(--s3); padding:0}
.agve__o-v{
  display:flex; align-items:baseline; justify-content:space-between; gap:14px;
  padding:10px 0; border-bottom:1px solid rgba(62,64,63,.08);
}
.agve__o-v:last-child{border-bottom:0}
.agve__o-v a{
  font-size:.95rem; font-weight:600;
  color:var(--agro-scuro) !important; text-decoration:none !important;
  border-bottom:1px solid transparent;
  transition:color .35s cubic-bezier(.32,.72,0,1), border-color .35s cubic-bezier(.32,.72,0,1);
}
.agve__o-v a:hover{color:var(--agro-verde) !important; border-bottom-color:var(--agro-verde)}
.agve__o-z{font-family:var(--agro-mono); font-size:.7rem; color:var(--agro-tenue); white-space:nowrap}
.agve__o-piede{margin:0; font-size:.86rem; line-height:1.6; color:var(--agro-tenue)}
.agve__o-link{
  color:var(--agro-verde) !important; font-weight:600; text-decoration:none !important;
  border-bottom:1px solid rgba(24,140,107,.4);
}
.agve__o-link:hover{border-bottom-color:var(--agro-verde)}

/* ---------- quattro dati ---------- */
.agve__dati{
  list-style:none; margin:0; padding:var(--s3) 0 0;
  border-top:1px solid rgba(62,64,63,.14);
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s3);
}
.agve__dati li{display:flex; flex-direction:column-reverse; gap:6px}
.agve__d-nome{font-size:.86rem; line-height:1.4; color:var(--agro-tenue)}
.agve__d-val{
  font-family:var(--agro-mono); font-weight:500;
  font-size:clamp(1.5rem,3vw,2.1rem); line-height:1;
  letter-spacing:-.02em; color:var(--agro-verde);
}

/* ---------- filtro per mese ---------- */
.agve__eti{
  margin:0 0 var(--s2); padding-bottom:8px;
  border-bottom:1px solid var(--agro-linea);
  font-family:var(--agro-mono);
  font-size:10.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;
  color:var(--agro-verde);
}
.agve__filtro{margin:0 0 var(--s4)}
.agve__tasti{
  list-style:none; margin:0 0 12px; padding:0;
  display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:4px;
}
.agve__t{
  display:block; padding:10px 2px; text-align:center;
  background:var(--agro-chiaro);
  border:1px solid var(--agro-linea);
  border-top:2px solid var(--agro-verde-chiaro);
  text-decoration:none !important; scroll-margin-top:110px;
  transition:background .4s cubic-bezier(.32,.72,0,1),
             border-color .4s cubic-bezier(.32,.72,0,1);
}
.agve__t-m{
  font-family:var(--agro-mono); font-size:10px;
  letter-spacing:.08em; text-transform:uppercase; color:var(--agro-tenue);
  transition:color .4s cubic-bezier(.32,.72,0,1);
}
.agve__t:hover{background:rgba(24,140,107,.12)}
.agve__t:hover .agve__t-m{color:var(--agro-scuro)}
.agve__t:focus-visible{outline:2px solid var(--agro-oro); outline-offset:2px}
.agve__conta{
  margin:0; display:flex; align-items:baseline; gap:8px; flex-wrap:wrap;
  font-family:var(--agro-mono); font-size:10.5px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--agro-tenue);
}
.agve__conta span{display:none; color:var(--agro-verde); font-weight:500; font-size:14px}
.agve__conta .c-tutti{display:inline}
.agve__tutti{
  margin-left:auto;
  color:var(--agro-verde) !important; text-decoration:none !important;
  border-bottom:1px solid rgba(24,140,107,.35);
  font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
  opacity:0; pointer-events:none;
  transition:opacity .35s ease;
}
.agve__tutti:hover{color:var(--agro-scuro) !important; border-bottom-color:var(--agro-scuro)}

/* ---------- il catalogo ---------- */
.agve__catalogo{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2px;
}
.agve__card{
  display:flex; flex-direction:column; gap:12px;
  padding:var(--s3) var(--s3) var(--s2);
  background:var(--agro-chiaro);
  border-left:3px solid transparent;
  transition:background .45s cubic-bezier(.32,.72,0,1),
             border-left-color .45s cubic-bezier(.32,.72,0,1),
             transform .45s cubic-bezier(.32,.72,0,1);
}
.agve--bianco .agve__card{background:var(--agro-chiaro)}
.agve__card:hover{
  background:#fff; border-left-color:var(--agro-verde);
  transform:translateY(-2px);
}
.agve__c-link{display:block; text-decoration:none !important}
.agve__c-link:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}
.agve__c-nome{
  display:block; font-size:1.04rem; font-weight:700;
  letter-spacing:-.02em; line-height:1.25;
  color:var(--agro-scuro);
  transition:color .35s cubic-bezier(.32,.72,0,1);
}
.agve__card:hover .agve__c-nome{color:var(--agro-verde)}
.agve__c-zona{
  display:block; margin-top:4px;
  font-family:var(--agro-mono); font-size:.68rem;
  letter-spacing:.04em; color:var(--agro-tenue);
}

/* la striscia dei dodici mesi: le celle piene si saldano fra loro */
.agve__mesi{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:1px;
}
.agve__m{
  padding:5px 0 4px; text-align:center;
  background:rgba(62,64,63,.05);
  font-family:var(--agro-mono); font-size:7.5px;
  letter-spacing:.02em; color:rgba(62,64,63,.34);
  transition:background .45s cubic-bezier(.32,.72,0,1), color .45s cubic-bezier(.32,.72,0,1);
}
.agve__m abbr{text-decoration:none !important; border:0 !important; color:inherit !important}
.agve__m.is-si{background:var(--agro-verde-chiaro); color:#fff}
.agve__card:hover .agve__m.is-si{background:var(--agro-verde)}

/* ---------- schermi stretti ---------- */
@media (max-width:1000px){
  .agve__apertura{grid-template-columns:1fr; gap:var(--s4)}
  .agve h1.agve__title{max-width:26ch}
  .agve__lead,.agve__sub{max-width:62ch}
  .agve__catalogo{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .agve{padding:var(--s3) var(--agro-margine) var(--s4)}
  .agve__dati{grid-template-columns:repeat(2,minmax(0,1fr))}
  .agve__tasti{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (max-width:560px){
  .agve__catalogo{grid-template-columns:1fr}
  .agve__dati{grid-template-columns:1fr}
}

/* ---------- il filtro: dodici volte la stessa regola ---------- */
.agve:has(#ve-m1:target) .agve__card:not(.m1){display:none}
.agve:has(#ve-m1:target) .agve__conta .c-tutti{display:none}
.agve:has(#ve-m1:target) .agve__conta .c-m1{display:inline}
.agve:has(#ve-m1:target) .agve__tutti{opacity:1; pointer-events:auto}
.agve:has(#ve-m1:target) #ve-m1{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agve:has(#ve-m1:target) #ve-m1 .agve__t-m{color:var(--agro-chiaro)}
.agve:has(#ve-m1:target) .agve__card .agve__m[data-m="1"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agve:has(#ve-m2:target) .agve__card:not(.m2){display:none}
.agve:has(#ve-m2:target) .agve__conta .c-tutti{display:none}
.agve:has(#ve-m2:target) .agve__conta .c-m2{display:inline}
.agve:has(#ve-m2:target) .agve__tutti{opacity:1; pointer-events:auto}
.agve:has(#ve-m2:target) #ve-m2{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agve:has(#ve-m2:target) #ve-m2 .agve__t-m{color:var(--agro-chiaro)}
.agve:has(#ve-m2:target) .agve__card .agve__m[data-m="2"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agve:has(#ve-m3:target) .agve__card:not(.m3){display:none}
.agve:has(#ve-m3:target) .agve__conta .c-tutti{display:none}
.agve:has(#ve-m3:target) .agve__conta .c-m3{display:inline}
.agve:has(#ve-m3:target) .agve__tutti{opacity:1; pointer-events:auto}
.agve:has(#ve-m3:target) #ve-m3{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agve:has(#ve-m3:target) #ve-m3 .agve__t-m{color:var(--agro-chiaro)}
.agve:has(#ve-m3:target) .agve__card .agve__m[data-m="3"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agve:has(#ve-m4:target) .agve__card:not(.m4){display:none}
.agve:has(#ve-m4:target) .agve__conta .c-tutti{display:none}
.agve:has(#ve-m4:target) .agve__conta .c-m4{display:inline}
.agve:has(#ve-m4:target) .agve__tutti{opacity:1; pointer-events:auto}
.agve:has(#ve-m4:target) #ve-m4{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agve:has(#ve-m4:target) #ve-m4 .agve__t-m{color:var(--agro-chiaro)}
.agve:has(#ve-m4:target) .agve__card .agve__m[data-m="4"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agve:has(#ve-m5:target) .agve__card:not(.m5){display:none}
.agve:has(#ve-m5:target) .agve__conta .c-tutti{display:none}
.agve:has(#ve-m5:target) .agve__conta .c-m5{display:inline}
.agve:has(#ve-m5:target) .agve__tutti{opacity:1; pointer-events:auto}
.agve:has(#ve-m5:target) #ve-m5{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agve:has(#ve-m5:target) #ve-m5 .agve__t-m{color:var(--agro-chiaro)}
.agve:has(#ve-m5:target) .agve__card .agve__m[data-m="5"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agve:has(#ve-m6:target) .agve__card:not(.m6){display:none}
.agve:has(#ve-m6:target) .agve__conta .c-tutti{display:none}
.agve:has(#ve-m6:target) .agve__conta .c-m6{display:inline}
.agve:has(#ve-m6:target) .agve__tutti{opacity:1; pointer-events:auto}
.agve:has(#ve-m6:target) #ve-m6{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agve:has(#ve-m6:target) #ve-m6 .agve__t-m{color:var(--agro-chiaro)}
.agve:has(#ve-m6:target) .agve__card .agve__m[data-m="6"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agve:has(#ve-m7:target) .agve__card:not(.m7){display:none}
.agve:has(#ve-m7:target) .agve__conta .c-tutti{display:none}
.agve:has(#ve-m7:target) .agve__conta .c-m7{display:inline}
.agve:has(#ve-m7:target) .agve__tutti{opacity:1; pointer-events:auto}
.agve:has(#ve-m7:target) #ve-m7{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agve:has(#ve-m7:target) #ve-m7 .agve__t-m{color:var(--agro-chiaro)}
.agve:has(#ve-m7:target) .agve__card .agve__m[data-m="7"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agve:has(#ve-m8:target) .agve__card:not(.m8){display:none}
.agve:has(#ve-m8:target) .agve__conta .c-tutti{display:none}
.agve:has(#ve-m8:target) .agve__conta .c-m8{display:inline}
.agve:has(#ve-m8:target) .agve__tutti{opacity:1; pointer-events:auto}
.agve:has(#ve-m8:target) #ve-m8{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agve:has(#ve-m8:target) #ve-m8 .agve__t-m{color:var(--agro-chiaro)}
.agve:has(#ve-m8:target) .agve__card .agve__m[data-m="8"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agve:has(#ve-m9:target) .agve__card:not(.m9){display:none}
.agve:has(#ve-m9:target) .agve__conta .c-tutti{display:none}
.agve:has(#ve-m9:target) .agve__conta .c-m9{display:inline}
.agve:has(#ve-m9:target) .agve__tutti{opacity:1; pointer-events:auto}
.agve:has(#ve-m9:target) #ve-m9{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agve:has(#ve-m9:target) #ve-m9 .agve__t-m{color:var(--agro-chiaro)}
.agve:has(#ve-m9:target) .agve__card .agve__m[data-m="9"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agve:has(#ve-m10:target) .agve__card:not(.m10){display:none}
.agve:has(#ve-m10:target) .agve__conta .c-tutti{display:none}
.agve:has(#ve-m10:target) .agve__conta .c-m10{display:inline}
.agve:has(#ve-m10:target) .agve__tutti{opacity:1; pointer-events:auto}
.agve:has(#ve-m10:target) #ve-m10{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agve:has(#ve-m10:target) #ve-m10 .agve__t-m{color:var(--agro-chiaro)}
.agve:has(#ve-m10:target) .agve__card .agve__m[data-m="10"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agve:has(#ve-m11:target) .agve__card:not(.m11){display:none}
.agve:has(#ve-m11:target) .agve__conta .c-tutti{display:none}
.agve:has(#ve-m11:target) .agve__conta .c-m11{display:inline}
.agve:has(#ve-m11:target) .agve__tutti{opacity:1; pointer-events:auto}
.agve:has(#ve-m11:target) #ve-m11{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agve:has(#ve-m11:target) #ve-m11 .agve__t-m{color:var(--agro-chiaro)}
.agve:has(#ve-m11:target) .agve__card .agve__m[data-m="11"]{outline:1px solid var(--agro-oro); outline-offset:-1px}
.agve:has(#ve-m12:target) .agve__card:not(.m12){display:none}
.agve:has(#ve-m12:target) .agve__conta .c-tutti{display:none}
.agve:has(#ve-m12:target) .agve__conta .c-m12{display:inline}
.agve:has(#ve-m12:target) .agve__tutti{opacity:1; pointer-events:auto}
.agve:has(#ve-m12:target) #ve-m12{background:var(--agro-scuro); border-color:var(--agro-scuro); border-top-color:var(--agro-oro)}
.agve:has(#ve-m12:target) #ve-m12 .agve__t-m{color:var(--agro-chiaro)}
.agve:has(#ve-m12:target) .agve__card .agve__m[data-m="12"]{outline:1px solid var(--agro-oro); outline-offset:-1px}

/* le schede entrano mentre il catalogo sale nello schermo.
   Dove animation-timeline non c'e, restano semplicemente visibili. */
@supports (animation-timeline: view()){
  .agve__card{
    animation:agve-entra linear both;
    animation-timeline:view();
    animation-range:entry 0% entry 34%;
  }
  @keyframes agve-entra{
    from{opacity:0; transform:translateY(14px)}
    to{opacity:1; transform:translateY(0)}
  }
}

@media (prefers-reduced-motion:reduce){
  .agve__card{animation:none !important; opacity:1 !important; transform:none !important}
  .agve__card:hover{transform:none}
}


/* ---------- le otto referenze senza stagione ----------
   Nel catalogo si riconoscono a colpo d'occhio: filo oro a
   sinistra e un'etichetta che dice quello che vale di piu'. */
.agve__card.is-sempre{border-left-color:var(--agro-oro)}
.agve__c-sempre{
  display:inline-block; margin-top:6px;
  padding:3px 8px;
  background:rgba(217,187,98,.22);
  font-family:var(--agro-mono); font-size:8.5px;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--agro-scuro);
}

/* ---------- VE-3 · il grafico della continuita ----------
   Ogni colonna ha due parti: sotto le otto referenze fisse,
   sopra quelle di stagione. Le altezze stanno in classi e non
   in attributi style, che l'editor rimuove. */

.agve__grafico{
  list-style:none; margin:0 0 var(--s3); padding:0;
  display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:6px;
  align-items:end; height:280px;
  border-bottom:1px solid rgba(242,242,240,.2);
}
.agve__col{display:flex; flex-direction:column; justify-content:flex-end; height:100%; min-width:0}
.agve__co-n{
  padding-bottom:8px; text-align:center;
  font-family:var(--agro-mono); font-size:13px; font-weight:500;
  color:var(--agro-verde-chiaro);
  transition:color .4s cubic-bezier(.32,.72,0,1);
}
.agve__col:hover .agve__co-n{color:var(--agro-oro)}
.agve__co-barra{display:flex; flex-direction:column; justify-content:flex-end; flex:1 1 auto}
.agve__co-var,.agve__co-fissa{
  display:block; width:100%;
  transform-origin:bottom center;
  animation:agve-cresce .9s cubic-bezier(.32,.72,0,1) backwards;
}
.agve__co-var{
  background:rgba(83,166,142,.34);
  border-top:2px solid var(--agro-verde-chiaro);
  transition:background .4s cubic-bezier(.32,.72,0,1);
}
.agve__co-fissa{
  background:var(--agro-verde);
  transition:background .4s cubic-bezier(.32,.72,0,1);
}
.agve__col:hover .agve__co-var{background:rgba(217,187,98,.4)}
.agve__col:hover .agve__co-fissa{background:var(--agro-oro)}
.agve__co-m{
  padding-top:9px; text-align:center;
  font-family:var(--agro-mono); font-size:9.5px;
  letter-spacing:.06em; text-transform:uppercase; color:rgba(242,242,240,.55);
}
.agve__co-m abbr{text-decoration:none !important; border:0 !important; color:inherit !important}

.agve__co-var.h0{height:0; border-top:0}
.agve__co-var.h6{height:6%}
.agve__co-var.h22{height:22%}
.agve__co-var.h39{height:39%}
.agve__co-var.h44{height:44%}
.agve__co-var.h50{height:50%}
.agve__co-fissa.h44{height:44%}

@keyframes agve-cresce{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.agve__col:nth-child(1) .agve__co-var,.agve__col:nth-child(1) .agve__co-fissa{animation-delay:.05s}
.agve__col:nth-child(2) .agve__co-var,.agve__col:nth-child(2) .agve__co-fissa{animation-delay:.11s}
.agve__col:nth-child(3) .agve__co-var,.agve__col:nth-child(3) .agve__co-fissa{animation-delay:.17s}
.agve__col:nth-child(4) .agve__co-var,.agve__col:nth-child(4) .agve__co-fissa{animation-delay:.23s}
.agve__col:nth-child(5) .agve__co-var,.agve__col:nth-child(5) .agve__co-fissa{animation-delay:.29s}
.agve__col:nth-child(6) .agve__co-var,.agve__col:nth-child(6) .agve__co-fissa{animation-delay:.35s}
.agve__col:nth-child(7) .agve__co-var,.agve__col:nth-child(7) .agve__co-fissa{animation-delay:.41s}
.agve__col:nth-child(8) .agve__co-var,.agve__col:nth-child(8) .agve__co-fissa{animation-delay:.47s}
.agve__col:nth-child(9) .agve__co-var,.agve__col:nth-child(9) .agve__co-fissa{animation-delay:.53s}
.agve__col:nth-child(10) .agve__co-var,.agve__col:nth-child(10) .agve__co-fissa{animation-delay:.59s}
.agve__col:nth-child(11) .agve__co-var,.agve__col:nth-child(11) .agve__co-fissa{animation-delay:.65s}
.agve__col:nth-child(12) .agve__co-var,.agve__col:nth-child(12) .agve__co-fissa{animation-delay:.71s}

/* dove il browser lo supporta, le colonne salgono mentre il
   grafico entra nello schermo invece che al caricamento */
@supports (animation-timeline: view()){
  .agve__grafico{view-timeline-name:--agve-vista; view-timeline-axis:block}
  .agve__co-var,.agve__co-fissa{
    animation:agve-cresce linear both;
    animation-timeline:--agve-vista;
    animation-delay:0s !important;
  }
  .agve__col:nth-child(1) .agve__co-fissa{animation-range:entry 6% entry 40%}
  .agve__col:nth-child(2) .agve__co-fissa{animation-range:entry 9% entry 43%}
  .agve__col:nth-child(3) .agve__co-fissa{animation-range:entry 12% entry 46%}
  .agve__col:nth-child(4) .agve__co-fissa{animation-range:entry 15% entry 49%}
  .agve__col:nth-child(5) .agve__co-fissa{animation-range:entry 18% entry 52%}
  .agve__col:nth-child(6) .agve__co-fissa{animation-range:entry 21% entry 55%}
  .agve__col:nth-child(7) .agve__co-fissa{animation-range:entry 24% entry 58%}
  .agve__col:nth-child(8) .agve__co-fissa{animation-range:entry 27% entry 61%}
  .agve__col:nth-child(9) .agve__co-fissa{animation-range:entry 30% entry 64%}
  .agve__col:nth-child(10) .agve__co-fissa{animation-range:entry 33% entry 67%}
  .agve__col:nth-child(11) .agve__co-fissa{animation-range:entry 36% entry 70%}
  .agve__col:nth-child(12) .agve__co-fissa{animation-range:entry 39% entry 73%}
  .agve__co-var{animation-range:entry 20% entry 78%}
}

.agve__legenda{
  display:flex; flex-wrap:wrap; gap:var(--s2) var(--s4);
  margin:0 0 var(--s5);
}
.agve__le-v{
  margin:0; display:flex; align-items:center; gap:9px;
  font-family:var(--agro-mono); font-size:10px;
  letter-spacing:.12em; text-transform:uppercase; color:rgba(242,242,240,.6);
}
.agve__le-q{width:11px; height:11px; flex:none}
.agve__le-q--fissa{background:var(--agro-verde)}
.agve__le-q--var{background:rgba(83,166,142,.34); border-top:2px solid var(--agro-verde-chiaro)}

.agve__perno{
  margin:0; padding-top:var(--s4);
  border-top:1px solid rgba(242,242,240,.15);
  font-size:clamp(1.02rem,1.5vw,1.2rem); line-height:1.55;
  font-weight:600; letter-spacing:-.015em;
  color:var(--agro-chiaro); max-width:60ch;
}
.agve--scuro .agve__sub{color:rgba(242,242,240,.68)}
.agve--scuro .agve__eyebrow{color:var(--agro-verde-chiaro)}
.agve--scuro h2.agve__h2{color:var(--agro-chiaro) !important}

@media (max-width:900px){
  .agve__grafico{height:200px; gap:3px}
  .agve__co-n{font-size:10px}
  .agve__co-m{font-size:8px}
}

@media (prefers-reduced-motion:reduce){
  .agve__co-var,.agve__co-fissa{animation:none !important}
}


/* ---------- VE-4 · le quattro famiglie ----------
   Al posto della finestra di raccolta (che qui sarebbe piena
   tre volte su quattro) ogni famiglia porta un istogramma:
   quante sue referenze ci sono in ciascun mese. */

.agve__famiglie{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s5) var(--s6);
}
.agve__fam{
  padding-top:var(--s3);
  border-top:2px solid var(--agro-verde-chiaro);
  transition:border-top-color .5s cubic-bezier(.32,.72,0,1);
}
.agve__fam:hover{border-top-color:var(--agro-oro)}
.agve__f-n{
  margin:0 0 var(--s2);
  font-family:var(--agro-mono); font-size:1.4rem; font-weight:500; line-height:1;
  color:var(--agro-verde);
  transition:color .5s cubic-bezier(.32,.72,0,1);
}
.agve__fam:hover .agve__f-n{color:var(--agro-oro)}
.agve h3.agve__f-h{
  margin:0 0 6px !important;
  font-family:var(--agro-testo) !important;
  font-size:1.14rem !important; font-weight:700 !important;
  line-height:1.25 !important; letter-spacing:-.02em !important;
  text-transform:none !important; color:var(--agro-scuro) !important;
}
.agve__f-eti{
  margin:0 0 var(--s2);
  font-family:var(--agro-mono); font-size:10px;
  letter-spacing:.12em; text-transform:uppercase; color:var(--agro-tenue);
}

.agve__f-isto{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:2px;
  align-items:end; height:64px;
}
.agve__fb{display:flex; flex-direction:column; justify-content:flex-end; height:100%}
.agve__fb-q{
  display:block; width:100%;
  background:rgba(24,140,107,.2);
  border-top:2px solid var(--agro-verde-chiaro);
  transform-origin:bottom center;
  transition:background .45s cubic-bezier(.32,.72,0,1), border-color .45s cubic-bezier(.32,.72,0,1);
}
.agve__fam:hover .agve__fb-q{background:rgba(217,187,98,.34); border-top-color:var(--agro-oro)}
.agve__fb-q.h0{height:0; border-top:0}
.agve__fb-q.h25{height:25%}
.agve__fb-q.h33{height:33%}
.agve__fb-q.h50{height:50%}
.agve__fb-q.h67{height:67%}
.agve__fb-q.h71{height:71%}
.agve__fb-q.h75{height:75%}
.agve__fb-q.h86{height:86%}
.agve__fb-q.h100{height:100%}
.agve__fb-m{
  padding-top:5px; text-align:center;
  font-family:var(--agro-mono); font-size:7.5px; color:var(--agro-tenue);
}
.agve__fb-m abbr{text-decoration:none !important; border:0 !important; color:inherit !important}

.agve__f-p{margin:var(--s3) 0 var(--s2); font-size:.94rem; line-height:1.68; color:var(--agro-tenue)}
.agve__f-voci{
  list-style:none; margin:0; padding-top:12px;
  border-top:1px solid rgba(62,64,63,.1);
  display:flex; flex-wrap:wrap; gap:6px 16px;
}
.agve__f-voci a{
  font-size:.88rem; font-weight:500;
  color:var(--agro-scuro) !important; text-decoration:none !important;
  border-bottom:1px solid rgba(24,140,107,.35);
  transition:color .35s cubic-bezier(.32,.72,0,1), border-color .35s cubic-bezier(.32,.72,0,1);
}
.agve__f-voci a:hover{color:var(--agro-verde) !important; border-bottom-color:var(--agro-verde)}
.agve__f-voci a:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}

@media (max-width:900px){
  .agve__famiglie{grid-template-columns:1fr; gap:var(--s4)}
}

/* ---------- VE-5 · chiusura sulla trama di sagome ---------- */

.agve--trama{position:relative; isolation:isolate}
.agve--trama::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:url("https://www.agrodistribuzioni.com/wp-content/uploads/2026/08/agro-trama-sagome.png");
  background-repeat:repeat; background-size:620px auto;
}
.agve--trama > *{position:relative; z-index:1}

.agve__finale{
  display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:var(--s6); align-items:start;
}
.agve__fin-t{max-width:52ch}
.agve__fin-p{margin:0 0 var(--s4); font-size:1.04rem; line-height:1.7; color:var(--agro-tenue)}

.agve__cta{display:flex; flex-wrap:wrap; gap:12px}
.agve__btn{
  display:inline-flex; align-items:center;
  padding:15px 26px; border-radius:2px;
  font-size:.94rem; font-weight:600; line-height:1;
  text-decoration:none !important;
  border:1.5px solid var(--agro-verde);
  transition:background .5s cubic-bezier(.32,.72,0,1),
             color .5s cubic-bezier(.32,.72,0,1),
             border-color .5s cubic-bezier(.32,.72,0,1);
}
.agve__btn--pieno{background:var(--agro-verde); color:var(--agro-chiaro) !important}
.agve__btn--vuoto{background:transparent; color:var(--agro-verde) !important}
.agve__btn--pieno:hover{background:var(--agro-scuro); border-color:var(--agro-scuro)}
.agve__btn--vuoto:hover{background:var(--agro-verde); color:var(--agro-chiaro) !important}
.agve__freccia{
  display:inline-block; margin-left:10px; line-height:1;
  transition:transform .5s cubic-bezier(.32,.72,0,1);
}
.agve__btn:hover .agve__freccia{transform:translate(3px,-3px)}
.agve__btn:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}

.agve__fin-l .agve__voci{list-style:none; margin:0; padding:0}
.agve__fin-l .agve__voci li{
  display:flex; align-items:baseline; justify-content:space-between; gap:16px;
  padding:12px 0; border-bottom:1px solid rgba(62,64,63,.09);
}
.agve__fin-l .agve__voci li:last-child{border-bottom:0}
.agve__fin-l .agve__voci a{
  font-size:.98rem; font-weight:600;
  color:var(--agro-scuro) !important; text-decoration:none !important;
  border-bottom:1px solid transparent;
  transition:color .35s cubic-bezier(.32,.72,0,1), border-color .35s cubic-bezier(.32,.72,0,1);
}
.agve__fin-l .agve__voci a:hover{color:var(--agro-verde) !important; border-bottom-color:var(--agro-verde)}
.agve__fin-l .agve__voci a:focus-visible{outline:2px solid var(--agro-oro); outline-offset:3px}
.agve__v-n{
  font-family:var(--agro-mono); font-size:.7rem;
  letter-spacing:.04em; color:var(--agro-tenue); white-space:nowrap;
}

@media (max-width:900px){
  .agve__finale{grid-template-columns:1fr; gap:var(--s4)}
  .agve__fin-t{max-width:none}
  .agve__btn{flex:1 1 100%; justify-content:center}
}
@media (max-width:560px){
  .agve--trama::before{background-size:380px auto}
}
/* ============================================================
   ILLUSTRAZIONI NEI CATALOGHI (FR-2 e VE-2) — 19/08/2026
   ============================================================ */
.agfr__c-img,
.agve__c-img{
  display:block; width:100%; height:auto;
  aspect-ratio:1/1; object-fit:cover;
  margin:0 0 12px;
  mix-blend-mode:multiply;
  transition:transform .45s cubic-bezier(.32,.72,0,1);
}
.agfr__card:hover .agfr__c-img,
.agve__card:hover .agve__c-img{transform:scale(1.03)}
@media (prefers-reduced-motion:reduce){
  .agfr__c-img,.agve__c-img{transition:none}
  .agfr__card:hover .agfr__c-img,
  .agve__card:hover .agve__c-img{transform:none}
}
/* =========================================================
   SCHEDE PRODOTTO (.agsp)
   Una famiglia sola per tutte e 40 le schede: cambia il
   contenuto, non lo stile. Apertura a due colonne con
   l'illustrazione, corpo redazionale stretto, valori su
   fondo scuro coi fili punteggiati, chiusura coi pulsanti.
   ========================================================= */

.agsp{
  font-family:var(--agro-testo);
  color:var(--agro-scuro);
  padding:var(--s4) var(--agro-margine) var(--s5);
}
.agsp__wrap{max-width:var(--agro-colonna); margin:0 auto}
.agsp__wrap--stretto{max-width:780px}

/* ---------- briciole ---------- */
.agsp__briciole{
  font-family:var(--agro-mono); font-size:.72rem;
  letter-spacing:.04em; color:var(--agro-tenue);
  margin:0 0 var(--s4);
}
.agsp__briciole a{color:var(--agro-tenue) !important; text-decoration:none !important; border-bottom:1px dotted var(--agro-linea)}
.agsp__briciole a:hover{color:var(--agro-verde) !important; border-bottom-color:var(--agro-verde)}
.agsp__b-sep{margin:0 8px; opacity:.5}

/* ---------- apertura a due colonne ---------- */
.agsp__testata{
  display:grid; grid-template-columns:1.15fr .85fr;
  gap:var(--s5); align-items:center;
}
.agsp__eyebrow{
  font-family:var(--agro-mono); font-size:.72rem; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--agro-verde); margin:0 0 var(--s2);
}
.agsp h1.agsp__title{
  font-family:var(--agro-testo);
  font-size:var(--agro-h1-interno); font-weight:700;
  letter-spacing:-.025em; line-height:1.12;
  margin:0 0 var(--s3); max-width:22ch;
}
.agsp__lead{font-size:1.04rem; line-height:1.65; max-width:58ch; margin:0 0 var(--s4)}

/* la striscia dei dodici mesi, come nei cataloghi */
.agsp__mesi{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:1px;
  max-width:420px;
}
.agsp__m{
  padding:6px 0 5px; text-align:center;
  background:rgba(62,64,63,.05);
  font-family:var(--agro-mono); font-size:8.5px;
  letter-spacing:.02em; color:rgba(62,64,63,.34);
}
.agsp__m abbr{text-decoration:none !important; border:0 !important; color:inherit !important}
.agsp__m.is-si{background:var(--agro-verde-chiaro); color:#fff}
.agsp__mesi-eti{
  font-family:var(--agro-mono); font-size:.72rem;
  letter-spacing:.04em; color:var(--agro-tenue);
  margin:var(--s1) 0 0;
}

/* l'illustrazione: carta su carta, senza cornici */
.agsp__figura{margin:0}
.agsp__img{
  display:block; width:100%; height:auto; max-width:460px;
  margin:0 auto; mix-blend-mode:multiply;
}
.agsp__fig-eti{
  font-family:var(--agro-mono); font-size:.68rem;
  letter-spacing:.04em; color:var(--agro-tenue);
  text-align:center; margin-top:var(--s1);
}

/* i dati in riga, stessa grammatica delle categorie */
.agsp__dati{
  list-style:none; margin:var(--s5) 0 0; padding:var(--s3) 0 0;
  border-top:1px solid rgba(62,64,63,.14);
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s3);
}
.agsp__dati li{display:flex; flex-direction:column-reverse; gap:6px}
.agsp__d-nome{font-size:.86rem; line-height:1.4; color:var(--agro-tenue)}
.agsp__d-val{
  font-family:var(--agro-mono); font-weight:500;
  font-size:clamp(1.5rem,3vw,2.1rem); line-height:1;
  letter-spacing:-.02em; color:var(--agro-verde);
}

/* ---------- corpo redazionale ---------- */
.agsp__capitolo{margin:0 0 var(--s5)}
.agsp__capitolo:last-child{margin-bottom:0}
.agsp h2.agsp__h2{
  font-size:clamp(1.3rem,2.4vw,1.7rem); font-weight:700;
  letter-spacing:-.02em; line-height:1.2;
  margin:0 0 var(--s3);
}
.agsp__capitolo p{font-size:1rem; line-height:1.7; margin:0 0 var(--s2); max-width:68ch}
.agsp__capitolo p:last-child{margin-bottom:0}

/* ---------- valori su fondo scuro ---------- */
.agsp--scuro{background:var(--agro-scuro); color:var(--agro-chiaro)}
.agsp__h2--chiaro{color:var(--agro-chiaro)}
.agsp__nota-valori{
  font-family:var(--agro-mono); font-size:.72rem;
  letter-spacing:.04em; color:rgba(242,242,240,.55);
  margin:0 0 var(--s4);
}
.agsp__tabella{list-style:none; margin:0 0 var(--s4); padding:0; max-width:520px}
.agsp__tabella li{
  display:flex; align-items:baseline; gap:12px;
  padding:9px 0;
}
/* il filo punteggiato e' uno pseudo-elemento dell'etichetta,
   non uno span vuoto: gli elementi vuoti l'editor li rimuove */
.agsp__t-nome{
  flex:1 1 auto; display:flex; align-items:baseline; gap:12px;
  font-size:.96rem; color:var(--agro-chiaro);
}
.agsp__t-nome::after{
  content:""; flex:1 1 auto; min-width:16px;
  border-bottom:1px dotted rgba(242,242,240,.3);
  transform:translateY(-4px);
}
.agsp__tabella li:hover .agsp__t-nome::after{border-bottom-color:var(--agro-oro)}
.agsp__t-val{
  font-family:var(--agro-mono); font-size:.96rem; font-weight:500;
  color:var(--agro-oro);
}
.agsp__testo-chiaro{font-size:1rem; line-height:1.7; color:rgba(242,242,240,.85); max-width:62ch; margin:0}

/* ---------- usi su due colonne ---------- */
.agsp__due-colonne{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s5);
}
.agsp__due-colonne .agsp__capitolo{margin:0}

/* ---------- chiusura: pannello verde immerso nel bianco ---------- */
.agsp--chiusura{
  background:#fff;
  padding-bottom:var(--s6);
}
.agsp--chiusura .agsp__wrap--stretto{
  background:var(--agro-verde);
  padding:var(--s5) var(--s4);
}
.agsp--chiusura .agsp__h2{color:#fff}
.agsp__chiusura-testo{font-size:1.02rem; line-height:1.7; max-width:60ch; margin:0 0 var(--s4); color:rgba(255,255,255,.92)}
.agsp__azioni{display:flex; flex-wrap:wrap; gap:var(--s3); align-items:center}
.agsp__cta{
  display:inline-block; padding:14px 28px;
  background:var(--agro-oro); color:var(--agro-scuro) !important;
  font-weight:700; font-size:.98rem; letter-spacing:-.01em;
  text-decoration:none !important; border-bottom:0 !important;
  transition:background .35s cubic-bezier(.32,.72,0,1),
             color .35s cubic-bezier(.32,.72,0,1),
             transform .35s cubic-bezier(.32,.72,0,1);
}
.agsp__cta:hover{background:var(--agro-scuro); color:var(--agro-chiaro) !important; transform:translateY(-2px)}
.agsp__filo{
  font-weight:600; font-size:.96rem;
  color:#fff !important; text-decoration:none !important;
  border-bottom:1px solid rgba(255,255,255,.7) !important;
  transition:color .35s cubic-bezier(.32,.72,0,1), border-color .35s cubic-bezier(.32,.72,0,1);
}
.agsp__filo:hover{color:var(--agro-oro) !important; border-bottom-color:var(--agro-oro) !important}
.agsp__rimando{font-size:.9rem; color:rgba(255,255,255,.75); margin:var(--s3) 0 0}
.agsp__rimando a{color:#fff !important; text-decoration:none !important; border-bottom:1px dotted rgba(255,255,255,.7)}
.agsp__rimando a:hover{color:var(--agro-oro) !important; border-bottom-color:var(--agro-oro)}

/* ---------- schermi stretti ---------- */
@media (max-width:1000px){
  .agsp__testata{grid-template-columns:1fr; gap:var(--s4)}
  .agsp__figura{order:-1}
  .agsp__img{max-width:340px}
  .agsp__dati{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .agsp{padding:var(--s3) var(--agro-margine) var(--s4)}
  .agsp__due-colonne{grid-template-columns:1fr; gap:var(--s4)}
}
@media (max-width:560px){
  .agsp__dati{grid-template-columns:1fr}
  .agsp__azioni{flex-direction:column; align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .agsp__cta{transition:none}
  .agsp__cta:hover{transform:none}
}

/* ---------- colore del prodotto, riga tipografica ---------- */
.agsp__colore{
  font-family:var(--agro-mono); font-size:.72rem;
  letter-spacing:.04em; color:var(--agro-tenue);
  margin:var(--s1) 0 0;
}

/* ---------- fascia con la domanda e la CTA ---------- */
.agsp--fascia{
  background:var(--agro-verde);
  padding-top:var(--s3); padding-bottom:var(--s3);
}
.agsp__fascia-riga{
  display:flex; flex-wrap:wrap; align-items:center;
  justify-content:space-between; gap:var(--s3);
}
.agsp__fascia-domanda{
  font-size:clamp(1.15rem,2.2vw,1.5rem); font-weight:700;
  letter-spacing:-.02em; line-height:1.25;
  color:#fff; margin:0;
}
@media (max-width:700px){
  .agsp__fascia-riga{flex-direction:column; align-items:flex-start}
}

/* ---------- i plus della fornitura ---------- */
.agsp__plus{
  list-style:none; margin:0 0 var(--s5); padding:0;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s4);
}
.agsp__plus li{display:flex; flex-direction:column; gap:10px}
.agsp__p-num{
  font-family:var(--agro-mono); font-size:.78rem; font-weight:500;
  letter-spacing:.08em; color:var(--agro-verde);
}
.agsp__p-testo{font-size:.96rem; line-height:1.6; color:var(--agro-scuro)}
.agsp__p-testo strong{font-weight:700}

/* ---------- invia questa scheda ---------- */
.agsp__invia{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:var(--s3);
  padding-top:var(--s3);
  border-top:1px solid rgba(62,64,63,.14);
}
.agsp__i-eti{
  font-family:var(--agro-mono); font-size:.72rem; font-weight:500;
  letter-spacing:.1em; text-transform:uppercase;
  color:var(--agro-tenue);
}
.agsp__i-via{
  font-size:.92rem; font-weight:600;
  color:var(--agro-scuro) !important; text-decoration:none !important;
  border-bottom:1px dotted var(--agro-scuro) !important;
  transition:color .3s cubic-bezier(.32,.72,0,1), border-color .3s cubic-bezier(.32,.72,0,1);
}
.agsp__i-via:hover{color:var(--agro-verde) !important; border-bottom-color:var(--agro-verde) !important}

@media (max-width:900px){
  .agsp__plus{grid-template-columns:1fr; gap:var(--s3)}
}

/* ---------- icone line-art nei titoli di capitolo ---------- */
.agsp__h2--icona{
  display:flex; align-items:center; gap:12px;
}
.agsp__icona{
  flex:0 0 auto; color:var(--agro-verde);
  transform:translateY(1px);
}
/* filo di contorno delle illustrazioni nei cataloghi e nelle schede */
.agfr__c-img,
.agve__c-img,
.agsp__img{
  box-sizing:border-box;
  max-width:100%;
  border:1px solid var(--agro-verde);
  padding:6px;
  background:var(--agro-chiaro);
}
.agfr__card:hover .agfr__c-img,
.agve__card:hover .agve__c-img{border-color:var(--agro-oro)}
/* dopo l'aggiornamento WordPress stampa la favicon dentro la
   pagina: e' l'icona del sito, non un logo, e in cima si
   sovrappone all'header */
.site-icon{display:none !important}
/* i quattro dati delle schede: le etichette vanno a capo su una
   o due righe, e i numeri finivano su altezze diverse. Con due
   righe riservate le etichette partono tutte dall'alto e i
   numeri restano allineati fra loro. */
.agsp__dati{align-items:start}
.agsp__d-nome{
  display:block;
  min-height:2.6em;
}
@media (max-width:700px){
  .agsp__d-nome{min-height:0}
}
/* ============================================================
   SCHEDE PRODOTTO · la riga dei quattro dati
   Prima erano numeri sospesi nel bianco, con le etichette che
   andando a capo spostavano i numeri su altezze diverse.
   Ora sono una fascia verde compatta: le etichette stanno tutte
   sulla prima riga, i numeri tutti sulla seconda, allineati fra
   loro anche quando una descrizione occupa due righe.
   Il meccanismo e' subgrid: le celle ereditano le righe della
   griglia madre, quindi si allineano da sole.
   ============================================================ */
.agsp__dati{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-template-rows:auto auto;
  gap:0;
  list-style:none;
  margin:var(--s4) 0 0;
  padding:0;
  background:var(--agro-verde);
  color:#fff;
}
.agsp__dati li{
  display:grid;
  grid-row:span 2;
  grid-template-rows:subgrid;
  row-gap:12px;
  padding:var(--s3) var(--s3) calc(var(--s3) + 2px);
  border-left:1px solid rgba(255,255,255,.22);
}
.agsp__dati li:first-child{border-left:0}

/* l'etichetta va in alto, il numero sotto */
.agsp__d-nome{
  grid-row:1;
  font-family:var(--agro-mono);
  font-size:.7rem;
  font-weight:500;
  line-height:1.45;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,.78);
}
.agsp__d-val{
  grid-row:2;
  align-self:end;
  font-family:var(--agro-testo);
  font-size:clamp(1.9rem,3.4vw,2.7rem);
  font-weight:700;
  line-height:1;
  letter-spacing:-.03em;
  color:var(--agro-oro);
}

/* se il browser non conosce subgrid, riservo due righe
   all'etichetta: i numeri restano comunque allineati */
/* ============================================================
   SCHEDE PRODOTTO · la riga dei quattro dati
   ============================================================ */
.agsp__dati{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-template-rows:auto auto;
  gap:0;
  list-style:none;
  margin:var(--s4) 0 0;
  padding:0;
  background:var(--agro-chiaro);
  border-top:2px solid var(--agro-verde);
}
.agsp__dati li{
  display:grid;
  grid-row:span 2;
  grid-template-rows:subgrid;
  row-gap:12px;
  padding:var(--s3) var(--s3) calc(var(--s3) + 2px);
  border-left:1px solid var(--agro-linea);
}
.agsp__dati li:first-child{border-left:0}

/* l'etichetta va in alto, il numero sotto */
.agsp__d-nome{
  grid-row:1;
  font-family:var(--agro-mono);
  font-size:.7rem;
  font-weight:500;
  line-height:1.45;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--agro-tenue);
}
.agsp__d-val{
  grid-row:2;
  align-self:end;
  font-family:var(--agro-testo);
  font-size:clamp(1.9rem,3.4vw,2.7rem);
  font-weight:700;
  line-height:1;
  letter-spacing:-.03em;
  color:var(--agro-verde);
}

/* se il browser non conosce subgrid, riservo due righe
   all'etichetta: i numeri restano comunque allineati */
@supports not (grid-template-rows:subgrid){
  .agsp__dati li{grid-row:auto; grid-template-rows:none}
  .agsp__d-nome{min-height:2.9em}
}

@media (max-width:900px){
  .agsp__dati{grid-template-columns:repeat(2,1fr); grid-template-rows:auto auto auto auto}
  .agsp__dati li:nth-child(odd){border-left:0}
  .agsp__dati li:nth-child(n+3){border-top:1px solid var(--agro-linea)}
}
@media (max-width:520px){
  .agsp__dati{grid-template-columns:1fr}
  .agsp__dati li{border-left:0}
  .agsp__dati li + li{border-top:1px solid var(--agro-linea)}
}
/* ============================================================
   FOTOGRAFIE NELLE CARD — 01/09/2026
   Il fondo carta sfuma verso i bordi, quindi il quadrato senza
   filo sembra galleggiare. Resta il bordo verde, che chiude
   l'immagine, mentre saltano la fusione col fondo della card e
   il passe-partout, che servivano alle vecchie tavole.
   ============================================================ */
.agfr__c-img,
.agve__c-img,
.agsp__img{
  mix-blend-mode:normal;
  border:1px solid var(--agro-verde);
  padding:0;
  background:transparent;
}
/* al passaggio del mouse il filo passa all'oro, come prima */
.agfr__card:hover .agfr__c-img,
.agve__card:hover .agve__c-img{
  border-color:var(--agro-oro);
}

/* ------------------------------------------------------------
   Le otto referenze senza stagione: l'oro acceso su otto card
   su diciotto diventa rumore, e dice due volte quello che
   l'etichetta dice già a parole. A riposo il filo resta neutro
   e l'etichetta passa al verde della palette. L'oro torna al
   passaggio del mouse, dove segnala l'interazione.
   ------------------------------------------------------------ */
.agve__card.is-sempre{border-left-color:transparent}
.agve__c-sempre{background:rgba(24,140,107,.14)}
.agve__card.is-sempre:hover{border-left-color:var(--agro-oro)}

/* ============================================================
   TELEFONO — MENU A SCOMPARSA, 17/09/2026
   Sotto i 900 px la barra porta solo logo e tasto Menu. Le voci
   vivono in un pannello che copre lo schermo, aperto e chiuso
   dallo script "Agro — menu del telefono". Se lo script non
   parte il pannello si apre lo stesso, con :target. Sopra i
   900 px non cambia niente: resta il menu in riga con la
   tendina Azienda.
   ============================================================ */

/* i due tasti esistono solo sul telefono */
.agnav__apri, .agnav__chiudi{display:none;}

@media (max-width:900px){

  .agnav.agnav{padding-top:12px; padding-bottom:12px;}

  .agnav .agnav__wrap{
    display:flex;
    flex-direction:row;     /* il foglio qui sotto i 900 le impila */
    flex-wrap:nowrap;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    text-align:left;
  }
  .agnav .agnav__logo img{width:104px; max-width:104px; height:auto; display:block;}

  /* ---- il tasto che apre ---- */
  .agnav .agnav__apri{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:44px;
    padding:0 2px 0 0;
    font-family:var(--agro-mono, monospace);
    font-size:.72rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--agro-scuro,#3E403F);
    text-decoration:none;
    line-height:1;
  }
  .agnav .agnav__apri::before{
    content:"";
    width:20px; height:2px;
    background:currentColor;
    box-shadow:0 -6px 0 currentColor, 0 6px 0 currentColor;
  }

  /* ---- il pannello ---- */
  .agnav .agnav__nav{
    position:fixed;
    inset:0;
    z-index:9999;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    margin:0;      /* il primo blocco del menu lo spostava di 10 px */
    padding:20px 24px 28px;
    background:var(--agro-chiaro,#F2F2F0);
    overflow-y:auto;
    overscroll-behavior:contain;
    visibility:hidden;
    opacity:0;
    transform:translateY(-8px);
    transition:opacity .22s ease, transform .22s ease, visibility .22s;
  }
  .agnav .agnav__nav:target,
  .agnav.is-aperto .agnav__nav{
    visibility:visible;
    opacity:1;
    transform:none;
  }

  /* ---- il tasto che chiude ---- */
  .agnav .agnav__chiudi{
    position:relative;
    display:inline-flex;
    align-items:center;
    align-self:flex-end;
    width:auto;
    min-height:44px;
    padding:0 0 0 28px;
    margin-bottom:14px;
    font-family:var(--agro-mono, monospace);
    font-size:.72rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--agro-scuro,#3E403F);
    text-decoration:none;
    line-height:1;
  }
  /* i due tratti della X, sovrapposti nello stesso punto */
  .agnav .agnav__chiudi::before,
  .agnav .agnav__chiudi::after{
    content:"";
    position:absolute;
    left:0; top:50%;
    width:18px; height:2px;
    margin-top:-1px;
    background:currentColor;
  }
  .agnav .agnav__chiudi::before{transform:rotate(45deg);}
  .agnav .agnav__chiudi::after{transform:rotate(-45deg);}

  /* ---- le voci dentro il pannello ---- */
  .agnav .agnav__voci{
    display:block;
    width:100%;
    max-width:none;
    margin:0; padding:0;
    list-style:none;
    border:0;
  }
  .agnav .agnav__voci > li{
    margin:0; padding:0;
    border-bottom:1px solid rgba(62,64,63,.14);
  }
  .agnav .agnav__voci > li > a{
    display:block;
    padding:15px 0;
    font-size:1.24rem;
    font-weight:600;
    line-height:1.2;
    color:var(--agro-scuro,#3E403F);
    text-decoration:none;
  }

  /* Azienda e le sue quattro voci, rientrate sotto una barra */
  .agnav .agnav__ha-sub .agnav__sub{
    display:block;
    margin:0 0 12px 2px;
    padding:2px 0 2px 16px;
    list-style:none;
    border-left:2px solid var(--agro-verde,#188C6B);
  }
  .agnav .agnav__ha-sub .agnav__sub li{border:0; margin:0; padding:0;}
  .agnav .agnav__ha-sub .agnav__sub a{
    display:flex;
    align-items:center;
    min-height:44px;
    padding:4px 0;
    font-size:.98rem;
    font-weight:500;
    color:var(--agro-scuro,#3E403F);
    text-decoration:none;
  }

  /* ---- Contatti in fondo al pannello ---- */
  .agnav .agnav__cta{
    position:static;      /* nel foglio sta in alto a destra, qui torna in fila */
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    max-width:none;
    margin:auto 0 0;   /* si appoggia in fondo, dove arriva il pollice */
    padding:16px 22px;
    font-size:1rem;
  }

  /* ---- la pagina iniziale ----
     Li l'intestazione del tema e spenta, perche il menu vive dentro il
     blocco di apertura. Sul telefono i due pezzi si scambiano: torna la
     barra col tasto Menu, il menu dell'hero sparisce. Il logo nella barra
     resta fuori, perche subito sotto c'e l'ovale che lo porta gia. */
  .home .top_panel,
  .home header.top_panel,
  .home .top_panel_wrap,
  .home .sc_layouts_row{display:block !important;}
  .home .agnav{display:block !important;}
  .home .agnav .agnav__logo{display:none;}
  .home .agnav .agnav__wrap{justify-content:flex-end;}
  .home .agh__nav{display:none;}

  @media (prefers-reduced-motion:reduce){
    .agnav .agnav__nav{transition:none;}
  }
}
/* ============================================================
   TELEFONO — IL CALENDARIO, 17/09/2026
   Sotto i 760 px la tabella diventa un elenco di schede. Due
   pezzi però restavano impaginati da tabella.
   La riga con la scala dei mesi, che si ripete ogni otto
   referenze, impilava le sue tredici celle una sotto l'altra:
   cinquecento pixel per volta, quattro volte. C'era già la
   regola che la nasconde, alla riga 1097, solo che quella
   della riga 954 è più forte e la teneva in piedi. Qui la
   scala sparisce davvero: ogni scheda porta comunque la sua
   fila di numeri da 1 a 12 sotto la barra.
   La didascalia restava larga 139 px, una parola per riga,
   perché il caption di una tabella si stringe sul contenuto.
   ============================================================ */
@media (max-width:760px){

  .agcal__tabella tr.agcal__scala{display:none;}

  .agcal__tabella .agcal__caption{
    display:block;
    width:auto;
    max-width:none;
    margin:0 0 14px;
    padding:12px 14px;
  }
}

/* ============================================================
   MAGAZINE · ARTICOLO, 21/09/2026
   Prefisso .agmg, comune a tutti gli articoli. Stessa famiglia
   delle schede prodotto: briciole in monospazio, occhiello
   verde, titolo al gradino delle pagine interne, riga di dati
   col filo verde. Le entrate animate si spengono con
   prefers-reduced-motion.
   ============================================================ */

.agmg{
  font-family:var(--agro-testo);
  color:var(--agro-scuro);
  padding:var(--s4) var(--agro-margine) var(--s5);
  background:#fff;
}
.agmg__wrap{max-width:var(--agro-colonna); margin:0 auto}

/* l'articolo esce dalla colonna stretta del tema e prende tutta la larghezza */
.agro-blocco.agmg{
  width:auto; max-width:none;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
}
html:has(.agmg), body:has(.agmg){overflow-x:clip}
.agmg__wrap--stretto{max-width:780px}

/* ---------- briciole ---------- */
.agmg__briciole{
  font-family:var(--agro-mono); font-size:.72rem;
  letter-spacing:.04em; color:var(--agro-tenue);
  margin:0 0 var(--s4);
}
.agmg__briciole a{color:var(--agro-tenue) !important; text-decoration:none !important; border-bottom:1px dotted var(--agro-linea)}
.agmg__briciole a:hover{color:var(--agro-verde) !important; border-bottom-color:var(--agro-verde)}
.agmg__b-sep{margin:0 8px; opacity:.5}

/* ---------- MG-1 · apertura a due colonne ---------- */
.agmg__apertura{
  display:grid; grid-template-columns:minmax(0,1fr) 340px;
  gap:var(--s6); align-items:start;
}
.agmg__eyebrow{
  font-family:var(--agro-mono); font-size:.72rem; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--agro-verde); margin:0 0 var(--s2);
}
.agmg h1.agmg__title{
  font-family:var(--agro-testo);
  font-size:var(--agro-h1-interno); font-weight:700;
  letter-spacing:-.025em; line-height:1.12;
  color:var(--agro-scuro);
  margin:0 0 var(--s3); max-width:26ch;
}
.agmg__lead{
  font-size:1.04rem; line-height:1.7; color:var(--agro-tenue);
  max-width:70ch; margin:0 0 var(--s2);
}
.agmg__lead:last-child{margin-bottom:0}

/* ---------- l'indice ---------- */
.agmg__indice{
  background:var(--agro-chiaro);
  border-left:3px solid var(--agro-verde);
  padding:var(--s3) var(--s3) var(--s2);
}
.agmg__i-eti{
  font-family:var(--agro-mono); font-size:.68rem; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--agro-tenue); margin:0 0 var(--s1);
}
.agmg__i-lista{list-style:none; margin:0; padding:0; counter-reset:none}
.agmg__i-lista li{margin:0; padding:0; border-top:1px solid var(--agro-linea)}
.agmg__i-lista li:first-child{border-top:0}
.agmg__i-voce{
  position:relative;
  display:grid; grid-template-columns:34px 1fr 18px;
  align-items:start; gap:10px;
  padding:13px 4px 13px 0;
  color:var(--agro-scuro) !important;
  text-decoration:none !important;
  transition:background .25s ease, padding .25s ease;
}
.agmg__i-n{
  font-family:var(--agro-mono); font-size:.78rem; font-weight:500;
  color:var(--agro-verde); padding-top:2px;
  transition:color .25s ease;
}
.agmg__i-t{font-size:.98rem; font-weight:600; line-height:1.3}
.agmg__i-sub{
  display:block; margin-top:3px;
  font-family:var(--agro-mono); font-size:.68rem; font-weight:400;
  letter-spacing:.02em; line-height:1.45; color:var(--agro-tenue);
}
/* la freccia, disegnata: si vede a riposo, scende al passaggio */
.agmg__i-voce::after{
  content:"";
  justify-self:end; margin-top:6px;
  width:7px; height:7px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  color:var(--agro-verde);
  transition:transform .25s ease, color .25s ease;
}
.agmg__i-voce:hover{background:rgba(24,140,107,.06); padding-left:8px}
.agmg__i-voce:hover .agmg__i-n{color:var(--agro-oro)}
.agmg__i-voce:hover::after{transform:translateY(3px) rotate(45deg); color:var(--agro-oro)}
.agmg__i-voce:focus-visible{outline:2px solid var(--agro-oro); outline-offset:2px}

/* ---------- la riga dei dati, come nelle schede ---------- */
.agmg__dati{
  display:grid; grid-template-columns:repeat(4,1fr);
  list-style:none; margin:var(--s5) 0 0; padding:0;
  background:var(--agro-chiaro);
  border-top:2px solid var(--agro-verde);
}
.agmg__dati li{
  display:flex; flex-direction:column; justify-content:space-between; gap:12px;
  padding:var(--s3) var(--s3) calc(var(--s3) + 2px);
  border-left:1px solid var(--agro-linea);
}
.agmg__dati li:first-child{border-left:0}
.agmg__d-nome{
  font-family:var(--agro-mono); font-size:.7rem; font-weight:500;
  line-height:1.45; letter-spacing:.1em; text-transform:uppercase;
  color:var(--agro-tenue); min-height:2.9em;
}
.agmg__d-val{
  font-family:var(--agro-testo);
  font-size:clamp(1.9rem,3.4vw,2.7rem); font-weight:700;
  line-height:1; letter-spacing:-.03em; color:var(--agro-verde);
}

/* ---------- entrate animate ---------- */
@keyframes agmg-sale{
  from{opacity:0; transform:translateY(14px)}
  to{opacity:1; transform:none}
}
.agmg--apertura .agmg__testa > *,
.agmg--apertura .agmg__indice,
.agmg--apertura .agmg__dati li{
  animation:agmg-sale .7s cubic-bezier(.2,.7,.2,1) both;
}
.agmg--apertura .agmg__testa > *:nth-child(1){animation-delay:.05s}
.agmg--apertura .agmg__testa > *:nth-child(2){animation-delay:.12s}
.agmg--apertura .agmg__testa > *:nth-child(3){animation-delay:.22s}
.agmg--apertura .agmg__testa > *:nth-child(4){animation-delay:.3s}
.agmg--apertura .agmg__indice{animation-delay:.36s}
.agmg--apertura .agmg__dati li:nth-child(1){animation-delay:.46s}
.agmg--apertura .agmg__dati li:nth-child(2){animation-delay:.52s}
.agmg--apertura .agmg__dati li:nth-child(3){animation-delay:.58s}
.agmg--apertura .agmg__dati li:nth-child(4){animation-delay:.64s}

/* ---------- tablet e telefono ---------- */
@media (max-width:900px){
  .agmg{padding:var(--s3) var(--agro-margine) var(--s4)}
  .agmg__apertura{grid-template-columns:1fr; gap:var(--s4)}
  .agmg h1.agmg__title{max-width:none}
  .agmg__dati{grid-template-columns:repeat(2,1fr); margin-top:var(--s4)}
  .agmg__dati li:nth-child(3){border-left:0}
  .agmg__dati li:nth-child(n+3){border-top:1px solid var(--agro-linea)}
}
@media (max-width:480px){
  .agmg__d-val{font-size:1.8rem}
}

@media (prefers-reduced-motion:reduce){
  .agmg--apertura .agmg__testa > *,
  .agmg--apertura .agmg__indice,
  .agmg--apertura .agmg__dati li{animation:none}
  .agmg__i-voce, .agmg__i-voce::after, .agmg__i-n{transition:none}
}

/* ---------- MG-2 · la mappa: dove va ogni prodotto ---------- */
.agmg--mappa{background:var(--agro-chiaro); padding-top:var(--s6); padding-bottom:var(--s6)}
.agmg__m-testa{
  display:grid; grid-template-columns:minmax(0,1fr) auto;
  align-items:end; gap:var(--s2) var(--s5);
  margin:0 0 var(--s4);
}
.agmg__m-testa .agmg__eyebrow{grid-column:1 / -1; margin:0}
.agmg__m-titolo{
  font-family:var(--agro-testo); font-size:clamp(1.3rem,2.2vw,1.75rem);
  font-weight:700; letter-spacing:-.02em; line-height:1.2;
  color:var(--agro-scuro); margin:0;
}
.agmg__m-legenda{
  display:flex; align-items:center; gap:10px;
  font-family:var(--agro-mono); font-size:.68rem; letter-spacing:.02em;
  color:var(--agro-tenue); margin:0;
}

/* le tre colonne */
.agmg__m-griglia{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s3); align-items:stretch;
}
.agmg__m-col{
  --tono:var(--agro-verde);
  background:#fff;
  border-top:3px solid var(--tono);
  display:flex; flex-direction:column;
  transition:box-shadow .3s ease, transform .3s ease;
}
.agmg__m-col--ambiente{--tono:var(--agro-oro)}
.agmg__m-col--fresco{--tono:var(--agro-verde-chiaro)}
.agmg__m-col:hover{box-shadow:0 14px 34px -22px rgba(62,64,63,.45); transform:translateY(-3px)}

.agmg__m-intesta{
  position:relative;
  padding:var(--s3) var(--s3) var(--s2);
  border-bottom:1px solid var(--agro-linea);
}
.agmg__m-n{
  position:absolute; top:var(--s3); right:var(--s3);
  font-family:var(--agro-mono); font-size:.72rem; font-weight:500;
  color:var(--tono);
}
.agmg__m-col--ambiente .agmg__m-n{color:#B8962F}
.agmg__m-luogo{
  font-family:var(--agro-testo); font-size:1.25rem; font-weight:700;
  letter-spacing:-.015em; line-height:1.2;
  color:var(--agro-scuro); margin:0 0 6px; padding-right:40px;
}
.agmg__m-cond{
  font-family:var(--agro-mono); font-size:.68rem; letter-spacing:.02em;
  line-height:1.5; color:var(--agro-tenue); margin:0;
}

/* i prodotti */
.agmg__m-lista{list-style:none; margin:0; padding:var(--s1) 0 var(--s2)}
.agmg__m-lista li{margin:0; padding:0}
.agmg__m-lista li + li{border-top:1px solid var(--agro-linea)}
.agmg__m-voce{
  position:relative; display:block;
  padding:12px var(--s3) 12px var(--s3);
  color:var(--agro-scuro) !important; text-decoration:none !important;
  transition:background .25s ease, padding .25s ease;
}
.agmg__m-voce::before{
  content:""; position:absolute; left:0; top:12px; bottom:12px;
  width:3px; background:var(--tono);
  transform:scaleY(0); transform-origin:top;
  transition:transform .25s ease;
}
.agmg__m-voce:hover{background:rgba(24,140,107,.05); padding-left:calc(var(--s3) + 6px)}
.agmg__m-voce:hover::before{transform:scaleY(1)}
.agmg__m-voce:focus-visible{outline:2px solid var(--agro-oro); outline-offset:-2px}
.agmg__m-nome{display:block; font-size:1rem; font-weight:600; line-height:1.3}
.agmg__m-nota{
  display:block; margin-top:3px;
  font-family:var(--agro-mono); font-size:.68rem; line-height:1.45;
  letter-spacing:.02em; color:var(--agro-tenue);
}
.agmg__m-dopo{
  display:grid; grid-template-columns:auto minmax(0,1fr);
  align-items:start; gap:10px;
  margin-top:8px;
  font-family:var(--agro-mono); font-size:.68rem; line-height:1.45;
  letter-spacing:.02em; color:var(--agro-verde);
}

/* l'etichetta "poi", con la freccia disegnata */
.agmg__m-poi{
  display:inline-flex; margin-top:-1px; align-items:center; gap:7px;
  font-family:var(--agro-mono); font-size:.62rem; font-weight:500;
  letter-spacing:.12em; text-transform:uppercase;
  color:var(--agro-scuro); background:rgba(217,187,98,.28);
  padding:3px 8px 3px 8px; white-space:nowrap;
}
.agmg__m-poi::after{
  content:""; order:2; width:10px; height:1.5px; background:currentColor;
}
.agmg__m-poi::before{
  content:""; order:3; width:5px; height:5px; margin-left:-12px;
  border-top:1.5px solid currentColor; border-right:1.5px solid currentColor;
  transform:rotate(45deg);
}
.agmg__m-voce:hover .agmg__m-poi{background:var(--agro-oro)}

/* comparsa allo scorrimento, dove il navigatore la supporta */
@supports (animation-timeline:view()){
  .agmg--mappa .agmg__m-col{
    animation:agmg-sale linear both;
    animation-timeline:view();
    animation-range:entry 5% entry 45%;
  }
  .agmg--mappa .agmg__m-col--ambiente{animation-range:entry 12% entry 52%}
  .agmg--mappa .agmg__m-col--fresco{animation-range:entry 19% entry 59%}
}

@media (max-width:900px){
  .agmg--mappa{padding-top:var(--s5); padding-bottom:var(--s5)}
  .agmg__m-testa{grid-template-columns:1fr}
  .agmg__m-griglia{grid-template-columns:1fr; gap:var(--s2)}
  .agmg__m-col:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .agmg--mappa .agmg__m-col{animation:none}
  .agmg__m-col, .agmg__m-voce, .agmg__m-voce::before{transition:none}
}

/* ---------- capitoli dell'articolo: struttura comune ---------- */
.agmg__capitolo{
  display:grid; grid-template-columns:340px minmax(0,1fr);
  gap:var(--s6); align-items:start;
}
.agmg__lato{position:sticky; top:var(--s4)}
.agmg h2.agmg__h2{
  font-family:var(--agro-testo);
  font-size:clamp(1.35rem,2.3vw,1.8rem); font-weight:700;
  letter-spacing:-.02em; line-height:1.18;
  color:var(--agro-scuro); margin:0 0 var(--s4);
}
.agmg .agmg__p{
  font-family:var(--agro-testo);
  font-size:1.06rem; line-height:1.75; color:var(--agro-scuro);
  max-width:70ch; margin:0 0 var(--s2);
}
.agmg .agmg__p:last-child{margin-bottom:0}
.agmg .agmg__p strong{font-weight:700; color:var(--agro-scuro)}
.agmg .agmg__p a{
  color:var(--agro-verde) !important; text-decoration:none !important;
  border-bottom:1px solid rgba(24,140,107,.35);
  transition:border-color .2s ease, color .2s ease;
}
.agmg .agmg__p a:hover{color:var(--agro-scuro) !important; border-bottom-color:var(--agro-oro)}

/* ---------- MG-3 · le regole generali ---------- */
.agmg--regole{padding-top:var(--s7); padding-bottom:var(--s6)}

/* il termometro, disegnato: il livello scende fino a 4 °C mentre si scorre */
.agmg__termo{
  --livello:26px;
  position:relative;
  min-height:180px;
  padding:var(--s3) 0 0 72px;
  border-top:1px solid var(--agro-linea);
}
.agmg__termo::before{
  content:""; position:absolute; left:14px; top:var(--s3);
  width:16px; height:128px;
  border:2px solid var(--agro-linea); border-bottom:0;
  border-radius:10px 10px 0 0;
  background:repeating-linear-gradient(to top, transparent 0 15px, var(--agro-linea) 15px 16px) right 0 bottom 4px / 6px 100% no-repeat;
}
.agmg__termo::after{
  content:""; position:absolute; left:6px; top:calc(var(--s3) + 122px);
  width:32px; height:32px; border-radius:50%;
  background:var(--agro-verde);
}
.agmg__t-val::before{
  content:""; position:absolute; left:20px; bottom:auto;
  top:calc(var(--s3) + 130px - var(--livello));
  width:8px; height:var(--livello);
  background:var(--agro-verde); border-radius:4px 4px 0 0;
}
.agmg .agmg__t-val{
  font-family:var(--agro-testo);
  font-size:clamp(2.2rem,3.6vw,3rem); font-weight:700;
  letter-spacing:-.03em; line-height:1;
  color:var(--agro-verde); margin:0 0 var(--s1);
}
.agmg .agmg__t-dida{
  font-family:var(--agro-mono); font-size:.7rem; line-height:1.55;
  letter-spacing:.02em; color:var(--agro-tenue); margin:0;
}

/* le quattro regole */
.agmg__regole{list-style:none; margin:0; padding:0; counter-reset:none}
.agmg__regola{
  position:relative;
  margin:0; padding:var(--s4) 0 var(--s4) var(--s3);
  border-top:1px solid var(--agro-linea);
}
.agmg__regola:first-child{border-top:0; padding-top:0}
.agmg__regola::before{
  content:""; position:absolute; left:0; top:var(--s4); bottom:var(--s4);
  width:3px; background:var(--agro-linea);
  transition:background .3s ease;
}
.agmg__regola:first-child::before{top:0}
.agmg__regola:hover::before{background:var(--agro-oro)}
.agmg .agmg__r-eti{
  display:flex; align-items:center; gap:12px;
  font-family:var(--agro-mono); font-size:.7rem; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--agro-tenue); margin:0 0 var(--s1);
}
.agmg__r-n{color:var(--agro-verde); transition:color .3s ease}
.agmg__regola:hover .agmg__r-n{color:#B8962F}

/* comparsa allo scorrimento, dove il navigatore la supporta */
@keyframes agmg-raffredda{from{height:118px; top:calc(var(--s3) + 12px)} to{height:26px; top:calc(var(--s3) + 104px)}}
@supports (animation-timeline:view()){
  .agmg--regole .agmg__t-val::before{
    animation:agmg-raffredda linear both;
    animation-timeline:view();
    animation-range:entry 20% cover 45%;
  }
  .agmg--regole .agmg__regola{
    animation:agmg-sale linear both;
    animation-timeline:view();
    animation-range:entry 5% entry 50%;
  }
}

@media (max-width:900px){
  .agmg--regole{padding-top:var(--s5); padding-bottom:var(--s5)}
  .agmg__capitolo{grid-template-columns:1fr; gap:var(--s3)}
  .agmg__lato{position:static}
  .agmg h2.agmg__h2{margin-bottom:var(--s3)}
  .agmg__regola{padding-left:var(--s2)}
  .agmg .agmg__p{font-size:1rem; line-height:1.7}
}
@media (prefers-reduced-motion:reduce){
  .agmg--regole .agmg__t-val::before,
  .agmg--regole .agmg__regola{animation:none}
}

/* ---------- MG-4 · in estate, su fondo scuro ---------- */
.agmg--estate{
  background:var(--agro-scuro); color:var(--agro-chiaro);
  padding-top:var(--s7); padding-bottom:var(--s7);
}
.agmg--estate .agmg__eyebrow{color:var(--agro-oro)}
.agmg--estate h2.agmg__h2{color:#fff}
.agmg--estate .agmg__p{color:rgba(242,242,240,.86)}
.agmg--estate .agmg__termo{border-top-color:rgba(242,242,240,.16)}
.agmg--estate .agmg__t-dida{color:rgba(242,242,240,.6)}

/* il termometro caldo: il livello sale fino a 28-30 °C */
.agmg__termo--caldo::before{
  border-color:rgba(242,242,240,.28);
  background:repeating-linear-gradient(to top, transparent 0 15px, rgba(242,242,240,.28) 15px 16px) right 0 bottom 4px / 6px 100% no-repeat;
}
.agmg__termo--caldo::after{background:var(--agro-oro)}
.agmg__termo--caldo .agmg__t-val::before{
  background:var(--agro-oro);
  height:112px; top:calc(var(--s3) + 18px);
}
.agmg .agmg__termo--caldo .agmg__t-val{color:var(--agro-oro)}
@keyframes agmg-scalda{from{height:26px; top:calc(var(--s3) + 104px)} to{height:112px; top:calc(var(--s3) + 18px)}}

.agmg__corpo{min-width:0}

/* i tre accorgimenti */
.agmg__accorgimenti{
  list-style:none; margin:var(--s5) 0 0; padding:0;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:2px solid var(--agro-oro);
}
.agmg__accorgimenti li{
  position:relative;
  margin:0; padding:var(--s3) var(--s3) var(--s3) 0;
  display:flex; flex-direction:column; gap:6px;
}
.agmg__accorgimenti li::before{
  content:""; position:absolute; left:0; right:0; top:-2px; height:2px;
  background:#fff; transform:scaleX(0); transform-origin:left;
  transition:transform .35s ease;
}
.agmg__accorgimenti li + li{padding-left:var(--s3); border-left:1px solid rgba(242,242,240,.16)}
.agmg__accorgimenti li:hover::before{transform:scaleX(1)}
.agmg__a-n{
  font-family:var(--agro-mono); font-size:.72rem; font-weight:500;
  color:var(--agro-oro);
}
.agmg__a-t{font-size:1.02rem; font-weight:700; line-height:1.3; color:#fff}
.agmg__a-sub{
  font-family:var(--agro-mono); font-size:.68rem; line-height:1.5;
  letter-spacing:.02em; color:rgba(242,242,240,.6);
}

@supports (animation-timeline:view()){
  .agmg--estate .agmg__t-val::before{
    animation:agmg-scalda linear both;
    animation-timeline:view();
    animation-range:entry 20% cover 45%;
  }
  .agmg--estate .agmg__corpo > *{
    animation:agmg-sale linear both;
    animation-timeline:view();
    animation-range:entry 5% entry 50%;
  }
}

@media (max-width:900px){
  .agmg--estate{padding-top:var(--s5); padding-bottom:var(--s5)}
  .agmg__accorgimenti{grid-template-columns:1fr; margin-top:var(--s4)}
  .agmg__accorgimenti li,
  .agmg__accorgimenti li + li{padding:var(--s2) 0; border-left:0}
  .agmg__accorgimenti li + li{border-top:1px solid rgba(242,242,240,.16)}
  .agmg__accorgimenti li::before{display:none}
}
@media (prefers-reduced-motion:reduce){
  .agmg--estate .agmg__t-val::before,
  .agmg--estate .agmg__corpo > *{animation:none}
}

/* ---------- MG-5 e MG-6 · i capitoli prodotto per prodotto ---------- */
.agmg--prodotti{padding-top:var(--s7); padding-bottom:var(--s6)}

/* il piccolo indice del capitolo, fermo a sinistra */
.agmg__sotto{
  list-style:none; margin:0; padding:var(--s2) 0 0;
  border-top:1px solid var(--agro-linea);
}
.agmg__sotto li{margin:0; padding:0}
.agmg__s-voce{
  position:relative;
  display:flex; align-items:baseline; gap:14px;
  padding:9px 0 9px 0;
  font-size:.98rem; font-weight:600; line-height:1.3;
  color:var(--agro-scuro) !important; text-decoration:none !important;
  transition:padding .25s ease, color .25s ease;
}
.agmg__s-voce::before{
  content:""; position:absolute; left:0; top:50%;
  width:0; height:2px; background:var(--agro-oro);
  transition:width .25s ease;
}
.agmg__s-n{
  font-family:var(--agro-mono); font-size:.7rem; font-weight:500;
  color:var(--agro-verde); min-width:34px;
}
.agmg__s-voce:hover{padding-left:22px; color:var(--agro-verde) !important}
.agmg__s-voce:hover::before{width:14px}
.agmg__s-voce:focus-visible{outline:2px solid var(--agro-oro); outline-offset:2px}

/* la scheda di ogni prodotto */
.agmg__prodotto{
  position:relative;
  scroll-margin-top:var(--s4);
  padding:var(--s4) 0 var(--s4) var(--s3);
  border-top:1px solid var(--agro-linea);
}
.agmg__prodotto:first-child{border-top:0; padding-top:0}
.agmg__prodotto::before{
  content:""; position:absolute; left:0; top:var(--s4); bottom:var(--s4);
  width:3px; background:var(--agro-linea);
  transition:background .3s ease;
}
.agmg__prodotto:first-child::before{top:0}
.agmg__prodotto:hover::before,
.agmg__prodotto:target::before{background:var(--agro-oro)}
.agmg__pr-testa{
  display:grid; grid-template-columns:auto minmax(0,1fr) auto;
  align-items:baseline; gap:6px 16px;
  margin:0 0 var(--s2);
}
.agmg__pr-n{
  font-family:var(--agro-mono); font-size:.72rem; font-weight:500;
  color:var(--agro-verde);
}
.agmg h3.agmg__h3{
  font-family:var(--agro-testo);
  font-size:clamp(1.15rem,1.7vw,1.35rem); font-weight:700;
  letter-spacing:-.015em; line-height:1.25;
  color:var(--agro-scuro); margin:0;
}

/* dove si conserva: le etichette con i colori della mappa */
.agmg .agmg__dove{
  display:flex; align-items:center; flex-wrap:wrap; gap:8px;
  margin:0; justify-self:end;
}
.agmg__luogo{
  --tono:var(--agro-verde);
  display:inline-flex; align-items:center; gap:7px;
  font-family:var(--agro-mono); font-size:.66rem; font-weight:500;
  letter-spacing:.08em; text-transform:uppercase;
  color:var(--agro-scuro); white-space:nowrap;
  padding:4px 9px; border:1px solid var(--agro-linea); background:#fff;
}
.agmg__luogo::before{
  content:""; width:7px; height:7px; border-radius:50%; background:var(--tono);
}
.agmg__luogo--ambiente{--tono:var(--agro-oro)}
.agmg__luogo--fresco{--tono:var(--agro-verde-chiaro)}

@supports (animation-timeline:view()){
  .agmg--prodotti .agmg__prodotto{
    animation:agmg-sale linear both;
    animation-timeline:view();
    animation-range:entry 5% entry 45%;
  }
}

@media (max-width:900px){
  .agmg--prodotti{padding-top:var(--s5); padding-bottom:var(--s5)}
  .agmg__sotto{display:grid; grid-template-columns:1fr 1fr; column-gap:var(--s2)}
  .agmg__s-voce{font-size:.92rem}
  .agmg__prodotto{padding-left:var(--s2)}
  .agmg__pr-testa{grid-template-columns:auto minmax(0,1fr)}
  .agmg .agmg__dove{grid-column:1 / -1; justify-self:start}
}
@media (max-width:480px){
  .agmg__s-voce{gap:10px; padding:7px 0; font-size:.88rem}
  .agmg__s-n{min-width:0}
  .agmg__luogo{font-size:.6rem; letter-spacing:.04em; padding:3px 7px}
}
@media (prefers-reduced-motion:reduce){
  .agmg--prodotti .agmg__prodotto{animation:none}
  .agmg__s-voce, .agmg__s-voce::before, .agmg__prodotto::before{transition:none}
}

/* la foto del prodotto, con la cornice dei cataloghi */
.agmg__prodotto--foto{
  display:grid; grid-template-columns:minmax(0,1fr) 180px;
  gap:var(--s4); align-items:start;
}
.agmg__prodotto--foto .agmg__pr-corpo{min-width:0; grid-column:1; grid-row:1}
.agmg .agmg__pr-foto{
  grid-column:2; grid-row:1;
  margin:0; padding:0;
  border:1px solid var(--agro-verde);
  background:#F2F2F0; overflow:hidden;
  transition:border-color .3s ease;
}
.agmg .agmg__pr-foto img{
  display:block; width:100%; height:auto; aspect-ratio:1 / 1; object-fit:cover;
  transition:transform .5s ease;
}
.agmg__prodotto--foto:hover .agmg__pr-foto{border-color:var(--agro-oro)}
.agmg__prodotto--foto:hover .agmg__pr-foto img{transform:scale(1.05)}
.agmg__prodotto--foto .agmg__pr-testa{grid-template-columns:auto minmax(0,1fr)}
.agmg__prodotto--foto .agmg__dove{grid-column:1 / -1; justify-self:start}

@media (max-width:900px){
  .agmg__prodotto--foto{grid-template-columns:96px minmax(0,1fr); gap:var(--s1) var(--s2)}
  .agmg .agmg__pr-foto{grid-column:1; grid-row:1}
  .agmg__prodotto--foto .agmg__pr-corpo{display:contents}
  .agmg__prodotto--foto .agmg__pr-testa{grid-column:2; grid-row:1; align-self:center; margin:0}
  .agmg__prodotto--foto .agmg__p{grid-column:1 / -1; margin-top:var(--s2)}
}
@media (prefers-reduced-motion:reduce){
  .agmg .agmg__pr-foto img{transition:none}
}

/* ---------- MG-6 · la verdura, su fondo chiaro per staccarla dalla frutta ---------- */
.agmg--verdura{background:var(--agro-chiaro)}
.agmg--verdura .agmg__prodotto::before{background:rgba(62,64,63,.14)}
.agmg--verdura .agmg__prodotto:hover::before,
.agmg--verdura .agmg__prodotto:target::before{background:var(--agro-oro)}

/* ---------- MG-7 · gli errori da evitare ---------- */
.agmg--errori{padding-top:var(--s7); padding-bottom:var(--s6)}
.agmg .agmg__e-conta{
  display:flex; align-items:flex-start; gap:var(--s2);
  margin:0; padding-top:var(--s3);
  border-top:1px solid var(--agro-linea);
}
.agmg__e-num{
  font-family:var(--agro-testo); font-size:clamp(2.8rem,4.6vw,3.8rem);
  font-weight:700; letter-spacing:-.04em; line-height:.9;
  color:var(--agro-oro);
}
.agmg__e-dida{
  font-family:var(--agro-mono); font-size:.7rem; line-height:1.55;
  letter-spacing:.02em; color:var(--agro-tenue); padding-top:4px;
}

.agmg__errori{list-style:none; margin:0; padding:0; counter-reset:none}
.agmg__errore{
  position:relative;
  margin:0 0 var(--s2); padding:var(--s3) var(--s4) var(--s3);
  background:var(--agro-chiaro);
  border-left:3px solid var(--agro-oro);
  transition:transform .3s ease, box-shadow .3s ease;
}
.agmg__errore:last-child{margin-bottom:0}
.agmg__errore:hover{transform:translateX(4px); box-shadow:0 12px 30px -24px rgba(62,64,63,.5)}
.agmg .agmg__e-eti{
  display:flex; align-items:center; gap:12px;
  font-family:var(--agro-mono); font-size:.7rem; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--agro-tenue); margin:0 0 var(--s1);
}

/* il segno di divieto, disegnato: una X dentro un cerchio, ruota al passaggio */
.agmg__e-segno{
  position:relative; display:inline-block;
  width:26px; height:26px; border-radius:50%;
  border:1.5px solid var(--agro-oro);
  font-size:0; color:transparent;
  transition:transform .35s ease, background .35s ease;
}
.agmg__e-segno::before,
.agmg__e-segno::after{
  content:""; position:absolute; left:50%; top:50%;
  width:11px; height:1.5px; background:#B8962F;
  transform:translate(-50%,-50%) rotate(45deg);
}
.agmg__e-segno::after{transform:translate(-50%,-50%) rotate(-45deg)}
.agmg__errore:hover .agmg__e-segno{transform:rotate(90deg); background:var(--agro-oro)}
.agmg__errore:hover .agmg__e-segno::before,
.agmg__errore:hover .agmg__e-segno::after{background:#fff}

@supports (animation-timeline:view()){
  .agmg--errori .agmg__errore{
    animation:agmg-sale linear both;
    animation-timeline:view();
    animation-range:entry 5% entry 45%;
  }
}

@media (max-width:900px){
  .agmg--errori{padding-top:var(--s5); padding-bottom:var(--s5)}
  .agmg__errore{padding:var(--s3) var(--s2)}
  .agmg__errore:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .agmg--errori .agmg__errore{animation:none}
  .agmg__errore, .agmg__e-segno{transition:none}
}

/* ---------- MG-8 · la freschezza alla fonte e la chiusura ---------- */
.agmg--filiera{padding-top:var(--s7); padding-bottom:var(--s6)}

/* il percorso dal campo alla cucina */
.agmg__percorso{margin-top:var(--s6)}
.agmg .agmg__f-tratti{
  display:grid; grid-template-columns:6fr 1fr; gap:var(--s2);
  margin:0 0 var(--s3);
  font-family:var(--agro-mono); font-size:.68rem; font-weight:500;
  letter-spacing:.12em; text-transform:uppercase;
}
.agmg__f-agro, .agmg__f-casa{padding-top:10px; border-top:2px solid var(--agro-verde); color:var(--agro-verde)}
.agmg__f-casa{border-top-color:var(--agro-oro); color:#B8962F}

.agmg__filiera{
  position:relative;
  list-style:none; margin:0; padding:0; counter-reset:none;
  display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:var(--s2);
}
/* la linea di fondo e la linea che si riempie */
.agmg__filiera::before,
.agmg__filiera::after{
  content:""; position:absolute; left:9px; right:calc((100% - 96px) / 7 - 9px); top:8px; height:2px;
}
.agmg__filiera::before{background:var(--agro-linea)}
.agmg__filiera::after{
  background:linear-gradient(to right, var(--agro-verde) 0 83%, var(--agro-oro) 100%);
  transform-origin:left; transform:scaleX(1);
}
.agmg__f-tappa{
  position:relative; z-index:1;
  margin:0; padding:30px 0 0;
  display:flex; flex-direction:column; gap:4px;
}
.agmg__f-tappa::before{
  content:""; position:absolute; left:0; top:0;
  width:18px; height:18px; border-radius:50%;
  background:#fff; border:2px solid var(--agro-verde);
  box-sizing:border-box;
  transition:background .3s ease, transform .3s ease;
}
.agmg__f-tappa--casa::before{border-color:var(--agro-oro)}
.agmg__f-tappa:hover::before{background:var(--agro-verde); transform:scale(1.2)}
.agmg__f-tappa--casa:hover::before{background:var(--agro-oro)}
.agmg__f-n{font-family:var(--agro-mono); font-size:.68rem; color:var(--agro-tenue)}
.agmg__f-t{font-size:.98rem; font-weight:700; line-height:1.25; color:var(--agro-scuro)}

@keyframes agmg-traccia{from{transform:scaleX(0)} to{transform:scaleX(1)}}

/* la chiusura: pannello verde, come nelle schede prodotto */
.agmg__chiusura{
  box-sizing:border-box;
  margin-top:var(--s7);
  background:var(--agro-verde); color:#fff;
  padding:var(--s5) var(--s5);
}
.agmg__chiusura .agmg__eyebrow{color:var(--agro-oro)}
.agmg .agmg__c-titolo{
  font-family:var(--agro-testo);
  font-size:clamp(1.35rem,2.4vw,1.9rem); font-weight:700;
  letter-spacing:-.02em; line-height:1.2;
  color:#fff; margin:0 0 var(--s2); max-width:26ch;
}
.agmg .agmg__c-testo{
  font-size:1.04rem; line-height:1.7; max-width:60ch;
  color:rgba(255,255,255,.92); margin:0 0 var(--s4);
}

@supports (animation-timeline:view()){
  .agmg--filiera .agmg__filiera::after{
    animation:agmg-traccia linear both;
    animation-timeline:view();
    animation-range:entry 30% cover 55%;
  }
  .agmg--filiera .agmg__chiusura{
    animation:agmg-sale linear both;
    animation-timeline:view();
    animation-range:entry 5% entry 40%;
  }
}

@media (max-width:900px){
  .agmg--filiera{padding-top:var(--s5); padding-bottom:var(--s5)}
  .agmg__percorso{margin-top:var(--s5)}
  .agmg .agmg__f-tratti{display:none}
  .agmg__filiera{grid-template-columns:1fr; gap:0; padding-left:32px}
  .agmg__filiera::before,
  .agmg__filiera::after{left:8px; right:auto; top:9px; bottom:14px; width:2px; height:auto}
  .agmg__filiera::after{
    background:linear-gradient(to bottom, var(--agro-verde) 0 83%, var(--agro-oro) 100%);
    transform-origin:top;
  }
  @keyframes agmg-traccia-v{from{transform:scaleY(0)} to{transform:scaleY(1)}}
  .agmg--filiera .agmg__filiera::after{animation-name:agmg-traccia-v}
  .agmg__f-tappa{flex-direction:row; align-items:baseline; gap:12px; padding:0 0 18px}
  .agmg__f-tappa:last-child{padding-bottom:0}
  .agmg__f-tappa::before{left:-32px; top:2px}
  .agmg__chiusura{margin-top:var(--s5); padding:var(--s4) var(--s3)}
}
@media (prefers-reduced-motion:reduce){
  .agmg--filiera .agmg__filiera::after,
  .agmg--filiera .agmg__chiusura{animation:none}
  .agmg__f-tappa::before{transition:none}
}

/* ---------- CATENA DEL FREDDO · capitoli, 21/09/2026 ---------- */
.agmg--cap{padding-top:var(--s7); padding-bottom:var(--s6)}
.agmg--cap-chiaro{background:var(--agro-chiaro)}

/* CF-2 · la fascia delle temperature */
.agmg__fascia{margin:var(--s4) 0 var(--s4)}
.agmg .agmg__fa-eti{
  font-family:var(--agro-mono); font-size:.7rem; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--agro-tenue); margin:0 0 var(--s2);
}
.agmg__fa-zone{
  position:relative;
  list-style:none; margin:0; padding:0; counter-reset:none;
  display:grid; grid-template-columns:1fr 1.3fr 1fr;
}
.agmg__fa-zona{
  --tono:var(--agro-verde);
  position:relative;
  margin:0; padding:26px var(--s2) 0 0;
  display:flex; flex-direction:column; gap:4px;
}
.agmg__fa-zona::before{
  content:""; position:absolute; left:0; right:0; top:0; height:8px;
  background:var(--tono);
}
.agmg__fa-zona--freddo{--tono:#99CCCD}
.agmg__fa-zona--caldo{--tono:var(--agro-oro)}
.agmg__fa-zona--freddo::before{border-radius:4px 0 0 4px}
.agmg__fa-zona--caldo::before{border-radius:0 4px 4px 0}
.agmg__fa-zona + .agmg__fa-zona{padding-left:var(--s2)}
.agmg__fa-t{font-size:.98rem; font-weight:700; line-height:1.3; color:var(--agro-scuro)}
.agmg__fa-zona--giusto .agmg__fa-t{color:var(--agro-verde)}
.agmg__fa-sub{
  font-family:var(--agro-mono); font-size:.68rem; line-height:1.5;
  letter-spacing:.02em; color:var(--agro-tenue);
}
/* il cursore: parte dal caldo e si ferma nell'intervallo adatto */
.agmg__fa-zone::after{
  content:""; position:absolute; top:-6px; left:50%;
  width:20px; height:20px; margin-left:-10px; border-radius:50%;
  background:#fff; border:3px solid var(--agro-scuro);
  box-sizing:border-box;
}
@keyframes agmg-cursore{from{left:90%} to{left:50%}}
@supports (animation-timeline:view()){
  .agmg--cap .agmg__fa-zone::after{
    animation:agmg-cursore linear both;
    animation-timeline:view();
    animation-range:entry 40% cover 50%;
  }
  .agmg--cap .agmg__corpo > *{
    animation:agmg-sale linear both;
    animation-timeline:view();
    animation-range:entry 5% entry 45%;
  }
}

@media (max-width:900px){
  .agmg--cap{padding-top:var(--s5); padding-bottom:var(--s5)}
}
@media (max-width:560px){
  .agmg__fa-zone{grid-template-columns:1fr; row-gap:var(--s2)}
  .agmg__fa-zona + .agmg__fa-zona{padding-left:0}
  .agmg__fa-zona::before{border-radius:4px}
  .agmg__fa-zone::after{display:none}
}
@media (prefers-reduced-motion:reduce){
  .agmg--cap .agmg__fa-zone::after,
  .agmg--cap .agmg__corpo > *{animation:none}
}

/* CF-3 · capitolo su fondo scuro, con il numero grande */
.agmg--scuro{background:var(--agro-scuro); color:var(--agro-chiaro)}
.agmg--scuro .agmg__eyebrow{color:var(--agro-oro)}
.agmg--scuro h2.agmg__h2{color:#fff}
.agmg--scuro .agmg__p{color:rgba(242,242,240,.86)}
.agmg--scuro .agmg__p strong{color:#fff}
.agmg--scuro .agmg__p a{color:var(--agro-oro) !important; border-bottom-color:rgba(217,187,98,.45)}
.agmg--scuro .agmg__p a:hover{color:#fff !important}

.agmg .agmg__grande{
  display:flex; flex-direction:column; gap:var(--s1);
  margin:0; padding-top:var(--s3);
  border-top:1px solid rgba(242,242,240,.16);
}
.agmg__g-val{
  font-family:var(--agro-testo);
  font-size:clamp(2.8rem,5vw,4.2rem); font-weight:700;
  letter-spacing:-.04em; line-height:.95;
  color:var(--agro-oro);
}
.agmg__g-dida{
  font-family:var(--agro-mono); font-size:.7rem; line-height:1.55;
  letter-spacing:.02em; color:rgba(242,242,240,.6); max-width:30ch;
}

/* le cinque operazioni, in fila */
.agmg__operazioni{
  list-style:none; margin:var(--s4) 0 var(--s4); padding:0; counter-reset:none;
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:2px solid var(--agro-oro);
}
.agmg__operazioni li{
  position:relative;
  margin:0; padding:var(--s2) var(--s2) var(--s2) 0;
  display:flex; flex-direction:column; gap:6px;
}
.agmg__operazioni li + li{padding-left:var(--s2); border-left:1px solid rgba(242,242,240,.16)}
.agmg__operazioni li::before{
  content:""; position:absolute; left:0; right:0; top:-2px; height:2px;
  background:#fff; transform:scaleX(0); transform-origin:left;
  transition:transform .35s ease;
}
.agmg__operazioni li:hover::before{transform:scaleX(1)}
.agmg__operazioni .agmg__a-t{font-size:.9rem}

@supports (animation-timeline:view()){
  .agmg--scuro .agmg__grande{
    animation:agmg-sale linear both;
    animation-timeline:view();
    animation-range:entry 10% entry 60%;
  }
}

@media (max-width:900px){
  .agmg__operazioni{grid-template-columns:1fr 1fr}
  .agmg__operazioni li,
  .agmg__operazioni li + li{padding:var(--s2) var(--s2) var(--s2) 0; border-left:0; border-bottom:1px solid rgba(242,242,240,.16)}
  .agmg__operazioni li::before{display:none}
}
@media (prefers-reduced-motion:reduce){
  .agmg--scuro .agmg__grande{animation:none}
}

/* CF-4 · il percorso a sei tappe, dentro la colonna del testo */
.agmg__tappe{margin:var(--s4) 0 var(--s5)}
.agmg__filiera--6{grid-template-columns:repeat(6,minmax(0,1fr))}
.agmg__filiera--6::before,
.agmg__filiera--6::after{right:calc((100% - 80px) / 6 - 9px)}
.agmg__filiera--6::after{background:var(--agro-verde)}
.agmg__filiera--6 .agmg__f-t{font-size:.92rem}
@supports (animation-timeline:view()){
  .agmg--cap .agmg__filiera--6::after{
    animation:agmg-traccia linear both;
    animation-timeline:view();
    animation-range:entry 30% cover 50%;
  }
}
@media (max-width:900px){
  .agmg__filiera--6{grid-template-columns:1fr}
  .agmg__filiera--6::before,
  .agmg__filiera--6::after{right:auto}
  .agmg__filiera--6::after{background:var(--agro-verde)}
  .agmg--cap .agmg__filiera--6::after{animation-name:agmg-traccia-v}
}
@media (prefers-reduced-motion:reduce){
  .agmg--cap .agmg__filiera--6::after{animation:none}
}

/* CF-5 · le interruzioni e i loro effetti */
.agmg__cause{padding-top:var(--s3); border-top:1px solid var(--agro-linea)}
.agmg__c-lista{list-style:none; margin:0; padding:0}
.agmg__c-lista li{
  position:relative;
  margin:0; padding:8px 0 8px 22px;
  font-size:.96rem; font-weight:600; line-height:1.35; color:var(--agro-scuro);
  border-bottom:1px solid var(--agro-linea);
}
.agmg__c-lista li:last-child{border-bottom:0}
.agmg__c-lista li::before{
  content:""; position:absolute; left:2px; top:15px;
  width:8px; height:8px; border-radius:50%;
  border:2px solid var(--agro-oro); box-sizing:border-box;
}

.agmg__effetti{
  list-style:none; margin:var(--s4) 0 var(--s4); padding:0; counter-reset:none;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s2);
}
.agmg__effetti li{
  position:relative;
  margin:0; padding:var(--s3) var(--s3) var(--s3);
  background:#fff; border-top:3px solid var(--agro-oro);
  display:flex; flex-direction:column; gap:var(--s1);
  transition:transform .3s ease, box-shadow .3s ease;
}
.agmg__effetti li:hover{transform:translateY(-3px); box-shadow:0 14px 30px -24px rgba(62,64,63,.5)}
.agmg__ef-n{font-family:var(--agro-mono); font-size:.72rem; font-weight:500; color:#B8962F}
.agmg__ef-t{font-size:1rem; font-weight:700; line-height:1.3; color:var(--agro-scuro)}

@supports (animation-timeline:view()){
  .agmg--cap .agmg__effetti li{
    animation:agmg-sale linear both;
    animation-timeline:view();
    animation-range:entry 5% entry 60%;
  }
}
@media (max-width:900px){
  .agmg__effetti{grid-template-columns:1fr 1fr}
  .agmg__effetti li:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .agmg--cap .agmg__effetti li{animation:none}
  .agmg__effetti li{transition:none}
}

/* CF-6 · la frase in evidenza e il percorso a cinque fasi */
.agmg .agmg__citazione{
  margin:0; padding:var(--s3) 0 0 var(--s3);
  border-top:1px solid var(--agro-linea);
  position:relative;
  font-family:var(--agro-testo);
  font-size:clamp(1.1rem,1.6vw,1.3rem); font-weight:700;
  letter-spacing:-.01em; line-height:1.35; color:var(--agro-verde);
}
.agmg .agmg__citazione::before{
  content:""; position:absolute; left:0; top:var(--s3); bottom:4px;
  width:3px; background:var(--agro-oro);
}
.agmg__filiera--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.agmg__filiera--5::before,
.agmg__filiera--5::after{right:calc((100% - 64px) / 5 - 9px)}
.agmg__filiera--5::after{background:var(--agro-verde)}
@supports (animation-timeline:view()){
  .agmg--cap .agmg__filiera--5::after{
    animation:agmg-traccia linear both;
    animation-timeline:view();
    animation-range:entry 30% cover 50%;
  }
}
@media (max-width:900px){
  .agmg__filiera--5{grid-template-columns:1fr}
  .agmg__filiera--5::before,
  .agmg__filiera--5::after{right:auto}
  .agmg__filiera--5::after{background:var(--agro-verde)}
  .agmg--cap .agmg__filiera--5::after{animation-name:agmg-traccia-v}
}
@media (prefers-reduced-motion:reduce){
  .agmg--cap .agmg__filiera--5::after{animation:none}
}

/* CF-7 · la chiusura con il pannello verde */
.agmg--fine .agmg__chiusura{margin-top:var(--s6)}
@supports (animation-timeline:view()){
  .agmg--fine .agmg__chiusura{
    animation:agmg-sale linear both;
    animation-timeline:view();
    animation-range:entry 5% entry 40%;
  }
}
@media (max-width:900px){
  .agmg--fine .agmg__chiusura{margin-top:var(--s5)}
}
@media (prefers-reduced-motion:reduce){
  .agmg--fine .agmg__chiusura{animation:none}
}

/* =========================================================
   MAGAZINE · PAGINA ELENCO, 21/09/2026
   ========================================================= */
.agmz-apertura{padding-bottom:var(--s4)}
.agmz-apertura .agmg__wrap{border-bottom:1px solid var(--agro-linea); padding-bottom:var(--s4)}
.agmz-apertura h1.agmg__title{max-width:24ch}
.agmz-apertura .agmg__lead{max-width:64ch}
.agmz-apertura .agmg__eyebrow,
.agmz-apertura h1.agmg__title,
.agmz-apertura .agmg__lead{animation:agmg-sale .7s cubic-bezier(.2,.7,.2,1) both}
.agmz-apertura h1.agmg__title{animation-delay:.08s}
.agmz-apertura .agmg__lead{animation-delay:.16s}

/* l'elenco generato dallo shortcode [agro_magazine] */
.agro-blocco.agmz{
  width:auto; max-width:none;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
}
html:has(.agmz), body:has(.agmz){overflow-x:clip}
.agmz{
  font-family:var(--agro-testo); color:var(--agro-scuro);
  padding:var(--s4) var(--agro-margine) var(--s6); background:#fff;
}
.agmz__wrap{max-width:var(--agro-colonna); margin:0 auto}
.agmz__vuoto{font-size:1rem; color:var(--agro-tenue); margin:0}

.agmz__scheda{position:relative; display:flex; flex-direction:column; gap:var(--s2)}
.agmz .agmz__foto{
  margin:0; padding:0; overflow:hidden;
  border:1px solid var(--agro-verde); background:#F2F2F0;
  transition:border-color .3s ease;
}
.agmz .agmz__foto img,
.agmz .agmz__img{
  display:block; width:100%; height:auto; aspect-ratio:16 / 9; object-fit:cover;
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
}
.agmz__scheda:hover .agmz__foto{border-color:var(--agro-oro)}
.agmz__scheda:hover .agmz__img{transform:scale(1.04)}

.agmz__testo{display:flex; flex-direction:column; gap:var(--s1)}
.agmz .agmz__sezione{
  font-family:var(--agro-mono); font-size:.7rem; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--agro-verde); margin:0;
}
.agmz .agmz__titolo{
  font-family:var(--agro-testo);
  font-size:clamp(1.1rem,1.6vw,1.3rem); font-weight:700;
  letter-spacing:-.015em; line-height:1.25; margin:0;
}
.agmz .agmz__link{color:var(--agro-scuro) !important; text-decoration:none !important; border:0 !important}
/* tutta la scheda è cliccabile */
.agmz .agmz__link::after{content:""; position:absolute; inset:0; z-index:1}
.agmz__scheda:hover .agmz__link{color:var(--agro-verde) !important}
.agmz .agmz__link:focus-visible{outline:none}
.agmz .agmz__link:focus-visible::after{outline:2px solid var(--agro-oro); outline-offset:4px}
.agmz .agmz__riassunto{
  font-size:.98rem; line-height:1.6; color:var(--agro-tenue); margin:0;
}
.agmz .agmz__meta{
  font-family:var(--agro-mono); font-size:.68rem; letter-spacing:.04em;
  color:var(--agro-tenue); margin:var(--s1) 0 0;
}
.agmz__sep{margin:0 8px; opacity:.6}

/* "Leggi l'articolo" con la freccia disegnata */
.agmz .agmz__leggi{
  display:inline-flex; align-items:center; gap:10px; align-self:flex-start;
  font-size:.92rem; font-weight:700; color:var(--agro-verde);
  margin:var(--s1) 0 0; padding-bottom:3px;
  border-bottom:1px solid rgba(24,140,107,.35);
  transition:border-color .3s ease, color .3s ease;
}
.agmz .agmz__leggi::after{
  content:""; width:7px; height:7px;
  border-top:2px solid currentColor; border-right:2px solid currentColor;
  transform:rotate(45deg); transition:transform .3s ease;
}
.agmz__scheda:hover .agmz__leggi{color:var(--agro-scuro); border-bottom-color:var(--agro-oro)}
.agmz__scheda:hover .agmz__leggi::after{transform:translateX(4px) rotate(45deg)}

/* il primo articolo, in grande */
.agmz__scheda--primo{
  display:grid; grid-template-columns:1.3fr 1fr;
  gap:var(--s5); align-items:center;
  animation:agmg-sale .7s cubic-bezier(.2,.7,.2,1) .2s both;
}
.agmz__scheda--primo .agmz__titolo{font-size:clamp(1.4rem,2.4vw,2rem); line-height:1.18}
.agmz__scheda--primo .agmz__riassunto{font-size:1.04rem}

/* gli altri, in griglia */
.agmz .agmz__eti{
  font-family:var(--agro-mono); font-size:.7rem; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase; color:var(--agro-tenue);
  margin:var(--s6) 0 var(--s3); padding-top:var(--s3);
  border-top:1px solid var(--agro-linea);
}
.agmz__griglia{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s5) var(--s4)}
@supports (animation-timeline:view()){
  .agmz__griglia .agmz__scheda{
    animation:agmg-sale linear both;
    animation-timeline:view();
    animation-range:entry 5% entry 45%;
  }
}

@media (max-width:900px){
  .agmz{padding:var(--s3) var(--agro-margine) var(--s5)}
  .agmz__scheda--primo{grid-template-columns:1fr; gap:var(--s2)}
  .agmz__griglia{grid-template-columns:1fr 1fr; gap:var(--s4) var(--s3)}
  .agmz .agmz__eti{margin-top:var(--s5)}
}
@media (max-width:560px){
  .agmz__griglia{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .agmz-apertura .agmg__eyebrow,
  .agmz-apertura h1.agmg__title,
  .agmz-apertura .agmg__lead,
  .agmz__scheda--primo,
  .agmz__griglia .agmz__scheda{animation:none}
  .agmz .agmz__img, .agmz .agmz__leggi::after{transition:none}
}

/* ---------- ARTICOLI · invito a proseguire nell'apertura, 21/09/2026 ---------- */
.agmg__invito{
  margin:var(--s5) 0 0; padding:var(--s4) var(--s4) var(--s3);
  max-width:58ch;
  background:#fff; border:1px solid var(--agro-linea); border-top:3px solid var(--agro-oro);
  text-align:center;
  animation:agmg-sale .7s cubic-bezier(.2,.7,.2,1) .5s both;
}
.agmg .agmg__inv-domanda{
  font-family:var(--agro-testo);
  font-size:clamp(1.1rem,1.6vw,1.3rem); font-weight:700;
  letter-spacing:-.01em; line-height:1.3; color:var(--agro-scuro);
  margin:0 0 var(--s2);
}
.agmg .agmg__inv-cta{
  display:inline-flex; flex-direction:column; align-items:center; gap:10px;
  font-size:.95rem; font-weight:700;
  color:var(--agro-verde) !important; text-decoration:none !important;
  border:0 !important;
  transition:color .3s ease;
}
/* la freccia verso il basso, disegnata, che invita a scorrere */
.agmg .agmg__inv-cta::after{
  content:""; width:10px; height:10px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  animation:agmg-giu 1.8s ease-in-out infinite;
}
@keyframes agmg-giu{
  0%,100%{transform:translateY(0) rotate(45deg)}
  50%{transform:translateY(5px) rotate(45deg)}
}
.agmg .agmg__inv-cta:hover{color:var(--agro-scuro) !important}
.agmg .agmg__inv-cta:focus-visible{outline:2px solid var(--agro-oro); outline-offset:4px}
/* le destinazioni dei collegamenti interni non finiscono a filo del bordo */
.agmg[id]{scroll-margin-top:var(--s2)}

@media (max-width:900px){
  .agmg__invito{margin-top:var(--s3); max-width:none; padding:var(--s3) var(--s2)}
}
@media (prefers-reduced-motion:reduce){
  .agmg__invito{animation:none}
  .agmg .agmg__inv-cta::after{animation:none}
}

/* ---------- UVA DA TAVOLA · le cinque varietà, 13/10/2026 ---------- */
.aguv-tono--vittoria{--tono:#BCC85E; --tono-testo:#2E3A12}
.aguv-tono--italia{--tono:#D9B44A; --tono-testo:#3B2E08}
.aguv-tono--redglobe{--tono:#B4475B; --tono-testo:#fff}
.aguv-tono--blackmagic{--tono:#353B54; --tono-testo:#fff}
.aguv-tono--palieri{--tono:#3E2645; --tono-testo:#fff}

/* capitolo 01 · gli acini, colore e forma */
.aguv__tinte{margin:var(--s4) 0}
.aguv__t-lista{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:var(--s3) var(--s2);
}
.aguv__t-voce{margin:0; padding:0; display:flex; flex-direction:column; gap:4px}
.aguv__t-voce::before{
  content:""; display:block;
  width:58px; height:58px; border-radius:50%; margin:0 0 22px;
  background:radial-gradient(circle at 32% 28%, rgba(255,255,255,.55) 0 9%, rgba(255,255,255,0) 22%), var(--tono);
  box-shadow:inset -7px -9px 16px rgba(0,0,0,.2), 0 10px 18px -12px rgba(0,0,0,.45);
  transition:transform .35s cubic-bezier(.2,.7,.2,1);
}
.aguv__t-voce--ovale::before{width:48px; height:64px; margin-bottom:16px}
.aguv__t-voce--lungo::before{width:44px; height:68px; margin-bottom:12px}
.aguv__t-voce:hover::before{transform:translateY(-4px) rotate(-8deg)}
.aguv__t-nome{font-size:.98rem; font-weight:700; line-height:1.3; color:var(--agro-scuro)}
.aguv__t-sub{
  font-family:var(--agro-mono); font-size:.68rem; line-height:1.5;
  letter-spacing:.02em; color:var(--agro-tenue);
}
@keyframes aguv-acino{
  from{opacity:0; transform:translateY(18px) scale(.5)}
  to{opacity:1; transform:none}
}

/* capitolo 02 · il calendario delle cinque varietà */
.aguv__cal{margin:0 0 var(--s5)}
.aguv__c-mesi,
.aguv__c-riga{display:grid; grid-template-columns:118px repeat(8,minmax(0,1fr)); align-items:center}
.aguv__c-mesi{
  font-family:var(--agro-mono); font-size:.64rem; font-weight:500;
  letter-spacing:.1em; text-transform:uppercase; color:var(--agro-tenue);
  padding:0 0 8px; border-bottom:1px solid var(--agro-linea);
}
.aguv__c-mesi span{text-align:center}
.aguv__c-mesi span:first-child{grid-column:2}
.aguv__c-righe{list-style:none; margin:0; padding:0}
.aguv__c-riga{
  margin:0; padding:9px 0;
  border-bottom:1px solid var(--agro-linea);
  background-image:repeating-linear-gradient(90deg, var(--agro-linea) 0 1px, transparent 1px 12.5%);
  background-position:118px 0; background-size:calc(100% - 118px) 100%; background-repeat:no-repeat;
}
.aguv__c-nome{grid-column:1; grid-row:1; font-size:.95rem; font-weight:700; color:var(--agro-scuro)}
.aguv__c-barra{
  grid-row:1; display:flex; align-items:center;
  height:30px; padding:0 12px; margin:0 3px; border-radius:15px;
  background:var(--tono); overflow:hidden; transform-origin:left center;
  transition:filter .25s ease;
}
.aguv__c-riga:hover .aguv__c-barra{filter:brightness(1.08)}
.aguv__c-per{
  font-family:var(--agro-mono); font-size:.64rem; font-weight:500;
  letter-spacing:.04em; white-space:nowrap; color:var(--tono-testo);
}
.aguv__c-riga--vittoria .aguv__c-barra{grid-column:2 / 6}
.aguv__c-riga--blackmagic .aguv__c-barra{grid-column:2 / 5}
.aguv__c-riga--palieri .aguv__c-barra{grid-column:3 / 7}
.aguv__c-riga--redglobe .aguv__c-barra{grid-column:4 / 10}
.aguv__c-riga--italia .aguv__c-barra{grid-column:5 / 10}
.agmg .aguv__c-nota{
  font-family:var(--agro-mono); font-size:.66rem; letter-spacing:.02em;
  color:var(--agro-tenue); margin:12px 0 0;
}
@keyframes aguv-barra{from{transform:scaleX(0)} to{transform:scaleX(1)}}

/* capitolo 03 · i tre segnali sul grappolo */
.aguv__segni{margin:var(--s4) 0}
.aguv__s-lista{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s2);
}
.aguv__s-voce{
  position:relative; margin:0;
  padding:var(--s3) var(--s2) var(--s3);
  background:var(--agro-chiaro); border-top:3px solid var(--agro-verde);
  display:flex; flex-direction:column; gap:6px;
  transition:border-color .3s ease, transform .3s ease;
}
.aguv__s-voce::after{
  content:""; position:absolute; right:22px; top:22px;
  width:9px; height:17px;
  border:solid var(--agro-verde); border-width:0 3px 3px 0;
  transform:rotate(45deg);
}
.aguv__s-voce:hover{border-color:var(--agro-oro); transform:translateY(-3px)}
.aguv__s-n{font-family:var(--agro-mono); font-size:.7rem; font-weight:500; color:var(--agro-verde)}
.aguv__s-t{font-size:1.05rem; font-weight:700; line-height:1.3; color:var(--agro-scuro)}
.aguv__s-sub{font-family:var(--agro-mono); font-size:.68rem; line-height:1.55; letter-spacing:.02em; color:var(--agro-tenue)}

/* capitolo 04 · cella e frigorifero di casa */
.aguv__confronto{
  margin:var(--s4) 0; background:#fff; border:1px solid var(--agro-linea);
  display:grid; grid-template-columns:1fr 1fr;
}
.aguv__cf-lato{padding:var(--s3); display:flex; flex-direction:column; gap:6px}
.aguv__cf-lato--casa{border-left:1px solid var(--agro-linea)}
.agmg .aguv__cf-eti{
  font-family:var(--agro-mono); font-size:.68rem; font-weight:500;
  letter-spacing:.12em; text-transform:uppercase; color:var(--agro-tenue); margin:0;
}
.agmg .aguv__cf-val{
  font-family:var(--agro-testo); font-size:clamp(1.7rem,3vw,2.4rem); font-weight:700;
  line-height:1.05; letter-spacing:-.03em; color:var(--agro-verde); margin:4px 0 2px;
}
.aguv__cf-lato:first-child .aguv__cf-val{color:#3E8FA6}
.agmg .aguv__cf-t{font-size:.95rem; line-height:1.5; color:var(--agro-scuro); margin:0}

/* capitolo 05 · le tre fasi della campagna */
.aguv__fasi{
  list-style:none; margin:var(--s4) 0; padding:0;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:3px solid var(--agro-linea); position:relative;
}
.aguv__fasi::after{
  content:""; position:absolute; left:0; right:0; top:-3px; height:3px;
  background:linear-gradient(90deg, #BCC85E, #3E2645 50%, #D9B44A);
  transform-origin:left center;
}
.aguv__f-voce{margin:0; padding:var(--s2) var(--s2) 0 0; display:flex; flex-direction:column; gap:4px}
.aguv__f-voce + .aguv__f-voce{padding-left:var(--s2); border-left:1px solid var(--agro-linea)}
.aguv__f-eti{font-family:var(--agro-mono); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; color:var(--agro-tenue)}
.aguv__f-t{font-size:1.05rem; font-weight:700; color:var(--agro-scuro)}

/* le animazioni allo scorrimento */
@supports (animation-timeline:view()){
  .aguv__t-voce::before{
    animation:aguv-acino linear both;
    animation-timeline:view();
    animation-range:entry 10% cover 30%;
  }
  .aguv__t-voce:nth-child(2)::before{animation-range:entry 15% cover 33%}
  .aguv__t-voce:nth-child(3)::before{animation-range:entry 20% cover 36%}
  .aguv__t-voce:nth-child(4)::before{animation-range:entry 25% cover 39%}
  .aguv__t-voce:nth-child(5)::before{animation-range:entry 30% cover 42%}
  .aguv__c-barra{
    animation:aguv-barra linear both;
    animation-timeline:view();
    animation-range:entry 20% cover 40%;
  }
  .aguv__s-voce{
    animation:agmg-sale linear both;
    animation-timeline:view();
    animation-range:entry 5% entry 50%;
  }
  .aguv__s-voce:nth-child(2){animation-range:entry 12% entry 60%}
  .aguv__s-voce:nth-child(3){animation-range:entry 19% entry 70%}
  .aguv__fasi::after{
    animation:agmg-traccia linear both;
    animation-timeline:view();
    animation-range:entry 30% cover 50%;
  }
}

@media (max-width:900px){
  .aguv__t-lista{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:560px){
  .aguv__t-lista{gap:var(--s2) var(--s2)}
  .aguv__t-voce::before{width:46px; height:46px; margin-bottom:18px}
  .aguv__t-voce--ovale::before{width:38px; height:50px; margin-bottom:14px}
  .aguv__t-voce--lungo::before{width:34px; height:54px; margin-bottom:10px}
  .aguv__c-mesi,
  .aguv__c-riga{grid-template-columns:78px repeat(8,minmax(0,1fr))}
  .aguv__c-riga{background-position:78px 0; background-size:calc(100% - 78px) 100%;
    background-image:repeating-linear-gradient(90deg, var(--agro-linea) 0 1px, transparent 1px 12.5%)}
  .aguv__c-mesi{font-size:.52rem; letter-spacing:.02em}
  .aguv__c-nome{font-size:.8rem; line-height:1.2}
  .aguv__c-barra{height:26px; padding:0 7px; margin:0 1px}
  .aguv__c-per{font-size:.54rem; letter-spacing:0}
  .aguv__s-lista{grid-template-columns:1fr}
  .aguv__confronto{grid-template-columns:1fr}
  .aguv__cf-lato--casa{border-left:0; border-top:1px solid var(--agro-linea)}
  .aguv__fasi{grid-template-columns:1fr}
  .aguv__f-voce{padding:var(--s2) 0 0}
  .aguv__f-voce + .aguv__f-voce{padding-left:0; border-left:0}
}
@media (prefers-reduced-motion:reduce){
  .aguv__t-voce::before,
  .aguv__c-barra,
  .aguv__s-voce,
  .aguv__fasi::after{animation:none}
  .aguv__t-voce::before,
  .aguv__c-barra,
  .aguv__s-voce{transition:none}
}

/* l'immagine di apertura dell'articolo, 13/10/2026 */
.agmg__copertina{margin:var(--s5) 0 0; padding:0; overflow:hidden; background:var(--agro-chiaro)}
.agmg__copertina img{display:block; width:100%; height:auto; aspect-ratio:16 / 9; object-fit:cover}
@keyframes agmg-copertina{from{opacity:0; transform:scale(1.06)} to{opacity:1; transform:none}}
.agmg--apertura .agmg__copertina img{animation:agmg-copertina 1.1s cubic-bezier(.2,.7,.2,1) .4s both}
@media (max-width:900px){
  .agmg__copertina{margin-top:var(--s4)}
}
@media (prefers-reduced-motion:reduce){
  .agmg--apertura .agmg__copertina img{animation:none}
}

/* ---------- MENU DEL TELEFONO · correzione del 13/10/2026 ----------
   A pannello chiuso le voci del sottomenu Azienda restavano
   cliccabili anche se invisibili: sotto i 900 px il sottomenu
   aveva visibility:visible, che scavalca il pannello nascosto.
   Ora il sottomenu eredita lo stato del pannello e il pannello
   chiuso non riceve tocchi. */
@media (max-width:900px){
  .agnav .agnav__nav .agnav__sub{visibility:inherit}
  .agnav .agnav__nav{pointer-events:none}
  .agnav .agnav__nav:target,
  .agnav.is-aperto .agnav__nav{pointer-events:auto}
}

/* ============================================================
   SCHEDE PRODOTTO · versione finale del cliente (14/10/2026)
   Sotto il lead arrivano zona di produzione e calendario, con
   la striscia dei mesi subito sotto. Le due lavorazioni (sfuso
   e confezionato) stanno a tutta larghezza fra l'apertura e i
   quattro dati, con lo stesso filo punteggiato dei valori.
   ============================================================ */
.agsp__scheda{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s3); max-width:420px;
  margin:0 0 var(--s2);
}
.agsp__s-voce{padding-top:10px; border-top:2px solid var(--agro-verde)}
.agsp__scheda dt{
  font-family:var(--agro-mono); font-size:.68rem; font-weight:500;
  letter-spacing:.12em; text-transform:uppercase;
  color:var(--agro-tenue); margin:0 0 6px;
}
.agsp__scheda dd{
  margin:0; font-size:1.02rem; font-weight:700;
  letter-spacing:-.01em; line-height:1.35; color:var(--agro-scuro);
}

/* le due lavorazioni */
.agsp__lavorazioni{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s5); margin:var(--s5) 0 0;
}
.agsp__lav{padding-top:var(--s2); border-top:1px solid var(--agro-linea)}
.agsp__lav-eti{
  font-family:var(--agro-mono); font-size:.72rem; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--agro-verde); margin:0 0 var(--s1);
}
.agsp__lav-dati{margin:0}
.agsp__lav-dati div{
  display:flex; align-items:baseline; gap:12px;
  padding:9px 0;
}
/* il filo punteggiato e' uno pseudo-elemento dell'etichetta,
   come nella tabella dei valori */
.agsp__lav-dati dt{
  flex:1 1 auto; display:flex; align-items:baseline; gap:12px;
  font-size:.92rem; color:var(--agro-tenue); margin:0;
}
.agsp__lav-dati dt::after{
  content:""; flex:1 1 auto; min-width:16px;
  border-bottom:1px dotted var(--agro-linea);
  transform:translateY(-4px);
}
.agsp__lav-dati div:hover dt::after{border-bottom-color:var(--agro-verde)}
.agsp__lav-dati dd{
  margin:0; text-align:right;
  font-family:var(--agro-mono); font-size:.9rem; font-weight:500;
  color:var(--agro-scuro);
}

/* il capitolo per la GDO con i tre plus nello stesso blocco */
.agsp--gdo .agsp__plus{margin-top:var(--s5)}

/* link interni nel testo dei capitoli: verde con filo, non l'oro
   del tema, che sul bianco non si legge */
.agsp__capitolo p a{
  color:var(--agro-verde) !important; text-decoration:none !important;
  border-bottom:1px solid currentColor;
  transition:color .3s cubic-bezier(.32,.72,0,1);
}
.agsp__capitolo p a:hover{color:var(--agro-scuro) !important}

@media (max-width:900px){
  .agsp__lavorazioni{grid-template-columns:1fr; gap:var(--s4); margin-top:var(--s4)}
}
@media (max-width:560px){
  /* sul telefono etichetta sopra e valore sotto, senza filo */
  .agsp__lav-dati div{flex-direction:column; gap:4px; padding:10px 0; border-bottom:1px dotted var(--agro-linea)}
  .agsp__lav-dati div:last-child{border-bottom:0}
  .agsp__lav-dati dt{font-family:var(--agro-mono); font-size:.68rem; letter-spacing:.1em; text-transform:uppercase}
  .agsp__lav-dati dt::after{display:none}
  .agsp__lav-dati dd{text-align:left; font-family:var(--agro-testo); font-size:.98rem; font-weight:600}
}
@media (max-width:420px){
  .agsp__scheda{grid-template-columns:1fr; gap:var(--s2)}
}