/* Pagine di contenuto: Chi siamo, Formazione, Sportello, Documenti, Sedi, News, Eventi, Articolo */

.pg{padding-block:70px}
.pg-alt{background:linear-gradient(#eef3f9,#f6f4ef)}
.pg .section-head{margin-bottom:34px}
.narrow{max-width:1080px}
.page-hero-sm{padding-block:60px 56px}
.page-hero-sm h1{font-size:clamp(1.8rem,3.6vw,2.6rem)}
.btn-ghost-dark{border:2px solid var(--navy);color:var(--navy);background:transparent}
.btn-ghost-dark:hover{background:var(--navy);color:#fff}
.note-line{margin-top:34px;color:var(--muted);font-size:.95rem}
.note-line a{color:var(--navy-3);text-underline-offset:3px}
.demo-note{padding:10px 14px;border-radius:10px;background:#fff6dc;border:1px solid #ecd48c;color:#6a5412;font-size:.9rem;margin-bottom:26px}

/* due colonne: testo + azioni */
.two-up{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.two-up>div:first-child{flex:1 1 420px;max-width:860px}
.two-up h2{font-size:clamp(1.6rem,3vw,2.3rem);color:var(--navy);margin-bottom:.4em}
.two-up p{color:var(--muted)}
.two-up-cta{display:flex;gap:12px;flex-wrap:wrap}
.two-up-top{align-items:start}
.two-up-top>div{flex:1 1 380px;max-width:none}
.tick{display:grid;gap:12px;margin-top:18px}
.tick li{position:relative;padding-left:34px;color:var(--ink)}
.tick li::before{content:"";position:absolute;left:0;top:.35em;width:20px;height:20px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b1f3a' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E") center/13px no-repeat}
.two-up-top .info-card{flex:0 1 420px;color:rgba(255,255,255,.86);border-radius:26px;padding:34px;background:radial-gradient(420px 260px at 100% 0,rgba(127,176,227,.30),transparent 65%),linear-gradient(160deg,var(--navy),var(--navy-2));overflow:hidden}
.info-card .info-block{padding:16px 0;border-top:1px solid rgba(255,255,255,.14)}
.info-card .info-block h3{font-family:var(--sans);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);margin-bottom:.6em}
.info-card .info-block p{margin:0 0 .7em;color:rgba(255,255,255,.86)}
.info-card a:not(.btn){color:#fff}
.info-fine{font-size:.82rem;color:rgba(255,255,255,.6)}

/* consiglio direttivo */
.board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.person{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:18px;background:var(--white);border:1px solid #e3e8ef;transition:transform .3s,box-shadow .3s}
.person:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.person .avatar{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:conic-gradient(from 200deg,#f6e8b9,#e3c77b,#c9a24b,#f6e8b9);font-family:var(--serif);font-weight:600;color:var(--navy)}
.person b{display:block;color:var(--navy);line-height:1.25}
.person small{color:var(--muted)}

/* documenti */
.docs{display:grid;gap:14px}
.doc{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px 22px;border-radius:18px;background:var(--white);border:1px solid #e3e8ef;transition:transform .3s,box-shadow .3s}
.doc:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.doc-ico{display:grid;place-items:center;width:52px;height:60px;border-radius:8px 14px 8px 8px;background:linear-gradient(160deg,var(--navy),var(--navy-3));color:var(--gold-2);font-size:.78rem;font-weight:800;letter-spacing:.08em}
.doc h3{font-family:var(--sans);font-size:1.05rem;color:var(--navy);margin:0 0 .15em}
.doc p{margin:0;color:var(--muted);font-size:.93rem}

/* sedi */
.sedi{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sede{padding:30px 28px;border-radius:var(--radius);background:var(--white);border:1px solid #e3e8ef;transition:transform .3s,box-shadow .3s}
.sede:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.sede-main{background:linear-gradient(160deg,var(--navy),var(--navy-2));border-color:transparent;color:rgba(255,255,255,.86)}
.sede-main h3,.sede-main a{color:#fff}
.sede-tag{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--gold);margin:0 0 .5em}
.sede h3{font-size:1.7rem;color:var(--navy);margin-bottom:.4em}
.sede-addr{margin:0 0 .9em}
.sede a{text-underline-offset:3px}

/* news: filtri, paginazione */
.fchips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.fchip{padding:.5em 1.1em;border-radius:999px;border:1.5px solid #c9d6e4;background:var(--white);color:var(--navy);font-weight:600;font-size:.92rem;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.fchip:hover{border-color:var(--gold);transform:translateY(-2px)}
.fchip.is-on{background:linear-gradient(135deg,var(--gold-2),var(--gold));border-color:var(--gold)}
.pager{display:flex;justify-content:center;gap:8px;margin-top:40px;flex-wrap:wrap}
.pager .page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border-radius:12px;border:1px solid #d3deea;background:var(--white);color:var(--navy);font-weight:600;text-decoration:none}
.pager .current{background:var(--navy);color:#fff;border-color:var(--navy)}

/* articolo */
.prose{font-size:1.08rem;line-height:1.75;color:var(--ink)}
.prose h2{font-size:1.7rem;color:var(--navy);margin:1.6em 0 .5em}
.prose h3{font-size:1.3rem;color:var(--navy);margin:1.4em 0 .4em}
.prose p,.prose ul,.prose ol{margin:0 0 1.2em}
.prose ul{list-style:disc;padding-left:1.4em}.prose ol{padding-left:1.4em}
.prose a{color:var(--navy-3);text-underline-offset:3px}
.prose img{max-width:100%;height:auto;border-radius:14px}
.prose blockquote{margin:1.6em 0;padding:.4em 0 .4em 1.2em;border-left:4px solid var(--gold);color:var(--navy);font-family:var(--serif);font-size:1.25rem}
.back{margin-top:40px}

/* eventi */
.ev-h{font-size:1.6rem;color:var(--navy);margin:0 0 18px}
.events{display:grid;gap:16px;margin-bottom:48px}
.ev{display:grid;grid-template-columns:86px 1fr;gap:22px;padding:20px 24px;border-radius:20px;background:var(--white);border:1px solid #e3e8ef;transition:transform .3s,box-shadow .3s}
.ev:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.ev-date{display:grid;align-content:center;justify-items:center;border-radius:16px;padding:10px 0;background:linear-gradient(160deg,var(--navy),var(--navy-3));color:#fff;text-align:center;line-height:1.1}
.ev-date b{font-family:var(--serif);font-size:2rem}
.ev-date span{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:var(--gold-2);font-weight:700}
.ev-date small{font-size:.75rem;opacity:.7;margin-top:2px}
.ev-body h3{font-size:1.3rem;color:var(--navy);margin:0 0 .2em}
.ev-body p{margin:0 0 .6em;color:var(--muted)}
.ev-meta{font-weight:600;color:var(--navy-3)!important}
.events-past .ev{opacity:.82}
.ev-empty{color:var(--muted);padding:10px 0}

@media (max-width:960px){.board,.sedi{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){
  .pg{padding-block:48px}
  .board,.sedi{grid-template-columns:1fr}
  .doc{grid-template-columns:auto 1fr}.doc .btn{grid-column:1 / -1;justify-self:start}
  .ev{grid-template-columns:70px 1fr;gap:16px;padding:16px}
}

/* sotto-menu di pagina */
.subnav{position:sticky;top:var(--header-h,76px);z-index:20;background:rgba(246,244,239,.94);backdrop-filter:blur(10px);border-bottom:1px solid #dfe6ee}
.subnav ul{display:flex;gap:8px;overflow-x:auto;padding:12px 0;scrollbar-width:thin}
.subnav a{display:block;white-space:nowrap;padding:.45em 1em;border-radius:999px;border:1.5px solid #c9d6e4;background:#fff;color:var(--navy);font-weight:600;font-size:.9rem;text-decoration:none;transition:background .2s,border-color .2s}
.subnav a:hover,.subnav a:focus-visible{border-color:var(--gold);background:#fffaf0}
.pg[id]{scroll-margin-top:calc(var(--header-h,76px) + 56px)}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.lead-p{font-size:1.15rem;max-width:56em;color:var(--ink);margin:0 0 1.4em}
.lead-p a{color:var(--navy-3);text-underline-offset:3px}
.sec-cta{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 0}

/* contenuto in preparazione */
.soon{display:flex;gap:16px;align-items:center;padding:22px 26px;border-radius:18px;border:2px dashed #c9b57a;background:rgba(255,250,235,.7);max-width:760px}
.soon span{flex:none;padding:.3em .9em;border-radius:999px;background:var(--gold);color:var(--navy);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.soon p{margin:0;color:var(--muted)}
.sec-cta+.soon{margin-top:26px}

/* organigramma */
.orgchart{display:grid;gap:0;justify-items:center;max-width:1100px;margin:0 auto}
.org-row{display:flex;gap:18px;justify-content:center;width:100%}
.org-row3{display:grid;grid-template-columns:1.4fr 1fr 1fr}
.org-box{display:grid;gap:4px;align-content:center;justify-items:center;text-align:center;padding:16px 18px;border-radius:16px;background:var(--white);border:1.5px solid #c9d6e4;color:var(--navy);box-shadow:0 10px 24px -18px rgba(11,31,58,.5)}
.org-box small{color:var(--muted);font-size:.8rem;line-height:1.35}
.org-top{background:linear-gradient(160deg,var(--navy),var(--navy-3));color:#fff;border:0;font-weight:700;min-width:260px}
.org-main{border-color:var(--gold);background:linear-gradient(#fff,#fffaf0)}
.org-sub{min-width:280px}
.org-line{width:2px;height:28px;background:linear-gradient(var(--gold),#c9d6e4)}
.org-line-l{margin-right:min(48%,420px)}
@media (max-width:700px){
  .org-row3{grid-template-columns:1fr}
  .org-line-l{margin-right:0}
  .soon{flex-direction:column;align-items:flex-start}
}
.org-col{display:grid;justify-items:center;width:100%}.org-col .org-box{width:100%;max-width:340px}@media(max-width:700px){.org-row3>div:empty{display:none}}

/* sezioni di pagina con modulo */
.linkgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 8px}
.linkgrid a{display:grid;gap:4px;height:100%;padding:18px 20px;border-radius:16px;background:var(--white);border:1px solid #e3e8ef;text-decoration:none;color:var(--navy);transition:transform .3s,box-shadow .3s,border-color .3s}
.linkgrid a:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--gold)}
.linkgrid small{color:var(--muted)}
.linkgrid+.note-line{margin-bottom:26px}
.form-two{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start}
.form-h{font-size:1.5rem;color:var(--navy);margin-bottom:.2em}
.pg-form{padding-block:70px;scroll-margin-top:calc(var(--header-h,76px) + 56px)}
@media (max-width:960px){.linkgrid{grid-template-columns:repeat(2,1fr)}.form-two{grid-template-columns:1fr}}
@media (max-width:520px){.linkgrid{grid-template-columns:1fr}}

/* ---------- Documenti ---------- */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dtools{position:sticky;top:var(--header-h,76px);z-index:20;background:rgba(246,244,239,.94);backdrop-filter:blur(10px);border-bottom:1px solid #dfe6ee}
.dtools-in{display:flex;gap:16px;align-items:center;padding-block:14px;flex-wrap:wrap}
.dsearch{position:relative;flex:1 1 280px;max-width:420px;display:block}
.dsearch svg{position:absolute;left:16px;top:50%;width:20px;height:20px;transform:translateY(-50%);fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round}
.dsearch input{width:100%;height:46px;padding:0 1em 0 46px;border-radius:999px;border:1.5px solid #c3d1e1;background:#fff;font:inherit;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.dsearch input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,162,75,.25)}
.dchips{display:flex;gap:8px;flex-wrap:wrap}
.dchip{display:inline-flex;gap:8px;align-items:center;padding:.5em 1em;border-radius:999px;border:1.5px solid #c9d6e4;background:#fff;color:var(--navy);font:inherit;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.dchip small{display:grid;place-items:center;min-width:22px;height:22px;border-radius:99px;background:#eef3f9;font-size:.75rem;color:var(--navy-3)}
.dchip:hover{border-color:var(--gold);transform:translateY(-2px)}
.dchip.is-on{background:linear-gradient(135deg,var(--gold-2),var(--gold));border-color:var(--gold)}
.dchip.is-on small{background:rgba(255,255,255,.55)}

.dpage{background:radial-gradient(800px 380px at 100% 0,rgba(127,176,227,.16),transparent 60%),radial-gradient(700px 380px at 0 60%,rgba(201,162,75,.12),transparent 60%),var(--pearl)}
.dsec{margin-bottom:54px}
.dsec[hidden],.dcard[hidden]{display:none}
.dsec-head{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.dsec-ico{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:18px;background:linear-gradient(160deg,var(--navy),var(--navy-3));box-shadow:0 14px 24px -16px rgba(11,31,58,.9)}
.dsec-ico svg{width:30px;height:30px;fill:none;stroke:var(--gold-2);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.dsec-head h2{font-size:clamp(1.5rem,2.6vw,2rem);color:var(--navy);margin:0}
.dsec-head p{margin:.1em 0 0;color:var(--muted)}
.dsec-n{margin-left:auto;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid var(--gold);color:var(--navy);font-weight:700}
.dgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}

.dcard{position:relative;display:grid;grid-template-columns:auto 1fr;gap:22px;padding:26px;border-radius:24px;background:rgba(255,255,255,.96);border:1px solid #e3e8ef;overflow:hidden;transition:transform .35s,box-shadow .35s,border-color .35s}
.dcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--gold-2),var(--gold));transform:scaleY(.25);transform-origin:top;transition:transform .4s}
.dcard:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(11,31,58,.55);border-color:transparent}
.dcard:hover::before{transform:scaleY(1)}
.dfile{position:relative;display:grid;place-items:end center;width:64px;height:78px;border-radius:10px 22px 10px 10px;background:linear-gradient(160deg,var(--navy),var(--navy-3));box-shadow:0 16px 24px -14px rgba(11,31,58,.8);transition:transform .35s}
.dfile::before{content:"";position:absolute;right:0;top:0;width:22px;height:22px;background:linear-gradient(225deg,#fff 50%,var(--gold-2) 50%);border-radius:0 22px 0 8px}
.dfile::after{content:"";position:absolute;left:12px;right:12px;top:30px;height:3px;border-radius:3px;background:rgba(255,255,255,.35);box-shadow:0 8px 0 rgba(255,255,255,.25),0 16px 0 rgba(255,255,255,.18)}
.dfile i{font-style:normal;margin-bottom:9px;font-size:.78rem;font-weight:800;letter-spacing:.1em;color:var(--gold-2)}
.dcard:hover .dfile{transform:rotate(-5deg) translateY(-3px)}
.dbody h3{font-family:var(--serif);font-size:1.3rem;color:var(--navy);margin:0 0 .3em}
.dbody p{margin:0 0 1em;color:var(--muted);font-size:.97rem}
.dfoot{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.dmeta{color:var(--muted);font-size:.85rem;font-weight:600}
.dl svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dl{display:inline-flex;gap:8px;align-items:center}
.dl.is-soon{background:#eceff3;color:#6b7683;cursor:default;box-shadow:none}
.dempty{padding:30px;text-align:center;color:var(--muted);border:2px dashed #c9d6e4;border-radius:20px}
.dhelp{display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap;padding:clamp(26px,4vw,42px);border-radius:28px;color:rgba(255,255,255,.86);background:radial-gradient(500px 260px at 100% 0,rgba(127,176,227,.3),transparent 65%),linear-gradient(160deg,var(--navy),var(--navy-2))}
.dhelp h2{color:#fff;font-size:clamp(1.5rem,2.8vw,2rem);margin-bottom:.3em}
.dhelp p{margin:0;max-width:34em}
.dhelp-cta{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:860px){.dgrid{grid-template-columns:1fr}}
@media (max-width:560px){.dcard{grid-template-columns:1fr;gap:16px}.dsec-head{flex-wrap:wrap}.dsec-n{display:none}.dtools-in{padding-block:10px}.dchips{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px}.dchip{white-space:nowrap}}
@media (prefers-reduced-motion:reduce){.dcard,.dcard::before,.dfile{transition:none}}

/* Documenti: sei schede in griglia, tutte della stessa altezza */
.dgrid6{grid-template-columns:repeat(3,1fr);margin-bottom:44px}
.dgrid6 .dcard{display:flex;flex-direction:column;gap:0;padding:30px 28px 26px}
.dgrid6 .dfile{margin-bottom:20px}
.dgrid6 .dcard h3{font-family:var(--serif);font-size:1.4rem;color:var(--navy);margin:0 0 .35em}
.dgrid6 .dcard p{flex:1;margin:0 0 1.2em;color:var(--muted)}
@media (max-width:980px){.dgrid6{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.dgrid6{grid-template-columns:1fr}.dgrid6 .dcard{flex-direction:row;flex-wrap:wrap;align-items:flex-start;column-gap:18px}.dgrid6 .dfile{margin:0;flex:none}.dgrid6 .dcard h3{flex:1;min-width:0;align-self:center}.dgrid6 .dcard p,.dgrid6 .dfoot{flex:1 1 100%;margin-top:14px}.dgrid6 .dcard p{margin-bottom:0}}

/* ---------- Chi siamo: testi ---------- */
.h-lg{font-size:clamp(1.9rem,3.6vw,2.8rem);color:var(--navy);margin-bottom:.5em}
.intro-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.intro-grid .lead-p{font-size:1.2rem;margin:0}
.define{position:relative;padding:34px 32px;border-radius:26px;color:rgba(255,255,255,.88);background:radial-gradient(380px 240px at 100% 0,rgba(127,176,227,.3),transparent 65%),linear-gradient(160deg,var(--navy),var(--navy-2));box-shadow:0 30px 60px -34px rgba(11,31,58,.8)}
.define::before{content:"“";position:absolute;right:22px;top:-6px;font:700 7rem/1 var(--serif);color:rgba(227,199,123,.28)}
.define-q{font-family:var(--serif);font-size:1.5rem;color:var(--gold-2);margin:0 0 .5em}
.define p:last-child{margin:0;font-size:1.05rem}

.steps-n{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;counter-reset:n}
.step-n{display:flex;gap:18px;align-items:center;padding:22px 24px;border-radius:20px;background:var(--white);border:1px solid #e3e8ef;transition:transform .3s,box-shadow .3s}
.step-n:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.step-n:last-child{grid-column:1 / -1}
.step-n .num{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:conic-gradient(from 200deg,#f6e8b9,#e3c77b,#c9a24b,#f6e8b9);font:600 1.3rem var(--serif);color:var(--navy)}
.step-n p{margin:0;color:var(--ink)}

.textblock{max-width:960px;padding-left:26px;border-left:4px solid var(--gold)}
.textblock p{margin:0 0 1em;font-size:1.05rem;line-height:1.7;color:var(--ink)}
.textblock p:first-child{font-size:1.15rem;color:var(--navy)}
.textblock+.sec-cta{margin-top:26px}
.sub-h{font-family:var(--serif);font-size:1.5rem;color:var(--navy);margin:38px 0 18px}
.sanctions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:none}
.sanctions li{display:grid;gap:8px;align-content:start;padding:16px 18px;border-radius:16px;background:var(--white);border:1px solid #e3e8ef;color:var(--ink);font-size:.95rem}
.sanctions b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--navy);color:var(--gold-2);font-size:.9rem}
.more-d{margin-top:22px;max-width:960px;border-radius:18px;border:1px solid #d6dfe9;background:rgba(255,255,255,.8);overflow:hidden}
.more-d summary{cursor:pointer;list-style:none;padding:16px 22px;font-weight:700;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:12px}
.more-d summary::-webkit-details-marker{display:none}
.more-d summary::after{content:"+";display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--gold);color:var(--navy);font-size:1.2rem;transition:transform .3s}
.more-d[open] summary::after{transform:rotate(45deg)}
.more-d summary:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.more-body{padding:4px 22px 8px}
.more-body p{margin:0 0 1em;line-height:1.7;color:var(--ink)}
.person.is-pres{border-color:var(--gold);background:linear-gradient(#fff,#fffaf0)}
.legend{display:flex;gap:8px;align-items:center;margin:16px 0 0;color:var(--muted);font-size:.88rem}
.legend .dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--gold);background:#fffaf0}
@media (max-width:900px){.intro-grid{grid-template-columns:1fr}.sanctions{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.steps-n{grid-template-columns:1fr}.step-n:last-child{grid-column:auto}.textblock{padding-left:18px}.sanctions{grid-template-columns:1fr}}

/* Gemmologo: sezione dedicata */
.intro-one{grid-template-columns:1fr}
.intro-one .lead-p{max-width:56em}
.define-sec{padding-block:0 70px}
.define-wide{padding:clamp(30px,5vw,56px);text-align:center}
.define-wide .define-q{font-size:clamp(1.7rem,3.4vw,2.5rem);margin-bottom:.5em}
.define-wide p:last-child{max-width:40em;margin:0 auto;font-size:clamp(1.1rem,1.8vw,1.3rem);line-height:1.6}
.define-wide::before{left:22px;right:auto;top:-10px}
.steps-n{padding:0;margin:0;list-style:none}

/* Pagina legale (privacy e cookies) */
.legal{max-width:1100px}
.legal h2{font-size:clamp(1.35rem,2.2vw,1.8rem);margin:2.2em 0 .6em;padding-bottom:.35em;border-bottom:2px solid var(--gold)}
.legal h2:first-child{margin-top:0}
.legal h3{font-size:1.12rem;margin:1.7em 0 .5em;color:var(--navy)}
.legal-ol{margin:0 0 1em;padding-left:1.6em}.legal-ol li{margin:0 0 .75em;line-height:1.7}
.legal-ul{margin:0 0 1.1em;padding-left:1.4em;list-style:disc}.legal-ul li{margin:0 0 .5em;line-height:1.65}
.legal-p{margin:0 0 1em;line-height:1.7}
.legal a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px;word-break:break-word}

/* Organigramma a bottoni + finestra dei componenti */
button.org-box{font:inherit;cursor:pointer;position:relative;transition:transform .3s,box-shadow .3s,border-color .3s;width:100%}
button.org-box:hover,button.org-box:focus-visible{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 18px 34px -16px rgba(11,31,58,.55)}
button.org-box:focus-visible{outline:3px solid var(--gold-2);outline-offset:3px}
.org-top{display:grid}
.org-more{font-style:normal;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-top:6px;display:inline-flex;align-items:center;gap:6px}
.org-top .org-more{color:var(--gold-2)}.org-top small{color:rgba(255,255,255,.75)}
.org-more::after{content:"→";transition:transform .25s}
button.org-box:hover .org-more::after{transform:translateX(4px)}
.org-hint{margin:22px 0 0;color:var(--muted);font-size:.9rem;text-align:center}
.org-row .org-box.org-top{width:auto}
.orgm[hidden]{display:none}
.orgm{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px}
.orgm-back{position:absolute;inset:0;background:rgba(6,16,32,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:orgmFade .35s both}
.orgm.is-closing .orgm-back{animation:orgmFade .3s reverse both}
@keyframes orgmFade{from{opacity:0}to{opacity:1}}
.orgm-card{position:relative;width:min(640px,100%);max-height:min(84vh,760px);overflow:auto;background:linear-gradient(#fff,#fbf8f0);border-radius:22px;border:1.5px solid var(--gold);box-shadow:0 40px 90px -30px rgba(0,0,0,.7);padding:34px 34px 30px}
.orgm-card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--gold-2),var(--gold),var(--navy-3))}
.orgm-card h3{font-family:var(--serif);color:var(--navy);font-size:clamp(1.5rem,3vw,2rem);margin:.1em 0 .4em}
.orgm-intro{color:var(--muted);margin:0 0 1.2em;line-height:1.6}
.orgm-x{position:absolute;top:12px;right:14px;width:40px;height:40px;border-radius:50%;border:1px solid #d6dfe9;background:#fff;color:var(--navy);font-size:1.6rem;line-height:1;cursor:pointer;transition:transform .25s,background .25s}
.orgm-x:hover{background:var(--navy);color:#fff;transform:rotate(90deg)}
.orgm-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.orgm-p{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #e3e8ef;opacity:0;transform:translateY(12px);animation:orgmIn .5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.25s + var(--i) * 70ms)}
.orgm.is-closing .orgm-p{animation:none;opacity:0}
@keyframes orgmIn{to{opacity:1;transform:none}}
.orgm-p.is-pres{border-color:var(--gold);background:linear-gradient(#fff,#fffaf0)}
.orgm-p .avatar{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:conic-gradient(from 200deg,#f6e8b9,#e3c77b,#c9a24b,#f6e8b9);font-family:var(--serif);font-weight:700;color:var(--navy);font-size:.95rem}
.orgm-p div{flex:1;min-width:0}.orgm-p b{display:block;color:var(--navy);line-height:1.25}.orgm-p small{color:var(--muted)}
.orgm-link{flex:none;font-size:.82rem;font-weight:700;color:var(--navy);padding:7px 14px;border-radius:999px;border:1.5px solid var(--gold);text-decoration:none;transition:background .25s,color .25s;white-space:nowrap}
.orgm-link::after{content:" →"}
.orgm-link:hover,.orgm-link:focus-visible{background:var(--navy);color:#fff;border-color:var(--navy)}
.orgm-empty{margin:0;padding:18px;border-radius:14px;border:2px dashed #c9b57a;background:rgba(255,250,235,.7);color:#6b5a1f;text-align:center}
.orgm-spark{position:absolute;right:46px;top:20px;width:14px;height:14px;pointer-events:none;background:radial-gradient(circle,#fff 0 18%,rgba(227,199,123,.9) 38%,transparent 70%);animation:orgmSpark 2.4s ease-in-out .6s infinite}
@keyframes orgmSpark{0%,100%{transform:scale(.3);opacity:0}50%{transform:scale(1.6);opacity:1}}
html.orgm-lock{overflow:hidden}
@media(max-width:600px){.orgm-card{padding:28px 18px 22px}.orgm-p{flex-wrap:wrap}.orgm-link{margin-left:60px}}
@media(prefers-reduced-motion:reduce){.orgm-p{animation:none;opacity:1;transform:none}.orgm-spark{animation:none;opacity:0}}

/* Telefono: le voci della barra "In questa pagina" si vedono tutte subito (2 per riga), senza scorrere di lato */
@media (max-width:760px){
  .subnav{position:static}
  .subnav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;padding:14px 0}
  .subnav li{min-width:0}
  .subnav a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:.4em .6em;border-radius:14px;white-space:normal;text-align:center;font-size:.88rem;line-height:1.2}
}

/* Quota associativa (pagina Iscrizione): nuova iscrizione, rinnovo, bonifico */
.fee-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:30px}
.fee-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:30px 28px;border-radius:var(--radius);background:var(--white);border:1px solid #e3e8ef;box-shadow:var(--shadow);overflow:hidden}
.fee-card::before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2))}
.fee-card h3{font-size:1.4rem;color:var(--navy);margin:0}
.fee-card p{margin:0;color:var(--muted);font-size:.98rem;flex:1}
.fee-amount{margin:6px 0 4px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.fee-amount dt{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-3)}
.fee-amount dd{margin:0;font-family:var(--serif);font-size:1.45rem;color:var(--navy)}
.fee-card .btn{align-self:flex-start;margin-top:auto}
.fee-soon{margin-top:auto;padding:14px 18px;max-width:none}
.fee-bank{margin-top:22px;padding:28px;border-radius:var(--radius);background:linear-gradient(160deg,var(--navy),var(--navy-2));color:rgba(255,255,255,.86)}
.fee-bank h3{color:var(--white);font-size:1.3rem;margin:0 0 .3em}
.fee-bank p{margin:0 0 14px}
.fee-rows{display:grid;gap:10px;margin:0}
.fee-rows>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.14)}
.fee-rows dt{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}
.fee-rows dd{margin:0;word-break:break-word;color:var(--white)}
@media (max-width:760px){.fee-grid{grid-template-columns:1fr}.fee-rows>div{grid-template-columns:1fr;gap:2px}}

/* Pagina 404 (v2.9.9): pulsanti allineati al titolo, meno spazio vuoto */
.pg-404{padding-block:44px 64px}
.btns-404{margin:0;display:flex;flex-wrap:wrap;gap:12px}

/* Leggibilità dei testi piccoli (v2.9.9): più grandi e con più contrasto */
.eyebrow{font-size:.92rem}
.eyebrow.dark{color:#74540f}
.org-more{font-size:.84rem;color:#7a5a12}
.org-top .org-more{color:var(--gold-2)}
.org-box small,.person small,.linkgrid small,.orgm-p small{font-size:.92rem;color:#46536a}
.org-top small{color:rgba(255,255,255,.88)}
.legend{font-size:.98rem;color:#46536a}
.org-hint{font-size:1rem;color:#46536a}
.soon span{font-size:.82rem}
.soon p{color:#46536a}
@media (max-width:760px){.eyebrow{font-size:.86rem}}

/* Etichette sopra i titoli (ORGANI, L'ASSOCIAZIONE…): più grandi, più marcate, con un filo dorato (v2.9.9) */
.eyebrow{font-size:1rem;font-weight:700;letter-spacing:.2em}
.eyebrow.dark{font-size:1.02rem;color:#6b4e0c;display:flex;align-items:center;gap:.7em}
.eyebrow.dark::before{content:"";flex:none;width:2.2em;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--gold-2))}
.page-hero .eyebrow{color:var(--gold-2)}
@media (max-width:760px){.eyebrow{font-size:.9rem;letter-spacing:.16em}.eyebrow.dark{font-size:.92rem}}
.info-card .info-block h3,.fee-amount dt,.fee-rows dt{font-size:.88rem}

/* Componenti del Consiglio: la scheda è un collegamento alla scheda socio (v2.9.9) */
.person{position:relative}
.person-link{color:inherit;text-decoration:none}
.person-link::after{content:"";position:absolute;inset:0;border-radius:18px}
.person-link:hover{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.person:has(.person-link){cursor:pointer}
.person:has(.person-link:focus-visible){outline:3px solid var(--gold);outline-offset:3px}

/* Pulsanti con contorno oro (v2.9.15) */
.btn-ghost-dark{border-color:var(--gold)}
.btn-ghost-dark:hover{background:var(--navy);border-color:var(--gold);color:#fff}

/* ---- Meno bianco nelle pagine (v2.9.25): fondo crema caldo e fasce azzurre morbide con filetto oro ---- */
.pg:not(.pg-alt):not(.form-page):not(.pg-404){background:linear-gradient(180deg,#fcfaf5 0%,#f8f3e8 100%)}
.pg-alt{background:linear-gradient(180deg,#e4edf8 0%,#f1eee4 100%);border-top:1px solid rgba(201,162,75,.28)}
/* sezioni di rilievo: azzurro più intenso ma chiaro (testi scuri), schede bianche con bordo oro */
.pg-alt:has(.steps-n),#consiglio-direttivo{position:relative;overflow:hidden;border-top:1px solid rgba(201,162,75,.4);
  background:radial-gradient(520px 260px at 88% -8%,rgba(255,255,255,.65),transparent 70%),radial-gradient(420px 260px at 6% 110%,rgba(227,199,123,.32),transparent 70%),linear-gradient(170deg,#cfe0f3 0%,#dde9f6 55%,#ece9de 100%)}
.pg-alt:has(.steps-n)>.wrap,#consiglio-direttivo>.wrap{position:relative;z-index:1}
.pg-alt:has(.steps-n) .step-n,#consiglio-direttivo .person{border-color:rgba(201,162,75,.55);box-shadow:0 12px 24px -18px rgba(11,31,58,.55)}

/* ---- Barra «In questa pagina» (v2.9.26): più evidente, si nasconde scorrendo in giù e riappare risalendo ---- */
.subnav{background:linear-gradient(180deg,#fff 0%,#f7f1e0 100%);border-bottom:2px solid var(--gold);box-shadow:0 10px 24px -14px rgba(11,31,58,.45);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.subnav a{border-color:var(--gold);background:#fff;box-shadow:0 2px 6px -3px rgba(11,31,58,.35);font-weight:700}
.subnav a:hover,.subnav a:focus-visible{background:linear-gradient(135deg,#e3c77b,#c9a24b);border-color:#b8913a}
body.hdr-hidden .subnav{transform:translateY(calc(-100% - var(--header-h,76px) - 6px))}
@media (max-width:760px){body.hdr-hidden .subnav{transform:none}}
/* stesso comportamento per la barra strumenti dei Documenti */
.dtools{background:linear-gradient(180deg,#fff 0%,#f7f1e0 100%);border-bottom:2px solid var(--gold);box-shadow:0 10px 24px -14px rgba(11,31,58,.45);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
body.hdr-hidden .dtools{transform:translateY(calc(-100% - var(--header-h,76px) - 6px))}
@media (max-width:760px){body.hdr-hidden .dtools{transform:none}}