@font-face{font-family:"F06 Display";font-style:normal;font-weight:600 900;font-display:swap;src:url(fonts/montserrat-latin-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212}
/* Fabrika 06 — skin v2 delle landing servizi/agenti (meta _fsv_skin = v2). Giallo della home #FFC700, fasce scure #111013, titoli Montserrat.
   Solo override sotto .ag--v2: le pagine senza skin restano come sono. Il giallo è sempre un fondo (testo scuro sopra), mai testo su bianco. */
.ag--v2{--ag-y:#FFC700;--ag-y-dark:#E6B300;--ag-y-soft:#FFF4CC;--ag-ink:#111013;--ag-ink2:#1A1B1F;--ag-accent:#604d3c;--ag-muted:#55534e;--ag-line:#e7e1d6;--ag-soft:#f6f2ec;--ag-r:18px;--ag-display:"F06 Display","Montserrat",system-ui,sans-serif;font-size:1.05rem}
.ag--v2 h2{font-family:var(--ag-display);font-weight:800;font-size:clamp(2.1rem,4.6vw,3.7rem);line-height:1.04;letter-spacing:-.03em;margin:0 0 .45em}
.ag--v2 h3{font-family:var(--ag-display);font-weight:700;font-size:1.2rem;letter-spacing:-.01em}
.ag--v2 .ag-band{padding:112px 0}
.ag--v2 .ag-head{margin-bottom:48px}
/* Barra gialla che si allunga quando il titolo entra in vista */
.ag--v2 .ag-head::before{content:"";display:block;width:56px;height:6px;border-radius:3px;background:var(--ag-y);margin:0 0 22px;transform-origin:left;transform:scaleX(0);transition:transform .7s cubic-bezier(.2,.8,.2,1) .15s}
.ag--v2 .ag-head.is-in::before{transform:scaleX(1)}
.ag--v2 .ag-sub{font-size:1.1rem}

/* Bottoni: giallo pieno con testo scuro, freccia che scorre */
.ag--v2 .ag-btn{background:var(--ag-y);color:var(--ag-ink)!important;font-family:var(--ag-display);font-weight:800;letter-spacing:.01em;padding:18px 30px;box-shadow:0 14px 34px -14px rgba(255,199,0,.75);position:relative}
.ag--v2 .ag-btn::after{content:"→";display:inline-block;margin-left:12px;transition:transform .25s}
.ag--v2 .ag-btn:hover{background:var(--ag-y-dark);transform:translateY(-3px)}
.ag--v2 .ag-btn:hover::after{transform:translateX(5px)}
.ag--v2 .ag-btn--ghost{background:transparent;color:#fff!important;border:2px solid rgba(255,255,255,.55);box-shadow:none}
.ag--v2 .ag-btn--ghost::after{content:"↓"}
.ag--v2 .ag-btn--ghost:hover{background:#fff;color:var(--ag-ink)!important;border-color:#fff}
.ag--v2 .ag-btn--ghost:hover::after{transform:translateY(3px)}
.ag--v2 .ag-btn--light{background:var(--ag-y);color:var(--ag-ink)!important}
.ag--v2 .ag-btn--light:hover{background:#fff}

/* ---------- Apertura scura: titolo, breadcrumb sotto, luce gialla in movimento ---------- */
.ag--v2 .ag-hero{position:relative;background:var(--ag-ink);color:#fff;padding:190px 0 120px;overflow:hidden;isolation:isolate}
.ag--v2 .ag-hero .ag-wrap{position:relative;z-index:1}
@media (min-width:981px){.ag--v2 .ag-hero .ag-wrap{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:72px}}
.ag--v2 .ag-hero .ag-wrap>.ag-rv:first-child{display:flex;flex-direction:column}
.ag--v2 .ag-hero .ag-eyebrow{order:-1}
.ag-hero__bg{position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 70% 40%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 70% 40%,#000 30%,transparent 80%)}
.ag-hero__bg span{position:absolute;border-radius:50%;filter:blur(90px);opacity:.38}
.ag-hero__bg span:first-child{width:520px;height:520px;background:var(--ag-y,#FFC700);top:-160px;right:-120px;animation:agGlow 16s ease-in-out infinite alternate}
.ag-hero__bg span:last-child{width:380px;height:380px;background:#604d3c;bottom:-200px;left:10%;opacity:.55;animation:agGlow 20s ease-in-out infinite alternate-reverse}
@keyframes agGlow{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-120px,80px) scale(1.15)}100%{transform:translate(-40px,160px) scale(.9)}}
.ag--v2 .ag-hero .ag-wrap>.ag-rv:first-child{container-type:inline-size}
/* Corpo del titolo: il minore tra la scala per lunghezza e quello che fa stare la parola più lunga (--ag-wl lettere) nella colonna. Mai parole spezzate. */
.ag--v2 .ag-title{--ag-fs:clamp(2.7rem,6.4vw,5.6rem);font-family:var(--ag-display);font-weight:900;font-size:var(--ag-fs);font-size:min(var(--ag-fs),calc(100cqi / (var(--ag-wl,8) * .74)));line-height:.98;letter-spacing:-.04em;color:#fff;margin:0 0 22px;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}
.ag--v2 .ag-hl{color:var(--ag-ink);padding:0 .1em;border-radius:.08em;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(var(--ag-y),var(--ag-y)) no-repeat 0 100%/100% 88%;animation:agMark .7s cubic-bezier(.2,.8,.2,1) .45s both}
/* Il giallo sale dal basso: animare la larghezza la fissava troppo presto e lasciava fuori le ultime lettere */
@keyframes agMark{from{background-size:100% 0}to{background-size:100% 88%}}
.ag-crumbs ol{display:flex;flex-wrap:wrap;gap:6px 0;list-style:none;margin:0 0 34px;padding:0;font-size:.9rem}
.ag-crumbs li{display:inline-flex;align-items:center;color:rgba(255,255,255,.55)}
.ag-crumbs li:not(:last-child)::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--ag-y,#FFC700);margin:0 12px}
.ag-crumbs a{color:rgba(255,255,255,.8)!important;text-decoration:none!important;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}
.ag-crumbs a:hover{color:#fff!important;border-bottom-color:var(--ag-y,#FFC700)}
.ag--v2 .ag-hero .ag-eyebrow li{background:transparent;border-color:rgba(255,255,255,.22);color:rgba(255,255,255,.82);font-size:.72rem;padding:6px 11px}
.ag--v2 .ag-hero .ag-eyebrow li:first-child{background:var(--ag-y);border-color:var(--ag-y);color:var(--ag-ink)}
.ag--v2 .ag-hero .ag-lead{color:#fff;font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.5}
.ag--v2 .ag-hero .ag-sub{color:rgba(255,255,255,.7)}
.ag--v2 .ag-hero .ag-sub strong{color:var(--ag-y)}
/* Flusso a destra: vetro scuro, puntini gialli */
.ag--v2 .ag-flow{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 40px 80px -40px rgba(0,0,0,.8);border-radius:24px;padding:32px 32px 28px}
.ag--v2 .ag-flow__title{color:var(--ag-y)}
.ag--v2 .ag-flow ol::before{background:rgba(255,255,255,.14)}
.ag--v2 .ag-flow li{opacity:.4}
.ag--v2 .ag-flow li.is-on{opacity:1}
.ag--v2 .ag-flow li::before{background:var(--ag-ink);border-color:rgba(255,255,255,.3)}
.ag--v2 .ag-flow li.is-on::before{background:var(--ag-y);border-color:var(--ag-y);box-shadow:0 0 0 6px rgba(255,199,0,.18),0 0 22px rgba(255,199,0,.5)}
.ag--v2 .ag-flow li strong{color:#fff;font-family:var(--ag-display);font-weight:700}
.ag--v2 .ag-flow li span{color:rgba(255,255,255,.62)}

/* ---------- Schede ---------- */
.ag--v2 .ag-card{position:relative;border-radius:var(--ag-r);padding:30px 28px 28px;overflow:hidden;isolation:isolate}
.ag--v2 .ag-card::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--ag-y);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.ag--v2 .ag-card:hover::before{transform:scaleX(1)}
.ag--v2 .ag-card::after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .3s;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(255,199,0,.16),transparent 60%)}
.ag--v2 .ag-card:hover::after{opacity:1}
.ag--v2 .ag-card:hover{transform:translateY(-6px);box-shadow:0 30px 50px -34px rgba(17,16,19,.55)}
.ag--v2 .ag-card__n{width:auto;height:auto;background:none;border-radius:0;display:block;font-family:var(--ag-display);font-weight:900;font-size:3.2rem;line-height:1;letter-spacing:-.05em;color:var(--ag-ink);margin-bottom:18px}
.ag--v2 .ag-card__n::before{content:"0"}
.ag--v2 .ag-card__n{background:linear-gradient(transparent 62%,var(--ag-y) 62%,var(--ag-y) 92%,transparent 92%) no-repeat 0 0/0 100%;transition:background-size .5s ease;padding-right:4px}
.ag--v2 .ag-card.is-in .ag-card__n{background-size:100% 100%}
.ag--v2 .ag-card__ico{width:48px;height:48px;border-radius:14px;background:var(--ag-y);color:var(--ag-ink)}


/* Cosa facciamo: fascia scura */
.ag--v2 #cosa-facciamo{background:var(--ag-ink);color:#fff}
.ag--v2 #cosa-facciamo h2{color:#fff}
.ag--v2 #cosa-facciamo .ag-card{background:var(--ag-ink2);border-color:rgba(255,255,255,.1)}
.ag--v2 #cosa-facciamo .ag-card h3{color:#fff}
.ag--v2 #cosa-facciamo .ag-card p{color:rgba(255,255,255,.66)}
.ag--v2 #cosa-facciamo .ag-card::after{background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(255,199,0,.13),transparent 60%)}

/* Come lavoriamo: linea gialla che si riempie */
.ag--v2 .ag-phases{gap:0 8px}
.ag--v2 .ag-phase{padding-top:48px}
.ag--v2 .ag-phase::before{top:17px;height:3px;background:var(--ag-line)}
.ag--v2 .ag-phase .ag-phase__fill,.ag--v2 .ag-phases::after{display:none}
.ag--v2 .ag-phase::before{background:linear-gradient(90deg,var(--ag-y) 50%,var(--ag-line) 50%) no-repeat;background-size:200% 100%;background-position:100% 0;transition:background-position .9s ease}
.ag--v2 .ag-phase.is-in::before{background-position:0 0}
.ag--v2 .ag-phase::after{width:36px;height:36px;font-size:.95rem;font-family:var(--ag-display);font-weight:900;background:var(--ag-ink);color:var(--ag-y);box-shadow:0 0 0 7px #fff}
.ag--v2 .ag-phase h3{font-size:1.1rem}

/* La prova: fascia gialla piena */
.ag--v2 .ag-band--accent{background:var(--ag-y);color:var(--ag-ink)}
.ag--v2 .ag-band--accent h2{color:var(--ag-ink)}
.ag--v2 .ag-band--accent .ag-prose,.ag--v2 .ag-band--accent .ag-prose p{color:var(--ag-ink)}
.ag--v2 .ag-change .ag-prose p strong{color:var(--ag-ink)}
.ag--v2 .ag-band--accent .ag-card{border:0;box-shadow:0 24px 40px -30px rgba(17,16,19,.45)}
.ag--v2 .ag-band--accent .ag-card::before{background:var(--ag-ink)}
.ag--v2 .ag-band--accent .ag-card h3{font-size:1.25rem}

/* Servizi dell'area: scheda che diventa scura al passaggio */
.ag--v2 .ag-card--agent{transition:transform .25s,box-shadow .25s,background .3s,color .3s}
.ag--v2 .ag-card--agent:hover{background:var(--ag-ink);border-color:var(--ag-ink)}
.ag--v2 .ag-card--agent:hover h3{color:#fff}
.ag--v2 .ag-card--agent:hover p{color:rgba(255,255,255,.7)}
.ag--v2 .ag-card--agent:hover .ag-card__foot{color:#fff!important}
.ag--v2 .ag-card__arrow{background:var(--ag-y-soft);color:var(--ag-ink)}
.ag--v2 .ag-card--agent:hover .ag-card__arrow{background:var(--ag-y);color:var(--ag-ink);transform:translateX(4px)}
.ag--v2 .ag-card--agent:hover::after{background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(255,199,0,.18),transparent 60%)}

/* Esploratore agenti */
.ag--v2 .fsa-tab{font-family:var(--ag-display);font-weight:600;font-size:.92rem;transition:background .2s,border-color .2s,transform .2s}
.ag--v2 .fsa-tab:hover{border-color:var(--ag-ink);transform:translateY(-2px)}
.ag--v2 .fsa-explorer:not(.-on-dark) .fsa-tab.is-active{background:var(--ag-y);color:var(--ag-ink);border-color:var(--ag-y)}
.ag--v2 .fsa-item{font-family:var(--ag-display);font-weight:600;font-size:1.05rem;padding:22px 0}
.ag--v2 .fsa-explorer:not(.-on-dark) .fsa-item.is-active .fsa-item__arrow{background:var(--ag-y);color:var(--ag-ink)}
.ag--v2 .fsa-detail{background:var(--ag-soft);border-radius:var(--ag-r);padding:34px 34px 30px;border-top:5px solid var(--ag-y);animation:agIn .45s ease}
.ag--v2 .fsa-detail h3{font-size:1.45rem}
.ag--v2 .fsa-explorer:not(.-on-dark) .fsa-detail__more a{color:var(--ag-ink);border-bottom:3px solid var(--ag-y)}
@keyframes agIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* FAQ */
.ag--v2 .ag-acc summary{font-family:var(--ag-display);font-weight:700;font-size:1.12rem;padding:22px 0;transition:color .2s}
.ag--v2 .ag-acc summary::after{content:"+";flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ag-y-soft);color:var(--ag-ink);font-size:1.4rem;transition:transform .3s,background .2s}
.ag--v2 .ag-acc summary:hover::after,.ag--v2 .ag-acc details[open] summary::after{background:var(--ag-y)}
.ag--v2 .ag-acc details[open] p{animation:agIn .35s ease}

/* CTA finale */
.ag--v2 .ag-band--ink{background:var(--ag-ink);position:relative;overflow:hidden}
.ag--v2 .ag-cta::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:var(--ag-y);filter:blur(120px);opacity:.22;right:-160px;bottom:-260px;pointer-events:none}
.ag--v2 .ag-cta .ag-wrap{position:relative}
.ag--v2 .ag-cta h2{font-size:clamp(2.4rem,5.2vw,4.4rem)}
.ag--v2 .ag-cta__meta li{background:rgba(255,199,0,.14);color:var(--ag-y)}
.ag--v2 .ag-form{border-top:6px solid var(--ag-y)}
.ag--v2 .ag-form .frm_submit button,.ag--v2 .ag-form .frm_button_submit{background:var(--ag-y)!important;color:var(--ag-ink)!important}
.ag--v2 .ag-form .frm_submit button:hover{background:var(--ag-y-dark)!important}
.ag--v2 .ag-form input:focus,.ag--v2 .ag-form select:focus,.ag--v2 .ag-form textarea:focus{border-color:var(--ag-ink);outline-color:rgba(255,199,0,.45)}

@media (prefers-reduced-motion:reduce){.ag-hero__bg span{animation:none}.ag--v2 .ag-hl{animation:none}.ag--v2 .ag-head::before{transform:none;transition:none}.ag--v2 .ag-card__n{background-size:100% 100%;transition:none}.ag--v2 .ag-phase::before{background-position:0 0;transition:none}}
@media (max-width:980px){.ag--v2 .ag-hero{padding:180px 0 80px}.ag--v2 .ag-band{padding:76px 0}.ag--v2 .ag-hero .ag-wrap{gap:40px}.ag--v2 .ag-phases{grid-template-columns:1fr}.ag--v2 .ag-phase{padding:0 0 28px 60px}.ag--v2 .ag-phase::before{left:17px;right:auto;top:0;bottom:0;width:3px;height:auto;background:linear-gradient(180deg,var(--ag-y) 50%,var(--ag-line) 50%) no-repeat;background-size:100% 200%;background-position:0 100%}.ag--v2 .ag-phase.is-in::before{background-position:0 0}.ag--v2 .fsa-detail{padding:24px 20px}}
@media (max-width:560px){.ag--v2 .ag-card__n{font-size:2.6rem}}

/* Header Ohio sopra l'apertura scura: logo e voci restano bianchi finché non diventa sticky */
body.fsv-skin-v2 .page-headline{display:none}
/* Reparti sotto i bottoni dell'apertura (al posto dei chip sopra il titolo) */
.ag--v2 .ag-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:34px 0 0;font-size:.82rem;color:rgba(255,255,255,.62)}
.ag--v2 .ag-tags span{font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ag-y);font-size:.72rem}
.ag--v2 .ag-tags em{font-style:normal;position:relative}
.ag--v2 .ag-tags em+em::before{content:"/";position:absolute;left:-12px;color:rgba(255,255,255,.25)}
/* Titoli lunghi (oltre 28 caratteri): corpo ridotto per stare in 2-3 righe */
.ag--v2 .ag-title--long{--ag-fs:clamp(2.3rem,4.4vw,4rem);line-height:1.02}

/* ================= Pagine agente ================= */
/* Chip di stato nell'apertura ("Progetto tipo · demo", "Realizzato per clienti") */
.ag--v2 .ag-hero .ag-eyebrow li.is-state{background:transparent;border-color:var(--ag-y);color:var(--ag-y)}
.ag--v2 .ag-flow__human{border-top-color:rgba(255,255,255,.15);color:rgba(255,255,255,.7)}
.ag--v2 .ag-flow__human svg{color:var(--ag-y)}
/* Titoli di sezione senza .ag-head: stessa barra gialla */
.ag--v2 #risultati h2::before,.ag--v2 #perche h2::before,.ag--v2 #soluzione h2::before,.ag--v2 #stack h2::before,.ag--v2 #fasi h2::before,.ag--v2 #controlli h2::before{content:"";display:block;width:56px;height:6px;border-radius:3px;background:var(--ag-y);margin:0 0 22px}
.ag--v2 #risultati h2::before{background:var(--ag-ink)}

/* Numeri: fascia gialla, riquadri scuri, cifre gialle */
.ag--v2 #risultati{background:var(--ag-y);color:var(--ag-ink)}
.ag--v2 #risultati h2{color:var(--ag-ink);margin-bottom:40px}
.ag--v2 .ag-stat{background:var(--ag-ink);border:0;border-radius:var(--ag-r);padding:28px 24px;box-shadow:0 26px 44px -30px rgba(17,16,19,.7);transition:transform .25s}
.ag--v2 .ag-stat:hover{transform:translateY(-5px)}
.ag--v2 .ag-stat__label{color:rgba(255,255,255,.6)}
.ag--v2 .ag-stat__after{font-family:var(--ag-display);font-weight:900;font-size:clamp(1.9rem,2.8vw,2.7rem);letter-spacing:-.03em;color:var(--ag-y)}
.ag--v2 .ag-stat__before{color:rgba(255,255,255,.6)}
.ag--v2 .ag-stat__note{color:rgba(255,255,255,.55)}
.ag--v2 .ag-stats__foot{color:rgba(17,16,19,.75)}

/* Contesto e problema */
.ag--v2 .ag-callout{border-left:6px solid var(--ag-y);border-radius:0 var(--ag-r) var(--ag-r) 0;background:var(--ag-soft);box-shadow:none}
.ag--v2 .ag-callout h3{font-size:1.3rem}

/* Soluzione: timeline con numeri scuri bordati di giallo */
.ag--v2 .ag-tl::before{width:3px;background:linear-gradient(var(--ag-y),var(--ag-line))}
.ag--v2 .ag-tl__item::before{background:var(--ag-ink);color:var(--ag-y);font-family:var(--ag-display);font-weight:900;box-shadow:0 0 0 6px #fff,0 0 0 8px var(--ag-y)}
.ag--v2 .ag-tl__card{border-radius:var(--ag-r);transition:transform .25s,box-shadow .25s,border-color .25s}
.ag--v2 .ag-tl__card:hover{transform:translateY(-4px);border-color:var(--ag-y);box-shadow:0 24px 40px -30px rgba(17,16,19,.45)}
.ag--v2 .ag-tl__human{background:var(--ag-ink);border-left:6px solid var(--ag-y)}
.ag--v2 .ag-tl__human svg{color:var(--ag-y);flex:0 0 auto}

/* Scelte tecniche: fascia scura */
.ag--v2 #stack{background:var(--ag-ink);color:#fff}
.ag--v2 #stack h2{color:#fff}
.ag--v2 #stack .ag-sub{color:rgba(255,255,255,.65)}
.ag--v2 .ag-card--stack{background:var(--ag-ink2);border:1px solid rgba(255,255,255,.1);border-top:0}
.ag--v2 .ag-card--stack h3{color:#fff}
.ag--v2 .ag-card--stack p{color:rgba(255,255,255,.66)}
.ag--v2 .ag-card--stack .ag-kicker{color:var(--ag-y)}
.ag--v2 .ag-card--stack::before{transform:scaleX(1);height:4px}
.ag--v2 .ag-card--stack::after{background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(255,199,0,.13),transparent 60%)}

/* Fasi: durata in pillola gialla */
.ag--v2 .ag-phase__dur{background:var(--ag-y-soft);color:var(--ag-ink)}

/* Collegamenti finali */
.ag--v2 .ag-related{background:var(--ag-soft);border-top:0;padding:48px 0}
.ag--v2 .ag-related a{color:var(--ag-ink);text-decoration:none;border-bottom:2px solid var(--ag-y)}
.ag--v2 .ag-related a:hover{background:var(--ag-y-soft)}
.ag--v2 .ag-cta__box ul:not(.ag-cta__meta) li{color:rgba(255,255,255,.8)}
/* Titoli molto lunghi (oltre 40 caratteri, tipici degli agenti) */
.ag--v2 .ag-title--xlong{--ag-fs:clamp(2.1rem,3.7vw,3.4rem);line-height:1.04}
/* Breadcrumb: niente margini ereditati dal tema, più compatta su telefono */
.ag-crumbs li{margin:0;line-height:1.5;padding:0}
@media (max-width:560px){.ag-crumbs ol{font-size:.8rem;gap:4px 0;margin-bottom:26px}.ag-crumbs li:not(:last-child)::after{margin:0 9px}}

/* ---------- Griglie bilanciate: colonne scelte in base al numero di box ----------
   1-5 su una riga; 6 → 3+3; 7 → 4+3; 8 → 4+4; 9 → 3+3+3; 10 → 5+5; 11-12 → 4 per riga.
   Se l'ultima riga è incompleta i suoi box si allargano (flex-grow) e la riempiono: nessun buco. */
.ag--v2 .ag-cards{--cols:3;--gap:20px;display:flex;flex-wrap:wrap;gap:var(--gap)}
.ag--v2 .ag-cards>*{flex:1 1 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));min-width:0}
.ag--v2 .ag-cards:has(>:nth-child(1):last-child){--cols:1}
.ag--v2 .ag-cards:has(>:nth-child(2):last-child){--cols:2}
.ag--v2 .ag-cards:has(>:nth-child(3):last-child){--cols:3}
.ag--v2 .ag-cards:has(>:nth-child(4):last-child){--cols:4}
.ag--v2 .ag-cards:has(>:nth-child(5):last-child){--cols:5}
.ag--v2 .ag-cards:has(>:nth-child(6):last-child){--cols:3}
.ag--v2 .ag-cards:has(>:nth-child(7):last-child),.ag--v2 .ag-cards:has(>:nth-child(8):last-child){--cols:4}
.ag--v2 .ag-cards:has(>:nth-child(9):last-child){--cols:3}
.ag--v2 .ag-cards:has(>:nth-child(10):last-child){--cols:5}
.ag--v2 .ag-cards:has(>:nth-child(n+11)){--cols:4}
/* Testi lunghi (scelte tecniche degli agenti): con 5 voci meglio 3+2 che 5 colonne strette */
.ag--v2 #stack .ag-cards:has(>:nth-child(5):last-child){--cols:3}
/* La prova: colonna unica di riquadri accanto al testo */
.ag--v2 #prova .ag-cards{--cols:1!important}
@media (max-width:1100px){.ag--v2 .ag-cards:has(>:nth-child(5)){--cols:3}}
@media (max-width:980px){.ag--v2 .ag-cards{--cols:2!important}}
@media (max-width:600px){.ag--v2 .ag-cards{--cols:1!important}}