/* =====================================================================
   USFAB 3.1 — Pagine interne: CCNL Sport, Diventa associato, Formazione,
   Aree di intervento, Rappresentanza, Partner, FAQ, News; menu a tendina; moduli.
   Usa i token di main.css.
   ===================================================================== */

/* ---------- Menu a tendina (header) ---------- */
.c-nav__item--dd{position:relative}
.c-nav__item--dd > .c-nav__link{cursor:pointer}
.c-dd{position:absolute;left:50%;top:calc(100% + 8px);width:340px;padding:10px;border-radius:var(--r-m);background:#fff;color:var(--ink);box-shadow:0 30px 70px -24px rgba(11,40,20,.5),0 0 0 1px rgba(20,35,26,.06);transform:translate(-50%,8px);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),transform .4s var(--ease),visibility 0s .4s;z-index:20}
.c-dd::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.c-nav__item--dd.is-open .c-dd{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .3s var(--ease),transform .4s var(--ease),visibility 0s}
.c-dd a{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;transition:background-color .25s}
.c-dd a:hover,.c-dd a:focus-visible,.c-dd a[aria-current="page"]{background:var(--bg-l)}
.c-dd__ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,rgba(143,219,42,.22),rgba(15,138,46,.08));color:var(--g)}
.c-dd__ico svg{width:20px;height:20px}
.c-dd b{display:block;font-family:var(--ff-h);font-weight:800;font-size:.9rem;line-height:1.2}
.c-dd small{display:block;font-size:.76rem;color:var(--ink-2);line-height:1.35;margin-top:2px}
.c-nav__link[aria-current="page"],.c-nav__item--dd.is-current > .c-nav__link{box-shadow:inset 0 -2px 0 var(--lime)}

/* ---------- Hero pagine interne: icona negli anelli ---------- */
.p-hero__disc{position:relative;z-index:1;display:grid;place-items:center;width:58%;aspect-ratio:1;border-radius:50%;background:var(--gloss);box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 30px 60px -20px rgba(0,0,0,.6),0 0 0 10px rgba(255,255,255,.06);animation:breathe 5s ease-in-out infinite}
.p-hero__disc svg{width:44%;height:44%;color:#fff;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}
.p-hero__disc::after{content:"";position:absolute;inset:8%;border-radius:50%;border:1.5px dashed rgba(255,255,255,.35)}
.p-hero__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.p-hero__tags .c-chip{background:rgba(143,219,42,.08);color:#e4f7cf;border-color:rgba(143,219,42,.22)}
@media (min-width:960px){.p-hero--in .p-hero__grid{grid-template-columns:1.25fr .75fr}}

/* ---------- Layout ---------- */
.l-split{display:grid;gap:clamp(36px,5vw,72px);align-items:start}
@media (min-width:960px){.l-split{grid-template-columns:1.05fr .95fr}.l-split--center{align-items:center}.l-split--rev > :first-child{order:2}}
.l-cards{display:grid;gap:18px}
@media (min-width:700px){.l-cards{grid-template-columns:1fr 1fr}}
@media (min-width:1080px){.l-cards--3{grid-template-columns:repeat(3,1fr)}.l-cards--4{grid-template-columns:repeat(4,1fr)}}
.s__head p.t-lead{margin-top:18px}
.s-text p{color:var(--ink-2)}
.s--dark .s-text p,.s--dark2 .s-text p{color:var(--mute-d)}
.s-text .c-btns{margin-top:28px}
.s-text .c-inbreve{margin-top:26px}

/* ---------- Card servizio / beneficio ---------- */
.c-feat{display:flex;flex-direction:column;gap:14px;height:100%}
.c-feat h3{font-size:1.18rem;line-height:1.2}
.c-feat p{margin:0;color:var(--ink-2);font-size:.95rem}
.s--dark .c-feat p,.s--dark2 .c-feat p{color:var(--mute-d)}
.c-feat__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.c-feat__n{font-family:var(--ff-h);font-weight:900;font-size:.8rem;letter-spacing:.1em;color:var(--g);opacity:.7}
.s--dark .c-feat__n,.s--dark2 .c-feat__n{color:var(--lime)}
.c-feat__link{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-h);font-weight:800;font-size:.86rem;color:var(--g)}
.s--dark .c-feat__link,.s--dark2 .c-feat__link{color:var(--lime)}
.c-feat__link svg{width:16px;height:16px;transition:transform .35s var(--ease)}
.c-feat__link:hover svg{transform:translateX(4px)}
.c-feat--pending{border-color:rgba(143,219,42,.6)!important}
.c-feat .c-ribbon{position:static;align-self:flex-start}

/* ---------- Checklist ---------- */
.c-checks{display:grid;gap:10px}
@media (min-width:640px){.c-checks--2{grid-template-columns:1fr 1fr}}
.c-checks li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line-l);font-weight:600;font-size:.95rem;line-height:1.4}
.c-checks li::before{content:"";flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--g) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.s--dark .c-checks li,.s--dark2 .c-checks li{background:rgba(255,255,255,.05);border-color:var(--line-d)}
.s--dark .c-checks li::before,.s--dark2 .c-checks li::before{background-color:var(--lime);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%2314231A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E")}

/* ---------- Passi numerati orizzontali ---------- */
.c-path{display:grid;gap:16px;counter-reset:pth;position:relative}
@media (min-width:900px){.c-path{grid-template-columns:repeat(var(--n,4),1fr)}.c-path::before{content:"";position:absolute;left:30px;right:30px;top:30px;height:2px;background:linear-gradient(90deg,var(--lime),rgba(143,219,42,.15))}}
.c-path li{position:relative;counter-increment:pth;padding:0 6px 0 0}
.c-path li::before{content:"0" counter(pth);position:relative;z-index:1;display:grid;place-items:center;width:60px;height:60px;margin-bottom:16px;border-radius:50%;background:var(--bg-d);border:2px solid var(--lime);color:var(--lime);font-family:var(--ff-h);font-weight:900;font-size:1rem;box-shadow:0 0 0 8px var(--bg-d)}
.s--dark2 .c-path li::before{background:var(--bg-d2);box-shadow:0 0 0 8px var(--bg-d2)}
.s--light .c-path li::before{background:#fff;border-color:var(--g);color:var(--g);box-shadow:0 0 0 8px var(--bg-l)}
.s--light .c-path::before{background:linear-gradient(90deg,var(--g),rgba(15,138,46,.12))}
.c-path h3{font-size:1.08rem;margin-bottom:6px}
.c-path p{margin:0;font-size:.93rem;color:var(--mute-d)}
.s--light .c-path p{color:var(--ink-2)}

/* ---------- Fascia CTA ---------- */
.s-band{padding:clamp(50px,6vw,90px) 0}
.c-band{position:relative;overflow:hidden;isolation:isolate;display:grid;gap:24px;align-items:center;padding:clamp(30px,5vw,56px);border-radius:var(--r-xl);background:var(--gloss);color:#fff;box-shadow:var(--sh-2)}
@media (min-width:900px){.c-band{grid-template-columns:1fr auto}}
.c-band .c-rings{position:absolute;right:-140px;top:50%;width:460px;height:460px;transform:translateY(-50%);opacity:.22;z-index:-1}
.c-band h2{font-size:clamp(1.7rem,3.2vw,2.7rem);font-weight:900;letter-spacing:-.03em;line-height:1.02;margin-bottom:10px}
.c-band p{margin:0;max-width:560px;opacity:.9}
.c-band .c-btn--ghost{color:#fff}

/* ---------- Mappa radiale delle aree ---------- */
.c-radial{position:relative;width:min(520px,100%);aspect-ratio:1;margin:0 auto}
.c-radial svg{width:100%;height:100%;overflow:visible}
.c-radial__spoke{stroke:rgba(15,138,46,.25);stroke-width:1.5;stroke-dasharray:4 6}
.c-radial__flow{stroke:var(--lime);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:18 200;animation:radialFlow 3.6s linear infinite}
@keyframes radialFlow{to{stroke-dashoffset:-218}}
.c-radial__orbit{fill:none;stroke:rgba(15,138,46,.15);stroke-width:1}
.c-radial__orbit--b{stroke:rgba(143,219,42,.45);stroke-dasharray:2 7;transform-origin:260px 260px;animation:spin 60s linear infinite}
.c-radial a{cursor:pointer}
.c-radial__node circle{fill:#fff;stroke:var(--g);stroke-width:2;transition:fill .3s,stroke-width .3s}
.c-radial__node text{font-family:var(--ff-h);font-weight:900;font-size:15px;fill:var(--g);dominant-baseline:central;pointer-events:none}
.c-radial__node text:not(.lbl){text-anchor:middle}
.c-radial__node .lbl{font-weight:800;font-size:14px;fill:var(--ink)}
.c-radial a:hover circle,.c-radial a:focus-visible circle{fill:var(--lime);stroke-width:4}
.c-radial__hub{animation:breathe 5s ease-in-out infinite;transform-origin:260px 260px}
@keyframes spin{to{transform:rotate(360deg)}}
.c-area{scroll-margin-top:110px}
.c-area__rows{display:grid;gap:10px;margin-top:4px}
.c-area__row{padding:12px 14px;border-radius:12px;background:var(--bg-l);font-size:.92rem;line-height:1.45}
.c-area__row b{display:block;font-family:var(--ff-h);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--g);margin-bottom:2px}
.c-area__row p{margin:0;color:var(--ink)!important;font-size:.92rem!important}
.c-area__row--usfab{background:rgba(143,219,42,.16)}

/* ---------- Partner ---------- */
.c-partner{display:grid;gap:18px;height:100%;align-content:start}
.c-partner .c-logo-ph{min-height:84px;font-size:1rem;background:var(--bg-l);border:1px solid var(--line-l);filter:none;opacity:1}
.c-partner__role{font-family:var(--ff-h);font-weight:800;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--g);margin:0}
.c-partner h3{font-size:1.2rem}
.c-partner p{margin:0;color:var(--ink-2);font-size:.95rem}
.c-signrow{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (min-width:860px){.c-signrow{grid-template-columns:repeat(4,1fr)}}
.c-signrow .c-logo-ph{min-height:86px;background:#fff;border:1px solid var(--line-l);filter:none;opacity:1}
.c-signrow__lbl{display:block;text-align:center;font-family:var(--ff-b);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g);margin-top:6px}
.c-duo2{display:grid;gap:18px}
@media (min-width:860px){.c-duo2{grid-template-columns:1fr 1fr}}
.c-duo2__box{padding:clamp(24px,3vw,36px);border-radius:var(--r-l);background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.015));border:1px solid var(--line-d)}
.c-duo2__box h3{font-size:1.35rem;margin:14px 0 8px}
.c-duo2__box p{color:var(--mute-d);margin:0}
.c-duo2__k{display:inline-flex;gap:8px;align-items:center;font-family:var(--ff-h);font-weight:900;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}
.c-duo2__big{display:block;font-family:var(--ff-h);font-weight:900;font-size:clamp(2.6rem,5vw,4rem);line-height:1;letter-spacing:-.04em;margin-top:18px;background:var(--gloss-lime);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- Argomenti (chips grandi) ---------- */
.c-topics{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.c-topics .c-chip{padding:11px 18px;font-size:.92rem;font-weight:700}
.c-who{display:grid;gap:14px;margin-top:clamp(40px,5vw,64px)}
@media (min-width:860px){.c-who{grid-template-columns:repeat(3,1fr)}}
.c-who__item{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:var(--r-m);background:rgba(255,255,255,.05);border:1px solid var(--line-d)}
.c-who__item h3{font-size:1rem;margin-bottom:4px}
.c-who__item p{margin:0;font-size:.9rem;color:var(--mute-d)}
.c-who__item .c-ico-box{width:46px;height:46px;border-radius:12px}
.c-who__item .c-ico-box svg{width:22px;height:22px}

/* ---------- Presidente ---------- */
.c-pres{display:grid;gap:22px;align-items:center;padding:clamp(24px,4vw,40px);border-radius:var(--r-l);background:#fff;border:1px solid var(--line-l);box-shadow:var(--sh-1)}
@media (min-width:760px){.c-pres{grid-template-columns:120px 1fr auto}}
.c-pres__mark{width:120px;height:120px}
.c-pres h3{font-size:1.4rem;margin:4px 0 6px}
.c-pres p{margin:0;color:var(--ink-2)}
.c-pres a{color:var(--g);text-decoration:underline;text-underline-offset:3px}

/* ---------- FAQ pagina ---------- */
.s-faqp .c-filter{flex-wrap:wrap;border-radius:22px}
.s-faqp__wrap{max-width:920px;margin:0 auto}
.s-faqp .c-acc__q .c-acc__tag{margin-right:0}
.s-faqp__foot{margin-top:34px;text-align:center;color:var(--mute-d)}
.s-faqp__foot a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}

/* ---------- Moduli ---------- */
.c-form--wide .c-form__grid{grid-template-columns:1fr}
@media (min-width:640px){.c-form--wide .c-form__grid{grid-template-columns:1fr 1fr}}
.c-form legend{font-size:.78rem;font-weight:700;letter-spacing:.04em;margin-bottom:8px;color:var(--ink-2)}
.c-form fieldset{border:0;padding:0;margin:0;min-width:0}
.c-form__need input[type="checkbox"] + span::before{content:"+";margin-right:6px;font-weight:800;opacity:.6}
.c-form__need input[type="checkbox"]:checked + span::before{content:"✓";opacity:1}
.c-form__priv{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;color:var(--ink-2)}
.c-form__priv input{margin-top:4px;accent-color:var(--g);width:16px;height:16px;flex:none}
.c-form__priv a{text-decoration:underline}
.c-form__priv.is-err{color:#b23c1c}
.c-form fieldset.is-err legend{color:#b23c1c}
.c-form__sent{display:none}
.c-form.is-sent .c-form__sent{display:block}
.c-form__aside{display:grid;gap:14px;margin-top:26px}
.c-form__aside li{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;color:var(--ink-2)}
.c-form__aside li svg{flex:none;width:22px;height:22px;color:var(--g);margin-top:2px}
.c-form__notice--ok{display:flex;gap:12px;align-items:flex-start}
.c-form__notice--ok::before{content:"✓";flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--g);color:#fff;font-weight:900}
.c-form [type="submit"][disabled]{opacity:.6;pointer-events:none}

/* ---------- News ---------- */
.p-news{background:var(--bg-l)}
.c-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px}
.c-cats a{padding:9px 16px;border-radius:999px;border:1.5px solid var(--line-l);font-family:var(--ff-h);font-weight:800;font-size:.8rem;background:#fff;transition:.25s}
.c-cats a:hover{border-color:var(--g);color:var(--g)}
.c-cats a[aria-current="page"]{background:var(--g);border-color:var(--g);color:#fff}
.c-posts{display:grid;gap:22px}
@media (min-width:700px){.c-posts{grid-template-columns:1fr 1fr}}
@media (min-width:1080px){.c-posts{grid-template-columns:repeat(3,1fr)}}
.c-postcard{display:flex;flex-direction:column;border-radius:var(--r-l);overflow:hidden;background:#fff;border:1px solid var(--line-l);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.c-postcard:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(15,138,46,.45),0 0 0 1px rgba(143,219,42,.5)}
.c-postcard__img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--bg-d)}
.c-postcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.c-postcard:hover .c-postcard__img img{transform:scale(1.05)}
.c-postcard__ph{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(60% 80% at 80% 10%,rgba(143,219,42,.35),transparent 70%),linear-gradient(150deg,#13281C,#0F1F16)}
.c-postcard__ph::before{content:"";position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(143,219,42,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(143,219,42,.25) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at 70% 30%,#000,transparent 75%);-webkit-mask-image:radial-gradient(circle at 70% 30%,#000,transparent 75%)}
.c-postcard__ph svg{position:relative;width:76px;height:76px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}
.c-postcard__body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px;flex:1}
.c-postcard__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.76rem;font-weight:700;color:var(--ink-2)}
.c-postcard__cat{padding:4px 10px;border-radius:999px;background:rgba(15,138,46,.1);color:var(--g-dk);font-family:var(--ff-h);font-weight:800;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}
.c-postcard h2,.c-postcard h3{font-size:1.18rem;line-height:1.22}
.c-postcard h2 a::after,.c-postcard h3 a::after{content:"";position:absolute;inset:0}
.c-postcard{position:relative}
.c-postcard p{margin:0;color:var(--ink-2);font-size:.93rem}
.c-postcard__more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-h);font-weight:800;font-size:.84rem;color:var(--g)}
.c-postcard__more svg{width:16px;height:16px}
.c-postcard--feat{grid-column:1/-1}
@media (min-width:900px){.c-postcard--feat{flex-direction:row}.c-postcard--feat .c-postcard__img{flex:0 0 52%;aspect-ratio:auto;min-height:340px}.c-postcard--feat .c-postcard__body{padding:38px 40px;justify-content:center}.c-postcard--feat h2{font-size:clamp(1.5rem,2.4vw,2.1rem)}}
.c-empty{text-align:center;padding:60px 24px;border-radius:var(--r-l);background:#fff;border:1px dashed rgba(15,138,46,.35)}
.c-empty svg{width:56px;height:56px;margin:0 auto 14px;color:var(--g)}
.c-empty h2{font-size:1.4rem;margin-bottom:8px}
.c-empty p{color:var(--ink-2)}
.c-pager{margin-top:44px}
.c-pager .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.c-pager .page-numbers{display:grid;place-items:center;min-width:46px;height:46px;padding:0 14px;border-radius:999px;background:#fff;border:1.5px solid var(--line-l);font-family:var(--ff-h);font-weight:800;font-size:.86rem}
.c-pager .page-numbers.current{background:var(--g);border-color:var(--g);color:#fff}
.c-pager a.page-numbers:hover{border-color:var(--g);color:var(--g)}

/* Articolo */
.p-post__hero .p-hero__claim{font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.02}
.p-post__meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:24px;font-size:.88rem;color:var(--mute-d)}
.p-post__meta .c-postcard__cat{background:rgba(143,219,42,.15);color:var(--lime)}
.p-post__body{background:var(--bg-l);padding:0 0 clamp(60px,7vw,100px)}
.p-post__img{max-width:1000px;margin:-70px auto 0;position:relative;z-index:2;border-radius:var(--r-l);overflow:hidden;box-shadow:var(--sh-2)}
.p-post__img img{width:100%;max-height:560px;object-fit:cover}
.p-post__grid{display:grid;gap:40px;max-width:1000px;margin:0 auto;padding-top:clamp(40px,5vw,64px)}
@media (min-width:1000px){.p-post__grid{grid-template-columns:1fr 240px}}
.p-prose{font-size:1.08rem;line-height:1.75;color:var(--ink)}
.p-prose > *{max-width:72ch}
.p-prose h2{font-size:clamp(1.5rem,2.4vw,2rem);margin:1.6em 0 .55em}
.p-prose h3{font-size:1.3rem;margin:1.4em 0 .5em}
.p-prose p,.p-prose ul,.p-prose ol{margin:0 0 1.15em}
.p-prose ul{list-style:disc;padding-left:1.3em}
.p-prose ol{padding-left:1.3em}
.p-prose li+li{margin-top:.35em}
.p-prose a{color:var(--g);text-decoration:underline;text-underline-offset:3px}
.p-prose blockquote{margin:1.6em 0;padding:18px 24px;border-left:4px solid var(--lime);background:#fff;border-radius:0 var(--r-m) var(--r-m) 0;font-family:var(--ff-h);font-weight:700;font-size:1.15rem}
.p-prose img{border-radius:var(--r-m)}
.p-prose figure{margin:1.6em 0}
.p-prose figcaption{font-size:.84rem;color:var(--ink-2);margin-top:8px}
.p-post__side{display:grid;gap:18px;align-content:start}
@media (min-width:1000px){.p-post__side{position:sticky;top:100px}}
.c-share{padding:20px;border-radius:var(--r-m);background:#fff;border:1px solid var(--line-l)}
.c-share b{display:block;font-family:var(--ff-h);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--g);margin-bottom:12px}
.c-share__btns{display:flex;flex-wrap:wrap;gap:8px}
.c-share__btns a,.c-share__btns button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--bg-l);border:1px solid var(--line-l);color:var(--g);font-family:var(--ff-h);font-weight:900;font-size:.8rem;transition:.25s}
.c-share__btns a:hover,.c-share__btns button:hover{background:var(--g);color:#fff;border-color:var(--g)}
.c-share__btns svg{width:18px;height:18px}
.c-sidecta{padding:22px;border-radius:var(--r-m);background:var(--bg-d);color:#fff}
.c-sidecta b{display:block;font-family:var(--ff-h);font-size:1.05rem;line-height:1.2;margin-bottom:8px}
.c-sidecta p{font-size:.88rem;color:var(--mute-d)}
.c-sidecta .c-btn{width:100%}
.p-post__related{padding:clamp(60px,7vw,100px) 0;background:#fff}
.p-post__related h2{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:30px}
.p-post__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}

/* ---------- Mobile ---------- */
@media (max-width:640px){
  .c-band .c-btns .c-btn{flex:1 1 100%}
  .c-pres{text-align:left}
  .c-radial__node .lbl{display:none}
  .p-post__img{margin-top:-40px;border-radius:var(--r-m)}
}
@media (prefers-reduced-motion:reduce){.c-radial__flow,.c-radial__orbit--b,.c-radial__hub,.p-hero__disc{animation:none}}
.no-marquee .c-radial__flow{animation:none}
.c-drawer__cta{grid-template-columns:1fr}
.c-drawer__links a[aria-current="page"],.c-drawer__main[aria-current="page"]{color:var(--lime)}
@media (min-width:900px){.c-footer__top{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.c-path{list-style:none;margin:0;padding:0}
.c-card .c-signrow{grid-template-columns:repeat(2,1fr)}
.c-mode--feat .c-feat__link{color:#fff}
.c-card.is-hover{box-shadow:0 30px 60px -30px rgba(15,138,46,.45),0 0 0 2px var(--lime)}
.c-feat__top .c-badge{margin-left:auto;margin-right:10px}
@media (max-width:959px){.p-hero--in .p-hero__logo{width:min(230px,62vw)}}

/* 3.2 — loghi veri, date del CCNL */
.c-logo-ph--img{padding:12px 14px}
.c-logo-img{display:block;width:auto;max-width:100%;max-height:54px;object-fit:contain;margin:0 auto}
.c-signers .c-logo-img{max-height:40px}
.c-signers__logos{grid-template-columns:repeat(2,1fr)}
.c-signers__logos--3{grid-template-columns:repeat(3,1fr)}
.c-card .c-signrow{grid-template-columns:repeat(2,1fr)}
.c-signrow__wide,.c-logo-ph--wide{grid-column:1/-1}
.c-logo-ph--wide .c-logo-img{max-height:none;width:88%}
.c-logo-ph--img{filter:none!important;opacity:1!important;background:#fff}
.c-card .c-signrow .c-logo-img{max-height:42px}
@media (min-width:860px){.c-logos .c-signrow{grid-template-columns:repeat(5,1fr)}}
.c-partner .c-logo-ph--img{min-height:110px;background:#fff}
.c-partner .c-logo-img{max-height:76px}
.c-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 4px}
.c-facts li{padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line-l)}
.c-facts b{display:block;font-family:var(--ff-h);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--g);margin-bottom:4px}
.c-facts span{display:block;font-family:var(--ff-h);font-weight:800;font-size:.95rem;line-height:1.25;color:var(--ink)}
@media (max-width:640px){.c-facts{grid-template-columns:1fr}}
.c-signrow__wide .c-logo-img{max-height:none;width:min(420px,90%)}

/* ---------- 3.3 Approfondimento SEO ---------- */
.p-seo__grid{display:grid;gap:clamp(28px,5vw,64px);align-items:center}
@media (min-width:960px){.p-seo__grid{grid-template-columns:1.3fr .7fr}}
.p-seo__text .t-h2{margin-bottom:22px}
.p-seo__text p{font-size:1.05rem;line-height:1.75;color:var(--ink-2);max-width:70ch}
.p-seo__text p+p{margin-top:14px}
.p-seo__text a,.p-seofaq .c-acc__at a{color:inherit;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:3px}
.p-seo__text a:hover{color:var(--g)}
.p-seo__card{margin:0;justify-self:center;width:min(360px,100%);padding:38px 30px;border-radius:24px;background:#fff;border:1px solid var(--line-l);box-shadow:0 30px 60px -36px rgba(15,31,22,.45);text-align:center}
.p-seo__card img{width:100%;height:auto;max-width:260px}
.p-seo__card figcaption{margin-top:18px;font-family:var(--ff-h);font-size:.95rem;color:var(--ink)}
.p-seo__card figcaption b{display:block;font-weight:800;letter-spacing:.02em}
.p-seo__card figcaption span{display:block;margin-top:4px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
@media (max-width:640px){.p-seo__card{width:min(280px,100%);padding:26px 22px}.p-seo__card img{max-width:180px}}
