Modulo 6 – Gestione Emozioni | Autonomia Portami Via<\/title>\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Segoe UI', sans-serif; background: linear-gradient(135deg, #f093fb, #f5576c); min-height: 100vh; padding: 20px; line-height: 1.6; }\n .container { max-width: 900px; margin: 0 auto; }\n .header { background: white; border-radius: 20px; padding: 30px; text-align: center; margin-bottom: 20px; }\n .header h1 { color: #f5576c; }\n .module-badge { display: inline-block; background: linear-gradient(135deg, #f093fb, #f5576c); color: white; padding: 8px 20px; border-radius: 20px; font-weight: bold; margin-bottom: 15px; }\n .tabs { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }\n .tab { flex: 1; min-width: 120px; padding: 15px; background: white; border: none; border-radius: 15px; cursor: pointer; font-weight: bold; color: #f5576c; }\n .tab.active { background: linear-gradient(135deg, #f093fb, #f5576c); color: white; }\n .content-section { background: white; border-radius: 20px; padding: 30px; display: none; }\n .content-section.active { display: block; }\n .lesson-card { background: #fff0f3; border-radius: 15px; padding: 25px; margin-bottom: 20px; border-left: 5px solid #f5576c; }\n .lesson-card h3 { color: #f5576c; margin-bottom: 15px; }\n .highlight-box { background: #fff3cd; border-radius: 10px; padding: 20px; margin: 15px 0; border-left: 4px solid #ffc107; }\n .highlight-box.tip { background: #d4edda; border-left-color: #28a745; }\n h2 { color: #f5576c; margin: 25px 0 15px 0; }\n ul { margin-left: 25px; margin-bottom: 15px; }\n li { margin-bottom: 8px; }\n .emotion-wheel { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin: 20px 0; }\n .emotion { width: 100px; height: 100px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s; border: 3px solid transparent; }\n .emotion:hover { transform: scale(1.1); }\n .emotion.selected { border-color: #333; }\n .emotion .emoji { font-size: 2.5em; }\n .emotion .name { font-size: 0.8em; font-weight: bold; }\n .emotion.gioia { background: #fff9c4; }\n .emotion.tristezza { background: #bbdefb; }\n .emotion.rabbia { background: #ffcdd2; }\n .emotion.paura { background: #e1bee7; }\n .emotion-info { background: #f5f5f5; border-radius: 10px; padding: 20px; margin-top: 20px; display: none; }\n .emotion-info.show { display: block; }\n .breathing-box { background: #e8f5e9; border-radius: 20px; padding: 30px; text-align: center; margin: 20px 0; }\n .breath-circle { width: 150px; height: 150px; border-radius: 50%; background: #4caf50; margin: 20px auto; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2em; font-weight: bold; transition: all 4s; }\n .breath-circle.expand { transform: scale(1.5); }\n .scenario-card { background: #fff0f3; border-radius: 15px; padding: 25px; margin: 20px 0; }\n .response-btn { display: block; width: 100%; padding: 15px; margin: 10px 0; background: white; border: 2px solid #ddd; border-radius: 10px; cursor: pointer; text-align: left; }\n .response-btn.assertive { background: #d4edda; border-color: #28a745; }\n .response-btn.passive { background: #fff3cd; border-color: #ffc107; }\n .response-btn.aggressive { background: #f8d7da; border-color: #dc3545; }\n .quiz-question { background: #fff0f3; border-radius: 15px; padding: 25px; margin-bottom: 20px; }\n .quiz-options { display: grid; gap: 10px; }\n .quiz-option { padding: 15px; background: white; border: 2px solid #ddd; border-radius: 10px; cursor: pointer; }\n .quiz-option.correct { background: #d4edda; border-color: #28a745; }\n .quiz-option.wrong { background: #f8d7da; border-color: #dc3545; }\n .btn { padding: 12px 30px; border: none; border-radius: 10px; font-weight: bold; cursor: pointer; background: linear-gradient(135deg, #f093fb, #f5576c); color: white; }\n .progress-bar { width: 100%; height: 10px; background: #e0e0e0; border-radius: 5px; margin: 20px 0; }\n .progress-fill { height: 100%; background: linear-gradient(90deg, #f093fb, #f5576c); border-radius: 5px; }\n .score-display { text-align: center; padding: 30px; background: linear-gradient(135deg, #f093fb, #f5576c); border-radius: 15px; color: white; }\n .stress-tips { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin: 20px 0; }\n .stress-tip { background: white; border-radius: 10px; padding: 15px; text-align: center; border-top: 4px solid #f5576c; }\n .stress-tip .icon { font-size: 2em; }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <div class=\"module-badge\">📚 MODULO 6 – 14 ORE<\/div>\n <h1>💝 Gestione delle Emozioni<\/h1>\n <p>Impara a conoscere e gestire quello che senti!<\/p>\n <\/div>\n \n <div class=\"tabs\">\n <button class=\"tab active\" onclick=\"showSection('dispensa')\">📖 Dispensa<\/button>\n <button class=\"tab\" onclick=\"showSection('emozioni')\">🎭 Emozioni<\/button>\n <button class=\"tab\" onclick=\"showSection('respiro')\">🧘 Respira<\/button>\n <button class=\"tab\" onclick=\"showSection('comunicare')\">💬 Comunica<\/button>\n <button class=\"tab\" onclick=\"showSection('quiz')\">❓ Quiz<\/button>\n <\/div>\n \n \n <div id=\"dispensa\" class=\"content-section active\">\n <h2>🎯 Cosa imparerai<\/h2>\n <p>Le emozioni sono come il meteo dentro di noi: cambiano, ma possiamo imparare a gestirle!<\/p>\n \n <div class=\"lesson-card\">\n <h3>🎭 Le Emozioni di Base<\/h3>\n <p>Esistono 6 emozioni fondamentali:<\/p>\n <ul>\n <li><strong>😊 Gioia<\/strong> – quando qualcosa ci piace<\/li>\n <li><strong>😢 Tristezza<\/strong> – quando perdiamo qualcosa<\/li>\n <li><strong>😠 Rabbia<\/strong> – quando qualcosa \u00e8 ingiusto<\/li>\n <li><strong>😨 Paura<\/strong> – quando ci sentiamo in pericolo<\/li>\n <li><strong>😲 Sorpresa<\/strong> – quando succede l’inaspettato<\/li>\n <li><strong>🤢 Disgusto<\/strong> – quando qualcosa ci respinge<\/li>\n <\/ul>\n <div class=\"highlight-box tip\">\n <h4>💡 Non esistono emozioni “cattive”!<\/h4>\n <p>Tutte hanno uno scopo: la rabbia ci dice che qualcosa non va, la paura ci protegge.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"lesson-card\">\n <h3>😤 Gestire lo Stress<\/h3>\n <div class=\"stress-tips\">\n <div class=\"stress-tip\"><div class=\"icon\">🧘<\/div><h5>Respira<\/h5><\/div>\n <div class=\"stress-tip\"><div class=\"icon\">🏃<\/div><h5>Muoviti<\/h5><\/div>\n <div class=\"stress-tip\"><div class=\"icon\">💬<\/div><h5>Parla<\/h5><\/div>\n <div class=\"stress-tip\"><div class=\"icon\">😴<\/div><h5>Dormi<\/h5><\/div>\n <\/div>\n <\/div>\n \n <div class=\"lesson-card\">\n <h3>💬 3 Modi di Comunicare<\/h3>\n <ul>\n <li><strong>🐢 Passivo:<\/strong> non dici quello che pensi<\/li>\n <li><strong>🦁 Aggressivo:<\/strong> imponi senza rispetto<\/li>\n <li><strong>🦊 Assertivo:<\/strong> dici quello che pensi CON RISPETTO ✅<\/li>\n <\/ul>\n <div class=\"highlight-box\">\n <h4>📝 Formula magica<\/h4>\n <p>“Mi sento [emozione] quando [situazione]. Vorrei che [richiesta].”<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div id=\"emozioni\" class=\"content-section\">\n <h2>🎭 Ruota delle Emozioni<\/h2>\n <p>Clicca sull’emozione per saperne di pi\u00f9!<\/p>\n \n <div class=\"emotion-wheel\">\n <div class=\"emotion gioia\" onclick=\"showEmo('gioia')\"><span class=\"emoji\">😊<\/span><span class=\"name\">Gioia<\/span><\/div>\n <div class=\"emotion tristezza\" onclick=\"showEmo('tristezza')\"><span class=\"emoji\">😢<\/span><span class=\"name\">Tristezza<\/span><\/div>\n <div class=\"emotion rabbia\" onclick=\"showEmo('rabbia')\"><span class=\"emoji\">😠<\/span><span class=\"name\">Rabbia<\/span><\/div>\n <div class=\"emotion paura\" onclick=\"showEmo('paura')\"><span class=\"emoji\">😨<\/span><span class=\"name\">Paura<\/span><\/div>\n <\/div>\n \n <div id=\"emo-info\" class=\"emotion-info\"><\/div>\n <\/div>\n \n \n <div id=\"respiro\" class=\"content-section\">\n <h2>🧘 Esercizio di Respirazione<\/h2>\n <p>Quando sei stressato, questo esercizio ti calma.<\/p>\n \n <div class=\"breathing-box\">\n <div class=\"breath-circle\" id=\"circle\">Pronto?<\/div>\n <p id=\"breath-txt\">Clicca Start<\/p>\n <button class=\"btn\" id=\"breathBtn\" onclick=\"breathe()\">▶️ Start<\/button>\n <\/div>\n \n <div class=\"highlight-box tip\">\n <h4>💡 Tecnica 4-7-8<\/h4>\n <p>4 sec inspira \u2192 7 sec trattieni \u2192 8 sec espira<\/p>\n <\/div>\n <\/div>\n \n \n <div id=\"comunicare\" class=\"content-section\">\n <h2>💬 Come Risponderesti?<\/h2>\n \n <div class=\"scenario-card\">\n <h4>😤 Amico ti chiede soldi per la 3\u00aa volta senza restituirli<\/h4>\n <button class=\"response-btn\" onclick=\"style(this,'passive')\">“Va bene, tieni…” (non vuoi)<\/button>\n <button class=\"response-btn\" onclick=\"style(this,'aggressive')\">“Sei sempre il solito! Basta!”<\/button>\n <button class=\"response-btn\" onclick=\"style(this,'assertive')\">“Non mi sento a mio agio prima di riavere quelli di prima.”<\/button>\n <\/div>\n \n <div class=\"scenario-card\">\n <h4>🗣️ Qualcuno ti interrompe sempre<\/h4>\n <button class=\"response-btn\" onclick=\"style(this,'passive')\">Smetti di parlare<\/button>\n <button class=\"response-btn\" onclick=\"style(this,'aggressive')\">“Stai zitto!”<\/button>\n <button class=\"response-btn\" onclick=\"style(this,'assertive')\">“Vorrei finire, poi ascolto te.”<\/button>\n <\/div>\n \n <div class=\"highlight-box\" style=\"margin-top:20px\">\n <p>🟢 <strong>Assertivo<\/strong> = rispetti te E gli altri<\/p>\n <p>🟡 <strong>Passivo<\/strong> = non rispetti te stesso<\/p>\n <p>🔴 <strong>Aggressivo<\/strong> = non rispetti gli altri<\/p>\n <\/div>\n <\/div>\n \n \n <div id=\"quiz\" class=\"content-section\">\n <h2>❓ Quiz<\/h2>\n <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"prog\" style=\"width:0%\"><\/div><\/div>\n <div id=\"qc\"><\/div>\n <div id=\"result\" class=\"score-display\" style=\"display:none\">\n <h3>🎉 Completato!<\/h3>\n <p>Corrette: <span id=\"sc\">0<\/span>\/5<\/p>\n <button class=\"btn\" style=\"background:white;color:#f5576c;margin-top:15px\" onclick=\"resetQ()\">🔄 Rifai<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n function showSection(id) {\n document.querySelectorAll('.content-section').forEach(s => s.classList.remove('active'));\n document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));\n document.getElementById(id).classList.add('active');\n event.target.classList.add('active');\n }\n \n const emoInfo = {\n gioia: '😊 <strong>Gioia<\/strong>: ci dice che qualcosa di buono sta succedendo. Celebrala!',\n tristezza: '😢 <strong>Tristezza<\/strong>: normale quando perdiamo qualcosa. Piangi se serve, passer\u00e0.',\n rabbia: '😠 <strong>Rabbia<\/strong>: ci dice che qualcosa non va. Prima calmati, poi affronta.',\n paura: '😨 <strong>Paura<\/strong>: ci protegge. Chiediti: il pericolo \u00e8 reale?'\n };\n \n function showEmo(name) {\n document.querySelectorAll('.emotion').forEach(e => e.classList.remove('selected'));\n event.target.closest('.emotion').classList.add('selected');\n document.getElementById('emo-info').innerHTML = emoInfo[name];\n document.getElementById('emo-info').classList.add('show');\n }\n \n let breathing = false;\n function breathe() {\n const c = document.getElementById('circle');\n const t = document.getElementById('breath-txt');\n const b = document.getElementById('breathBtn');\n \n if (!breathing) {\n breathing = true;\n b.textContent = '⏹️ Stop';\n doCycle();\n } else {\n breathing = false;\n b.textContent = '▶️ Start';\n c.classList.remove('expand');\n c.textContent = 'Pronto?';\n t.textContent = 'Clicca Start';\n }\n }\n \n function doCycle() {\n if (!breathing) return;\n const c = document.getElementById('circle');\n const t = document.getElementById('breath-txt');\n c.classList.add('expand'); c.textContent = 'INSPIRA'; t.textContent = '🌬️ 4 secondi...';\n setTimeout(() => { if (!breathing) return; c.textContent = 'TRATTIENI'; t.textContent = '⏸️ 7 secondi...';\n setTimeout(() => { if (!breathing) return; c.classList.remove('expand'); c.textContent = 'ESPIRA'; t.textContent = '💨 8 secondi...';\n setTimeout(() => doCycle(), 8000);\n }, 7000);\n }, 4000);\n }\n \n function style(el, type) {\n el.classList.add(type);\n el.parentElement.querySelectorAll('.response-btn').forEach(b => b.style.pointerEvents = 'none');\n }\n \n const qs = [\n { q: \"Quante sono le emozioni di base?\", o: [\"4\", \"6\", \"10\"], a: 1 },\n { q: \"Comunicazione assertiva significa...\", o: [\"Imporsi\", \"Dire con rispetto\", \"Non dire di no\"], a: 1 },\n { q: \"Quando sei arrabbiato...\", o: [\"Reagisci subito\", \"Prima calmati\", \"Tieni dentro\"], a: 1 },\n { q: \"La resilienza \u00e8...\", o: [\"Non sentire emozioni\", \"Riprendersi dopo difficolt\u00e0\", \"Evitare problemi\"], a: 1 },\n { q: \"Le emozioni negative sono...\", o: [\"Da evitare\", \"Normali e utili\", \"Debolezza\"], a: 1 }\n ];\n let score = 0;\n \n function loadQ() {\n document.getElementById('qc').innerHTML = qs.map((q,i) => `\n <div class=\"quiz-question\" id=\"q${i}\" style=\"display:${i===0?'block':'none'}\">\n <h4>Domanda ${i+1}\/5<\/h4><p>${q.q}<\/p>\n <div class=\"quiz-options\">${q.o.map((o,j) => `<div class=\"quiz-option\" onclick=\"ans(${i},${j})\">${o}<\/div>`).join('')}<\/div>\n <\/div>`).join('');\n }\n \n function ans(qi, ai) {\n document.querySelectorAll(`#q${qi} .quiz-option`).forEach((o,i) => {\n o.style.pointerEvents = 'none';\n if (i === qs[qi].a) o.classList.add('correct');\n else if (i === ai) o.classList.add('wrong');\n });\n if (ai === qs[qi].a) score++;\n document.getElementById('prog').style.width = ((qi+1)\/5*100)+'%';\n setTimeout(() => {\n document.getElementById(`q${qi}`).style.display = 'none';\n if (qi < 4) document.getElementById(`q${qi+1}`).style.display = 'block';\n else { document.getElementById('qc').style.display = 'none'; document.getElementById('result').style.display = 'block'; document.getElementById('sc').textContent = score; }\n }, 800);\n }\n \n function resetQ() { score = 0; document.getElementById('prog').style.width = '0%'; document.getElementById('result').style.display = 'none'; document.getElementById('qc').style.display = 'block'; loadQ(); }\n loadQ();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Modulo 6 – Gestione Emozioni | Autonomia Portami Via 📚 MODULO 6 – 14 ORE 💝 Gestione delle Emozioni Impara a conoscere e gestire quello che senti! 📖 Dispensa 🎭 Emozioni 🧘 Respira 💬 Comunica ❓ Quiz 🎯 Cosa imparerai Le emozioni sono come il meteo dentro di noi: cambiano, ma possiamo imparare a gestirle! … <a title=\"Emozioni\" class=\"read-more\" href=\"https:\/\/studikis.it\/?p=59\" aria-label=\"Read more about Emozioni\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-59","post","type-post","status-publish","format-standard","hentry","category-corsimarzogiugno26"],"_links":{"self":[{"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=59"}],"version-history":[{"count":1,"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts\/59\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts\/59\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=59"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=59"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":59,"date":"2026-03-10T09:26:03","date_gmt":"2026-03-10T09:26:03","guid":{"rendered":"https:\/\/studikis.it\/?p=59"},"modified":"2026-03-10T10:31:11","modified_gmt":"2026-03-10T10:31:11","slug":"emozioni","status":"publish","type":"post","link":"https:\/\/studikis.it\/?p=59","title":{"rendered":"Emozioni"},"content":{"rendered":"\n\n\n\n \n \n Modulo 6 – Gestione Emozioni | Autonomia Portami Via<\/title>\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Segoe UI', sans-serif; background: linear-gradient(135deg, #f093fb, #f5576c); min-height: 100vh; padding: 20px; line-height: 1.6; }\n .container { max-width: 900px; margin: 0 auto; }\n .header { background: white; border-radius: 20px; padding: 30px; text-align: center; margin-bottom: 20px; }\n .header h1 { color: #f5576c; }\n .module-badge { display: inline-block; background: linear-gradient(135deg, #f093fb, #f5576c); color: white; padding: 8px 20px; border-radius: 20px; font-weight: bold; margin-bottom: 15px; }\n .tabs { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }\n .tab { flex: 1; min-width: 120px; padding: 15px; background: white; border: none; border-radius: 15px; cursor: pointer; font-weight: bold; color: #f5576c; }\n .tab.active { background: linear-gradient(135deg, #f093fb, #f5576c); color: white; }\n .content-section { background: white; border-radius: 20px; padding: 30px; display: none; }\n .content-section.active { display: block; }\n .lesson-card { background: #fff0f3; border-radius: 15px; padding: 25px; margin-bottom: 20px; border-left: 5px solid #f5576c; }\n .lesson-card h3 { color: #f5576c; margin-bottom: 15px; }\n .highlight-box { background: #fff3cd; border-radius: 10px; padding: 20px; margin: 15px 0; border-left: 4px solid #ffc107; }\n .highlight-box.tip { background: #d4edda; border-left-color: #28a745; }\n h2 { color: #f5576c; margin: 25px 0 15px 0; }\n ul { margin-left: 25px; margin-bottom: 15px; }\n li { margin-bottom: 8px; }\n .emotion-wheel { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin: 20px 0; }\n .emotion { width: 100px; height: 100px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s; border: 3px solid transparent; }\n .emotion:hover { transform: scale(1.1); }\n .emotion.selected { border-color: #333; }\n .emotion .emoji { font-size: 2.5em; }\n .emotion .name { font-size: 0.8em; font-weight: bold; }\n .emotion.gioia { background: #fff9c4; }\n .emotion.tristezza { background: #bbdefb; }\n .emotion.rabbia { background: #ffcdd2; }\n .emotion.paura { background: #e1bee7; }\n .emotion-info { background: #f5f5f5; border-radius: 10px; padding: 20px; margin-top: 20px; display: none; }\n .emotion-info.show { display: block; }\n .breathing-box { background: #e8f5e9; border-radius: 20px; padding: 30px; text-align: center; margin: 20px 0; }\n .breath-circle { width: 150px; height: 150px; border-radius: 50%; background: #4caf50; margin: 20px auto; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2em; font-weight: bold; transition: all 4s; }\n .breath-circle.expand { transform: scale(1.5); }\n .scenario-card { background: #fff0f3; border-radius: 15px; padding: 25px; margin: 20px 0; }\n .response-btn { display: block; width: 100%; padding: 15px; margin: 10px 0; background: white; border: 2px solid #ddd; border-radius: 10px; cursor: pointer; text-align: left; }\n .response-btn.assertive { background: #d4edda; border-color: #28a745; }\n .response-btn.passive { background: #fff3cd; border-color: #ffc107; }\n .response-btn.aggressive { background: #f8d7da; border-color: #dc3545; }\n .quiz-question { background: #fff0f3; border-radius: 15px; padding: 25px; margin-bottom: 20px; }\n .quiz-options { display: grid; gap: 10px; }\n .quiz-option { padding: 15px; background: white; border: 2px solid #ddd; border-radius: 10px; cursor: pointer; }\n .quiz-option.correct { background: #d4edda; border-color: #28a745; }\n .quiz-option.wrong { background: #f8d7da; border-color: #dc3545; }\n .btn { padding: 12px 30px; border: none; border-radius: 10px; font-weight: bold; cursor: pointer; background: linear-gradient(135deg, #f093fb, #f5576c); color: white; }\n .progress-bar { width: 100%; height: 10px; background: #e0e0e0; border-radius: 5px; margin: 20px 0; }\n .progress-fill { height: 100%; background: linear-gradient(90deg, #f093fb, #f5576c); border-radius: 5px; }\n .score-display { text-align: center; padding: 30px; background: linear-gradient(135deg, #f093fb, #f5576c); border-radius: 15px; color: white; }\n .stress-tips { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin: 20px 0; }\n .stress-tip { background: white; border-radius: 10px; padding: 15px; text-align: center; border-top: 4px solid #f5576c; }\n .stress-tip .icon { font-size: 2em; }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <div class=\"module-badge\">📚 MODULO 6 – 14 ORE<\/div>\n <h1>💝 Gestione delle Emozioni<\/h1>\n <p>Impara a conoscere e gestire quello che senti!<\/p>\n <\/div>\n \n <div class=\"tabs\">\n <button class=\"tab active\" onclick=\"showSection('dispensa')\">📖 Dispensa<\/button>\n <button class=\"tab\" onclick=\"showSection('emozioni')\">🎭 Emozioni<\/button>\n <button class=\"tab\" onclick=\"showSection('respiro')\">🧘 Respira<\/button>\n <button class=\"tab\" onclick=\"showSection('comunicare')\">💬 Comunica<\/button>\n <button class=\"tab\" onclick=\"showSection('quiz')\">❓ Quiz<\/button>\n <\/div>\n \n \n <div id=\"dispensa\" class=\"content-section active\">\n <h2>🎯 Cosa imparerai<\/h2>\n <p>Le emozioni sono come il meteo dentro di noi: cambiano, ma possiamo imparare a gestirle!<\/p>\n \n <div class=\"lesson-card\">\n <h3>🎭 Le Emozioni di Base<\/h3>\n <p>Esistono 6 emozioni fondamentali:<\/p>\n <ul>\n <li><strong>😊 Gioia<\/strong> – quando qualcosa ci piace<\/li>\n <li><strong>😢 Tristezza<\/strong> – quando perdiamo qualcosa<\/li>\n <li><strong>😠 Rabbia<\/strong> – quando qualcosa \u00e8 ingiusto<\/li>\n <li><strong>😨 Paura<\/strong> – quando ci sentiamo in pericolo<\/li>\n <li><strong>😲 Sorpresa<\/strong> – quando succede l’inaspettato<\/li>\n <li><strong>🤢 Disgusto<\/strong> – quando qualcosa ci respinge<\/li>\n <\/ul>\n <div class=\"highlight-box tip\">\n <h4>💡 Non esistono emozioni “cattive”!<\/h4>\n <p>Tutte hanno uno scopo: la rabbia ci dice che qualcosa non va, la paura ci protegge.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"lesson-card\">\n <h3>😤 Gestire lo Stress<\/h3>\n <div class=\"stress-tips\">\n <div class=\"stress-tip\"><div class=\"icon\">🧘<\/div><h5>Respira<\/h5><\/div>\n <div class=\"stress-tip\"><div class=\"icon\">🏃<\/div><h5>Muoviti<\/h5><\/div>\n <div class=\"stress-tip\"><div class=\"icon\">💬<\/div><h5>Parla<\/h5><\/div>\n <div class=\"stress-tip\"><div class=\"icon\">😴<\/div><h5>Dormi<\/h5><\/div>\n <\/div>\n <\/div>\n \n <div class=\"lesson-card\">\n <h3>💬 3 Modi di Comunicare<\/h3>\n <ul>\n <li><strong>🐢 Passivo:<\/strong> non dici quello che pensi<\/li>\n <li><strong>🦁 Aggressivo:<\/strong> imponi senza rispetto<\/li>\n <li><strong>🦊 Assertivo:<\/strong> dici quello che pensi CON RISPETTO ✅<\/li>\n <\/ul>\n <div class=\"highlight-box\">\n <h4>📝 Formula magica<\/h4>\n <p>“Mi sento [emozione] quando [situazione]. Vorrei che [richiesta].”<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div id=\"emozioni\" class=\"content-section\">\n <h2>🎭 Ruota delle Emozioni<\/h2>\n <p>Clicca sull’emozione per saperne di pi\u00f9!<\/p>\n \n <div class=\"emotion-wheel\">\n <div class=\"emotion gioia\" onclick=\"showEmo('gioia')\"><span class=\"emoji\">😊<\/span><span class=\"name\">Gioia<\/span><\/div>\n <div class=\"emotion tristezza\" onclick=\"showEmo('tristezza')\"><span class=\"emoji\">😢<\/span><span class=\"name\">Tristezza<\/span><\/div>\n <div class=\"emotion rabbia\" onclick=\"showEmo('rabbia')\"><span class=\"emoji\">😠<\/span><span class=\"name\">Rabbia<\/span><\/div>\n <div class=\"emotion paura\" onclick=\"showEmo('paura')\"><span class=\"emoji\">😨<\/span><span class=\"name\">Paura<\/span><\/div>\n <\/div>\n \n <div id=\"emo-info\" class=\"emotion-info\"><\/div>\n <\/div>\n \n \n <div id=\"respiro\" class=\"content-section\">\n <h2>🧘 Esercizio di Respirazione<\/h2>\n <p>Quando sei stressato, questo esercizio ti calma.<\/p>\n \n <div class=\"breathing-box\">\n <div class=\"breath-circle\" id=\"circle\">Pronto?<\/div>\n <p id=\"breath-txt\">Clicca Start<\/p>\n <button class=\"btn\" id=\"breathBtn\" onclick=\"breathe()\">▶️ Start<\/button>\n <\/div>\n \n <div class=\"highlight-box tip\">\n <h4>💡 Tecnica 4-7-8<\/h4>\n <p>4 sec inspira \u2192 7 sec trattieni \u2192 8 sec espira<\/p>\n <\/div>\n <\/div>\n \n \n <div id=\"comunicare\" class=\"content-section\">\n <h2>💬 Come Risponderesti?<\/h2>\n \n <div class=\"scenario-card\">\n <h4>😤 Amico ti chiede soldi per la 3\u00aa volta senza restituirli<\/h4>\n <button class=\"response-btn\" onclick=\"style(this,'passive')\">“Va bene, tieni…” (non vuoi)<\/button>\n <button class=\"response-btn\" onclick=\"style(this,'aggressive')\">“Sei sempre il solito! Basta!”<\/button>\n <button class=\"response-btn\" onclick=\"style(this,'assertive')\">“Non mi sento a mio agio prima di riavere quelli di prima.”<\/button>\n <\/div>\n \n <div class=\"scenario-card\">\n <h4>🗣️ Qualcuno ti interrompe sempre<\/h4>\n <button class=\"response-btn\" onclick=\"style(this,'passive')\">Smetti di parlare<\/button>\n <button class=\"response-btn\" onclick=\"style(this,'aggressive')\">“Stai zitto!”<\/button>\n <button class=\"response-btn\" onclick=\"style(this,'assertive')\">“Vorrei finire, poi ascolto te.”<\/button>\n <\/div>\n \n <div class=\"highlight-box\" style=\"margin-top:20px\">\n <p>🟢 <strong>Assertivo<\/strong> = rispetti te E gli altri<\/p>\n <p>🟡 <strong>Passivo<\/strong> = non rispetti te stesso<\/p>\n <p>🔴 <strong>Aggressivo<\/strong> = non rispetti gli altri<\/p>\n <\/div>\n <\/div>\n \n \n <div id=\"quiz\" class=\"content-section\">\n <h2>❓ Quiz<\/h2>\n <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"prog\" style=\"width:0%\"><\/div><\/div>\n <div id=\"qc\"><\/div>\n <div id=\"result\" class=\"score-display\" style=\"display:none\">\n <h3>🎉 Completato!<\/h3>\n <p>Corrette: <span id=\"sc\">0<\/span>\/5<\/p>\n <button class=\"btn\" style=\"background:white;color:#f5576c;margin-top:15px\" onclick=\"resetQ()\">🔄 Rifai<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n function showSection(id) {\n document.querySelectorAll('.content-section').forEach(s => s.classList.remove('active'));\n document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));\n document.getElementById(id).classList.add('active');\n event.target.classList.add('active');\n }\n \n const emoInfo = {\n gioia: '😊 <strong>Gioia<\/strong>: ci dice che qualcosa di buono sta succedendo. Celebrala!',\n tristezza: '😢 <strong>Tristezza<\/strong>: normale quando perdiamo qualcosa. Piangi se serve, passer\u00e0.',\n rabbia: '😠 <strong>Rabbia<\/strong>: ci dice che qualcosa non va. Prima calmati, poi affronta.',\n paura: '😨 <strong>Paura<\/strong>: ci protegge. Chiediti: il pericolo \u00e8 reale?'\n };\n \n function showEmo(name) {\n document.querySelectorAll('.emotion').forEach(e => e.classList.remove('selected'));\n event.target.closest('.emotion').classList.add('selected');\n document.getElementById('emo-info').innerHTML = emoInfo[name];\n document.getElementById('emo-info').classList.add('show');\n }\n \n let breathing = false;\n function breathe() {\n const c = document.getElementById('circle');\n const t = document.getElementById('breath-txt');\n const b = document.getElementById('breathBtn');\n \n if (!breathing) {\n breathing = true;\n b.textContent = '⏹️ Stop';\n doCycle();\n } else {\n breathing = false;\n b.textContent = '▶️ Start';\n c.classList.remove('expand');\n c.textContent = 'Pronto?';\n t.textContent = 'Clicca Start';\n }\n }\n \n function doCycle() {\n if (!breathing) return;\n const c = document.getElementById('circle');\n const t = document.getElementById('breath-txt');\n c.classList.add('expand'); c.textContent = 'INSPIRA'; t.textContent = '🌬️ 4 secondi...';\n setTimeout(() => { if (!breathing) return; c.textContent = 'TRATTIENI'; t.textContent = '⏸️ 7 secondi...';\n setTimeout(() => { if (!breathing) return; c.classList.remove('expand'); c.textContent = 'ESPIRA'; t.textContent = '💨 8 secondi...';\n setTimeout(() => doCycle(), 8000);\n }, 7000);\n }, 4000);\n }\n \n function style(el, type) {\n el.classList.add(type);\n el.parentElement.querySelectorAll('.response-btn').forEach(b => b.style.pointerEvents = 'none');\n }\n \n const qs = [\n { q: \"Quante sono le emozioni di base?\", o: [\"4\", \"6\", \"10\"], a: 1 },\n { q: \"Comunicazione assertiva significa...\", o: [\"Imporsi\", \"Dire con rispetto\", \"Non dire di no\"], a: 1 },\n { q: \"Quando sei arrabbiato...\", o: [\"Reagisci subito\", \"Prima calmati\", \"Tieni dentro\"], a: 1 },\n { q: \"La resilienza \u00e8...\", o: [\"Non sentire emozioni\", \"Riprendersi dopo difficolt\u00e0\", \"Evitare problemi\"], a: 1 },\n { q: \"Le emozioni negative sono...\", o: [\"Da evitare\", \"Normali e utili\", \"Debolezza\"], a: 1 }\n ];\n let score = 0;\n \n function loadQ() {\n document.getElementById('qc').innerHTML = qs.map((q,i) => `\n <div class=\"quiz-question\" id=\"q${i}\" style=\"display:${i===0?'block':'none'}\">\n <h4>Domanda ${i+1}\/5<\/h4><p>${q.q}<\/p>\n <div class=\"quiz-options\">${q.o.map((o,j) => `<div class=\"quiz-option\" onclick=\"ans(${i},${j})\">${o}<\/div>`).join('')}<\/div>\n <\/div>`).join('');\n }\n \n function ans(qi, ai) {\n document.querySelectorAll(`#q${qi} .quiz-option`).forEach((o,i) => {\n o.style.pointerEvents = 'none';\n if (i === qs[qi].a) o.classList.add('correct');\n else if (i === ai) o.classList.add('wrong');\n });\n if (ai === qs[qi].a) score++;\n document.getElementById('prog').style.width = ((qi+1)\/5*100)+'%';\n setTimeout(() => {\n document.getElementById(`q${qi}`).style.display = 'none';\n if (qi < 4) document.getElementById(`q${qi+1}`).style.display = 'block';\n else { document.getElementById('qc').style.display = 'none'; document.getElementById('result').style.display = 'block'; document.getElementById('sc').textContent = score; }\n }, 800);\n }\n \n function resetQ() { score = 0; document.getElementById('prog').style.width = '0%'; document.getElementById('result').style.display = 'none'; document.getElementById('qc').style.display = 'block'; loadQ(); }\n loadQ();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Modulo 6 – Gestione Emozioni | Autonomia Portami Via 📚 MODULO 6 – 14 ORE 💝 Gestione delle Emozioni Impara a conoscere e gestire quello che senti! 📖 Dispensa 🎭 Emozioni 🧘 Respira 💬 Comunica ❓ Quiz 🎯 Cosa imparerai Le emozioni sono come il meteo dentro di noi: cambiano, ma possiamo imparare a gestirle! … <a title=\"Emozioni\" class=\"read-more\" href=\"https:\/\/studikis.it\/?p=59\" aria-label=\"Read more about Emozioni\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-59","post","type-post","status-publish","format-standard","hentry","category-corsimarzogiugno26"],"_links":{"self":[{"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=59"}],"version-history":[{"count":1,"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts\/59\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts\/59\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=59"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=59"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}