Lavoro di Pari Valore \u2014 Corso interattivo<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --bg: #F7F2ED;\n --bg2: #EFE8E0;\n --text: #1C1C1C;\n --muted: #7A6E66;\n --accent: #B8432F;\n --accent2: #8B2F1E;\n --light-accent: #F0E0DA;\n --white: #FDFAF7;\n --border: #DDD5CC;\n --success: #2D6A4F;\n --success-bg: #D8F3DC;\n --wrong-bg: #FDECEA;\n --serif: 'Playfair Display', Georgia, serif;\n --sans: 'DM Sans', sans-serif;\n}\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\nbody {\n font-family: var(--sans);\n background: var(--bg);\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n}\n\n\/* \u2500\u2500 SPLASH SCREEN \u2500\u2500 *\/\n#splash {\n position: fixed; inset: 0; z-index: 100;\n background: var(--bg);\n display: flex; flex-direction: column;\n align-items: center; justify-content: center;\n text-align: center;\n padding: 2rem;\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n#splash.hide { opacity: 0; transform: translateY(-20px); pointer-events: none; }\n\n.splash-label {\n font-family: var(--sans);\n font-size: 0.7rem;\n font-weight: 600;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 1.5rem;\n}\n.splash-title {\n font-family: var(--serif);\n font-size: clamp(2.2rem, 6vw, 3.8rem);\n font-weight: 900;\n line-height: 1.1;\n color: var(--text);\n margin-bottom: 0.5rem;\n}\n.splash-title em {\n font-style: italic;\n color: var(--accent);\n}\n.splash-sub {\n font-family: var(--sans);\n font-size: 1rem;\n color: var(--muted);\n margin-bottom: 2.5rem;\n max-width: 480px;\n line-height: 1.6;\n}\n.splash-meta {\n display: flex; gap: 2rem; justify-content: center;\n margin-bottom: 3rem;\n flex-wrap: wrap;\n}\n.splash-meta-item {\n text-align: center;\n}\n.splash-meta-item .num {\n font-family: var(--serif);\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--accent);\n display: block;\n}\n.splash-meta-item .lbl {\n font-size: 0.75rem;\n color: var(--muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n.btn-start {\n background: var(--accent);\n color: #fff;\n border: none;\n font-family: var(--sans);\n font-size: 1rem;\n font-weight: 600;\n padding: 1rem 2.5rem;\n border-radius: 50px;\n cursor: pointer;\n transition: background 0.2s, transform 0.15s;\n letter-spacing: 0.02em;\n}\n.btn-start:hover { background: var(--accent2); transform: translateY(-2px); }\n\n.deco-circle {\n position: absolute;\n border-radius: 50%;\n background: var(--light-accent);\n opacity: 0.5;\n pointer-events: none;\n}\n\n\/* \u2500\u2500 MAIN COURSE \u2500\u2500 *\/\n#course { display: none; }\n#course.active { display: block; }\n\n\/* Progress bar *\/\n.progress-bar-wrap {\n position: fixed; top: 0; left: 0; right: 0;\n height: 4px; z-index: 50;\n background: var(--border);\n}\n.progress-bar-fill {\n height: 100%;\n background: var(--accent);\n transition: width 0.5s ease;\n width: 0%;\n}\n\n\/* Nav header *\/\n.course-nav {\n position: fixed; top: 4px; left: 0; right: 0;\n height: 56px; z-index: 49;\n background: rgba(247,242,237,0.95);\n backdrop-filter: blur(8px);\n display: flex; align-items: center;\n justify-content: space-between;\n padding: 0 2rem;\n border-bottom: 1px solid var(--border);\n}\n.nav-brand {\n font-family: var(--serif);\n font-weight: 700;\n font-size: 1rem;\n color: var(--text);\n}\n.nav-lesson-info {\n font-size: 0.8rem;\n color: var(--muted);\n font-weight: 500;\n}\n\n\/* Content wrapper *\/\n.content-wrap {\n max-width: 760px;\n margin: 0 auto;\n padding: 100px 2rem 6rem;\n}\n\n\/* Module header *\/\n.module-header {\n margin-bottom: 2.5rem;\n animation: fadeUp 0.5s ease both;\n}\n.module-tag {\n display: inline-block;\n background: var(--light-accent);\n color: var(--accent);\n font-size: 0.7rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n padding: 0.3em 0.8em;\n border-radius: 20px;\n margin-bottom: 0.8rem;\n}\n.lesson-title {\n font-family: var(--serif);\n font-size: clamp(1.6rem, 4vw, 2.4rem);\n font-weight: 900;\n line-height: 1.2;\n color: var(--text);\n margin-bottom: 0.6rem;\n}\n.lesson-subtitle {\n font-size: 1rem;\n color: var(--muted);\n line-height: 1.6;\n}\n\n\/* Content blocks *\/\n.lesson-block {\n background: var(--white);\n border-radius: 16px;\n padding: 1.8rem;\n margin-bottom: 1.2rem;\n border: 1px solid var(--border);\n animation: fadeUp 0.5s ease both;\n}\n.lesson-block:nth-child(2) { animation-delay: 0.05s; }\n.lesson-block:nth-child(3) { animation-delay: 0.10s; }\n.lesson-block:nth-child(4) { animation-delay: 0.15s; }\n.lesson-block:nth-child(5) { animation-delay: 0.20s; }\n\n.block-label {\n font-size: 0.68rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n color: var(--accent);\n margin-bottom: 0.6rem;\n}\n.block-text {\n font-size: 0.97rem;\n line-height: 1.75;\n color: var(--text);\n}\n.block-text strong { font-weight: 600; color: var(--text); }\n.block-text em { font-style: italic; }\n\n\/* Key concept highlight *\/\n.key-concept {\n background: var(--light-accent);\n border-left: 3px solid var(--accent);\n border-radius: 0 12px 12px 0;\n padding: 1.2rem 1.4rem;\n margin: 0.8rem 0;\n}\n.key-concept .kc-label {\n font-size: 0.68rem; font-weight: 700; text-transform: uppercase;\n letter-spacing: 0.15em; color: var(--accent); margin-bottom: 0.4rem;\n}\n.key-concept .kc-text {\n font-family: var(--serif);\n font-size: 1.05rem;\n font-style: italic;\n line-height: 1.5;\n color: var(--text);\n}\n\n\/* Comparison table *\/\n.compare-table {\n width: 100%;\n border-collapse: collapse;\n font-size: 0.88rem;\n margin: 0.8rem 0;\n}\n.compare-table th {\n background: var(--text);\n color: #fff;\n padding: 0.7rem 1rem;\n text-align: left;\n font-weight: 600;\n font-size: 0.8rem;\n}\n.compare-table td {\n padding: 0.7rem 1rem;\n border-bottom: 1px solid var(--border);\n vertical-align: top;\n line-height: 1.5;\n}\n.compare-table tr:nth-child(even) td { background: var(--bg); }\n.compare-table tr:last-child td { border-bottom: none; }\n.compare-table .col-yes { color: var(--success); font-weight: 600; }\n.compare-table .col-no { color: var(--accent); font-weight: 600; }\n\n\/* Dimension cards *\/\n.dim-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 0.8rem;\n margin: 0.8rem 0;\n}\n.dim-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 1rem;\n transition: border-color 0.2s, transform 0.15s;\n}\n.dim-card:hover { border-color: var(--accent); transform: translateY(-2px); }\n.dim-num {\n font-family: var(--serif);\n font-size: 1.4rem;\n font-weight: 900;\n color: var(--accent);\n line-height: 1;\n margin-bottom: 0.2rem;\n}\n.dim-name { font-weight: 600; font-size: 0.88rem; margin-bottom: 0.3rem; }\n.dim-desc { font-size: 0.78rem; color: var(--muted); line-height: 1.4; }\n\n\/* Quiz *\/\n.quiz-block {\n background: var(--white);\n border: 2px solid var(--border);\n border-radius: 16px;\n padding: 1.8rem;\n margin-bottom: 1.2rem;\n animation: fadeUp 0.5s ease both;\n}\n.quiz-question {\n font-family: var(--serif);\n font-size: 1.1rem;\n font-weight: 700;\n line-height: 1.4;\n margin-bottom: 1.2rem;\n color: var(--text);\n}\n.quiz-options { display: flex; flex-direction: column; gap: 0.6rem; }\n.quiz-option {\n background: var(--bg);\n border: 1.5px solid var(--border);\n border-radius: 10px;\n padding: 0.85rem 1.1rem;\n cursor: pointer;\n font-size: 0.93rem;\n line-height: 1.4;\n transition: all 0.2s;\n text-align: left;\n font-family: var(--sans);\n color: var(--text);\n}\n.quiz-option:hover:not(.answered) {\n border-color: var(--accent);\n background: var(--light-accent);\n}\n.quiz-option.correct {\n background: var(--success-bg);\n border-color: var(--success);\n color: var(--success);\n font-weight: 600;\n}\n.quiz-option.wrong {\n background: var(--wrong-bg);\n border-color: var(--accent);\n color: var(--accent);\n}\n.quiz-feedback {\n display: none;\n margin-top: 1rem;\n padding: 0.9rem 1.1rem;\n border-radius: 10px;\n font-size: 0.9rem;\n line-height: 1.5;\n}\n.quiz-feedback.show { display: block; animation: fadeUp 0.3s ease both; }\n.quiz-feedback.ok {\n background: var(--success-bg);\n color: #1B4332;\n border-left: 3px solid var(--success);\n}\n.quiz-feedback.ko {\n background: var(--wrong-bg);\n color: #7B1E1E;\n border-left: 3px solid var(--accent);\n}\n.quiz-score {\n text-align: center;\n padding: 1.5rem;\n border-top: 1px solid var(--border);\n margin-top: 1rem;\n display: none;\n}\n.quiz-score.show { display: block; }\n.score-big {\n font-family: var(--serif);\n font-size: 3rem;\n font-weight: 900;\n color: var(--accent);\n line-height: 1;\n}\n.score-label { font-size: 0.85rem; color: var(--muted); margin-top: 0.3rem; }\n\n\/* Navigation buttons *\/\n.lesson-nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 2.5rem;\n gap: 1rem;\n}\n.btn-prev, .btn-next {\n font-family: var(--sans);\n font-size: 0.9rem;\n font-weight: 600;\n padding: 0.8rem 1.6rem;\n border-radius: 50px;\n cursor: pointer;\n border: none;\n transition: all 0.2s;\n}\n.btn-prev {\n background: transparent;\n border: 1.5px solid var(--border);\n color: var(--muted);\n}\n.btn-prev:hover { border-color: var(--text); color: var(--text); }\n.btn-next {\n background: var(--accent);\n color: #fff;\n}\n.btn-next:hover { background: var(--accent2); transform: translateY(-1px); }\n.btn-next:disabled { background: var(--border); color: var(--muted); cursor: not-allowed; transform: none; }\n\n\/* Lesson dots *\/\n.lesson-dots {\n display: flex; gap: 6px; align-items: center;\n}\n.dot {\n width: 8px; height: 8px;\n border-radius: 50%;\n background: var(--border);\n transition: all 0.3s;\n}\n.dot.done { background: var(--accent); }\n.dot.current { background: var(--accent); width: 20px; border-radius: 4px; }\n\n\/* Completion *\/\n.completion-screen {\n text-align: center;\n padding: 3rem 1rem;\n animation: fadeUp 0.6s ease both;\n}\n.completion-icon {\n font-size: 3rem;\n margin-bottom: 1.5rem;\n}\n.completion-title {\n font-family: var(--serif);\n font-size: 2.2rem;\n font-weight: 900;\n color: var(--text);\n margin-bottom: 0.5rem;\n}\n.completion-sub {\n color: var(--muted);\n font-size: 1rem;\n line-height: 1.6;\n max-width: 480px;\n margin: 0 auto 2rem;\n}\n.completion-badges {\n display: flex; gap: 1rem; justify-content: center;\n flex-wrap: wrap; margin-bottom: 2.5rem;\n}\n.badge {\n background: var(--white);\n border: 1.5px solid var(--border);\n border-radius: 12px;\n padding: 0.8rem 1.2rem;\n font-size: 0.82rem;\n font-weight: 600;\n color: var(--text);\n}\n.badge span { color: var(--accent); display: block; font-size: 1.2rem; margin-bottom: 0.2rem; }\n\n\/* Animations *\/\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive *\/\n@media (max-width: 600px) {\n .content-wrap { padding: 80px 1rem 5rem; }\n .dim-grid { grid-template-columns: 1fr 1fr; }\n .lesson-nav { flex-wrap: wrap; }\n .compare-table { font-size: 0.8rem; }\n .compare-table th, .compare-table td { padding: 0.5rem 0.7rem; }\n}\n<\/style>\n<\/head>\n<body>\n\n\n<div id=\"splash\">\n <div class=\"deco-circle\" style=\"width:500px;height:500px;top:-150px;right:-200px;\"><\/div>\n <div class=\"deco-circle\" style=\"width:300px;height:300px;bottom:-100px;left:-100px;\"><\/div>\n <div class=\"splash-label\">Corso interattivo \u00b7 CDL \u00b7 Avvocati \u00b7 HR Manager<\/div>\n <h1 class=\"splash-title\">Lavoro di<br><em>pari valore<\/em><\/h1>\n <p class=\"splash-sub\">Job evaluation, gender pay gap e Direttiva (UE) 2023\/970: tutto quello che devi sapere per applicarla davvero.<\/p>\n <div class=\"splash-meta\">\n <div class=\"splash-meta-item\"><span class=\"num\">5<\/span><span class=\"lbl\">moduli<\/span><\/div>\n <div class=\"splash-meta-item\"><span class=\"num\">~20<\/span><span class=\"lbl\">minuti<\/span><\/div>\n <div class=\"splash-meta-item\"><span class=\"num\">15<\/span><span class=\"lbl\">quiz<\/span><\/div>\n <\/div>\n <button class=\"btn-start\" onclick=\"startCourse()\">Inizia il corso \u2192<\/button>\n<\/div>\n\n\n<div id=\"course\">\n <div class=\"progress-bar-wrap\"><div class=\"progress-bar-fill\" id=\"progressFill\"><\/div><\/div>\n <nav class=\"course-nav\">\n <span class=\"nav-brand\">Pari Valore<\/span>\n <div style=\"display:flex;align-items:center;gap:1rem;\">\n <div class=\"lesson-dots\" id=\"lessonDots\"><\/div>\n <span class=\"nav-lesson-info\" id=\"lessonInfo\"><\/span>\n <\/div>\n <\/nav>\n <div class=\"content-wrap\" id=\"contentWrap\"><\/div>\n<\/div>\n\n<script>\n\/\/ \u2500\u2500 COURSE DATA \u2500\u2500\nconst lessons = [\n\n \/\/ \u2500\u2500 LESSON 1 \u2500\u2500\n {\n module: \"Modulo 1 \u00b7 Il problema\",\n title: \"Pari valore: di cosa stiamo parlando?\",\n subtitle: \"La differenza tra 'stesso lavoro' e 'lavoro di pari valore' \u2014 e perch\u00e9 cambia tutto.\",\n type: \"content\",\n blocks: [\n {\n label: \"Il punto di partenza\",\n text: \"La Direttiva (UE) 2023\/970 non chiede solo parit\u00e0 di retribuzione per lo <strong>stesso lavoro<\/strong>. Chiede parit\u00e0 per un <strong>lavoro di pari valore<\/strong>. Sono due cose radicalmente diverse.\"\n },\n {\n type: \"key\",\n kc: \"Stesso lavoro: due cassieri, stesse mansioni, stessa sede. Lavoro di pari valore: ruoli diversi che hanno lo stesso peso organizzativo per l'azienda.\"\n },\n {\n label: \"Perch\u00e9 \u00e8 difficile\",\n text: \"Misurare il 'valore' di un lavoro richiede uno strumento tecnico. Non basta guardare la busta paga. Bisogna capire <strong>quanto pesa quella posizione<\/strong> per l'organizzazione \u2014 in termini di autonomia, complessit\u00e0, responsabilit\u00e0, specializzazione.\"\n },\n {\n label: \"La norma italiana\",\n text: \"Lo schema di decreto legislativo di recepimento (Atto del Governo n. 379) riconosce alla contrattazione collettiva una <strong>presunzione di conformit\u00e0<\/strong> ai criteri della Direttiva. Tradotto: i CCNL sono gi\u00e0 considerati un sistema di classificazione oggettivo. Ma questo non \u00e8 sufficiente da solo, come vedremo.\"\n }\n ]\n },\n\n \/\/ \u2500\u2500 LESSON 2 \u2500\u2500\n {\n module: \"Modulo 2 \u00b7 Lo strumento\",\n title: \"Cos'\u00e8 la job evaluation\",\n subtitle: \"Come si valuta una posizione \u2014 e la differenza fondamentale con la person evaluation.\",\n type: \"content\",\n blocks: [\n {\n label: \"Definizione\",\n text: \"La <strong>job evaluation<\/strong> \u00e8 il processo sistematico di valutazione del valore relativo delle posizioni lavorative all'interno di un'organizzazione. Valuta la <strong>sedia<\/strong>, non chi ci siede.\"\n },\n {\n type: \"compare\",\n rows: [\n [\"\", \"Job Evaluation\", \"Person Evaluation\"],\n [\"Cosa valuta\", \"La posizione (il ruolo)\", \"La persona (chi occupa il ruolo)\"],\n [\"Domanda chiave\", \"Quanto vale questo ruolo?\", \"Quanto performa questa persona?\"],\n [\"Quando si usa\", \"Per strutturare retribuzioni e inquadramenti\", \"Per premi, carriera, feedback\"],\n [\"Rilevanza Direttiva\", \"\u2713 Obbligatoria per 'pari valore'\", \"Non sufficiente da sola\"],\n ]\n },\n {\n label: \"L'errore pi\u00f9 comune\",\n text: \"Molte aziende italiane fanno <em>person evaluation<\/em> senza saperlo: danno il superminimo a chi 'se lo merita', decidono i premi a sensazione. Tutto legittimo \u2014 ma se questo produce un pattern sistematico per genere, la Direttiva chiede di dimostrare che il sistema di classificazione sottostante \u00e8 oggettivo.\"\n }\n ]\n },\n\n \/\/ \u2500\u2500 LESSON 3 \u2500\u2500\n {\n module: \"Modulo 3 \u00b7 I metodi\",\n title: \"I sistemi internazionali \u2014 e il loro limite in Italia\",\n subtitle: \"Hay, Mercer, Willis Towers Watson: nati altrove, applicati qui.\",\n type: \"content\",\n blocks: [\n {\n label: \"I tre sistemi dominanti\",\n text: \"Il mercato mondiale della job evaluation \u00e8 un oligopolio. Tre sistemi coprono la quasi totalit\u00e0 delle grandi organizzazioni.\"\n },\n {\n type: \"compare\",\n rows: [\n [\"Sistema\", \"Fattori\", \"Origine\", \"Punto forte\"],\n [\"Hay \/ Korn Ferry\", \"3 (Know-How, Problem Solving, Accountability)\", \"USA, anni '50\", \"Semplicit\u00e0, benchmark globale\"],\n [\"Mercer IPE\", \"4 (Impact 57%, Comm., Innovation, Knowledge)\", \"Scandinavia, multinazionali\", \"Standardizzazione internazionale\"],\n [\"WTW Global Grading\", \"7 fattori, fino a 25 gradi\", \"Mercato globale\", \"Granularit\u00e0\"],\n ]\n },\n {\n label: \"Tre presupposti comuni\",\n text: \"<strong>1. Universalit\u00e0<\/strong> \u2014 i fattori funzionano in qualsiasi paese e settore.<br><br><strong>2. Tabula rasa<\/strong> \u2014 si parte da zero, senza considerare classificazioni preesistenti.<br><br><strong>3. Benchmarking esterno<\/strong> \u2014 il punteggio serve a confrontare la posizione con il mercato retributivo, attraverso survey proprietarie vendute dallo stesso fornitore.\"\n },\n {\n type: \"key\",\n kc: \"Questi sistemi sono nati in contesti dove la contrattazione collettiva strutturata non esiste. Non prevedono l'esistenza di declaratorie, non considerano i minimi tabellari, non sanno cosa sia la polivalenza contrattuale.\"\n },\n {\n label: \"Il paradosso italiano\",\n text: \"In Italia abbiamo oltre <strong>800 CCNL<\/strong> con livelli, declaratorie e profili professionali. Una classificazione gi\u00e0 scritta, negoziata e vincolante. I metodi anglosassoni chiedono di ricominciare da zero \u2014 ignorando completamente questa struttura.\"\n }\n ]\n },\n\n \/\/ \u2500\u2500 LESSON 4 \u2500\u2500\n {\n module: \"Modulo 4 \u00b7 La soluzione\",\n title: \"Le dimensioni valutative nei CCNL\",\n subtitle: \"Cosa emerge quando si leggono davvero le declaratorie.\",\n type: \"content\",\n blocks: [\n {\n label: \"Un'analisi su quattro CCNL\",\n text: \"Analizzando le declaratorie di quattro CCNL con architetture radicalmente diverse \u2014 <strong>Commercio, Alimentari Industria, Metalmeccanici, Telecomunicazioni<\/strong> \u2014 emerge un risultato convergente: tutti usano le stesse dimensioni per distinguere un livello dall'altro.\"\n },\n {\n label: \"Le dimensioni identificate\",\n text: \"Nonostante strutture classificatorie completamente diverse, i quattro CCNL utilizzano, con parole diverse ma logica identica, sei dimensioni ricorrenti. Pi\u00f9 una settima di natura contestuale.\",\n type: \"dims\"\n },\n {\n label: \"Un esempio concreto\",\n text: \"La dimensione <strong>'autonomia decisionale'<\/strong> nel CCNL Commercio: dal <em>\u00absemplici conoscenze pratiche\u00bb<\/em> del 6\u00b0 livello, passando per <em>\u00abautonomia operativa nell'ambito delle proprie mansioni\u00bb<\/em> al 3\u00b0, fino ai <em>\u00abpoteri di discrezionalit\u00e0 decisionale\u00bb<\/em> dei Quadri. Nel CCNL Metalmeccanici: da <em>\u00abistruzioni di lavoro definite\u00bb<\/em> (D1) a <em>\u00abampia autonomia nell'ambito degli obiettivi generali dell'impresa\u00bb<\/em> (A1). Parole diverse, stessa scala.\"\n },\n {\n label: \"La dimensione contestuale (D7)\",\n text: \"La <strong>centralit\u00e0 organizzativa<\/strong> non emerge dalle declaratorie generali, ma dall'analisi dei profili intra-livello. Nel CCNL Commercio, al 4\u00b0 livello troviamo sia il commesso alla vendita che l'operaio specializzato nel settore automobilistico. In un negozio di abbigliamento il primo \u00e8 la posizione-perno; in un'officina lo \u00e8 il secondo. Il valore organizzativo di una posizione dipende anche da chi \u00e8 l'azienda.\"\n }\n ]\n },\n\n \/\/ \u2500\u2500 LESSON 5 (QUIZ) \u2500\u2500\n {\n module: \"Modulo 5 \u00b7 Verifica\",\n title: \"Test di comprensione\",\n subtitle: \"15 domande per consolidare i concetti chiave.\",\n type: \"quiz\",\n questions: [\n {\n q: \"Qual \u00e8 la differenza principale tra 'stesso lavoro' e 'lavoro di pari valore'?\",\n opts: [\n \"Non c'\u00e8 differenza, sono sinonimi nella Direttiva\",\n \"Stesso lavoro confronta mansioni identiche; pari valore confronta ruoli diversi ma di peso equivalente\",\n \"Lavoro di pari valore riguarda solo la retribuzione variabile\",\n \"La distinzione vale solo per le grandi aziende\"\n ],\n correct: 1,\n feedback: \"Esatto. La Direttiva 2023\/970 va ben oltre la parit\u00e0 per mansioni identiche: richiede di confrontare il peso organizzativo di ruoli anche molto diversi tra loro.\"\n },\n {\n q: \"Cosa valuta la job evaluation?\",\n opts: [\n \"Le performance della singola persona\",\n \"Il potenziale di crescita del dipendente\",\n \"Il valore relativo della posizione, indipendentemente da chi la occupa\",\n \"L'anzianit\u00e0 di servizio del lavoratore\"\n ],\n correct: 2,\n feedback: \"La job evaluation valuta la 'sedia', non chi ci siede. Questo la distingue dalla person evaluation, che invece valuta le caratteristiche individuali.\"\n },\n {\n q: \"Quale dei tre sistemi internazionali utilizza 3 fattori fondamentali?\",\n opts: [\n \"Mercer IPE\",\n \"Willis Towers Watson GGS\",\n \"Hay \/ Korn Ferry\",\n \"Tutti e tre usano 3 fattori\"\n ],\n correct: 2,\n feedback: \"Il metodo Hay usa tre fattori: Know-How, Problem Solving e Accountability. Mercer IPE ne usa 4 (con Impact che pesa da solo il 57%), WTW ne usa 7.\"\n },\n {\n q: \"Qual \u00e8 il 'paradosso italiano' nell'applicazione dei sistemi anglosassoni di job evaluation?\",\n opts: [\n \"Costano troppo per le PMI italiane\",\n \"Non sono disponibili in lingua italiana\",\n \"Chiedono di classificare le posizioni da zero, ignorando 800 CCNL gi\u00e0 esistenti con classificazioni vincolanti\",\n \"Sono troppo semplicistici per il mercato del lavoro italiano\"\n ],\n correct: 2,\n feedback: \"Esattamente. I sistemi anglosassoni presuppongono l'assenza di contrattazione collettiva strutturata. In Italia ignorano completamente le declaratorie dei CCNL, che gi\u00e0 classificano le posizioni in modo negoziato e vincolante.\"\n },\n {\n q: \"Quanti CCNL sono stati analizzati per identificare le dimensioni valutative ricorrenti?\",\n opts: [\n \"Due (Commercio e Metalmeccanici)\",\n \"Quattro (Commercio, Alimentari, Metalmeccanici, Telecomunicazioni)\",\n \"Sei\",\n \"Otto, uno per settore\"\n ],\n correct: 1,\n feedback: \"L'analisi ha riguardato quattro CCNL scelti per la massima eterogeneit\u00e0 strutturale: Commercio (8 livelli discorsivi), Alimentari Industria (criteri espliciti all'art. 26), Metalmeccanici (9 livelli in 4 campi), Telecomunicazioni (profili digitali).\"\n },\n {\n q: \"La 'presunzione di conformit\u00e0' riconosciuta ai CCNL dal decreto di recepimento significa che:\",\n opts: [\n \"Le aziende con CCNL non devono fare nulla in materia di parit\u00e0 retributiva\",\n \"I CCNL sono considerati un sistema di classificazione oggettivo, ma la compliance richiede anche governance, documentazione e applicazione uniforme\",\n \"Solo le aziende senza CCNL devono applicare la Direttiva\",\n \"I minimi tabellari sono automaticamente conformi ai criteri di pari valore\"\n ],\n correct: 1,\n feedback: \"La presunzione di conformit\u00e0 \u00e8 un vantaggio, non un'esenzione. Il sistema classificatorio del CCNL \u00e8 considerato oggettivo, ma la compliance richiede anche un processo documentato e applicato uniformemente.\"\n },\n {\n q: \"Quale dimensione valutativa \u00e8 codificata esplicitamente come criterio nel CCNL Metalmeccanici e nel CCNL Alimentari Industria?\",\n opts: [\n \"Autonomia decisionale\",\n \"Responsabilit\u00e0 su risorse e persone\",\n \"Polivalenza e polifunzionalit\u00e0\",\n \"Contenuto relazionale\"\n ],\n correct: 2,\n feedback: \"Polivalenza e polifunzionalit\u00e0 sono criteri espliciti nei Metalmeccanici (punto 1.1 delle declaratorie) e nell'Alimentari (art. 26). Nessuno dei tre sistemi anglosassoni prevede un fattore equivalente.\"\n },\n {\n q: \"La 'centralit\u00e0 organizzativa' (D7) si differenzia dalle altre dimensioni perch\u00e9:\",\n opts: [\n \"Non \u00e8 presente nei CCNL\",\n \"Misura una propriet\u00e0 relazionale (il rapporto tra posizione e core business), non intrinseca alla mansione\",\n \"\u00c8 applicabile solo al settore terziario\",\n \"Dipende dall'anzianit\u00e0 del lavoratore\"\n ],\n correct: 1,\n feedback: \"D1-D6 descrivono il contenuto professionale della posizione: sono propriet\u00e0 intrinseche. D7 descrive la collocazione della posizione nel modello di business aziendale: \u00e8 una propriet\u00e0 relazionale. Per questo richiede un giudizio professionale specifico.\"\n },\n {\n q: \"Se un'azienda differenzia le retribuzioni 'a sensazione' tra collaboratori dello stesso livello, questo \u00e8:\",\n opts: [\n \"Sempre illegale ai sensi della Direttiva\",\n \"Legittimo, ma diventa problematico se produce un pattern sistematico per genere che non pu\u00f2 essere giustificato con criteri oggettivi\",\n \"Consentito purch\u00e9 comunicato in busta paga\",\n \"Irrilevante ai fini della Direttiva se riguarda il superminimo individuale\"\n ],\n correct: 1,\n feedback: \"La differenziazione retributiva \u00e8 lecita se basata su criteri oggettivi documentati. Il problema sorge quando produce un divario sistematico per genere che l'azienda non \u00e8 in grado di spiegare con una job evaluation rigorosa.\"\n },\n {\n q: \"Quante declaratorie complessive sono state esaminate nell'analisi dei quattro CCNL?\",\n opts: [\"16\", \"24\", \"32\", \"48\"],\n correct: 2,\n feedback: \"32 declaratorie generali (8 dal Commercio, 8 dall'Alimentari, 9 dai Metalmeccanici, 7 dalle Telecomunicazioni), da cui sono state estratte circa 180 unit\u00e0 di analisi e 42 codici iniziali.\"\n },\n {\n q: \"Il metodo Hay \u00e8 stato sviluppato principalmente per:\",\n opts: [\n \"Valutare operai industriali in contesti sindacalizzati\",\n \"Il benchmarking retributivo delle posizioni manageriali e dirigenziali\",\n \"La compliance con le normative europee sulla parit\u00e0 di genere\",\n \"PMI e piccole realt\u00e0 artigianali\"\n ],\n correct: 1,\n feedback: \"Hay stesso lo ha dichiarato: il sistema \u00e8 'not primarily designed to measure or assess high managerial positions' secondo le logiche tradizionali \u2014 nacque proprio per rispondere all'esigenza di valutare posizioni manageriali e tecniche di alto livello, non il lavoro operativo.\"\n },\n {\n q: \"Qual \u00e8 la principale critica femminista ai sistemi di job evaluation tradizionali?\",\n opts: [\n \"Sono troppo complessi da applicare\",\n \"Tendono a selezionare fattori e pesi che riproducono la struttura retributiva esistente, incorporando distorsioni di genere anzich\u00e9 rilevarle\",\n \"Non considerano il part-time\",\n \"Sono applicabili solo ai lavoratori dipendenti\"\n ],\n correct: 1,\n feedback: \"La critica di Steinberg (1990) \u00e8 fondamentale: i sistemi tradizionali rischiano di cristallizzare le diseguaglianze esistenti invece di rilevarle. Un sistema che parte dal CCNL e usa dimensioni derivate dal linguaggio contrattuale riduce (ma non elimina) questo rischio.\"\n },\n {\n q: \"La salary band intra-livello proposta collega il punto MIN a:\",\n opts: [\n \"La media delle retribuzioni di mercato per quel livello\",\n \"Il minimo tabellare del CCNL\",\n \"Il 25\u00b0 percentile delle retribuzioni settoriali\",\n \"Il costo della vita locale\"\n ],\n correct: 1,\n feedback: \"L'ancoraggio al minimo tabellare del CCNL \u00e8 il punto di forza del modello nel contesto italiano: \u00e8 un dato normativo, certo e pubblico, accessibile anche alle PMI senza necessit\u00e0 di acquistare survey retributive proprietarie.\"\n },\n {\n q: \"Qual \u00e8 la differenza tra compliance e sufficienza rispetto alla Direttiva?\",\n opts: [\n \"Non c'\u00e8 differenza\",\n \"Un sistema di job evaluation coerente con la Direttiva \u00e8 utile ma non sufficiente: la compliance dipende anche da governance del processo, documentazione e applicazione uniforme\",\n \"La sufficienza riguarda solo le grandi aziende\",\n \"La compliance \u00e8 automatica se si applica un CCNL\"\n ],\n correct: 1,\n feedback: \"Il framework interviene sul piano dei criteri. Ma la Direttiva richiede anche che il processo sia documentato, applicato uniformemente e che i fattori non siano indirettamente discriminatori. Avere uno strumento non basta: bisogna usarlo bene.\"\n },\n {\n q: \"Perch\u00e9 il contenuto relazionale (D4) richiede cautela nella ponderazione?\",\n opts: [\n \"Perch\u00e9 \u00e8 troppo soggettivo\",\n \"Perch\u00e9 non compare nei CCNL\",\n \"Perch\u00e9 non \u00e8 presente come dimensione autonoma in tutti i CCNL analizzati (assente nei Metalmeccanici come asse esplicito)\",\n \"Perch\u00e9 favorisce le posizioni femminili\"\n ],\n correct: 2,\n feedback: \"Il CCNL Metalmeccanici non codifica il contenuto relazionale come dimensione autonoma della progressione tra livelli, incorporandolo parzialmente nelle 'competenze trasversali'. La presenza non uniforme suggerisce di applicare questa dimensione con cautela settoriale.\"\n }\n ]\n }\n];\n\n\/\/ \u2500\u2500 STATE \u2500\u2500\nlet currentLesson = 0;\nlet quizAnswers = {};\nlet quizCorrect = 0;\n\n\/\/ \u2500\u2500 RENDER \u2500\u2500\nfunction renderDots() {\n const d = document.getElementById('lessonDots');\n d.innerHTML = lessons.map((_, i) =>\n `<div class=\"dot ${i < currentLesson ? 'done' : i === currentLesson ? 'current' : ''}\"><\/div>`\n ).join('');\n}\n\nfunction updateProgress() {\n const pct = ((currentLesson) \/ (lessons.length - 1)) * 100;\n document.getElementById('progressFill').style.width = pct + '%';\n document.getElementById('lessonInfo').textContent = `${currentLesson + 1} \/ ${lessons.length}`;\n renderDots();\n}\n\nfunction renderLesson(idx) {\n const lesson = lessons[idx];\n const wrap = document.getElementById('contentWrap');\n wrap.scrollTo(0, 0);\n window.scrollTo(0, 0);\n\n if (lesson.type === 'quiz') {\n renderQuiz(lesson, wrap);\n } else {\n renderContent(lesson, wrap);\n }\n updateProgress();\n}\n\nfunction renderContent(lesson, wrap) {\n let html = `\n <div class=\"module-header\">\n <div class=\"module-tag\">${lesson.module}<\/div>\n <h1 class=\"lesson-title\">${lesson.title}<\/h1>\n <p class=\"lesson-subtitle\">${lesson.subtitle}<\/p>\n <\/div>`;\n\n lesson.blocks.forEach((block, i) => {\n if (block.type === 'key') {\n html += `<div class=\"lesson-block\" style=\"animation-delay:${i*0.05}s\">\n <div class=\"key-concept\">\n <div class=\"kc-label\">Concetto chiave<\/div>\n <div class=\"kc-text\">${block.kc}<\/div>\n <\/div><\/div>`;\n } else if (block.type === 'compare') {\n let tbl = '<table class=\"compare-table\">';\n block.rows.forEach((row, ri) => {\n tbl += ri === 0 ? '<tr>' + row.map(c => `<th>${c}<\/th>`).join('') + '<\/tr>' :\n '<tr>' + row.map(c => `<td>${c}<\/td>`).join('') + '<\/tr>';\n });\n tbl += '<\/table>';\n html += `<div class=\"lesson-block\" style=\"animation-delay:${i*0.05}s\">${tbl}<\/div>`;\n } else if (block.type === 'dims') {\n const dims = [\n {n:'D1', name:'Autonomia decisionale', desc:'Dalla mera esecuzione alla piena discrezionalit\u00e0 strategica'},\n {n:'D2', name:'Complessit\u00e0 della prestazione', desc:'Dalla manovalanza alla gestione di problematiche strategiche'},\n {n:'D3', name:'Responsabilit\u00e0 su risorse', desc:'Dall\\'assenza alla direzione di unit\u00e0 organizzative complesse'},\n {n:'D4', name:'Contenuto relazionale', desc:'Dall\\'interazione minima alla rappresentanza strategica esterna'},\n {n:'D5', name:'Specializzazione tecnico-prof.', desc:'Dalle conoscenze generiche all\\'expertise di frontiera'},\n {n:'D6', name:'Polivalenza e polifunzionalit\u00e0', desc:'Dalla mono-mansione all\\'integrazione di funzioni eterogenee'},\n {n:'D7*', name:'Centralit\u00e0 organizzativa', desc:'Prossimit\u00e0 alla missione dell\\'impresa (dimensione contestuale)'},\n ];\n html += `<div class=\"lesson-block\" style=\"animation-delay:${i*0.05}s\">\n ${block.label ? `<div class=\"block-label\">${block.label}<\/div>` : ''}\n <div class=\"block-text\" style=\"margin-bottom:0.8rem\">${block.text}<\/div>\n <div class=\"dim-grid\">\n ${dims.map(d => `<div class=\"dim-card\">\n <div class=\"dim-num\">${d.n}<\/div>\n <div class=\"dim-name\">${d.name}<\/div>\n <div class=\"dim-desc\">${d.desc}<\/div>\n <\/div>`).join('')}\n <\/div>\n <p style=\"font-size:0.75rem;color:var(--muted);margin-top:0.6rem\">* D7 \u00e8 una dimensione contestuale: non emerge dalle declaratorie generali ma dall'analisi intra-livello.<\/p>\n <\/div>`;\n } else {\n html += `<div class=\"lesson-block\" style=\"animation-delay:${i*0.05}s\">\n ${block.label ? `<div class=\"block-label\">${block.label}<\/div>` : ''}\n <div class=\"block-text\">${block.text}<\/div>\n <\/div>`;\n }\n });\n\n \/\/ Nav\n html += `<div class=\"lesson-nav\">\n ${currentLesson > 0 ? '<button class=\"btn-prev\" onclick=\"prevLesson()\">\u2190 Precedente<\/button>' : '<div><\/div>'}\n <button class=\"btn-next\" onclick=\"nextLesson()\">${currentLesson === lessons.length - 2 ? 'Vai al quiz \u2192' : 'Avanti \u2192'}<\/button>\n <\/div>`;\n\n wrap.innerHTML = html;\n}\n\nfunction renderQuiz(lesson, wrap) {\n quizAnswers = {};\n quizCorrect = 0;\n\n let html = `<div class=\"module-header\">\n <div class=\"module-tag\">${lesson.module}<\/div>\n <h1 class=\"lesson-title\">${lesson.title}<\/h1>\n <p class=\"lesson-subtitle\">${lesson.subtitle}<\/p>\n <\/div>`;\n\n lesson.questions.forEach((q, qi) => {\n html += `<div class=\"quiz-block\" id=\"qblock${qi}\">\n <div class=\"quiz-question\">${qi+1}. ${q.q}<\/div>\n <div class=\"quiz-options\">\n ${q.opts.map((opt, oi) => `<button class=\"quiz-option\" id=\"opt${qi}_${oi}\" onclick=\"answerQuiz(${qi},${oi})\">${opt}<\/button>`).join('')}\n <\/div>\n <div class=\"quiz-feedback\" id=\"qfb${qi}\"><\/div>\n <\/div>`;\n });\n\n html += `<div class=\"quiz-score\" id=\"quizScore\">\n <div class=\"score-big\" id=\"scoreNum\">0\/${lesson.questions.length}<\/div>\n <div class=\"score-label\">risposte corrette<\/div>\n <p style=\"margin-top:0.8rem;font-size:0.9rem;color:var(--muted)\" id=\"scoreMsg\"><\/p>\n <button class=\"btn-next\" style=\"margin-top:1.5rem\" onclick=\"showCompletion()\">Completa il corso \u2192<\/button>\n <\/div>`;\n\n html += `<div class=\"lesson-nav\">\n <button class=\"btn-prev\" onclick=\"prevLesson()\">\u2190 Precedente<\/button>\n <div><\/div>\n <\/div>`;\n\n wrap.innerHTML = html;\n}\n\nfunction answerQuiz(qi, oi) {\n if (quizAnswers[qi] !== undefined) return;\n quizAnswers[qi] = oi;\n\n const lesson = lessons[currentLesson];\n const q = lesson.questions[qi];\n const isCorrect = oi === q.correct;\n if (isCorrect) quizCorrect++;\n\n \/\/ Style options\n for (let i = 0; i < q.opts.length; i++) {\n const btn = document.getElementById(`opt${qi}_${i}`);\n btn.classList.add('answered');\n if (i === q.correct) btn.classList.add('correct');\n else if (i === oi && !isCorrect) btn.classList.add('wrong');\n }\n\n \/\/ Feedback\n const fb = document.getElementById(`qfb${qi}`);\n fb.className = `quiz-feedback show ${isCorrect ? 'ok' : 'ko'}`;\n fb.innerHTML = `<strong>${isCorrect ? '\u2713 Corretto!' : '\u2717 Non esatto.'}<\/strong> ${q.feedback}`;\n\n \/\/ Check all answered\n if (Object.keys(quizAnswers).length === lesson.questions.length) {\n const scoreEl = document.getElementById('quizScore');\n const pct = Math.round((quizCorrect \/ lesson.questions.length) * 100);\n document.getElementById('scoreNum').textContent = `${quizCorrect}\/${lesson.questions.length}`;\n const msgs = [\n [100, 'Perfetto. Hai dimostrato una padronanza completa degli argomenti.'],\n [80, 'Ottimo risultato. Qualche concetto da ripassare, ma la base \u00e8 solida.'],\n [60, 'Buon punto di partenza. Ti consiglio di rileggere i moduli con risposte errate.'],\n [0, 'Rileggi i moduli con attenzione \u2014 gli argomenti sono complessi e meritano un secondo passaggio.']\n ];\n document.getElementById('scoreMsg').textContent = msgs.find(m => pct >= m[0])[1];\n scoreEl.classList.add('show');\n setTimeout(() => scoreEl.scrollIntoView({behavior:'smooth', block:'center'}), 300);\n }\n}\n\nfunction nextLesson() {\n if (currentLesson < lessons.length - 1) {\n currentLesson++;\n renderLesson(currentLesson);\n window.scrollTo(0,0);\n }\n}\n\nfunction prevLesson() {\n if (currentLesson > 0) {\n currentLesson--;\n renderLesson(currentLesson);\n window.scrollTo(0,0);\n }\n}\n\nfunction showCompletion() {\n const wrap = document.getElementById('contentWrap');\n const total = lessons[lessons.length - 1].questions.length;\n const pct = Math.round((quizCorrect \/ total) * 100);\n\n wrap.innerHTML = `<div class=\"completion-screen\">\n <div class=\"completion-icon\">\ud83c\udf93<\/div>\n <h1 class=\"completion-title\">Corso completato<\/h1>\n <p class=\"completion-sub\">Hai acquisito le basi per affrontare il tema del lavoro di pari valore nel contesto italiano con consapevolezza tecnica e normativa.<\/p>\n <div class=\"completion-badges\">\n <div class=\"badge\"><span>5<\/span>Moduli completati<\/div>\n <div class=\"badge\"><span>${quizCorrect}\/${total}<\/span>Quiz superato<\/div>\n <div class=\"badge\"><span>${pct}%<\/span>Punteggio<\/div>\n <\/div>\n <p style=\"font-size:0.9rem;color:var(--muted);max-width:400px;margin:0 auto 2rem;line-height:1.6\">\n Il tema \u00e8 in rapida evoluzione. Il decreto italiano di recepimento \u00e8 ancora in bozza.\n Torna su <strong>trasparenzaretributiva.eu<\/strong> per gli aggiornamenti normativi e gli strumenti applicativi.\n <\/p>\n <button class=\"btn-start\" onclick=\"location.reload()\">Ricomincia il corso<\/button>\n <\/div>`;\n\n document.getElementById('progressFill').style.width = '100%';\n window.scrollTo(0,0);\n}\n\nfunction startCourse() {\n document.getElementById('splash').classList.add('hide');\n setTimeout(() => {\n document.getElementById('splash').style.display = 'none';\n document.getElementById('course').classList.add('active');\n renderLesson(0);\n }, 600);\n}\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lavoro di Pari Valore \u2014 Corso interattivo Corso interattivo \u00b7 CDL \u00b7 Avvocati \u00b7 HR Manager Lavoro dipari valore Job evaluation, gender pay gap e Direttiva (UE) 2023\/970: tutto quello che devi sapere per applicarla davvero. 5moduli ~20minuti 15quiz Inizia il corso \u2192 Pari Valore<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-311","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/trasparenzaretributiva.eu\/guide\/wp-json\/wp\/v2\/pages\/311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trasparenzaretributiva.eu\/guide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trasparenzaretributiva.eu\/guide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trasparenzaretributiva.eu\/guide\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trasparenzaretributiva.eu\/guide\/wp-json\/wp\/v2\/comments?post=311"}],"version-history":[{"count":5,"href":"https:\/\/trasparenzaretributiva.eu\/guide\/wp-json\/wp\/v2\/pages\/311\/revisions"}],"predecessor-version":[{"id":316,"href":"https:\/\/trasparenzaretributiva.eu\/guide\/wp-json\/wp\/v2\/pages\/311\/revisions\/316"}],"wp:attachment":[{"href":"https:\/\/trasparenzaretributiva.eu\/guide\/wp-json\/wp\/v2\/media?parent=311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nLavoro di Pari Valore \u2014 Corso interattivo<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --bg: #F7F2ED;\n --bg2: #EFE8E0;\n --text: #1C1C1C;\n --muted: #7A6E66;\n --accent: #B8432F;\n --accent2: #8B2F1E;\n --light-accent: #F0E0DA;\n --white: #FDFAF7;\n --border: #DDD5CC;\n --success: #2D6A4F;\n --success-bg: #D8F3DC;\n --wrong-bg: #FDECEA;\n --serif: 'Playfair Display', Georgia, serif;\n --sans: 'DM Sans', sans-serif;\n}\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\nbody {\n font-family: var(--sans);\n background: var(--bg);\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n}\n\n\/* \u2500\u2500 SPLASH SCREEN \u2500\u2500 *\/\n#splash {\n position: fixed; inset: 0; z-index: 100;\n background: var(--bg);\n display: flex; flex-direction: column;\n align-items: center; justify-content: center;\n text-align: center;\n padding: 2rem;\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n#splash.hide { opacity: 0; transform: translateY(-20px); pointer-events: none; }\n\n.splash-label {\n font-family: var(--sans);\n font-size: 0.7rem;\n font-weight: 600;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 1.5rem;\n}\n.splash-title {\n font-family: var(--serif);\n font-size: clamp(2.2rem, 6vw, 3.8rem);\n font-weight: 900;\n line-height: 1.1;\n color: var(--text);\n margin-bottom: 0.5rem;\n}\n.splash-title em {\n font-style: italic;\n color: var(--accent);\n}\n.splash-sub {\n font-family: var(--sans);\n font-size: 1rem;\n color: var(--muted);\n margin-bottom: 2.5rem;\n max-width: 480px;\n line-height: 1.6;\n}\n.splash-meta {\n display: flex; gap: 2rem; justify-content: center;\n margin-bottom: 3rem;\n flex-wrap: wrap;\n}\n.splash-meta-item {\n text-align: center;\n}\n.splash-meta-item .num {\n font-family: var(--serif);\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--accent);\n display: block;\n}\n.splash-meta-item .lbl {\n font-size: 0.75rem;\n color: var(--muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n.btn-start {\n background: var(--accent);\n color: #fff;\n border: none;\n font-family: var(--sans);\n font-size: 1rem;\n font-weight: 600;\n padding: 1rem 2.5rem;\n border-radius: 50px;\n cursor: pointer;\n transition: background 0.2s, transform 0.15s;\n letter-spacing: 0.02em;\n}\n.btn-start:hover { background: var(--accent2); transform: translateY(-2px); }\n\n.deco-circle {\n position: absolute;\n border-radius: 50%;\n background: var(--light-accent);\n opacity: 0.5;\n pointer-events: none;\n}\n\n\/* \u2500\u2500 MAIN COURSE \u2500\u2500 *\/\n#course { display: none; }\n#course.active { display: block; }\n\n\/* Progress bar *\/\n.progress-bar-wrap {\n position: fixed; top: 0; left: 0; right: 0;\n height: 4px; z-index: 50;\n background: var(--border);\n}\n.progress-bar-fill {\n height: 100%;\n background: var(--accent);\n transition: width 0.5s ease;\n width: 0%;\n}\n\n\/* Nav header *\/\n.course-nav {\n position: fixed; top: 4px; left: 0; right: 0;\n height: 56px; z-index: 49;\n background: rgba(247,242,237,0.95);\n backdrop-filter: blur(8px);\n display: flex; align-items: center;\n justify-content: space-between;\n padding: 0 2rem;\n border-bottom: 1px solid var(--border);\n}\n.nav-brand {\n font-family: var(--serif);\n font-weight: 700;\n font-size: 1rem;\n color: var(--text);\n}\n.nav-lesson-info {\n font-size: 0.8rem;\n color: var(--muted);\n font-weight: 500;\n}\n\n\/* Content wrapper *\/\n.content-wrap {\n max-width: 760px;\n margin: 0 auto;\n padding: 100px 2rem 6rem;\n}\n\n\/* Module header *\/\n.module-header {\n margin-bottom: 2.5rem;\n animation: fadeUp 0.5s ease both;\n}\n.module-tag {\n display: inline-block;\n background: var(--light-accent);\n color: var(--accent);\n font-size: 0.7rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n padding: 0.3em 0.8em;\n border-radius: 20px;\n margin-bottom: 0.8rem;\n}\n.lesson-title {\n font-family: var(--serif);\n font-size: clamp(1.6rem, 4vw, 2.4rem);\n font-weight: 900;\n line-height: 1.2;\n color: var(--text);\n margin-bottom: 0.6rem;\n}\n.lesson-subtitle {\n font-size: 1rem;\n color: var(--muted);\n line-height: 1.6;\n}\n\n\/* Content blocks *\/\n.lesson-block {\n background: var(--white);\n border-radius: 16px;\n padding: 1.8rem;\n margin-bottom: 1.2rem;\n border: 1px solid var(--border);\n animation: fadeUp 0.5s ease both;\n}\n.lesson-block:nth-child(2) { animation-delay: 0.05s; }\n.lesson-block:nth-child(3) { animation-delay: 0.10s; }\n.lesson-block:nth-child(4) { animation-delay: 0.15s; }\n.lesson-block:nth-child(5) { animation-delay: 0.20s; }\n\n.block-label {\n font-size: 0.68rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n color: var(--accent);\n margin-bottom: 0.6rem;\n}\n.block-text {\n font-size: 0.97rem;\n line-height: 1.75;\n color: var(--text);\n}\n.block-text strong { font-weight: 600; color: var(--text); }\n.block-text em { font-style: italic; }\n\n\/* Key concept highlight *\/\n.key-concept {\n background: var(--light-accent);\n border-left: 3px solid var(--accent);\n border-radius: 0 12px 12px 0;\n padding: 1.2rem 1.4rem;\n margin: 0.8rem 0;\n}\n.key-concept .kc-label {\n font-size: 0.68rem; font-weight: 700; text-transform: uppercase;\n letter-spacing: 0.15em; color: var(--accent); margin-bottom: 0.4rem;\n}\n.key-concept .kc-text {\n font-family: var(--serif);\n font-size: 1.05rem;\n font-style: italic;\n line-height: 1.5;\n color: var(--text);\n}\n\n\/* Comparison table *\/\n.compare-table {\n width: 100%;\n border-collapse: collapse;\n font-size: 0.88rem;\n margin: 0.8rem 0;\n}\n.compare-table th {\n background: var(--text);\n color: #fff;\n padding: 0.7rem 1rem;\n text-align: left;\n font-weight: 600;\n font-size: 0.8rem;\n}\n.compare-table td {\n padding: 0.7rem 1rem;\n border-bottom: 1px solid var(--border);\n vertical-align: top;\n line-height: 1.5;\n}\n.compare-table tr:nth-child(even) td { background: var(--bg); }\n.compare-table tr:last-child td { border-bottom: none; }\n.compare-table .col-yes { color: var(--success); font-weight: 600; }\n.compare-table .col-no { color: var(--accent); font-weight: 600; }\n\n\/* Dimension cards *\/\n.dim-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 0.8rem;\n margin: 0.8rem 0;\n}\n.dim-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 1rem;\n transition: border-color 0.2s, transform 0.15s;\n}\n.dim-card:hover { border-color: var(--accent); transform: translateY(-2px); }\n.dim-num {\n font-family: var(--serif);\n font-size: 1.4rem;\n font-weight: 900;\n color: var(--accent);\n line-height: 1;\n margin-bottom: 0.2rem;\n}\n.dim-name { font-weight: 600; font-size: 0.88rem; margin-bottom: 0.3rem; }\n.dim-desc { font-size: 0.78rem; color: var(--muted); line-height: 1.4; }\n\n\/* Quiz *\/\n.quiz-block {\n background: var(--white);\n border: 2px solid var(--border);\n border-radius: 16px;\n padding: 1.8rem;\n margin-bottom: 1.2rem;\n animation: fadeUp 0.5s ease both;\n}\n.quiz-question {\n font-family: var(--serif);\n font-size: 1.1rem;\n font-weight: 700;\n line-height: 1.4;\n margin-bottom: 1.2rem;\n color: var(--text);\n}\n.quiz-options { display: flex; flex-direction: column; gap: 0.6rem; }\n.quiz-option {\n background: var(--bg);\n border: 1.5px solid var(--border);\n border-radius: 10px;\n padding: 0.85rem 1.1rem;\n cursor: pointer;\n font-size: 0.93rem;\n line-height: 1.4;\n transition: all 0.2s;\n text-align: left;\n font-family: var(--sans);\n color: var(--text);\n}\n.quiz-option:hover:not(.answered) {\n border-color: var(--accent);\n background: var(--light-accent);\n}\n.quiz-option.correct {\n background: var(--success-bg);\n border-color: var(--success);\n color: var(--success);\n font-weight: 600;\n}\n.quiz-option.wrong {\n background: var(--wrong-bg);\n border-color: var(--accent);\n color: var(--accent);\n}\n.quiz-feedback {\n display: none;\n margin-top: 1rem;\n padding: 0.9rem 1.1rem;\n border-radius: 10px;\n font-size: 0.9rem;\n line-height: 1.5;\n}\n.quiz-feedback.show { display: block; animation: fadeUp 0.3s ease both; }\n.quiz-feedback.ok {\n background: var(--success-bg);\n color: #1B4332;\n border-left: 3px solid var(--success);\n}\n.quiz-feedback.ko {\n background: var(--wrong-bg);\n color: #7B1E1E;\n border-left: 3px solid var(--accent);\n}\n.quiz-score {\n text-align: center;\n padding: 1.5rem;\n border-top: 1px solid var(--border);\n margin-top: 1rem;\n display: none;\n}\n.quiz-score.show { display: block; }\n.score-big {\n font-family: var(--serif);\n font-size: 3rem;\n font-weight: 900;\n color: var(--accent);\n line-height: 1;\n}\n.score-label { font-size: 0.85rem; color: var(--muted); margin-top: 0.3rem; }\n\n\/* Navigation buttons *\/\n.lesson-nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 2.5rem;\n gap: 1rem;\n}\n.btn-prev, .btn-next {\n font-family: var(--sans);\n font-size: 0.9rem;\n font-weight: 600;\n padding: 0.8rem 1.6rem;\n border-radius: 50px;\n cursor: pointer;\n border: none;\n transition: all 0.2s;\n}\n.btn-prev {\n background: transparent;\n border: 1.5px solid var(--border);\n color: var(--muted);\n}\n.btn-prev:hover { border-color: var(--text); color: var(--text); }\n.btn-next {\n background: var(--accent);\n color: #fff;\n}\n.btn-next:hover { background: var(--accent2); transform: translateY(-1px); }\n.btn-next:disabled { background: var(--border); color: var(--muted); cursor: not-allowed; transform: none; }\n\n\/* Lesson dots *\/\n.lesson-dots {\n display: flex; gap: 6px; align-items: center;\n}\n.dot {\n width: 8px; height: 8px;\n border-radius: 50%;\n background: var(--border);\n transition: all 0.3s;\n}\n.dot.done { background: var(--accent); }\n.dot.current { background: var(--accent); width: 20px; border-radius: 4px; }\n\n\/* Completion *\/\n.completion-screen {\n text-align: center;\n padding: 3rem 1rem;\n animation: fadeUp 0.6s ease both;\n}\n.completion-icon {\n font-size: 3rem;\n margin-bottom: 1.5rem;\n}\n.completion-title {\n font-family: var(--serif);\n font-size: 2.2rem;\n font-weight: 900;\n color: var(--text);\n margin-bottom: 0.5rem;\n}\n.completion-sub {\n color: var(--muted);\n font-size: 1rem;\n line-height: 1.6;\n max-width: 480px;\n margin: 0 auto 2rem;\n}\n.completion-badges {\n display: flex; gap: 1rem; justify-content: center;\n flex-wrap: wrap; margin-bottom: 2.5rem;\n}\n.badge {\n background: var(--white);\n border: 1.5px solid var(--border);\n border-radius: 12px;\n padding: 0.8rem 1.2rem;\n font-size: 0.82rem;\n font-weight: 600;\n color: var(--text);\n}\n.badge span { color: var(--accent); display: block; font-size: 1.2rem; margin-bottom: 0.2rem; }\n\n\/* Animations *\/\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive *\/\n@media (max-width: 600px) {\n .content-wrap { padding: 80px 1rem 5rem; }\n .dim-grid { grid-template-columns: 1fr 1fr; }\n .lesson-nav { flex-wrap: wrap; }\n .compare-table { font-size: 0.8rem; }\n .compare-table th, .compare-table td { padding: 0.5rem 0.7rem; }\n}\n<\/style>\n<\/head>\n<body>\n\n\n<div id=\"splash\">\n <div class=\"deco-circle\" style=\"width:500px;height:500px;top:-150px;right:-200px;\"><\/div>\n <div class=\"deco-circle\" style=\"width:300px;height:300px;bottom:-100px;left:-100px;\"><\/div>\n <div class=\"splash-label\">Corso interattivo \u00b7 CDL \u00b7 Avvocati \u00b7 HR Manager<\/div>\n <h1 class=\"splash-title\">Lavoro di<br><em>pari valore<\/em><\/h1>\n <p class=\"splash-sub\">Job evaluation, gender pay gap e Direttiva (UE) 2023\/970: tutto quello che devi sapere per applicarla davvero.<\/p>\n <div class=\"splash-meta\">\n <div class=\"splash-meta-item\"><span class=\"num\">5<\/span><span class=\"lbl\">moduli<\/span><\/div>\n <div class=\"splash-meta-item\"><span class=\"num\">~20<\/span><span class=\"lbl\">minuti<\/span><\/div>\n <div class=\"splash-meta-item\"><span class=\"num\">15<\/span><span class=\"lbl\">quiz<\/span><\/div>\n <\/div>\n <button class=\"btn-start\" onclick=\"startCourse()\">Inizia il corso \u2192<\/button>\n<\/div>\n\n\n<div id=\"course\">\n <div class=\"progress-bar-wrap\"><div class=\"progress-bar-fill\" id=\"progressFill\"><\/div><\/div>\n <nav class=\"course-nav\">\n <span class=\"nav-brand\">Pari Valore<\/span>\n <div style=\"display:flex;align-items:center;gap:1rem;\">\n <div class=\"lesson-dots\" id=\"lessonDots\"><\/div>\n <span class=\"nav-lesson-info\" id=\"lessonInfo\"><\/span>\n <\/div>\n <\/nav>\n <div class=\"content-wrap\" id=\"contentWrap\"><\/div>\n<\/div>\n\n<script>\n\/\/ \u2500\u2500 COURSE DATA \u2500\u2500\nconst lessons = [\n\n \/\/ \u2500\u2500 LESSON 1 \u2500\u2500\n {\n module: \"Modulo 1 \u00b7 Il problema\",\n title: \"Pari valore: di cosa stiamo parlando?\",\n subtitle: \"La differenza tra 'stesso lavoro' e 'lavoro di pari valore' \u2014 e perch\u00e9 cambia tutto.\",\n type: \"content\",\n blocks: [\n {\n label: \"Il punto di partenza\",\n text: \"La Direttiva (UE) 2023\/970 non chiede solo parit\u00e0 di retribuzione per lo <strong>stesso lavoro<\/strong>. Chiede parit\u00e0 per un <strong>lavoro di pari valore<\/strong>. Sono due cose radicalmente diverse.\"\n },\n {\n type: \"key\",\n kc: \"Stesso lavoro: due cassieri, stesse mansioni, stessa sede. Lavoro di pari valore: ruoli diversi che hanno lo stesso peso organizzativo per l'azienda.\"\n },\n {\n label: \"Perch\u00e9 \u00e8 difficile\",\n text: \"Misurare il 'valore' di un lavoro richiede uno strumento tecnico. Non basta guardare la busta paga. Bisogna capire <strong>quanto pesa quella posizione<\/strong> per l'organizzazione \u2014 in termini di autonomia, complessit\u00e0, responsabilit\u00e0, specializzazione.\"\n },\n {\n label: \"La norma italiana\",\n text: \"Lo schema di decreto legislativo di recepimento (Atto del Governo n. 379) riconosce alla contrattazione collettiva una <strong>presunzione di conformit\u00e0<\/strong> ai criteri della Direttiva. Tradotto: i CCNL sono gi\u00e0 considerati un sistema di classificazione oggettivo. Ma questo non \u00e8 sufficiente da solo, come vedremo.\"\n }\n ]\n },\n\n \/\/ \u2500\u2500 LESSON 2 \u2500\u2500\n {\n module: \"Modulo 2 \u00b7 Lo strumento\",\n title: \"Cos'\u00e8 la job evaluation\",\n subtitle: \"Come si valuta una posizione \u2014 e la differenza fondamentale con la person evaluation.\",\n type: \"content\",\n blocks: [\n {\n label: \"Definizione\",\n text: \"La <strong>job evaluation<\/strong> \u00e8 il processo sistematico di valutazione del valore relativo delle posizioni lavorative all'interno di un'organizzazione. Valuta la <strong>sedia<\/strong>, non chi ci siede.\"\n },\n {\n type: \"compare\",\n rows: [\n [\"\", \"Job Evaluation\", \"Person Evaluation\"],\n [\"Cosa valuta\", \"La posizione (il ruolo)\", \"La persona (chi occupa il ruolo)\"],\n [\"Domanda chiave\", \"Quanto vale questo ruolo?\", \"Quanto performa questa persona?\"],\n [\"Quando si usa\", \"Per strutturare retribuzioni e inquadramenti\", \"Per premi, carriera, feedback\"],\n [\"Rilevanza Direttiva\", \"\u2713 Obbligatoria per 'pari valore'\", \"Non sufficiente da sola\"],\n ]\n },\n {\n label: \"L'errore pi\u00f9 comune\",\n text: \"Molte aziende italiane fanno <em>person evaluation<\/em> senza saperlo: danno il superminimo a chi 'se lo merita', decidono i premi a sensazione. Tutto legittimo \u2014 ma se questo produce un pattern sistematico per genere, la Direttiva chiede di dimostrare che il sistema di classificazione sottostante \u00e8 oggettivo.\"\n }\n ]\n },\n\n \/\/ \u2500\u2500 LESSON 3 \u2500\u2500\n {\n module: \"Modulo 3 \u00b7 I metodi\",\n title: \"I sistemi internazionali \u2014 e il loro limite in Italia\",\n subtitle: \"Hay, Mercer, Willis Towers Watson: nati altrove, applicati qui.\",\n type: \"content\",\n blocks: [\n {\n label: \"I tre sistemi dominanti\",\n text: \"Il mercato mondiale della job evaluation \u00e8 un oligopolio. Tre sistemi coprono la quasi totalit\u00e0 delle grandi organizzazioni.\"\n },\n {\n type: \"compare\",\n rows: [\n [\"Sistema\", \"Fattori\", \"Origine\", \"Punto forte\"],\n [\"Hay \/ Korn Ferry\", \"3 (Know-How, Problem Solving, Accountability)\", \"USA, anni '50\", \"Semplicit\u00e0, benchmark globale\"],\n [\"Mercer IPE\", \"4 (Impact 57%, Comm., Innovation, Knowledge)\", \"Scandinavia, multinazionali\", \"Standardizzazione internazionale\"],\n [\"WTW Global Grading\", \"7 fattori, fino a 25 gradi\", \"Mercato globale\", \"Granularit\u00e0\"],\n ]\n },\n {\n label: \"Tre presupposti comuni\",\n text: \"<strong>1. Universalit\u00e0<\/strong> \u2014 i fattori funzionano in qualsiasi paese e settore.<br><br><strong>2. Tabula rasa<\/strong> \u2014 si parte da zero, senza considerare classificazioni preesistenti.<br><br><strong>3. Benchmarking esterno<\/strong> \u2014 il punteggio serve a confrontare la posizione con il mercato retributivo, attraverso survey proprietarie vendute dallo stesso fornitore.\"\n },\n {\n type: \"key\",\n kc: \"Questi sistemi sono nati in contesti dove la contrattazione collettiva strutturata non esiste. Non prevedono l'esistenza di declaratorie, non considerano i minimi tabellari, non sanno cosa sia la polivalenza contrattuale.\"\n },\n {\n label: \"Il paradosso italiano\",\n text: \"In Italia abbiamo oltre <strong>800 CCNL<\/strong> con livelli, declaratorie e profili professionali. Una classificazione gi\u00e0 scritta, negoziata e vincolante. I metodi anglosassoni chiedono di ricominciare da zero \u2014 ignorando completamente questa struttura.\"\n }\n ]\n },\n\n \/\/ \u2500\u2500 LESSON 4 \u2500\u2500\n {\n module: \"Modulo 4 \u00b7 La soluzione\",\n title: \"Le dimensioni valutative nei CCNL\",\n subtitle: \"Cosa emerge quando si leggono davvero le declaratorie.\",\n type: \"content\",\n blocks: [\n {\n label: \"Un'analisi su quattro CCNL\",\n text: \"Analizzando le declaratorie di quattro CCNL con architetture radicalmente diverse \u2014 <strong>Commercio, Alimentari Industria, Metalmeccanici, Telecomunicazioni<\/strong> \u2014 emerge un risultato convergente: tutti usano le stesse dimensioni per distinguere un livello dall'altro.\"\n },\n {\n label: \"Le dimensioni identificate\",\n text: \"Nonostante strutture classificatorie completamente diverse, i quattro CCNL utilizzano, con parole diverse ma logica identica, sei dimensioni ricorrenti. Pi\u00f9 una settima di natura contestuale.\",\n type: \"dims\"\n },\n {\n label: \"Un esempio concreto\",\n text: \"La dimensione <strong>'autonomia decisionale'<\/strong> nel CCNL Commercio: dal <em>\u00absemplici conoscenze pratiche\u00bb<\/em> del 6\u00b0 livello, passando per <em>\u00abautonomia operativa nell'ambito delle proprie mansioni\u00bb<\/em> al 3\u00b0, fino ai <em>\u00abpoteri di discrezionalit\u00e0 decisionale\u00bb<\/em> dei Quadri. Nel CCNL Metalmeccanici: da <em>\u00abistruzioni di lavoro definite\u00bb<\/em> (D1) a <em>\u00abampia autonomia nell'ambito degli obiettivi generali dell'impresa\u00bb<\/em> (A1). Parole diverse, stessa scala.\"\n },\n {\n label: \"La dimensione contestuale (D7)\",\n text: \"La <strong>centralit\u00e0 organizzativa<\/strong> non emerge dalle declaratorie generali, ma dall'analisi dei profili intra-livello. Nel CCNL Commercio, al 4\u00b0 livello troviamo sia il commesso alla vendita che l'operaio specializzato nel settore automobilistico. In un negozio di abbigliamento il primo \u00e8 la posizione-perno; in un'officina lo \u00e8 il secondo. Il valore organizzativo di una posizione dipende anche da chi \u00e8 l'azienda.\"\n }\n ]\n },\n\n \/\/ \u2500\u2500 LESSON 5 (QUIZ) \u2500\u2500\n {\n module: \"Modulo 5 \u00b7 Verifica\",\n title: \"Test di comprensione\",\n subtitle: \"15 domande per consolidare i concetti chiave.\",\n type: \"quiz\",\n questions: [\n {\n q: \"Qual \u00e8 la differenza principale tra 'stesso lavoro' e 'lavoro di pari valore'?\",\n opts: [\n \"Non c'\u00e8 differenza, sono sinonimi nella Direttiva\",\n \"Stesso lavoro confronta mansioni identiche; pari valore confronta ruoli diversi ma di peso equivalente\",\n \"Lavoro di pari valore riguarda solo la retribuzione variabile\",\n \"La distinzione vale solo per le grandi aziende\"\n ],\n correct: 1,\n feedback: \"Esatto. La Direttiva 2023\/970 va ben oltre la parit\u00e0 per mansioni identiche: richiede di confrontare il peso organizzativo di ruoli anche molto diversi tra loro.\"\n },\n {\n q: \"Cosa valuta la job evaluation?\",\n opts: [\n \"Le performance della singola persona\",\n \"Il potenziale di crescita del dipendente\",\n \"Il valore relativo della posizione, indipendentemente da chi la occupa\",\n \"L'anzianit\u00e0 di servizio del lavoratore\"\n ],\n correct: 2,\n feedback: \"La job evaluation valuta la 'sedia', non chi ci siede. Questo la distingue dalla person evaluation, che invece valuta le caratteristiche individuali.\"\n },\n {\n q: \"Quale dei tre sistemi internazionali utilizza 3 fattori fondamentali?\",\n opts: [\n \"Mercer IPE\",\n \"Willis Towers Watson GGS\",\n \"Hay \/ Korn Ferry\",\n \"Tutti e tre usano 3 fattori\"\n ],\n correct: 2,\n feedback: \"Il metodo Hay usa tre fattori: Know-How, Problem Solving e Accountability. Mercer IPE ne usa 4 (con Impact che pesa da solo il 57%), WTW ne usa 7.\"\n },\n {\n q: \"Qual \u00e8 il 'paradosso italiano' nell'applicazione dei sistemi anglosassoni di job evaluation?\",\n opts: [\n \"Costano troppo per le PMI italiane\",\n \"Non sono disponibili in lingua italiana\",\n \"Chiedono di classificare le posizioni da zero, ignorando 800 CCNL gi\u00e0 esistenti con classificazioni vincolanti\",\n \"Sono troppo semplicistici per il mercato del lavoro italiano\"\n ],\n correct: 2,\n feedback: \"Esattamente. I sistemi anglosassoni presuppongono l'assenza di contrattazione collettiva strutturata. In Italia ignorano completamente le declaratorie dei CCNL, che gi\u00e0 classificano le posizioni in modo negoziato e vincolante.\"\n },\n {\n q: \"Quanti CCNL sono stati analizzati per identificare le dimensioni valutative ricorrenti?\",\n opts: [\n \"Due (Commercio e Metalmeccanici)\",\n \"Quattro (Commercio, Alimentari, Metalmeccanici, Telecomunicazioni)\",\n \"Sei\",\n \"Otto, uno per settore\"\n ],\n correct: 1,\n feedback: \"L'analisi ha riguardato quattro CCNL scelti per la massima eterogeneit\u00e0 strutturale: Commercio (8 livelli discorsivi), Alimentari Industria (criteri espliciti all'art. 26), Metalmeccanici (9 livelli in 4 campi), Telecomunicazioni (profili digitali).\"\n },\n {\n q: \"La 'presunzione di conformit\u00e0' riconosciuta ai CCNL dal decreto di recepimento significa che:\",\n opts: [\n \"Le aziende con CCNL non devono fare nulla in materia di parit\u00e0 retributiva\",\n \"I CCNL sono considerati un sistema di classificazione oggettivo, ma la compliance richiede anche governance, documentazione e applicazione uniforme\",\n \"Solo le aziende senza CCNL devono applicare la Direttiva\",\n \"I minimi tabellari sono automaticamente conformi ai criteri di pari valore\"\n ],\n correct: 1,\n feedback: \"La presunzione di conformit\u00e0 \u00e8 un vantaggio, non un'esenzione. Il sistema classificatorio del CCNL \u00e8 considerato oggettivo, ma la compliance richiede anche un processo documentato e applicato uniformemente.\"\n },\n {\n q: \"Quale dimensione valutativa \u00e8 codificata esplicitamente come criterio nel CCNL Metalmeccanici e nel CCNL Alimentari Industria?\",\n opts: [\n \"Autonomia decisionale\",\n \"Responsabilit\u00e0 su risorse e persone\",\n \"Polivalenza e polifunzionalit\u00e0\",\n \"Contenuto relazionale\"\n ],\n correct: 2,\n feedback: \"Polivalenza e polifunzionalit\u00e0 sono criteri espliciti nei Metalmeccanici (punto 1.1 delle declaratorie) e nell'Alimentari (art. 26). Nessuno dei tre sistemi anglosassoni prevede un fattore equivalente.\"\n },\n {\n q: \"La 'centralit\u00e0 organizzativa' (D7) si differenzia dalle altre dimensioni perch\u00e9:\",\n opts: [\n \"Non \u00e8 presente nei CCNL\",\n \"Misura una propriet\u00e0 relazionale (il rapporto tra posizione e core business), non intrinseca alla mansione\",\n \"\u00c8 applicabile solo al settore terziario\",\n \"Dipende dall'anzianit\u00e0 del lavoratore\"\n ],\n correct: 1,\n feedback: \"D1-D6 descrivono il contenuto professionale della posizione: sono propriet\u00e0 intrinseche. D7 descrive la collocazione della posizione nel modello di business aziendale: \u00e8 una propriet\u00e0 relazionale. Per questo richiede un giudizio professionale specifico.\"\n },\n {\n q: \"Se un'azienda differenzia le retribuzioni 'a sensazione' tra collaboratori dello stesso livello, questo \u00e8:\",\n opts: [\n \"Sempre illegale ai sensi della Direttiva\",\n \"Legittimo, ma diventa problematico se produce un pattern sistematico per genere che non pu\u00f2 essere giustificato con criteri oggettivi\",\n \"Consentito purch\u00e9 comunicato in busta paga\",\n \"Irrilevante ai fini della Direttiva se riguarda il superminimo individuale\"\n ],\n correct: 1,\n feedback: \"La differenziazione retributiva \u00e8 lecita se basata su criteri oggettivi documentati. Il problema sorge quando produce un divario sistematico per genere che l'azienda non \u00e8 in grado di spiegare con una job evaluation rigorosa.\"\n },\n {\n q: \"Quante declaratorie complessive sono state esaminate nell'analisi dei quattro CCNL?\",\n opts: [\"16\", \"24\", \"32\", \"48\"],\n correct: 2,\n feedback: \"32 declaratorie generali (8 dal Commercio, 8 dall'Alimentari, 9 dai Metalmeccanici, 7 dalle Telecomunicazioni), da cui sono state estratte circa 180 unit\u00e0 di analisi e 42 codici iniziali.\"\n },\n {\n q: \"Il metodo Hay \u00e8 stato sviluppato principalmente per:\",\n opts: [\n \"Valutare operai industriali in contesti sindacalizzati\",\n \"Il benchmarking retributivo delle posizioni manageriali e dirigenziali\",\n \"La compliance con le normative europee sulla parit\u00e0 di genere\",\n \"PMI e piccole realt\u00e0 artigianali\"\n ],\n correct: 1,\n feedback: \"Hay stesso lo ha dichiarato: il sistema \u00e8 'not primarily designed to measure or assess high managerial positions' secondo le logiche tradizionali \u2014 nacque proprio per rispondere all'esigenza di valutare posizioni manageriali e tecniche di alto livello, non il lavoro operativo.\"\n },\n {\n q: \"Qual \u00e8 la principale critica femminista ai sistemi di job evaluation tradizionali?\",\n opts: [\n \"Sono troppo complessi da applicare\",\n \"Tendono a selezionare fattori e pesi che riproducono la struttura retributiva esistente, incorporando distorsioni di genere anzich\u00e9 rilevarle\",\n \"Non considerano il part-time\",\n \"Sono applicabili solo ai lavoratori dipendenti\"\n ],\n correct: 1,\n feedback: \"La critica di Steinberg (1990) \u00e8 fondamentale: i sistemi tradizionali rischiano di cristallizzare le diseguaglianze esistenti invece di rilevarle. Un sistema che parte dal CCNL e usa dimensioni derivate dal linguaggio contrattuale riduce (ma non elimina) questo rischio.\"\n },\n {\n q: \"La salary band intra-livello proposta collega il punto MIN a:\",\n opts: [\n \"La media delle retribuzioni di mercato per quel livello\",\n \"Il minimo tabellare del CCNL\",\n \"Il 25\u00b0 percentile delle retribuzioni settoriali\",\n \"Il costo della vita locale\"\n ],\n correct: 1,\n feedback: \"L'ancoraggio al minimo tabellare del CCNL \u00e8 il punto di forza del modello nel contesto italiano: \u00e8 un dato normativo, certo e pubblico, accessibile anche alle PMI senza necessit\u00e0 di acquistare survey retributive proprietarie.\"\n },\n {\n q: \"Qual \u00e8 la differenza tra compliance e sufficienza rispetto alla Direttiva?\",\n opts: [\n \"Non c'\u00e8 differenza\",\n \"Un sistema di job evaluation coerente con la Direttiva \u00e8 utile ma non sufficiente: la compliance dipende anche da governance del processo, documentazione e applicazione uniforme\",\n \"La sufficienza riguarda solo le grandi aziende\",\n \"La compliance \u00e8 automatica se si applica un CCNL\"\n ],\n correct: 1,\n feedback: \"Il framework interviene sul piano dei criteri. Ma la Direttiva richiede anche che il processo sia documentato, applicato uniformemente e che i fattori non siano indirettamente discriminatori. Avere uno strumento non basta: bisogna usarlo bene.\"\n },\n {\n q: \"Perch\u00e9 il contenuto relazionale (D4) richiede cautela nella ponderazione?\",\n opts: [\n \"Perch\u00e9 \u00e8 troppo soggettivo\",\n \"Perch\u00e9 non compare nei CCNL\",\n \"Perch\u00e9 non \u00e8 presente come dimensione autonoma in tutti i CCNL analizzati (assente nei Metalmeccanici come asse esplicito)\",\n \"Perch\u00e9 favorisce le posizioni femminili\"\n ],\n correct: 2,\n feedback: \"Il CCNL Metalmeccanici non codifica il contenuto relazionale come dimensione autonoma della progressione tra livelli, incorporandolo parzialmente nelle 'competenze trasversali'. La presenza non uniforme suggerisce di applicare questa dimensione con cautela settoriale.\"\n }\n ]\n }\n];\n\n\/\/ \u2500\u2500 STATE \u2500\u2500\nlet currentLesson = 0;\nlet quizAnswers = {};\nlet quizCorrect = 0;\n\n\/\/ \u2500\u2500 RENDER \u2500\u2500\nfunction renderDots() {\n const d = document.getElementById('lessonDots');\n d.innerHTML = lessons.map((_, i) =>\n `<div class=\"dot ${i < currentLesson ? 'done' : i === currentLesson ? 'current' : ''}\"><\/div>`\n ).join('');\n}\n\nfunction updateProgress() {\n const pct = ((currentLesson) \/ (lessons.length - 1)) * 100;\n document.getElementById('progressFill').style.width = pct + '%';\n document.getElementById('lessonInfo').textContent = `${currentLesson + 1} \/ ${lessons.length}`;\n renderDots();\n}\n\nfunction renderLesson(idx) {\n const lesson = lessons[idx];\n const wrap = document.getElementById('contentWrap');\n wrap.scrollTo(0, 0);\n window.scrollTo(0, 0);\n\n if (lesson.type === 'quiz') {\n renderQuiz(lesson, wrap);\n } else {\n renderContent(lesson, wrap);\n }\n updateProgress();\n}\n\nfunction renderContent(lesson, wrap) {\n let html = `\n <div class=\"module-header\">\n <div class=\"module-tag\">${lesson.module}<\/div>\n <h1 class=\"lesson-title\">${lesson.title}<\/h1>\n <p class=\"lesson-subtitle\">${lesson.subtitle}<\/p>\n <\/div>`;\n\n lesson.blocks.forEach((block, i) => {\n if (block.type === 'key') {\n html += `<div class=\"lesson-block\" style=\"animation-delay:${i*0.05}s\">\n <div class=\"key-concept\">\n <div class=\"kc-label\">Concetto chiave<\/div>\n <div class=\"kc-text\">${block.kc}<\/div>\n <\/div><\/div>`;\n } else if (block.type === 'compare') {\n let tbl = '<table class=\"compare-table\">';\n block.rows.forEach((row, ri) => {\n tbl += ri === 0 ? '<tr>' + row.map(c => `<th>${c}<\/th>`).join('') + '<\/tr>' :\n '<tr>' + row.map(c => `<td>${c}<\/td>`).join('') + '<\/tr>';\n });\n tbl += '<\/table>';\n html += `<div class=\"lesson-block\" style=\"animation-delay:${i*0.05}s\">${tbl}<\/div>`;\n } else if (block.type === 'dims') {\n const dims = [\n {n:'D1', name:'Autonomia decisionale', desc:'Dalla mera esecuzione alla piena discrezionalit\u00e0 strategica'},\n {n:'D2', name:'Complessit\u00e0 della prestazione', desc:'Dalla manovalanza alla gestione di problematiche strategiche'},\n {n:'D3', name:'Responsabilit\u00e0 su risorse', desc:'Dall\\'assenza alla direzione di unit\u00e0 organizzative complesse'},\n {n:'D4', name:'Contenuto relazionale', desc:'Dall\\'interazione minima alla rappresentanza strategica esterna'},\n {n:'D5', name:'Specializzazione tecnico-prof.', desc:'Dalle conoscenze generiche all\\'expertise di frontiera'},\n {n:'D6', name:'Polivalenza e polifunzionalit\u00e0', desc:'Dalla mono-mansione all\\'integrazione di funzioni eterogenee'},\n {n:'D7*', name:'Centralit\u00e0 organizzativa', desc:'Prossimit\u00e0 alla missione dell\\'impresa (dimensione contestuale)'},\n ];\n html += `<div class=\"lesson-block\" style=\"animation-delay:${i*0.05}s\">\n ${block.label ? `<div class=\"block-label\">${block.label}<\/div>` : ''}\n <div class=\"block-text\" style=\"margin-bottom:0.8rem\">${block.text}<\/div>\n <div class=\"dim-grid\">\n ${dims.map(d => `<div class=\"dim-card\">\n <div class=\"dim-num\">${d.n}<\/div>\n <div class=\"dim-name\">${d.name}<\/div>\n <div class=\"dim-desc\">${d.desc}<\/div>\n <\/div>`).join('')}\n <\/div>\n <p style=\"font-size:0.75rem;color:var(--muted);margin-top:0.6rem\">* D7 \u00e8 una dimensione contestuale: non emerge dalle declaratorie generali ma dall'analisi intra-livello.<\/p>\n <\/div>`;\n } else {\n html += `<div class=\"lesson-block\" style=\"animation-delay:${i*0.05}s\">\n ${block.label ? `<div class=\"block-label\">${block.label}<\/div>` : ''}\n <div class=\"block-text\">${block.text}<\/div>\n <\/div>`;\n }\n });\n\n \/\/ Nav\n html += `<div class=\"lesson-nav\">\n ${currentLesson > 0 ? '<button class=\"btn-prev\" onclick=\"prevLesson()\">\u2190 Precedente<\/button>' : '<div><\/div>'}\n <button class=\"btn-next\" onclick=\"nextLesson()\">${currentLesson === lessons.length - 2 ? 'Vai al quiz \u2192' : 'Avanti \u2192'}<\/button>\n <\/div>`;\n\n wrap.innerHTML = html;\n}\n\nfunction renderQuiz(lesson, wrap) {\n quizAnswers = {};\n quizCorrect = 0;\n\n let html = `<div class=\"module-header\">\n <div class=\"module-tag\">${lesson.module}<\/div>\n <h1 class=\"lesson-title\">${lesson.title}<\/h1>\n <p class=\"lesson-subtitle\">${lesson.subtitle}<\/p>\n <\/div>`;\n\n lesson.questions.forEach((q, qi) => {\n html += `<div class=\"quiz-block\" id=\"qblock${qi}\">\n <div class=\"quiz-question\">${qi+1}. ${q.q}<\/div>\n <div class=\"quiz-options\">\n ${q.opts.map((opt, oi) => `<button class=\"quiz-option\" id=\"opt${qi}_${oi}\" onclick=\"answerQuiz(${qi},${oi})\">${opt}<\/button>`).join('')}\n <\/div>\n <div class=\"quiz-feedback\" id=\"qfb${qi}\"><\/div>\n <\/div>`;\n });\n\n html += `<div class=\"quiz-score\" id=\"quizScore\">\n <div class=\"score-big\" id=\"scoreNum\">0\/${lesson.questions.length}<\/div>\n <div class=\"score-label\">risposte corrette<\/div>\n <p style=\"margin-top:0.8rem;font-size:0.9rem;color:var(--muted)\" id=\"scoreMsg\"><\/p>\n <button class=\"btn-next\" style=\"margin-top:1.5rem\" onclick=\"showCompletion()\">Completa il corso \u2192<\/button>\n <\/div>`;\n\n html += `<div class=\"lesson-nav\">\n <button class=\"btn-prev\" onclick=\"prevLesson()\">\u2190 Precedente<\/button>\n <div><\/div>\n <\/div>`;\n\n wrap.innerHTML = html;\n}\n\nfunction answerQuiz(qi, oi) {\n if (quizAnswers[qi] !== undefined) return;\n quizAnswers[qi] = oi;\n\n const lesson = lessons[currentLesson];\n const q = lesson.questions[qi];\n const isCorrect = oi === q.correct;\n if (isCorrect) quizCorrect++;\n\n \/\/ Style options\n for (let i = 0; i < q.opts.length; i++) {\n const btn = document.getElementById(`opt${qi}_${i}`);\n btn.classList.add('answered');\n if (i === q.correct) btn.classList.add('correct');\n else if (i === oi && !isCorrect) btn.classList.add('wrong');\n }\n\n \/\/ Feedback\n const fb = document.getElementById(`qfb${qi}`);\n fb.className = `quiz-feedback show ${isCorrect ? 'ok' : 'ko'}`;\n fb.innerHTML = `<strong>${isCorrect ? '\u2713 Corretto!' : '\u2717 Non esatto.'}<\/strong> ${q.feedback}`;\n\n \/\/ Check all answered\n if (Object.keys(quizAnswers).length === lesson.questions.length) {\n const scoreEl = document.getElementById('quizScore');\n const pct = Math.round((quizCorrect \/ lesson.questions.length) * 100);\n document.getElementById('scoreNum').textContent = `${quizCorrect}\/${lesson.questions.length}`;\n const msgs = [\n [100, 'Perfetto. Hai dimostrato una padronanza completa degli argomenti.'],\n [80, 'Ottimo risultato. Qualche concetto da ripassare, ma la base \u00e8 solida.'],\n [60, 'Buon punto di partenza. Ti consiglio di rileggere i moduli con risposte errate.'],\n [0, 'Rileggi i moduli con attenzione \u2014 gli argomenti sono complessi e meritano un secondo passaggio.']\n ];\n document.getElementById('scoreMsg').textContent = msgs.find(m => pct >= m[0])[1];\n scoreEl.classList.add('show');\n setTimeout(() => scoreEl.scrollIntoView({behavior:'smooth', block:'center'}), 300);\n }\n}\n\nfunction nextLesson() {\n if (currentLesson < lessons.length - 1) {\n currentLesson++;\n renderLesson(currentLesson);\n window.scrollTo(0,0);\n }\n}\n\nfunction prevLesson() {\n if (currentLesson > 0) {\n currentLesson--;\n renderLesson(currentLesson);\n window.scrollTo(0,0);\n }\n}\n\nfunction showCompletion() {\n const wrap = document.getElementById('contentWrap');\n const total = lessons[lessons.length - 1].questions.length;\n const pct = Math.round((quizCorrect \/ total) * 100);\n\n wrap.innerHTML = `<div class=\"completion-screen\">\n <div class=\"completion-icon\">\ud83c\udf93<\/div>\n <h1 class=\"completion-title\">Corso completato<\/h1>\n <p class=\"completion-sub\">Hai acquisito le basi per affrontare il tema del lavoro di pari valore nel contesto italiano con consapevolezza tecnica e normativa.<\/p>\n <div class=\"completion-badges\">\n <div class=\"badge\"><span>5<\/span>Moduli completati<\/div>\n <div class=\"badge\"><span>${quizCorrect}\/${total}<\/span>Quiz superato<\/div>\n <div class=\"badge\"><span>${pct}%<\/span>Punteggio<\/div>\n <\/div>\n <p style=\"font-size:0.9rem;color:var(--muted);max-width:400px;margin:0 auto 2rem;line-height:1.6\">\n Il tema \u00e8 in rapida evoluzione. Il decreto italiano di recepimento \u00e8 ancora in bozza.\n Torna su <strong>trasparenzaretributiva.eu<\/strong> per gli aggiornamenti normativi e gli strumenti applicativi.\n <\/p>\n <button class=\"btn-start\" onclick=\"location.reload()\">Ricomincia il corso<\/button>\n <\/div>`;\n\n document.getElementById('progressFill').style.width = '100%';\n window.scrollTo(0,0);\n}\n\nfunction startCourse() {\n document.getElementById('splash').classList.add('hide');\n setTimeout(() => {\n document.getElementById('splash').style.display = 'none';\n document.getElementById('course').classList.add('active');\n renderLesson(0);\n }, 600);\n}\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lavoro di Pari Valore \u2014 Corso interattivo Corso interattivo \u00b7 CDL \u00b7 Avvocati \u00b7 HR Manager Lavoro dipari valore Job evaluation, gender pay gap e Direttiva (UE) 2023\/970: tutto quello che devi sapere per applicarla davvero. 5moduli ~20minuti 15quiz Inizia il corso \u2192 Pari Valore<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-311","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/trasparenzaretributiva.eu\/guide\/wp-json\/wp\/v2\/pages\/311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trasparenzaretributiva.eu\/guide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trasparenzaretributiva.eu\/guide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trasparenzaretributiva.eu\/guide\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trasparenzaretributiva.eu\/guide\/wp-json\/wp\/v2\/comments?post=311"}],"version-history":[{"count":5,"href":"https:\/\/trasparenzaretributiva.eu\/guide\/wp-json\/wp\/v2\/pages\/311\/revisions"}],"predecessor-version":[{"id":316,"href":"https:\/\/trasparenzaretributiva.eu\/guide\/wp-json\/wp\/v2\/pages\/311\/revisions\/316"}],"wp:attachment":[{"href":"https:\/\/trasparenzaretributiva.eu\/guide\/wp-json\/wp\/v2\/media?parent=311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}