/* ============================================================================
   ScuolaGo · Corso DigComp 2.2 — pagine di navigazione (dc-pagine.css)
   Modulo dell'agente «Pagine»: home, mappa, percorsi, simulatori, simulatore, guida,
   il mio percorso, attestato e la ruota delle competenze (dc-ruota.js).
   Il file è agganciato a tutte le pagine: ogni classe ha il prefisso dcr- (ruota) o dcp- (pagine).
   Indice: 1 ruota · 2 struttura delle pagine · 3 eroe della home · 4 schede e tessere ·
   5 passi e aree · 6 filtri ed elenchi · 7 percorsi · 8 simulatori · 9 guida · 10 il mio percorso ·
   11 movimento ridotto e stampa
   ========================================================================== */

/* ---------- 1. ruota delle competenze ---------- */
@property --dcr-l{syntax:'<percentage>';inherits:true;initial-value:14%}
.dcp,.dcr-pannello{--dcr-vuoto:#E3E8F2}
html[data-theme=dark] .dcp,html[data-theme=dark] .dcr-pannello{--dcr-vuoto:#283149}
.dcr-pannello--scuro,html[data-theme=dark] .dcr-pannello--scuro{--dcr-vuoto:#2B3560}
.dcr{--dcr-vuoto:#E3E8F2;--dcr-testo:var(--dc-testo);--dcr-tenue:var(--dc-tenue);--dcr-fondo:var(--dc-sup);--dcr-guida:rgba(38,52,84,.07);position:relative;font-family:var(--dc-sans);color:var(--dc-testo)}
html[data-theme=dark] .dcr{--dcr-vuoto:#283149;--dcr-guida:rgba(255,255,255,.05)}
.dcr--scuro,html[data-theme=dark] .dcr--scuro{--dcr-vuoto:#2B3560;--dcr-testo:#fff;--dcr-tenue:rgba(235,240,255,.78);--dcr-fondo:#10183A;--dcr-guida:rgba(255,255,255,.05);color:#fff}
.dcr-grafico{position:relative;width:100%;max-width:540px;margin:0 auto}
.dcr-svg{display:block;width:100%;height:auto;overflow:visible;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.dcr [data-a="1"]{--c:var(--dc-a1);--cd:var(--dc-a1-d);--ct:var(--dc-a1-d)}
.dcr [data-a="2"]{--c:var(--dc-a2);--cd:var(--dc-a2-d);--ct:var(--dc-a2-d)}
.dcr [data-a="3"]{--c:var(--dc-a3);--cd:var(--dc-a3-d);--ct:var(--dc-a3-d)}
.dcr [data-a="4"]{--c:var(--dc-a4);--cd:var(--dc-a4-d);--ct:var(--dc-a4-d)}
.dcr [data-a="5"]{--c:var(--dc-a5);--cd:var(--dc-a5-d);--ct:var(--dc-a5-d)}
html[data-theme=dark] .dcr [data-a="1"],.dcr--scuro [data-a="1"]{--ct:var(--dc-a1-l)}
html[data-theme=dark] .dcr [data-a="2"],.dcr--scuro [data-a="2"]{--ct:var(--dc-a2-l)}
html[data-theme=dark] .dcr [data-a="3"],.dcr--scuro [data-a="3"]{--ct:var(--dc-a3-l)}
html[data-theme=dark] .dcr [data-a="4"],.dcr--scuro [data-a="4"]{--ct:var(--dc-a4-l)}
html[data-theme=dark] .dcr [data-a="5"],.dcr--scuro [data-a="5"]{--ct:var(--dc-a5-l)}
.dcr[data-area="1"]{--ca:var(--dc-a1);--cat:var(--dc-a1-d)}.dcr[data-area="2"]{--ca:var(--dc-a2);--cat:var(--dc-a2-d)}.dcr[data-area="3"]{--ca:var(--dc-a3);--cat:var(--dc-a3-d)}.dcr[data-area="4"]{--ca:var(--dc-a4);--cat:var(--dc-a4-d)}.dcr[data-area="5"]{--ca:var(--dc-a5);--cat:var(--dc-a5-d)}
html[data-theme=dark] .dcr[data-area="1"],.dcr--scuro[data-area="1"]{--cat:var(--dc-a1-l)}html[data-theme=dark] .dcr[data-area="2"],.dcr--scuro[data-area="2"]{--cat:var(--dc-a2-l)}html[data-theme=dark] .dcr[data-area="3"],.dcr--scuro[data-area="3"]{--cat:var(--dc-a3-l)}html[data-theme=dark] .dcr[data-area="4"],.dcr--scuro[data-area="4"]{--cat:var(--dc-a4-l)}html[data-theme=dark] .dcr[data-area="5"],.dcr--scuro[data-area="5"]{--cat:var(--dc-a5-l)}
.dcr-alone{fill:none}
.dcr--scuro .dcr-alone{fill:rgba(255,255,255,.025);stroke:rgba(255,255,255,.06);stroke-width:1}
.dcr-guida-c{fill:none;stroke:var(--dcr-guida);stroke-width:1}
.dcr-area{fill:none;stroke:var(--cd);stroke-linecap:round;transition:opacity .3s}
.dcr-area-n{font:800 9.5px/1 var(--dc-sans);fill:#fff;pointer-events:none}
.dcr-livelli text{font:700 8.6px/1 var(--dc-sans);fill:var(--dcr-tenue);letter-spacing:.02em}
.dcr-livelli .dcr-livelli-t{font-size:8.6px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.dcr-sp{cursor:pointer;outline:none;transition:transform .32s var(--dc-spring),opacity .35s var(--dc-ease)}
.dcr-hit{fill:transparent;stroke:transparent;stroke-width:0}
.dc-pagina .dcr-sp:focus-visible,.dc-pagina .dcr-sp:focus{outline:none!important}
.dcr-sp:focus-visible .dcr-hit{stroke:var(--dc-focus);stroke-width:3;stroke-linejoin:round}
.dcr-cella{--dcr-l:16%;fill:color-mix(in srgb,var(--c) var(--dcr-l),var(--dcr-vuoto));transition:--dcr-l .8s var(--dc-ease),filter .25s}
.dcr-cella[data-s="iniziata"]{--dcr-l:38%}
.dcr-cella[data-s="studiata"]{--dcr-l:66%}
.dcr-cella[data-s="esercitata"]{--dcr-l:86%}
.dcr-cella[data-s="solida"]{--dcr-l:100%}
.dcr-cod{font:750 12.5px/1 var(--dc-sans);font-weight:800;fill:var(--ct);transition:font-size .2s}
.dcr-sp:hover,.dcr-sp.dcr-on{transform:translate(var(--dx),var(--dy))}
.dcr-sp:hover .dcr-cella,.dcr-sp.dcr-on .dcr-cella{filter:brightness(1.08) saturate(1.1)}
.dcr--attiva .dcr-sp:not(.dcr-on):not(:hover){opacity:.55}
.dcr-sp.dcr-spento{opacity:.18!important}
.dcr--filtro .dcr-area{opacity:.35}
.dcr-c-fondo{fill:var(--dcr-fondo);stroke:var(--dcr-vuoto);stroke-width:1.2}
.dcr--scuro .dcr-c-fondo{fill:#0E1634}
.dcr-c-bordo{fill:none;stroke:var(--dcr-vuoto);stroke-width:1;stroke-dasharray:1.5 3.5}
.dcr-c1{font:800 31px/1 var(--dc-serif);fill:var(--dcr-testo);letter-spacing:-.02em}
.dcr-c1--comp{fill:var(--cat,var(--dcr-testo))}
.dcr-c2{font:700 10.5px/1 var(--dc-sans);fill:var(--dcr-tenue)}
.dcr-c3{font:600 9px/1 var(--dc-sans);fill:var(--dcr-tenue)}
.dcr-c-p{fill:var(--dcr-vuoto);transition:fill .3s}
.dcr-c-p[data-s="iniziata"]{fill:color-mix(in srgb,var(--ca) 45%,var(--dcr-vuoto))}
.dcr-c-p[data-s="studiata"],.dcr-c-p[data-s="esercitata"],.dcr-c-p[data-s="solida"]{fill:var(--ca)}
/* entrata: gli spicchi sbocciano dal centro, poi un'onda di colore passa sulle caselle */
.dcr--anima .dcr-svg{animation:dcrZoom 1s var(--dc-ease) both}
.dcr--anima .dcr-sp{animation:dcrSboccia .7s var(--dc-ease) both;animation-delay:calc(var(--i) * 28ms + 80ms)}
.dcr--anima .dcr-cella{animation:dcrOnda 1.5s var(--dc-ease) both;animation-delay:calc(var(--i) * 34ms + var(--k) * 85ms + 420ms)}
.dcr--anima .dcr-area,.dcr--anima .dcr-centro,.dcr--anima .dcr-livelli{animation:dcFade .8s ease both .2s}
@keyframes dcrZoom{from{opacity:0;transform:scale(.92) rotate(-6deg)}to{opacity:1;transform:none}}
@keyframes dcrSboccia{from{opacity:0;transform:translate(calc(var(--dx) * -4),calc(var(--dy) * -4))}to{opacity:1;transform:none}}
@keyframes dcrOnda{0%{--dcr-l:14%}38%{--dcr-l:96%}}
/* pannello sotto la ruota */
.dcr-pannello{position:relative;margin:10px auto 0;max-width:540px;min-height:148px;padding:14px 16px;border-radius:18px;background:var(--dc-sup);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra);transition:border-color .25s}
.dcr-pannello[class*="dc-area-"]{border-color:color-mix(in srgb,var(--dc-area) 34%,var(--dc-bordo))}
.dcr--compatta .dcr-pannello{min-height:104px}
.dcr-pannello--scuro{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);box-shadow:none;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.dcr-pannello--scuro[class*="dc-area-"]{border-color:color-mix(in srgb,var(--dc-area-l) 45%,transparent)}
.dcr-p-vuoto{display:flex;align-items:center;gap:10px;margin:0;min-height:76px;justify-content:center;text-align:left;font-size:14.5px;line-height:1.45;color:var(--dc-tenue)}
.dcr-pannello--scuro .dcr-p-vuoto{color:rgba(235,240,255,.8)}
.dcr-p-vuoto .dc-ico{width:22px;height:22px;flex:0 0 auto}
.dcr-p-testa{display:flex;align-items:flex-start;gap:12px}
.dcr-p-cod{flex:0 0 auto;display:grid;place-items:center;min-width:48px;height:40px;padding:0 8px;border-radius:12px;background:var(--dc-area-pieno);color:#fff;font:800 16px/1 var(--dc-sans)}
.dcr-p-tt{min-width:0}
.dcr-p-tt small{display:block;font:700 11.5px/1.3 var(--dc-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--dc-area-t)}
.dcr-p-tt b{display:block;margin-top:3px;font:700 16.5px/1.3 var(--dc-serif);color:var(--dc-testo)}
.dcr-pannello--scuro .dcr-p-tt small{color:var(--dc-area-l)}
.dcr-pannello--scuro .dcr-p-tt b{color:#fff}
.dcr-p-fasce{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.dcr-p-fasce li{display:flex;flex-direction:column;gap:3px;padding:7px 8px;border-radius:10px;background:var(--dc-sup-2);font-size:12px;line-height:1.25;min-width:0}
.dcr-p-fasce li span:nth-child(2){font-weight:700;color:var(--dc-testo);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dcr-p-fasce li em{font-style:normal;color:var(--dc-tenue)}
.dcr-p-fasce .dcr-camp{width:100%;height:5px;border-radius:9px}
.dcr-pannello--scuro .dcr-p-fasce li{background:rgba(255,255,255,.07)}
.dcr-pannello--scuro .dcr-p-fasce li span:nth-child(2){color:#fff}.dcr-pannello--scuro .dcr-p-fasce li em{color:rgba(235,240,255,.75)}
.dcr-p-piede{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}
.dcr-p-info{display:inline-flex;align-items:center;gap:6px;font:600 13px/1.35 var(--dc-sans);color:var(--dc-tenue)}
.dcr-p-info--ok{color:var(--dc-ok)}
.dcr-pannello--scuro .dcr-p-info{color:rgba(235,240,255,.78)}.dcr-pannello--scuro .dcr-p-info--ok{color:#7FE3B0}
/* campioni di colore (legenda e fasce) */
.dcr-camp{--c:var(--dc-acc-2);display:inline-block;flex:0 0 auto;width:14px;height:14px;border-radius:4px;background:color-mix(in srgb,var(--c) 14%,var(--dcr-vuoto,#E3E8F2))}
.dcr-pannello .dcr-camp,.dcp-cella .dcr-camp{--c:var(--dc-area)}
.dcr-camp[data-s="iniziata"]{background:color-mix(in srgb,var(--c) 38%,var(--dcr-vuoto,#E3E8F2))}
.dcr-camp[data-s="studiata"]{background:color-mix(in srgb,var(--c) 66%,var(--dcr-vuoto,#E3E8F2))}
.dcr-camp[data-s="esercitata"]{background:color-mix(in srgb,var(--c) 86%,var(--dcr-vuoto,#E3E8F2))}
.dcr-camp[data-s="solida"]{background:var(--c)}
.dcr-legenda{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;list-style:none;margin:12px 0 0;padding:0;font:600 13px/1.3 var(--dc-sans);color:var(--dc-tenue)}
.dcr-legenda li{display:inline-flex;align-items:center;gap:7px}
.dcr-legenda--scuro{color:rgba(235,240,255,.8)}
.dcr-legenda--scuro .dcr-camp{--dcr-vuoto:#283255;--c:#8FC8EE}
@media(max-width:560px){.dcr-cod{font-size:15.5px}.dcr-livelli text{font-size:10.5px}.dcr-livelli .dcr-livelli-t{font-size:10px}.dcr-area-n{font-size:11px}}
@media(max-width:560px){.dcr-pannello{padding:12px 13px;border-radius:16px}.dcr-p-fasce{grid-template-columns:repeat(2,minmax(0,1fr))}.dcr-p-tt b{font-size:15.5px}.dcr-p-piede .dc-btn{flex:1 1 auto}}

/* ---------- 2. struttura delle pagine ---------- */
.dcp{font-family:var(--dc-sans);--dcp-link:#22678F}
html[data-theme=dark] .dcp{--dcp-link:var(--dc-acc)}
.dcp :is(p,li,small,span,td,dd) > a:not([class]){color:var(--dcp-link)}
.dcp-nota--avv a:not([class]){color:var(--dc-avv);font-weight:700}
/* occhielli sul fondo della pagina: il colore «senza area» del motore sul grigio chiaro sta a 4,47:1; qui un blu più scuro */
.dcp:not([class*="dc-area-"]){--dcp-occhiello:#22678F}
.dcp [class*="dc-area-"]{--dcp-occhiello:var(--dc-area-t)}
html[data-theme=dark] .dcp{--dcp-occhiello:var(--dc-area-t)}
.dcp :is(.dcp-sez-t,.dcp-cap,.dcp-testa) .dc-eyebrow{color:var(--dcp-occhiello,var(--dc-area-t))}
/* tema scuro: il blu «senza area» del motore è chiaro e sotto il testo bianco non si legge; nelle pagine si usa un blu scuro */
html[data-theme=dark] .dcp:not([class*="dc-area-"]){--dc-area-pieno:#1F6F9F}
.dcp-sez{margin-top:clamp(40px,6vw,64px)}
.dcp-sez:first-child{margin-top:0}
.dcp-sez-t{display:flex;align-items:flex-end;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;margin:0 0 20px}
.dcp-sez-t h2{margin:8px 0 0;font-size:clamp(25px,3.6vw,36px);line-height:1.12;letter-spacing:-.02em}
.dcp-sez-t p{margin:8px 0 0;max-width:64ch;color:var(--dc-tenue);font-size:15.5px;line-height:1.6}
.dcp-sez-t .dcp-sez-az{flex:0 0 auto}
.dcp-testa{position:relative;overflow:hidden;isolation:isolate;border-radius:28px;padding:clamp(22px,4vw,40px);margin-bottom:22px;background:var(--dc-sup);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra)}
.dcp-testa::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 90% at 100% 0%,color-mix(in srgb,var(--dc-area,#3E9BD0) 13%,transparent),transparent 70%),radial-gradient(60% 80% at 0% 100%,color-mix(in srgb,#7A52D6 8%,transparent),transparent 70%)}
.dcp-testa h1{margin:10px 0 0;font-size:clamp(30px,5vw,48px);line-height:1.06;letter-spacing:-.025em}
.dcp-testa .dcp-testa-sub{margin:12px 0 0;max-width:66ch;font-size:clamp(15.5px,2vw,17.5px);line-height:1.6;color:var(--dc-testo-2)}
.dcp-testa .dc-chips{margin-top:16px}
.dcp-nota{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:16px;background:var(--dc-sup-2);border:1px solid var(--dc-bordo);font-size:14.5px;line-height:1.55;color:var(--dc-testo-2)}
.dcp-nota .dc-ico{flex:0 0 auto;width:20px;height:20px;margin-top:1px;color:var(--dc-acc)}
.dcp-nota p{margin:0}
.dcp-nota--avv{background:var(--dc-avv-bg);border-color:color-mix(in srgb,#D98A0B 30%,transparent);color:var(--dc-testo)}
.dcp-nota--avv .dc-ico{color:var(--dc-avv)}
.dcp-vuoto{text-align:center;padding:30px 18px;border-radius:20px;border:1.5px dashed var(--dc-bordo-2);color:var(--dc-tenue)}
.dcp-vuoto h3{margin:0 0 6px;color:var(--dc-testo)}
.dcp-vuoto p{margin:0 auto;max-width:52ch}
.dcp-vuoto .dc-riga{justify-content:center;margin-top:14px}
.dcp-numero{font:800 clamp(30px,4vw,40px)/1 var(--dc-serif);letter-spacing:-.03em;color:var(--dc-testo)}

/* ---------- 3. eroe della home ---------- */
.dcp-hero{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:center;padding:clamp(24px,4.4vw,48px);border-radius:32px;color:#fff;background:radial-gradient(55% 70% at 88% 18%,rgba(122,82,214,.42),transparent 65%),radial-gradient(45% 60% at 8% 96%,rgba(14,147,132,.34),transparent 65%),radial-gradient(40% 50% at 55% 110%,rgba(201,61,120,.22),transparent 70%),linear-gradient(155deg,#101A3E 0%,#141C44 48%,#0B1129 100%);box-shadow:0 30px 70px rgba(16,24,60,.32)}
.dcp-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.13;background-image:radial-gradient(circle at 1px 1px,#fff 1.1px,transparent 1.2px);background-size:24px 24px;-webkit-mask-image:radial-gradient(80% 90% at 75% 40%,#000 0%,transparent 75%);mask-image:radial-gradient(80% 90% at 75% 40%,#000 0%,transparent 75%)}
@media(min-width:960px){.dcp-hero{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:40px}}
.dcp-hero-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0;padding:6px 12px 6px 8px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font:700 12.5px/1.2 var(--dc-sans);letter-spacing:.04em;color:#EAF0FF}
@media(max-width:420px){.dcp-hero-eyebrow{font-size:11.5px;letter-spacing:.01em;padding-right:12px;border-radius:14px;line-height:1.3}}
.dcp-hero-eyebrow i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:conic-gradient(from 200deg,var(--dc-a1),var(--dc-a2),var(--dc-a3),var(--dc-a4),var(--dc-a5),var(--dc-a1));font:800 9.5px/1 var(--dc-sans);font-style:normal;color:#fff}
.dcp-hero h1{margin:18px 0 0;color:#fff!important;font-size:clamp(36px,6vw,64px);line-height:1.02;letter-spacing:-.03em}
.dcp-grad{background:linear-gradient(92deg,#9CC0FF 0%,#7FE0CF 28%,#FFC38F 55%,#C7B2FF 78%,#FF9CC6 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:.04em}
.dcp-hero-sub{margin:18px 0 0;max-width:56ch;font-size:clamp(16px,2.1vw,18.5px);line-height:1.6;color:rgba(235,240,255,.9)}
.dcp-ingressi{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:26px}
@media(min-width:620px) and (max-width:959px){.dcp-ingressi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:960px){.dcp-ingressi{max-width:470px}}
.dcp-ingresso{position:relative;display:flex;align-items:center;gap:14px;min-height:76px;padding:14px 16px;border-radius:20px;text-decoration:none!important;color:#fff!important;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s var(--dc-ease),background .25s,box-shadow .25s,border-color .25s}
.dcp-ingresso:hover{transform:translateY(-2px);background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.4);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.dcp-ingresso--primo{background:#fff;color:#141C44!important;border-color:transparent;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.dcp-ingresso--primo:hover{background:#fff;border-color:transparent;box-shadow:0 18px 40px rgba(0,0,0,.34)}
.dcp-ingresso-ico{flex:0 0 auto;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff}
.dcp-ingresso--primo .dcp-ingresso-ico{background:linear-gradient(135deg,#E8843A,#C4641E);color:#fff;box-shadow:0 6px 16px rgba(232,132,58,.38)}
.dcp-ingresso-ico .dc-ico{width:24px;height:24px}
.dcp-ingresso b{display:block;font:800 18px/1.15 var(--dc-sans)}
.dcp-ingresso small{display:block;margin-top:4px;font:600 13.5px/1.3 var(--dc-sans);opacity:.86}
.dcp-ingresso > .dc-ico{margin-left:auto;width:20px;height:20px;opacity:.8;transition:transform .25s var(--dc-ease)}
.dcp-ingresso:hover > .dc-ico{transform:translateX(3px)}
.dcp-hero-azioni{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
@media(min-width:960px){.dcp-hero-azioni{max-width:470px}}
@media(max-width:400px){.dcp-hero-azioni{grid-template-columns:minmax(0,1fr)}}
.dcp-azione{display:flex;align-items:center;gap:11px;min-width:0;min-height:60px;padding:10px 12px;border-radius:16px;text-decoration:none!important;color:#fff!important;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);transition:transform .25s var(--dc-ease),background .25s,border-color .25s,box-shadow .25s}
.dcp-azione:hover{transform:translateY(-2px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.38)}
.dcp-azione-ico{flex:0 0 auto;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.13);color:#fff}
.dcp-azione-ico .dc-ico{width:19px;height:19px}
.dcp-azione-t{min-width:0}
.dcp-azione b{display:block;font:800 14.5px/1.2 var(--dc-sans)}
.dcp-azione small{display:block;margin-top:3px;font:600 12px/1.3 var(--dc-sans);color:rgba(235,240,255,.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dcp-azione--luce,.dcp-azione--luce:hover{background:#fff;color:#141C44!important;border-color:transparent;box-shadow:0 12px 30px rgba(0,0,0,.3)}
.dcp-azione--luce .dcp-azione-ico{background:linear-gradient(135deg,#3E9BD0,#1E55B3);box-shadow:0 6px 14px rgba(30,85,179,.35)}
.dcp-azione--luce small{color:#4D5670}
.dcp-fiducia{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:22px 0 0;padding:0;font:600 13.5px/1.3 var(--dc-sans);color:rgba(235,240,255,.82)}
.dcp-fiducia li{display:inline-flex;align-items:center;gap:7px}
.dcp-fiducia .dc-ico{width:17px;height:17px;color:#7FE3B0}
.dcp-hero-ruota{position:relative;min-width:0}
.dcp-hero-ruota::before{content:"";position:absolute;left:50%;top:44%;width:86%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;z-index:-1;background:conic-gradient(from 0deg,rgba(43,108,212,.38),rgba(14,147,132,.34),rgba(217,112,30,.3),rgba(122,82,214,.38),rgba(201,61,120,.32),rgba(43,108,212,.38));filter:blur(46px);opacity:.75;animation:dcpGira 28s linear infinite}
@keyframes dcpGira{to{transform:translate(-50%,-50%) rotate(360deg)}}
/* sotto i 960 px la ruota sta fra i due ingressi e gli altri bottoni: si vede subito, senza allontanare «Sono ATA» */
@media(max-width:959px){.dcp-hero{gap:0}.dcp-hero-testo{display:contents}.dcp-hero-eyebrow{order:1;justify-self:start}.dcp-hero h1{order:2}.dcp-hero-sub{order:3}.dcp-ingressi{order:4}.dcp-hero-ruota{order:5;margin-top:24px}.dcp-hero-azioni{order:6;margin-top:16px}.dcp-fiducia{order:7}
  .dcp-hero--ritorno .dcp-hero-azioni{order:4;margin-top:22px}.dcp-hero--ritorno .dcp-ingressi{order:5;margin-top:12px}}
@media(max-width:640px){.dcp-hero{border-radius:24px;padding:22px 16px 18px;gap:0;margin-left:-4px;margin-right:-4px}.dcp-hero h1{margin-top:14px}.dcp-ingresso{min-height:68px;padding:12px 14px;border-radius:18px}.dcp-ingresso b{font-size:17px}.dcp-fiducia{gap:8px 14px;font-size:13px}}
/* banda «riprendi» */
.dcp-riprendi{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:18px;padding:16px 18px;border-radius:22px;background:var(--dc-sup);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra)}
.dcp-riprendi-t{flex:1 1 260px;min-width:0}
.dcp-riprendi-t small{display:block;font:800 11.5px/1.2 var(--dc-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--dc-area-t)}
.dcp-riprendi-t b{display:block;margin-top:5px;font:700 19px/1.3 var(--dc-serif)}
.dcp-riprendi-t span{display:block;margin-top:3px;font-size:14px;color:var(--dc-tenue)}
.dcp-riprendi .dc-riga{flex:0 0 auto}
@media(max-width:560px){.dcp-riprendi .dc-riga{flex:1 1 100%}.dcp-riprendi .dc-riga .dc-btn{flex:1}}

/* ---------- 4. schede e tessere ---------- */
.dcp-tessere{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:900px){.dcp-tessere{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
.dcp-tessera{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:18px;border-radius:22px;background:var(--dc-sup);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra);text-decoration:none!important;color:var(--dc-testo)!important;transition:transform .25s var(--dc-ease),box-shadow .25s var(--dc-ease),border-color .25s}
a.dcp-tessera:hover{transform:translateY(-3px);box-shadow:var(--dc-ombra-h);border-color:color-mix(in srgb,var(--dc-area) 40%,transparent)}
.dcp-tessera-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--dc-area),var(--dc-area-pieno));box-shadow:0 8px 18px color-mix(in srgb,var(--dc-area) 30%,transparent);margin-bottom:6px}
.dcp-tessera-ico .dc-ico{width:22px;height:22px}
.dcp-tessera .dcp-numero{margin-top:4px}
.dcp-tessera b{font:800 15.5px/1.3 var(--dc-sans)}
.dcp-tessera p{margin:0;font-size:13.5px;line-height:1.5;color:var(--dc-tenue)}
.dcp-tessera .dcp-pronti{margin-top:auto;padding-top:8px}
.dcp-pronti{display:inline-flex;align-items:center;gap:6px;font:700 12.5px/1.2 var(--dc-sans);color:var(--dc-tenue)}
.dcp-pronti i{width:8px;height:8px;border-radius:50%;background:#B9C2D3}
.dcp-pronti--ok{color:var(--dc-ok)}
.dcp-pronti--ok i{background:#1E9E62;box-shadow:0 0 0 3px rgba(30,158,98,.18)}
@media(max-width:560px){.dcp-tessera{padding:14px;border-radius:18px}.dcp-tessera-ico{width:38px;height:38px;border-radius:12px}.dcp-tessera p{font-size:13px}}

/* ---------- 5. passi e aree ---------- */
.dcp-passi{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;list-style:none;margin:0;padding:0;counter-reset:dcpp}
@media(min-width:860px){.dcp-passi{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
.dcp-passo{position:relative;counter-increment:dcpp;padding:22px 20px 20px;border-radius:24px;background:var(--dc-sup);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra);display:flex;flex-direction:column}
.dcp-passo::before{content:counter(dcpp);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font:800 20px/1 var(--dc-serif);color:#fff;background:linear-gradient(135deg,var(--dc-area),var(--dc-area-pieno));box-shadow:0 0 0 6px color-mix(in srgb,var(--dc-area) 14%,transparent)}
.dcp-passo h3{margin:16px 0 6px;font-size:21px}
.dcp-passo p{margin:0;font-size:15px;line-height:1.6;color:var(--dc-testo-2)}
.dcp-passo .dcp-passo-az{margin-top:auto;padding-top:14px}
.dcp-passo .dcp-passo-tempo{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font:700 12.5px/1 var(--dc-sans);color:var(--dc-tenue)}
@media(min-width:860px){.dcp-passo:not(:last-child)::after{content:"";position:absolute;top:44px;right:-19px;width:20px;height:2px;background:repeating-linear-gradient(90deg,var(--dc-bordo-2) 0 4px,transparent 4px 8px)}}
.dcp-aree{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media(min-width:700px){.dcp-aree{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){.dcp-aree{grid-template-columns:repeat(5,minmax(0,1fr))}}
.dcp-area{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:22px;overflow:hidden;text-decoration:none!important;color:var(--dc-testo)!important;background:var(--dc-sup);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra);transition:transform .25s var(--dc-ease),box-shadow .25s}
.dcp-area::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--dc-area),color-mix(in srgb,var(--dc-area) 40%,transparent))}
.dcp-area:hover{transform:translateY(-3px);box-shadow:var(--dc-ombra-h)}
.dcp-area-n{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dcp-area-n span{font:800 12px/1 var(--dc-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--dc-area-t)}
.dcp-area b{font:700 18px/1.25 var(--dc-serif)}
.dcp-area p{margin:0;font-size:13.5px;line-height:1.5;color:var(--dc-tenue)}
.dcp-area .dcp-area-cod{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:6px}
.dcp-area .dcp-area-cod i{font:800 11px/1 var(--dc-sans);font-style:normal;padding:4px 6px;border-radius:7px;background:color-mix(in srgb,var(--dc-area) 12%,var(--dc-sup));color:var(--dc-area-t)}
.dcp-area-barra{margin-top:6px}

/* ---------- 6. filtri, elenchi, domande frequenti ---------- */
.dcp-filtri{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 16px}
.dcp-filtri-gr{display:flex;flex-wrap:wrap;gap:8px}
.dcp-filtri .dc-segm{flex:0 0 auto}
.dcp-filtri-t{font:800 11.5px/1.2 var(--dc-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--dc-tenue);margin-right:2px}
button.dc-chip.dcp-chip-area[aria-pressed="true"]{background:var(--dc-area-pieno);border-color:transparent;color:#fff}
.dcp-chip-area .dcp-pallino{width:9px;height:9px;border-radius:50%;background:var(--dc-area)}
.dcp-chip-area[aria-pressed="true"] .dcp-pallino{background:#fff}
.dcp-cerca{position:relative;flex:1 1 220px;max-width:340px}
.dcp-cerca .dc-ico{position:absolute;z-index:2;left:12px;top:50%;transform:translateY(-50%);color:var(--dc-tenue);pointer-events:none}
.dcp-cerca input{width:100%;min-height:42px;padding:8px 12px 8px 38px!important;font:500 15px/1.2 var(--dc-sans)!important;border:1.5px solid var(--dc-bordo-2)!important;background:var(--dc-sup)!important}
.dcp-faq-griglia{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
@media(min-width:960px){.dcp-faq-griglia{grid-template-columns:minmax(0,1fr) 330px;gap:28px}.dcp-faq-lato{position:sticky;top:calc(var(--dc-testa) + 16px)}}
.dcp-faq-lato{display:flex;flex-direction:column;gap:12px}
.dcp-faq-lato .dc-card h3{margin:0 0 6px;font-size:19px}
.dcp-faq-lato .dc-card p{margin:0 0 12px;font-size:14.5px;color:var(--dc-testo-2)}
.dcp-faq .dc-acc-corpo p{margin:0 0 8px}
.dcp-faq .dc-acc-corpo p:last-child{margin:0}
.dcp-fonte{display:block;margin-top:6px;font-size:12.5px;color:var(--dc-tenue)}
.dcp-conteggio{font:600 14px/1.3 var(--dc-sans);color:var(--dc-tenue);margin:0 0 12px}

/* competenze (mappa) */
.dcp-mappa-alto{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}
@media(min-width:960px){.dcp-mappa-alto{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.dcp-mappa-lato{position:sticky;top:calc(var(--dc-testa) + 16px)}}
.dcp-mappa-lato .dcr-pannello{margin:0;max-width:none;min-height:0}
.dcp-mappa-lato{display:flex;flex-direction:column;gap:14px}
.dcp-gruppo{scroll-margin-top:calc(var(--dc-testa) + 20px)}
.dcp-gruppo + .dcp-gruppo{margin-top:30px}
.dcp-gruppo-t{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.dcp-gruppo-t .dc-card-ico{width:44px;height:44px;border-radius:14px;background:var(--dc-area-pieno);color:#fff}
.dcp-gruppo-t h2{margin:0;font-size:clamp(20px,2.6vw,25px)}
.dcp-gruppo-t small{display:block;font:800 11.5px/1.2 var(--dc-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--dc-area-t)}
.dcp-gruppo-desc{margin:-4px 0 14px;font-size:14.5px;line-height:1.6;color:var(--dc-tenue);max-width:80ch}
.dcp-comp-lista{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;list-style:none;margin:0;padding:0}
@media(min-width:760px){.dcp-comp-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dcp-comp{position:relative;display:flex;flex-direction:column;gap:10px;height:100%;padding:16px;border-radius:18px;background:var(--dc-sup);border:1px solid var(--dc-bordo);text-decoration:none!important;color:var(--dc-testo)!important;transition:transform .2s var(--dc-ease),box-shadow .2s,border-color .2s}
.dcp-comp:hover,.dcp-comp.dcp-on{transform:translateY(-2px);box-shadow:var(--dc-ombra-h);border-color:color-mix(in srgb,var(--dc-area) 45%,transparent)}
.dcp-comp-h{display:flex;align-items:flex-start;gap:12px}
.dcp-comp-cod{flex:0 0 auto;display:grid;place-items:center;min-width:46px;height:38px;padding:0 6px;border-radius:11px;font:800 15px/1 var(--dc-sans);color:var(--dc-area-t);background:color-mix(in srgb,var(--dc-area) 12%,var(--dc-sup))}
.dcp-comp.dcp-fatta .dcp-comp-cod{background:var(--dc-area-pieno);color:#fff}
.dcp-comp-h b{display:block;font:700 16px/1.35 var(--dc-serif)}
.dcp-comp-h small{display:block;margin-top:3px;font-size:13px;color:var(--dc-tenue)}
.dcp-celle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.dcp-cella{display:flex;flex-direction:column;gap:4px;min-width:0;font:600 11.5px/1.2 var(--dc-sans);color:var(--dc-tenue)}
.dcp-cella .dcr-camp{width:100%;height:7px;border-radius:9px}
.dcp-cella span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dcp-comp-piede{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--dc-tenue)}
.dcp-comp-piede .dc-badge{font-size:10.5px}
.dcp-raggiunta{font:700 13px/1.2 var(--dc-sans);color:var(--dc-area-t)}

/* ---------- 7. percorsi ---------- */
.dcp-percorsi{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:24px}
@media(min-width:700px){.dcp-percorsi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){.dcp-percorsi{grid-template-columns:repeat(4,minmax(0,1fr))}}
.dcp-perc-scelta{position:relative;display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;padding:16px;border-radius:20px;border:1.5px solid var(--dc-bordo);background:var(--dc-sup);color:var(--dc-testo);font:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s var(--dc-ease)}
.dcp-perc-scelta:hover{transform:translateY(-2px);box-shadow:var(--dc-ombra-h)}
.dcp-perc-scelta[aria-pressed="true"]{border-color:var(--dc-area);box-shadow:0 0 0 3px color-mix(in srgb,var(--dc-area) 22%,transparent),var(--dc-ombra)}
.dcp-perc-scelta .dcp-perc-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--dc-area),var(--dc-area-pieno))}
.dcp-perc-scelta b{font:800 16px/1.3 var(--dc-sans)}
.dcp-perc-scelta small{font-size:13px;color:var(--dc-tenue);line-height:1.45}
.dcp-perc-scelta .dcp-perc-meta{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:auto;padding-top:8px;font:700 12.5px/1.25 var(--dc-sans);color:var(--dc-testo-2)}
.dcp-perc-scelta .dcp-perc-meta span{display:inline-flex;align-items:flex-start;gap:6px}
.dcp-perc-scelta .dcp-perc-meta .dc-ico{width:15px;height:15px;flex:0 0 auto;margin-top:-1px}
.dcp-perc-scelta .dcp-tuo{position:absolute;top:12px;right:12px}
@media(max-width:699px){.dcp-percorsi{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dcp-perc-scelta{padding:12px;border-radius:16px;gap:5px}.dcp-perc-scelta small{display:none}.dcp-perc-scelta b{font-size:14.5px}.dcp-perc-scelta .dcp-perc-ico{width:34px;height:34px;border-radius:10px}.dcp-perc-scelta .dcp-perc-meta{font-size:11.5px}.dcp-perc-scelta .dcp-tuo{top:9px;right:9px;font-size:9.5px}}
.dcp-perc-dett{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}
@media(min-width:980px){.dcp-perc-dett{grid-template-columns:minmax(0,1fr) 340px}.dcp-perc-lato{position:sticky;top:calc(var(--dc-testa) + 16px)}}
.dcp-perc-lato{display:flex;flex-direction:column;gap:14px}
.dcp-perc-lato .dc-card h3{margin:0 0 8px;font-size:18px}
.dcp-perc-lato ul{margin:6px 0 0;padding-left:18px;font-size:14.5px;line-height:1.55;color:var(--dc-testo-2)}
.dcp-perc-lato li{margin:4px 0}
.dcp-perc-cifre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 0}
.dcp-perc-cifre div{padding:10px;border-radius:14px;background:var(--dc-sup-2);text-align:center}
.dcp-perc-cifre b{display:block;font:800 22px/1 var(--dc-serif)}
.dcp-perc-cifre small{display:block;margin-top:4px;font-size:11.5px;color:var(--dc-tenue);line-height:1.25}
.dcp-tappe{list-style:none;margin:0;padding:0;position:relative}
.dcp-tappa{position:relative;padding:0 0 18px 64px}
.dcp-tappa:last-child{padding-bottom:0}
.dcp-tappa::before{content:"";position:absolute;left:23px;top:50px;bottom:-2px;width:3px;border-radius:3px;background:var(--dc-sup-3)}
.dcp-tappa:last-child::before{display:none}
.dcp-tappa.dcp-tappa--fatta::before{background:linear-gradient(var(--dc-area),color-mix(in srgb,var(--dc-area) 30%,var(--dc-sup-3)))}
.dcp-tappa-n{position:absolute;left:0;top:0;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;font:800 18px/1 var(--dc-serif);color:var(--dc-area-t);background:var(--dc-sup);border:3px solid color-mix(in srgb,var(--dc-area) 40%,var(--dc-sup-3));z-index:1}
.dcp-tappa--fatta .dcp-tappa-n{background:var(--dc-area-pieno);border-color:transparent;color:#fff}
.dcp-tappa--corso .dcp-tappa-n{border-color:var(--dc-area);box-shadow:0 0 0 5px color-mix(in srgb,var(--dc-area) 16%,transparent)}
.dcp-tappa-n .dc-ico{width:22px;height:22px}
.dcp-tappa-box{padding:16px 18px;border-radius:20px;background:var(--dc-sup);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra)}
.dcp-tappa--corso .dcp-tappa-box{border-color:color-mix(in srgb,var(--dc-area) 45%,transparent)}
.dcp-tappa-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.dcp-tappa-h h3{margin:0;font-size:19px;line-height:1.3}
.dcp-tappa-h small{display:block;font:800 11.5px/1.2 var(--dc-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--dc-area-t);margin-bottom:4px}
.dcp-tappa p{margin:6px 0 0;font-size:14.5px;line-height:1.6;color:var(--dc-testo-2)}
.dcp-tappa .dc-barra{margin-top:12px}
.dcp-tappa-az{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.dcp-tappa .dc-acc{margin-top:12px}
.dcp-tappa .dc-acc-btn{min-height:44px;font-size:14.5px}
.dcp-puntini{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}
.dcp-puntini i{width:12px;height:12px;border-radius:4px;background:color-mix(in srgb,var(--dc-area) 12%,var(--dc-sup-3))}
.dcp-puntini i.on{background:var(--dc-area)}
.dcp-puntini i.mezzo{background:color-mix(in srgb,var(--dc-area) 45%,var(--dc-sup-3))}
.dcp-lez-lista{list-style:none;margin:0;padding:0}
.dcp-lez-lista li{border-top:1px dashed var(--dc-bordo)}
.dcp-lez-lista li:first-child{border-top:0}
.dcp-lez-lista a{display:flex;align-items:center;gap:10px;padding:9px 2px;min-height:44px;text-decoration:none!important;color:var(--dc-testo)!important}
.dcp-lez-lista a:hover b{text-decoration:underline}
.dcp-lez-lista .dcp-lez-cod{flex:0 0 auto;min-width:36px;font:800 12.5px/1 var(--dc-sans);color:var(--dc-area-t)}
.dcp-lez-lista b{flex:1;min-width:0;font:600 14.5px/1.35 var(--dc-sans)}
.dcp-lez-lista em{flex:0 0 auto;font-style:normal;font-size:12.5px;color:var(--dc-tenue);text-align:right}
.dcp-lez-lista .dc-spunta{width:20px;height:20px}
@media(max-width:560px){.dcp-tappa{padding-left:52px}.dcp-tappa-n{width:40px;height:40px;font-size:16px}.dcp-tappa::before{left:18.5px;top:42px}.dcp-tappa-box{padding:14px}.dcp-tappa-h h3{font-size:17.5px}.dcp-lez-lista em{display:none}}

/* ---------- 8. simulatori ---------- */
.dcp-sims{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media(min-width:680px){.dcp-sims{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){.dcp-sims{grid-template-columns:repeat(3,minmax(0,1fr))}}
.dcp-sim{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:var(--dc-sup);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra);transition:transform .25s var(--dc-ease),box-shadow .25s}
.dcp-sim:hover{transform:translateY(-3px);box-shadow:var(--dc-ombra-h)}
.dcp-sim-arte{position:relative;height:138px;overflow:hidden;background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--dc-area) 70%,#fff 10%) 0%,transparent 60%),linear-gradient(135deg,var(--dc-area-pieno),color-mix(in srgb,var(--dc-area-pieno) 70%,#0B1020));color:#fff}
.dcp-sim-arte svg{position:absolute;right:2px;bottom:-20px;width:216px;height:auto;color:var(--dc-area-pieno);filter:drop-shadow(0 10px 18px rgba(0,0,0,.2));transition:transform .45s var(--dc-ease)}
.dcp-sim-arte svg text{font-family:var(--dc-sans);letter-spacing:.01em}
.dcp-sim:hover .dcp-sim-arte svg{transform:translateY(-4px) rotate(-1deg)}
html[data-theme=dark] .dcp-sim-arte svg{color:#1F4E80}
html[data-theme=dark] .dcp-sim.dc-area-2 .dcp-sim-arte svg{color:#0A6157}html[data-theme=dark] .dcp-sim.dc-area-3 .dcp-sim-arte svg{color:#9A4A0C}html[data-theme=dark] .dcp-sim.dc-area-4 .dcp-sim-arte svg{color:#5B37B5}html[data-theme=dark] .dcp-sim.dc-area-5 .dcp-sim-arte svg{color:#A12A5D}
.dcp-sim-arte .dcp-sim-badge{position:absolute;left:14px;top:14px;display:flex;gap:6px;flex-wrap:wrap}
.dcp-sim-arte .dc-badge{background:rgba(6,10,24,.46);color:#fff;backdrop-filter:blur(6px)}
.dcp-sim-corpo{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1}
.dcp-sim-corpo h3{margin:0;font-size:19px;line-height:1.25}
.dcp-sim-corpo h3 a{color:var(--dc-testo)!important;text-decoration:none!important}
.dcp-sim-corpo h3 a::after{content:"";position:absolute;inset:0;z-index:0}
.dcp-sim-corpo h3 a:focus-visible{outline:none!important}
.dcp-sim:focus-within{outline:3px solid var(--dc-focus);outline-offset:2px}
.dcp-sim-corpo p{margin:0;font-size:14px;line-height:1.55;color:var(--dc-testo-2)}
.dcp-sim-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:auto;padding-top:8px;font:600 12.5px/1.3 var(--dc-sans);color:var(--dc-tenue)}
.dcp-sim-meta span{display:inline-flex;align-items:center;gap:5px}
.dcp-sim-meta .dc-ico{width:15px;height:15px}
.dcp-sim-piede{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px dashed var(--dc-bordo);margin-top:6px}
.dcp-sim-piede .dc-chips{position:relative;z-index:1}
.dcp-sim-piede a.dc-chip{position:relative;z-index:1}
.dcp-sim-voto{display:inline-flex;align-items:center;gap:6px;font:800 12.5px/1 var(--dc-sans);color:var(--dc-ok)}
.dcp-sim-voto .dc-ico{width:16px;height:16px}
.dcp-arrivo{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.dcp-arrivo li{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--dc-sup-2);border:1px dashed var(--dc-bordo-2);font:600 13px/1.2 var(--dc-sans);color:var(--dc-testo-2)}
.dcp-arrivo li i{font-style:normal;font-weight:800;color:var(--dc-area-t);font-size:11.5px}
/* pagina del singolo simulatore */
.dcp-simtesta{display:grid;grid-template-columns:minmax(0,1fr);gap:18px 28px;align-items:center}
@media(min-width:860px){.dcp-simtesta{grid-template-columns:minmax(0,1fr) 300px}}
.dcp-simtesta-az{margin-top:18px}
.dcp-simtesta-arte{display:none}
@media(min-width:860px){.dcp-simtesta-arte{display:block;position:relative;height:210px;border-radius:24px;overflow:hidden;background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--dc-area) 70%,#fff 10%) 0%,transparent 60%),linear-gradient(135deg,var(--dc-area-pieno),color-mix(in srgb,var(--dc-area-pieno) 70%,#0B1020));box-shadow:0 18px 40px color-mix(in srgb,var(--dc-area-pieno) 30%,transparent)}
  .dcp-simtesta-arte svg{position:absolute;right:-6px;bottom:-26px;width:330px;height:auto;color:var(--dc-area-pieno);filter:drop-shadow(0 12px 22px rgba(0,0,0,.22))}
  .dcp-simtesta-arte svg text{font-family:var(--dc-sans)}
  html[data-theme=dark] .dcp-simtesta-arte svg{color:#1F4E80}
  html[data-theme=dark] .dc-area-2 .dcp-simtesta-arte svg{color:#0A6157}html[data-theme=dark] .dc-area-3 .dcp-simtesta-arte svg{color:#9A4A0C}html[data-theme=dark] .dc-area-4 .dcp-simtesta-arte svg{color:#5B37B5}html[data-theme=dark] .dc-area-5 .dcp-simtesta-arte svg{color:#A12A5D}html[data-theme=dark] .dc-area-6 .dcp-simtesta-arte svg{color:#2E6418}}
.dcp-simtesta .dcp-testa-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.dcp-come{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;list-style:none;margin:0;padding:0;counter-reset:dcpc}
@media(min-width:760px){.dcp-come{grid-template-columns:repeat(3,minmax(0,1fr))}}
.dcp-come li{counter-increment:dcpc;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:var(--dc-sup-2);border:1px solid var(--dc-bordo);font-size:14.5px;line-height:1.5;color:var(--dc-testo-2)}
.dcp-come li::before{content:counter(dcpc);flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:800 14px/1 var(--dc-sans);color:#fff;background:var(--dc-area-pieno)}
.dcp-come b{display:block;color:var(--dc-testo);margin-bottom:2px}
@media(max-width:560px){.dcp-come{gap:6px}.dcp-come li{padding:9px 12px;align-items:center;border-radius:14px}.dcp-come li::before{width:26px;height:26px;font-size:13px}.dcp-come b{margin:0;font-size:14.5px}.dcp-come .dcp-come-t{display:none}}
.dcp-sim-palco{margin-top:20px;scroll-margin-top:calc(var(--dc-testa) + 12px)}
.dcp-dopo{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:26px}
@media(min-width:760px){.dcp-dopo{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- 9. guida ---------- */
.dcp-guida{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
@media(min-width:1000px){.dcp-guida{grid-template-columns:250px minmax(0,1fr)}}
.dcp-indice{position:relative}
@media(min-width:1000px){.dcp-indice{position:sticky;top:calc(var(--dc-testa) + 16px)}}
.dcp-indice nav{padding:14px;border-radius:20px;background:var(--dc-sup);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra)}
.dcp-indice h2{margin:0 0 8px;padding:0 8px;font:800 11.5px/1.2 var(--dc-sans)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--dc-tenue)!important}
.dcp-indice ol{list-style:none;margin:0;padding:0;counter-reset:dcpi}
.dcp-indice li{counter-increment:dcpi}
.dcp-indice a{display:flex;gap:10px;align-items:baseline;padding:8px 10px;border-radius:10px;font:600 14px/1.35 var(--dc-sans);color:var(--dc-testo-2)!important;text-decoration:none!important}
.dcp-indice a::before{content:counter(dcpi);font:800 11.5px/1 var(--dc-sans);color:var(--dc-tenue);min-width:14px}
.dcp-indice a:hover{background:var(--dc-sup-2);color:var(--dc-testo)!important}
.dcp-indice a[aria-current="true"]{background:color-mix(in srgb,var(--dc-acc-2) 12%,var(--dc-sup));color:var(--dc-testo)!important}
@media(max-width:999px){.dcp-indice ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.dcp-indice a{padding:7px 8px;font-size:13.5px}}
@media(max-width:420px){.dcp-indice ol{grid-template-columns:minmax(0,1fr)}}
.dcp-cap{scroll-margin-top:calc(var(--dc-testa) + 18px)}
.dcp-cap + .dcp-cap{margin-top:46px;padding-top:34px;border-top:1px solid var(--dc-bordo)}
.dcp-cap > h2{margin:6px 0 12px;font-size:clamp(25px,3.4vw,34px);line-height:1.15}
.dcp-cap h3{margin:26px 0 8px;font-size:20px}
.dcp-cap p,.dcp-cap li{font-size:16px;line-height:1.7;color:var(--dc-testo)}
.dcp-cap p{margin:0 0 12px}
.dcp-cap ul,.dcp-cap ol{margin:8px 0 14px;padding-left:22px}
.dcp-cap li{margin:5px 0}
.dcp-cap .dc-box{margin:16px 0}
.dcp-cap .dc-tabella-box{margin:14px 0}
.dcp-cap blockquote{margin:14px 0;padding:14px 18px;border-left:4px solid var(--dc-acc-2);border-radius:0 14px 14px 0;background:var(--dc-sup-2);font:500 16.5px/1.6 var(--dc-serif)}
.dcp-cap blockquote footer{margin-top:6px;font:600 12.5px/1.4 var(--dc-sans);color:var(--dc-tenue)}
.dcp-agg{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;font:700 12.5px/1.2 var(--dc-sans);color:var(--dc-tenue)}
.dcp-tre{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;list-style:none;margin:14px 0;padding:0;counter-reset:dcpt}
@media(min-width:760px){.dcp-tre{grid-template-columns:repeat(3,minmax(0,1fr))}}
.dcp-tre li{counter-increment:dcpt;position:relative;margin:0!important;padding:16px 16px 16px 58px;border-radius:18px;background:var(--dc-sup);border:1px solid var(--dc-bordo);font-size:15px!important;line-height:1.5!important}
.dcp-tre li::before{content:counter(dcpt);position:absolute;left:16px;top:16px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:800 14px/1 var(--dc-sans);color:#fff;background:#1E8A55}
.dcp-tre b{display:block}
.dcp-aree-elenco{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:14px 0}
.dcp-aree-elenco > div{padding:14px 16px;border-radius:18px;border:1px solid var(--dc-bordo);border-left:5px solid var(--dc-area);background:var(--dc-sup)}
.dcp-aree-elenco h3{margin:0 0 4px!important;font-size:18px!important}
.dcp-aree-elenco p{margin:0 0 8px!important;font-size:14.5px!important;color:var(--dc-testo-2)!important}
.dcp-aree-elenco ul{list-style:none;margin:0!important;padding:0!important;display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
@media(min-width:760px){.dcp-aree-elenco ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dcp-aree-elenco li{margin:0!important;font-size:14.5px!important;line-height:1.45!important}
.dcp-aree-elenco li a{display:flex;gap:8px;padding:5px 0;text-decoration:none!important;color:var(--dc-testo)!important}
.dcp-aree-elenco li a b{flex:0 0 auto;color:var(--dc-area-t);min-width:28px}
.dcp-aree-elenco li a:hover span{text-decoration:underline}
.dcp-livelli{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:14px 0}
@media(min-width:760px){.dcp-livelli{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dcp-liv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;padding:14px 16px;border-radius:18px;background:var(--dc-sup);border:1px solid var(--dc-bordo)}
.dcp-liv-n{grid-row:span 3;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font:800 22px/1 var(--dc-serif);color:#fff;background:linear-gradient(135deg,#3E9BD0,#1E55B3)}
.dcp-liv[data-f="intermedio"] .dcp-liv-n{background:linear-gradient(135deg,#17A391,#0A7166)}
.dcp-liv[data-f="avanzato"] .dcp-liv-n{background:linear-gradient(135deg,#8C67E0,#5B37B5)}
.dcp-liv[data-f="specializzato"] .dcp-liv-n{background:linear-gradient(135deg,#D9578C,#A12A5D)}
.dcp-liv b{font:700 16px/1.3 var(--dc-sans)}
.dcp-liv q{display:block;font:500 15px/1.5 var(--dc-serif);color:var(--dc-testo);quotes:"«" "»"}
.dcp-liv small{font-size:13px;line-height:1.45;color:var(--dc-tenue)}
.dcp-semaforo{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:14px 0}
@media(min-width:760px){.dcp-semaforo{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dcp-semaforo > div{padding:14px 16px;border-radius:18px;border:1px solid var(--dc-bordo);background:var(--dc-sup)}
.dcp-semaforo h4,.dcp-semaforo .dcp-semaforo-t{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:800 15px/1.2 var(--dc-sans)!important}
.dcp-semaforo ul{list-style:none;margin:0!important;padding:0!important}
.dcp-semaforo li{position:relative;padding-left:18px;font-size:14.5px!important;line-height:1.5!important}
.dcp-semaforo li::before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.5}
.dcp-semaforo .dcp-si h4,.dcp-semaforo .dcp-si .dcp-semaforo-t{color:var(--dc-ok)}.dcp-semaforo .dcp-no h4,.dcp-semaforo .dcp-no .dcp-semaforo-t{color:var(--dc-err)}
.dcp-semaforo .dcp-si{border-color:color-mix(in srgb,#2F9E5B 35%,transparent)}.dcp-semaforo .dcp-no{border-color:color-mix(in srgb,#D0564E 35%,transparent)}
.dcp-cap .dcp-fonte{font-size:12.5px;line-height:1.5;color:var(--dc-tenue);margin:6px 0 12px}
.dcp-fonti{font-size:13.5px!important;line-height:1.6!important;color:var(--dc-tenue)!important}
.dcp-fonti li{font-size:13.5px!important}
.dcp-da-riempire{border-style:dashed}

/* ---------- 10. il mio percorso ---------- */
.dcp-cruscotto{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media(min-width:960px){.dcp-cruscotto{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.dcp-cifre{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:620px){.dcp-cifre{grid-template-columns:repeat(4,minmax(0,1fr))}}
.dcp-cifra{padding:14px 16px;border-radius:18px;background:var(--dc-sup);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra);min-width:0}
.dcp-cifra small{display:block;font:800 11px/1.25 var(--dc-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--dc-tenue)}
.dcp-cifra b{display:block;margin-top:6px;font:800 28px/1 var(--dc-serif);letter-spacing:-.02em}
.dcp-cifra span{display:block;margin-top:4px;font-size:12.5px;color:var(--dc-tenue);line-height:1.35}
.dcp-radar{margin:0}
.dcp-radar svg{display:block;width:100%;max-width:560px;height:auto;margin:0 auto;overflow:visible}
.dcp-radar .dcp-r-a1{--r:var(--dc-a1);--rt:var(--dc-a1-d)}.dcp-radar .dcp-r-a2{--r:var(--dc-a2);--rt:var(--dc-a2-d)}.dcp-radar .dcp-r-a3{--r:var(--dc-a3);--rt:var(--dc-a3-d)}.dcp-radar .dcp-r-a4{--r:var(--dc-a4);--rt:var(--dc-a4-d)}.dcp-radar .dcp-r-a5{--r:var(--dc-a5);--rt:var(--dc-a5-d)}
html[data-theme=dark] .dcp-radar .dcp-r-a1{--rt:var(--dc-a1-l)}html[data-theme=dark] .dcp-radar .dcp-r-a2{--rt:var(--dc-a2-l)}html[data-theme=dark] .dcp-radar .dcp-r-a3{--rt:var(--dc-a3-l)}html[data-theme=dark] .dcp-radar .dcp-r-a4{--rt:var(--dc-a4-l)}html[data-theme=dark] .dcp-radar .dcp-r-a5{--rt:var(--dc-a5-l)}
.dcp-radar .dcp-r-settore{fill:var(--r);opacity:.075}
html[data-theme=dark] .dcp-radar .dcp-r-settore{opacity:.12}
.dcp-radar .dcp-r-bordo{fill:none;stroke:var(--r);stroke-width:4;stroke-linecap:round;opacity:.85}
.dcp-radar .dcp-r-anello{fill:none;stroke:var(--dc-bordo);stroke-width:1}
.dcp-radar .dcp-r-anello--fuori{stroke:var(--dc-bordo-2);stroke-width:1.4}
.dcp-radar .dcp-r-asse{stroke:var(--dc-bordo);stroke-width:1}
.dcp-radar .dcp-r-area{fill:color-mix(in srgb,#3E9BD0 26%,transparent);stroke:#22678F;stroke-width:2.4;stroke-linejoin:round}
html[data-theme=dark] .dcp-radar .dcp-r-area{stroke:#8CC6EE;fill:rgba(140,198,238,.2)}
.dcp-radar .dcp-r-test{fill:none;stroke:#C4641E;stroke-width:2;stroke-dasharray:5 4;stroke-linejoin:round}
html[data-theme=dark] .dcp-radar .dcp-r-test{stroke:#F2A65A}
.dcp-radar .dcp-r-punto{fill:var(--r);stroke:var(--dc-sup);stroke-width:2}
.dcp-radar .dcp-r-et{font:800 12px/1 var(--dc-sans);fill:var(--rt)}
.dcp-radar .dcp-r-liv{font:700 9.5px/1 var(--dc-sans);fill:var(--dc-tenue);paint-order:stroke;stroke:var(--dc-sup);stroke-width:4px;stroke-linejoin:round}
.dcp-radar .dcp-r-vuoto{fill:var(--dc-sup);stroke:var(--dc-bordo);stroke-dasharray:3 4}
.dcp-radar .dcp-r-vuoto-t{font:800 14px/1 var(--dc-serif);fill:var(--dc-testo)}
.dcp-radar .dcp-r-vuoto-t2{font:600 10.5px/1 var(--dc-sans);fill:var(--dc-tenue)}
.dcp-radar--anima .dcp-r-dati{transform-origin:0 0;animation:dcpRadar 1.1s var(--dc-ease) both .15s}
.dcp-radar--anima .dcp-r-test{animation:dcFade .8s ease both .7s}
@keyframes dcpRadar{from{transform:scale(.15);opacity:0}to{transform:none;opacity:1}}
@media(max-width:560px){.dcp-radar .dcp-r-et{font-size:17px}.dcp-radar .dcp-r-liv{font-size:13px}.dcp-radar .dcp-r-vuoto-t{font-size:17px}.dcp-radar .dcp-r-vuoto-t2{font-size:13px}}
.dcp-radar figcaption{margin-top:8px;text-align:center;font-size:13px;color:var(--dc-tenue)}
.dcp-r-leg{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font:600 13px/1.3 var(--dc-sans);color:var(--dc-tenue)}
.dcp-r-leg span{display:inline-flex;align-items:center;gap:7px}
.dcp-r-leg i{width:22px;height:0;border-top:3px solid #22678F;border-radius:3px}
html[data-theme=dark] .dcp-r-leg i{border-top-color:#8CC6EE}
.dcp-r-leg i.dcp-r-leg-test{border-top:3px dashed #C4641E}
html[data-theme=dark] .dcp-r-leg i.dcp-r-leg-test{border-top-color:#F2A65A}
.dcp-r-leg .dcp-r-leg-anelli{flex-basis:100%;justify-content:center;text-align:center;font-size:12px;font-weight:600}
.dcp-griglia84{width:100%;border-collapse:separate;border-spacing:0 4px;font-size:13.5px}
.dcp-griglia84 th{font:800 11px/1.2 var(--dc-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--dc-tenue);text-align:left;padding:4px 6px}
.dcp-griglia84 td{padding:0 3px}
.dcp-griglia84 td:first-child{padding-left:0}
.dcp-griglia84 a{display:flex;align-items:center;gap:8px;min-height:36px;text-decoration:none!important;color:var(--dc-testo)!important}
.dcp-griglia84 a b{flex:0 0 auto;min-width:30px;font:800 13px/1 var(--dc-sans);color:var(--dc-area-t)}
.dcp-griglia84 a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:28ch}
.dcp-griglia84 .dcp-g-cella{display:flex;align-items:center;justify-content:center;height:30px;border-radius:9px;font:700 11.5px/1 var(--dc-sans);color:var(--dc-testo-2);background:color-mix(in srgb,var(--dc-area) 8%,var(--dc-sup-2))}
.dcp-g-cella[data-s="iniziata"]{background:color-mix(in srgb,var(--dc-area) 18%,var(--dc-sup))!important;color:var(--dc-testo)!important;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--dc-area) 45%,transparent)}
.dcp-g-cella[data-s="studiata"]{background:color-mix(in srgb,var(--dc-area) 30%,var(--dc-sup))!important;color:var(--dc-area-t)!important}
.dcp-g-cella[data-s="esercitata"]{background:var(--dc-area-pieno)!important;color:#fff!important}
.dcp-g-cella[data-s="solida"]{background:color-mix(in srgb,var(--dc-area-pieno) 78%,#000)!important;color:#fff!important;box-shadow:inset 0 0 0 2px rgba(255,214,102,.85)}
.dcp-g-cella[data-s="solida"] .dc-ico{color:#FFD666}
.dcp-g-cella .dc-ico{width:15px;height:15px}
.dcp-g-corto{display:none}
@media(max-width:620px){.dcp-griglia84{table-layout:fixed}.dcp-griglia84 thead th:first-child{width:46px}.dcp-griglia84 th{padding:4px 2px;letter-spacing:.03em}
  .dcp-griglia84 a span{display:none}.dcp-griglia84 .dcp-g-cella{font-size:0}.dcp-griglia84 .dcp-g-cella .dc-ico{font-size:15px}
  .dcp-g-lungo{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
  .dcp-g-corto{display:inline}}
.dcp-strumenti{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dcp-strum{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:18px;background:var(--dc-sup);border:1px solid var(--dc-bordo)}
.dcp-strum b{font:800 14.5px/1.25 var(--dc-sans)}
.dcp-strum small{font-size:12.5px;color:var(--dc-tenue);line-height:1.4}
.dcp-strum .dcp-strum-st{display:inline-flex;align-items:center;gap:6px;font:800 12px/1 var(--dc-sans)}
.dcp-strum--ok{border-color:color-mix(in srgb,#2F9E5B 40%,transparent);background:color-mix(in srgb,var(--dc-ok-bg) 60%,var(--dc-sup))}
.dcp-strum--ok .dcp-strum-st{color:var(--dc-ok)}
.dcp-passi-dopo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dcp-passi-dopo a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--dc-sup);border:1px solid var(--dc-bordo);text-decoration:none!important;color:var(--dc-testo)!important;transition:transform .2s var(--dc-ease),box-shadow .2s}
.dcp-passi-dopo a:hover{transform:translateX(3px);box-shadow:var(--dc-ombra)}
.dcp-passi-dopo .dc-card-ico{width:40px;height:40px}
.dcp-passi-dopo b{display:block;font:700 15px/1.3 var(--dc-sans)}
.dcp-passi-dopo small{display:block;margin-top:2px;font-size:13px;color:var(--dc-tenue)}
.dcp-passi-dopo a > .dc-ico{margin-left:auto;color:var(--dc-tenue)}
.dcp-elenco{list-style:none;margin:0;padding:0}
.dcp-elenco li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--dc-bordo);font-size:14.5px}
.dcp-elenco li:last-child{border-bottom:0}
.dcp-elenco li > span:first-child{flex:1;min-width:0}
.dcp-elenco b{font-weight:700}
.dcp-elenco small{display:block;color:var(--dc-tenue);font-size:12.5px;margin-top:2px}
.dcp-elenco em{flex:0 0 auto;font-style:normal;font:800 13px/1 var(--dc-sans)}
.dcp-salva{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}

/* ---------- 11. movimento ridotto e stampa ---------- */
@media(prefers-reduced-motion:reduce){
  .dcr--anima .dcr-svg,.dcr--anima .dcr-sp,.dcr--anima .dcr-cella,.dcr--anima .dcr-area,.dcr--anima .dcr-centro,.dcr--anima .dcr-livelli,.dcp-hero-ruota::before,.dcp-radar--anima .dcp-r-dati,.dcp-radar--anima .dcp-r-test{animation:none!important}
  .dcr-sp,.dcr-cella,.dcp-ingresso,.dcp-tessera,.dcp-area,.dcp-comp,.dcp-sim,.dcp-perc-scelta{transition:none!important}
  .dcr-sp:hover,.dcr-sp.dcr-on{transform:none}
}
@media print{
  /* la barra in basso del sito per il telefono (sg-barre-mobile) non va sulla carta: dc.css toglie testa e piede ma non questa */
  .sgm-appbar{display:none!important}
  .dcp-hero{background:none!important;color:#000;box-shadow:none;border:2px solid #000}
  .dcp-hero h1,.dcp-hero-sub{color:#000!important}
  .dcp-grad{-webkit-text-fill-color:#000;color:#000}
  .dcp-hero-ruota::before,.dcp-ingressi,.dcp-hero-azioni,.dcp-filtri,.dcp-indice,.dcp-salva{display:none!important}
  .dcp-cap{break-inside:auto}.dcp-cap h2,.dcp-cap h3{break-after:avoid}
}
/* sesta area (DigCompEdu, 20/10/2026): ruota, radar, simulatori */
.dcr [data-a="6"]{--c:var(--dc-a6);--cd:var(--dc-a6-d);--ct:var(--dc-a6-d)}
html[data-theme=dark] .dcr [data-a="6"],.dcr--scuro [data-a="6"]{--ct:var(--dc-a6-l)}
.dcr[data-area="6"]{--ca:var(--dc-a6);--cat:var(--dc-a6-d)}
html[data-theme=dark] .dcr[data-area="6"],.dcr--scuro[data-area="6"]{--cat:var(--dc-a6-l)}
.dcp-radar .dcp-r-a6{--r:var(--dc-a6);--rt:var(--dc-a6-d)}
html[data-theme=dark] .dcp-radar .dcp-r-a6{--rt:var(--dc-a6-l)}
html[data-theme=dark] .dcp-sim.dc-area-6 .dcp-sim-arte svg{color:#2E6418}