{"id":1356,"date":"2025-03-24T17:44:46","date_gmt":"2025-03-24T17:44:46","guid":{"rendered":"https:\/\/excel-erasmus.eu\/?page_id=1356"},"modified":"2026-01-21T17:09:20","modified_gmt":"2026-01-21T17:09:20","slug":"understanding-financial-statements","status":"publish","type":"page","link":"https:\/\/excel-erasmus.eu\/pt\/demonstracoes-financeiras\/","title":{"rendered":"Demonstra\u00e7\u00f5es financeiras"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Demonstra\u00e7\u00f5es financeiras<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --white: #ffffff;\r\n --black: #000000;\r\n --yellow: #ffde59;\r\n --pink: #ff8bd2;\r\n --blue: #5ce1e6;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: Verdana, Geneva, Tahoma, sans-serif;\r\n }\r\n\r\n html, body {\r\n width: 100%;\r\n overflow-x: hidden;\r\n margin: 0;\r\n padding: 0;\r\n background-color: #f5f5f5;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n color: var(--black);\r\n position: relative;\r\n }\r\n\r\n .container {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 2rem;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 3rem;\r\n }\r\n\r\n .page-title {\r\n text-align: center;\r\n color: var(--black);\r\n font-size: 2.5rem;\r\n padding: 2rem;\r\n background: var(--yellow);\r\n border-radius: 15px;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n margin: 0;\r\n }\r\n\r\n .page-subtitle {\r\n text-align: center;\r\n color: var(--black);\r\n font-size: 1.2rem;\r\n padding: 1rem;\r\n background: rgba(255,255,255,0.9);\r\n border-radius: 10px;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n margin: 0;\r\n }\r\n\r\n .video-section {\r\n width: 100%;\r\n margin-bottom: 3rem;\r\n background: rgba(255,255,255,0.95);\r\n border-radius: 15px;\r\n padding: 2rem;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .video-card {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2rem;\r\n }\r\n\r\n .video-player-container {\r\n position: relative;\r\n width: 100%;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .video-player-container video {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 15px;\r\n }\r\n\r\n .video-description {\r\n text-align: center;\r\n padding: 1rem;\r\n color: var(--black);\r\n font-size: 1.1rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .video-controls {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .video-controls button {\r\n padding: 0.8rem 1.5rem;\r\n border: none;\r\n border-radius: 25px;\r\n background: var(--blue);\r\n color: var(--white);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .video-controls button:hover {\r\n background: var(--pink);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .resources-section {\r\n width: 100%;\r\n }\r\n\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 3rem;\r\n width: 100%;\r\n margin: 0;\r\n }\r\n\r\n .features-grid:last-child {\r\n grid-template-columns: repeat(2, 1fr);\r\n margin-bottom: 0;\r\n width: 100%;\r\n }\r\n\r\n .features-grid:last-child .feature-card {\r\n width: 100%;\r\n margin: 0;\r\n }\r\n\r\n .video-card {\r\n grid-column: 1 \/ -1;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n .feature-card {\r\n background-color: rgba(255,255,255,0.95);\r\n border: 2px solid var(--yellow);\r\n border-radius: 15px;\r\n padding: 2rem;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2rem;\r\n height: 100%;\r\n }\r\n\r\n .feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 5px;\r\n background: linear-gradient(90deg, var(--yellow), var(--pink));\r\n }\r\n\r\n .feature-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\r\n }\r\n\r\n .feature-card .content {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 1rem;\r\n }\r\n\r\n .feature-card i {\r\n font-size: 3rem;\r\n color: var(--pink);\r\n margin-bottom: 1rem;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .feature-card:hover i {\r\n transform: scale(1.1);\r\n }\r\n\r\n .feature-card h3 {\r\n color: var(--black);\r\n margin-bottom: 1rem;\r\n font-size: 1.4rem;\r\n font-weight: bold;\r\n }\r\n\r\n .feature-card p {\r\n color: var(--black);\r\n line-height: 1.6;\r\n font-size: 1rem;\r\n margin-bottom: 1.5rem;\r\n flex-grow: 1;\r\n }\r\n\r\n .feature-card img {\r\n width: 100%;\r\n max-width: 180px;\r\n height: auto;\r\n margin: 1rem 0;\r\n border-radius: 10px;\r\n object-fit: cover;\r\n }\r\n\r\n .download-btn {\r\n background: var(--blue);\r\n color: var(--white);\r\n padding: 1rem 2rem;\r\n border: none;\r\n border-radius: 25px;\r\n cursor: pointer;\r\n font-size: 1.1rem;\r\n transition: all 0.3s ease;\r\n width: auto;\r\n max-width: 100%;\r\n box-sizing: border-box;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n font-weight: bold;\r\n }\r\n\r\n .download-btn i {\r\n color: var(--white);\r\n }\r\n\r\n .download-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(0,0,0,0.15);\r\n background: var(--yellow);\r\n }\r\n\r\n .quiz-container {\r\n background: rgba(255,255,255,0.95);\r\n padding: 2rem;\r\n border-radius: 15px;\r\n margin: 2rem auto;\r\n max-width: 800px;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .quiz-question {\r\n margin-bottom: 2rem;\r\n padding: 1.5rem;\r\n background: white;\r\n border-radius: 10px;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n }\r\n\r\n .quiz-options {\r\n display: grid;\r\n gap: 1rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .quiz-option {\r\n padding: 1rem;\r\n border: 2px solid var(--yellow);\r\n border-radius: 8px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .quiz-option::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: var(--yellow);\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n z-index: -1;\r\n }\r\n\r\n .quiz-option:hover::after {\r\n opacity: 0.2;\r\n }\r\n\r\n .quiz-option.correct {\r\n background: #4CAF50;\r\n color: white;\r\n border-color: #4CAF50;\r\n }\r\n\r\n .quiz-option.incorrect {\r\n background: #f44336;\r\n color: white;\r\n border-color: #f44336;\r\n }\r\n\r\n .escape-room-container {\r\n background: rgba(255,255,255,0.95);\r\n padding: 2rem;\r\n border-radius: 15px;\r\n margin: 2rem auto;\r\n max-width: 800px;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .puzzle {\r\n background: white;\r\n padding: 1.5rem;\r\n border-radius: 10px;\r\n margin-bottom: 1.5rem;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n }\r\n\r\n .puzzle-input {\r\n width: 100%;\r\n max-width: 400px;\r\n padding: 1rem;\r\n margin: 1rem auto;\r\n border: 2px solid var(--yellow);\r\n border-radius: 8px;\r\n font-size: 1.1rem;\r\n transition: all 0.3s ease;\r\n display: block;\r\n text-align: center;\r\n }\r\n\r\n .puzzle-input:focus {\r\n border-color: var(--pink);\r\n outline: none;\r\n box-shadow: 0 0 5px rgba(255,139,210,0.3);\r\n }\r\n\r\n .puzzle-input option {\r\n padding: 0.5rem;\r\n font-size: 1rem;\r\n line-height: 1.4;\r\n word-wrap: break-word;\r\n white-space: normal;\r\n }\r\n\r\n .puzzle-options {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1rem;\r\n margin: 1rem 0;\r\n }\r\n\r\n .puzzle-option-btn {\r\n padding: 1rem 1.5rem;\r\n border: 2px solid var(--yellow);\r\n border-radius: 8px;\r\n background: white;\r\n color: var(--black);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n font-size: 1rem;\r\n text-align: left;\r\n line-height: 1.4;\r\n word-wrap: break-word;\r\n white-space: normal;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .puzzle-option-btn::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: var(--yellow);\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n z-index: -1;\r\n }\r\n\r\n .puzzle-option-btn:hover::after {\r\n opacity: 0.2;\r\n }\r\n\r\n .puzzle-option-btn.selected {\r\n background: var(--yellow);\r\n color: var(--black);\r\n border-color: var(--pink);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .puzzle-option-btn.correct {\r\n background: #4CAF50;\r\n color: white;\r\n border-color: #4CAF50;\r\n }\r\n\r\n .puzzle-option-btn.incorrect {\r\n background: #f44336;\r\n color: white;\r\n border-color: #f44336;\r\n }\r\n\r\n\r\n\r\n .puzzle-input.correct {\r\n border-color: #4CAF50;\r\n background: #E8F5E9;\r\n }\r\n\r\n .puzzle-input.incorrect {\r\n border-color: #f44336;\r\n background: #FFEBEE;\r\n }\r\n\r\n .progress-bar {\r\n width: 100%;\r\n height: 20px;\r\n background: #eee;\r\n border-radius: 10px;\r\n margin: 1rem 0;\r\n overflow: hidden;\r\n }\r\n\r\n .progress {\r\n width: 0%;\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--yellow), var(--pink));\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .modal {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0,0,0,0.8);\r\n z-index: 1000;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .modal-content {\r\n background: white;\r\n padding: 2rem;\r\n border-radius: 15px;\r\n max-width: 1000px;\r\n width: 95%;\r\n text-align: center;\r\n max-height: 90vh;\r\n overflow-y: auto;\r\n position: relative;\r\n margin: 2rem auto;\r\n box-sizing: border-box;\r\n }\r\n\r\n .close-modal {\r\n position: absolute;\r\n top: 1rem;\r\n right: 1rem;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n color: var(--black);\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .container {\r\n padding: 1rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .container {\r\n padding: 1rem;\r\n }\r\n \r\n .modal-content {\r\n width: 98%;\r\n padding: 0.8rem;\r\n margin: 0.5rem auto;\r\n max-height: 98vh;\r\n }\r\n\r\n .page-title {\r\n font-size: 2rem;\r\n padding: 1.5rem;\r\n }\r\n\r\n .video-section {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .video-card {\r\n max-width: 100%;\r\n padding: 1.5rem;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .features-grid:last-child {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .video-card {\r\n max-width: 100%;\r\n }\r\n\r\n .feature-card {\r\n padding: 1.5rem;\r\n }\r\n\r\n .feature-card i {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .feature-card h3 {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .feature-card p {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .feature-card img {\r\n max-width: 150px;\r\n }\r\n\r\n .download-btn {\r\n padding: 0.8rem 1.5rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .modal-content {\r\n width: 95%;\r\n padding: 1rem;\r\n margin: 1rem auto;\r\n max-height: 95vh;\r\n }\r\n\r\n .story-section {\r\n padding: 1rem;\r\n gap: 1rem;\r\n max-width: 100%;\r\n box-sizing: border-box;\r\n }\r\n\r\n .story-text, .challenge {\r\n padding: 1rem;\r\n }\r\n\r\n .story-text h3, .challenge h4 {\r\n font-size: 1.3rem;\r\n }\r\n\r\n .story-text p, .challenge p, .challenge li {\r\n font-size: 1rem;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .puzzle-input {\r\n max-width: 100%;\r\n min-width: 200px;\r\n font-size: 1rem;\r\n padding: 0.8rem;\r\n }\r\n \r\n .puzzle-input option {\r\n font-size: 0.9rem;\r\n padding: 0.3rem;\r\n line-height: 1.3;\r\n max-width: 100%;\r\n word-wrap: break-word;\r\n white-space: normal;\r\n text-align: left;\r\n }\r\n\r\n .puzzle-options {\r\n gap: 0.8rem;\r\n margin: 0.8rem 0;\r\n }\r\n\r\n .puzzle-option-btn {\r\n padding: 0.8rem 1.2rem;\r\n font-size: 0.9rem;\r\n line-height: 1.3;\r\n }\r\n \r\n .selected-answer {\r\n font-size: 0.9rem;\r\n padding: 0.8rem;\r\n margin: 0.8rem 0;\r\n }\r\n }\r\n\r\n .quiz-section, .escape-room {\r\n background: rgba(255,255,255,0.95);\r\n padding: 2rem;\r\n border-radius: 15px;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n align-items: center;\r\n margin: 4rem 0;\r\n }\r\n\r\n .quiz-section h2, .escape-room h2 {\r\n color: var(--black);\r\n margin-bottom: 1rem;\r\n font-size: 1.8rem;\r\n }\r\n\r\n .quiz-section p, .escape-room p {\r\n color: var(--black);\r\n margin-bottom: 1.5rem;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .progress-indicator {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: var(--white);\r\n z-index: 1000;\r\n }\r\n\r\n .progress-bar {\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--yellow), var(--pink));\r\n width: 0%;\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .feature-card {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .feature-card::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(45deg, rgba(255,255,255,0.1), transparent);\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .feature-card:hover::after {\r\n opacity: 1;\r\n }\r\n\r\n .feature-card .content {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .feature-card img {\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .feature-card:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .interactive-tooltip {\r\n position: absolute;\r\n background: var(--white);\r\n padding: 0.5rem 1rem;\r\n border-radius: 8px;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\r\n font-size: 0.9rem;\r\n opacity: 0;\r\n transform: translateY(10px);\r\n transition: all 0.3s ease;\r\n pointer-events: none;\r\n }\r\n\r\n .feature-card:hover .interactive-tooltip {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .achievement-badge {\r\n position: absolute;\r\n top: 1rem;\r\n right: 1rem;\r\n background: var(--yellow);\r\n color: var(--black);\r\n padding: 0.5rem;\r\n border-radius: 50%;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.2rem;\r\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n }\r\n\r\n .feature-card:hover .achievement-badge {\r\n transform: rotate(360deg);\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .interactive-button {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .interactive-button::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 0;\r\n height: 0;\r\n background: rgba(255,255,255,0.2);\r\n border-radius: 50%;\r\n transform: translate(-50%, -50%);\r\n transition: width 0.6s ease, height 0.6s ease;\r\n }\r\n\r\n .interactive-button:hover::before {\r\n width: 300px;\r\n height: 300px;\r\n }\r\n\r\n .feature-card .content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .feature-card .content::before {\r\n content: '';\r\n position: absolute;\r\n top: -10px;\r\n left: -10px;\r\n right: -10px;\r\n bottom: -10px;\r\n border: 2px solid transparent;\r\n border-radius: 15px;\r\n transition: border-color 0.3s ease;\r\n }\r\n\r\n .feature-card:hover .content::before {\r\n border-color: var(--pink);\r\n }\r\n\r\n .tools-section {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 3rem;\r\n width: 100%;\r\n margin: 4rem 0;\r\n }\r\n\r\n .tool-card {\r\n background: rgba(255,255,255,0.95);\r\n border-radius: 15px;\r\n padding: 2rem;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .tool-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\r\n }\r\n\r\n .notes-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .notes-input {\r\n width: 100%;\r\n min-height: 200px;\r\n padding: 1rem;\r\n border: 2px solid var(--yellow);\r\n border-radius: 8px;\r\n font-size: 1.1rem;\r\n resize: vertical;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .notes-actions {\r\n display: flex;\r\n gap: 1rem;\r\n justify-content: flex-end;\r\n }\r\n\r\n .notes-btn {\r\n padding: 0.8rem 1.5rem;\r\n border: none;\r\n border-radius: 8px;\r\n background: var(--blue);\r\n color: var(--white);\r\n font-size: 1rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .notes-btn:hover {\r\n background: var(--pink);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .notes-list {\r\n margin-top: 1rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.5rem;\r\n }\r\n\r\n .note-item {\r\n background: rgba(255,255,255,0.8);\r\n padding: 1rem;\r\n border-radius: 8px;\r\n border: 1px solid var(--yellow);\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .note-item:hover {\r\n background: rgba(255,255,255,0.95);\r\n }\r\n\r\n .note-date {\r\n font-size: 0.9rem;\r\n color: var(--black);\r\n opacity: 0.7;\r\n }\r\n\r\n .timeline {\r\n position: relative;\r\n padding: 3rem 0;\r\n }\r\n\r\n .timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 2px;\r\n height: 100%;\r\n background: var(--yellow);\r\n }\r\n\r\n .timeline-item {\r\n position: relative;\r\n margin-bottom: 3rem;\r\n width: 50%;\r\n padding-right: 2rem;\r\n }\r\n\r\n .timeline-item:nth-child(even) {\r\n margin-left: 50%;\r\n padding-right: 0;\r\n padding-left: 2rem;\r\n }\r\n\r\n .timeline-content {\r\n background: var(--white);\r\n padding: 1rem;\r\n border-radius: 8px;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\r\n }\r\n\r\n .timeline-item::before {\r\n content: '';\r\n position: absolute;\r\n right: -6px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 12px;\r\n height: 12px;\r\n background: var(--pink);\r\n border-radius: 50%;\r\n }\r\n\r\n .timeline-item:nth-child(even)::before {\r\n right: auto;\r\n left: -6px;\r\n }\r\n\r\n .achievements-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n gap: 1rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .achievement-item {\r\n background: var(--white);\r\n padding: 1rem;\r\n border-radius: 8px;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .achievement-item.locked {\r\n opacity: 0.5;\r\n }\r\n\r\n .achievement-item i {\r\n font-size: 2rem;\r\n color: var(--pink);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .achievement-item.unlocked i {\r\n color: var(--yellow);\r\n }\r\n\r\n .story-section {\r\n margin-bottom: 4rem;\r\n padding: 2rem;\r\n background: white;\r\n border-radius: 10px;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n width: 100%;\r\n box-sizing: border-box;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 3rem;\r\n }\r\n\r\n .story-text {\r\n background: rgba(255,255,255,0.9);\r\n padding: 2rem;\r\n border-radius: 8px;\r\n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\r\n text-align: left;\r\n }\r\n\r\n .story-text h3 {\r\n color: var(--pink);\r\n margin-bottom: 1.5rem;\r\n font-size: 1.8rem;\r\n text-align: center;\r\n }\r\n\r\n .story-text p {\r\n margin-bottom: 1.5rem;\r\n font-size: 1.2rem;\r\n color: var(--black);\r\n line-height: 1.8;\r\n }\r\n\r\n .challenge {\r\n background: rgba(255,255,255,0.9);\r\n padding: 2rem;\r\n border-radius: 10px;\r\n border: 2px solid var(--yellow);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n max-width: 100%;\r\n box-sizing: border-box;\r\n }\r\n\r\n .challenge h4 {\r\n color: var(--black);\r\n margin-bottom: 1.5rem;\r\n font-size: 1.6rem;\r\n text-align: center;\r\n }\r\n\r\n .challenge p {\r\n margin-bottom: 1.5rem;\r\n text-align: left;\r\n font-size: 1.2rem;\r\n line-height: 1.8;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n max-width: 100%;\r\n }\r\n\r\n .challenge ul {\r\n list-style-type: none;\r\n margin: 1.5rem 0;\r\n padding: 1.5rem;\r\n text-align: left;\r\n background: rgba(255,255,255,0.8);\r\n border-radius: 8px;\r\n }\r\n\r\n .challenge li {\r\n margin: 1.2rem 0;\r\n padding-left: 2rem;\r\n position: relative;\r\n font-size: 1.2rem;\r\n line-height: 1.8;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .challenge li:before {\r\n content: \"\u2022\";\r\n color: var(--pink);\r\n position: absolute;\r\n left: 0;\r\n font-size: 1.4rem;\r\n }\r\n\r\n .puzzle-input {\r\n width: 100%;\r\n max-width: 500px;\r\n min-width: 250px;\r\n padding: 1rem;\r\n margin: 1rem auto;\r\n border: 2px solid var(--yellow);\r\n border-radius: 8px;\r\n font-size: 1.1rem;\r\n transition: all 0.3s ease;\r\n display: block;\r\n text-align: center;\r\n box-sizing: border-box;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .encouragement-message {\r\n margin-top: 1rem;\r\n padding: 1.5rem;\r\n background: rgba(92,225,230,0.1);\r\n border-radius: 8px;\r\n animation: fadeIn 0.5s ease;\r\n width: 100%;\r\n max-width: 500px;\r\n margin: 1rem auto;\r\n }\r\n\r\n .encouragement-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n text-align: left;\r\n }\r\n\r\n .encouragement-content i {\r\n color: var(--yellow);\r\n font-size: 1.8rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .encouragement-content p {\r\n font-size: 1.2rem;\r\n line-height: 1.6;\r\n margin: 0;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .feature-image {\r\n width: 100%;\r\n height: 150px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255,255,255,0.8);\r\n border-radius: 10px;\r\n margin: 1rem 0;\r\n gap: 0.5rem;\r\n }\r\n\r\n .feature-image i {\r\n color: var(--pink);\r\n font-size: 3rem;\r\n }\r\n\r\n .icon-label {\r\n color: var(--black);\r\n font-size: 0.9rem;\r\n text-align: center;\r\n margin-top: 0.5rem;\r\n font-weight: 500;\r\n }\r\n\r\n \/* Adicionando estilos para o flipbook *\/\r\n .flipbook-container {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0,0,0,0.9);\r\n z-index: 1000;\r\n display: none;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n }\r\n\r\n .flipbook-viewer {\r\n width: 95%;\r\n height: 95%;\r\n background: white;\r\n border-radius: 10px;\r\n padding: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.2);\r\n }\r\n\r\n #pdfViewer {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n background: white;\r\n }\r\n\r\n .flipbook-button {\r\n padding: 10px 20px;\r\n border: none;\r\n border-radius: 5px;\r\n background: var(--blue);\r\n color: white;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n z-index: 1001;\r\n }\r\n\r\n .flipbook-button:hover {\r\n background: var(--pink);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .flipbook-pages {\r\n flex: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 20px;\r\n margin: 20px 0;\r\n overflow: auto;\r\n }\r\n\r\n .flipbook-page {\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\r\n border-radius: 5px;\r\n background: white;\r\n }\r\n\r\n .flipbook-page canvas {\r\n border-radius: 5px;\r\n }\r\n\r\n .page-number {\r\n text-align: center;\r\n color: white;\r\n margin-top: 10px;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .loading-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0,0,0,0.8);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: white;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .video-container, .infographic-container {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0,0,0,0.9);\r\n z-index: 1000;\r\n display: none;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n }\r\n\r\n .video-viewer, .infographic-viewer {\r\n width: 95%;\r\n height: 95%;\r\n background: white;\r\n border-radius: 10px;\r\n padding: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.2);\r\n }\r\n\r\n #videoFrame {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n background: white;\r\n }\r\n\r\n #infographicImage {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n margin: 0 auto;\r\n }\r\n\r\n .learning-contents-section {\r\n width: 100%;\r\n margin-bottom: 3rem;\r\n background: rgba(255,255,255,0.95);\r\n border-radius: 15px;\r\n padding: 2rem;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .learning-contents-card {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n }\r\n\r\n .learning-contents-image {\r\n position: relative;\r\n width: 100%;\r\n max-width: 300px;\r\n margin: 0 auto;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n transition: transform 0.3s ease;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .learning-contents-image img {\r\n width: auto;\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 15px;\r\n margin: 0 auto;\r\n }\r\n\r\n .learning-contents-description {\r\n text-align: center;\r\n padding: 1rem;\r\n color: var(--black);\r\n font-size: 1.1rem;\r\n line-height: 1.6;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n .learning-contents-button {\r\n padding: 1rem 2rem;\r\n border: none;\r\n border-radius: 25px;\r\n background: var(--blue);\r\n color: var(--white);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n margin-top: 1rem;\r\n text-decoration: none;\r\n width: auto;\r\n min-width: 200px;\r\n justify-content: center;\r\n pointer-events: auto;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n .learning-contents-button:hover {\r\n background: var(--pink);\r\n transform: translateY(-2px);\r\n }\r\n <\/style>\r\n <!-- Adicionar scripts necess\u00e1rios -->\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/2.11.338\/pdf.min.js\"><\/script>\r\n <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/turn.js\/4.1.0\/turn.min.js\"><\/script>\r\n<\/head>\r\n<body>\r\n <div class=\"progress-indicator\">\r\n <div class=\"progress-bar\" id=\"pageProgress\"><\/div>\r\n <\/div>\r\n\r\n\r\n <!-- Container do V\u00eddeo -->\r\n <div class=\"video-section\">\r\n <div class=\"video-card\">\r\n <div class=\"content\">\r\n <i class=\"fas fa-video\"><\/i>\r\n <h3>V\u00eddeo<\/h3>\r\n <p>Bem-vindo\/a ao m\u00f3dulo \"Demonstra\u00e7\u00f5es financeiras\", onde descobrir\u00e1 como ler e analisar os principais documentos financeiros para tomar decis\u00f5es empresariais mais inteligentes e acompanhar a sa\u00fade financeira do seu neg\u00f3cio.<\/p>\r\n <div class=\"video-player-container\">\r\n <video id=\"mainVideo\" controls>\r\n <source src=\"https:\/\/excel-erasmus.eu\/Videos\/PT\/EXCEL_WP2_A2.3_M2_Video_PT.mp4\" type=\"video\/mp4\">\r\n O seu browser n\u00e3o suporta o v\u00eddeo.\r\n <\/video>\r\n <\/div>\r\n <div class=\"video-controls\">\r\n <button onclick=\"document.getElementById('mainVideo').play()\">\r\n <i class=\"fas fa-play\"><\/i> Reproduzir\r\n <\/button>\r\n <button onclick=\"document.getElementById('mainVideo').pause()\">\r\n <i class=\"fas fa-pause\"><\/i> Pausa\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Container dos Recursos -->\r\n <div class=\"resources-section\">\r\n <div class=\"features-grid\">\r\n <div class=\"feature-card\">\r\n <div class=\"content\">\r\n <i class=\"fas fa-book\"><\/i>\r\n <h3>Conte\u00fados e atividades de aprendizagems<\/h3>\r\n <p>Comece por ler este PDF para o ajudar a familiarizar-se e alargar a sua compreens\u00e3o do m\u00f3dulo, assim como a aplicar os conhecimentos adquiridos.<\/p>\r\n <div class=\"learning-contents-section\">\r\n <div class=\"learning-contents-card\">\r\n <div class=\"content\">\r\n <div class=\"learning-contents-image\">\r\n <a href=\"https:\/\/excel-erasmus.eu\/Flipbooks\/M2_Understanding financial statements_PT\/index.html\" target=\"_blank\" rel=\"noopener\">\r\n <img decoding=\"async\" src=\"https:\/\/excel-erasmus.eu\/wp-content\/uploads\/2025\/10\/EXCEL_WP2_M2-flipbook_PT.png\" alt=\"Learning Contents and Resources\" style=\"width: 100%; height: auto;\">\r\n <\/a>\r\n <\/div>\r\n <a href=\"https:\/\/excel-erasmus.eu\/wp-content\/uploads\/2025\/10\/EXCEL_WP2_A2.2_M2_PPT_PT.pdf\" class=\"learning-contents-button\" target=\"_blank\" rel=\"noopener\">\r\n Aceder ao PDF\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"content\">\r\n <i class=\"fas fa-chart-bar\"><\/i>\r\n <h3>Infogr\u00e1fico<\/h3>\r\n <p>Concretize a\u00e7\u00f5es que lhe permitam tomar decis\u00f5es or\u00e7amentais\/financeiras respons\u00e1veis para apoiar o seu percurso empreendedor<\/p>\r\n <div class=\"learning-contents-section\">\r\n <div class=\"learning-contents-card\">\r\n <div class=\"content\">\r\n <div class=\"learning-contents-image\">\r\n <a href=\"https:\/\/excel-erasmus.eu\/wp-content\/uploads\/2025\/10\/EXCEL_WP2_A2.3_M2_INFOGRAPHIC_PT.pdf\" target=\"_blank\" rel=\"noopener\">\r\n <img decoding=\"async\" src=\"https:\/\/excel-erasmus.eu\/wp-content\/uploads\/2025\/10\/EXCEL_WP2_M2-Infographic_PT-e1761848962346.png\" alt=\"Hands-on Infographic\" style=\"width: 100%; height: auto;\">\r\n <\/a>\r\n <\/div>\r\n <a href=\"https:\/\/excel-erasmus.eu\/wp-content\/uploads\/2025\/10\/EXCEL_WP2_A2.3_M2_INFOGRAPHIC_PT.pdf\" class=\"learning-contents-button\" target=\"_blank\" rel=\"noopener\">\r\n Aceder ao infogr\u00e1fico\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Container para o flipbook -->\r\n <div class=\"flipbook-container\" id=\"flipbookContainer\">\r\n <div class=\"flipbook-viewer\" id=\"flipbookViewer\">\r\n <iframe id=\"pdfFrame\" style=\"width: 100%; height: 100%; border: none;\"><\/iframe>\r\n <\/div>\r\n <button class=\"flipbook-button\" onclick=\"closeFlipbook()\" style=\"position: absolute; top: 20px; right: 20px;\">Close<\/button>\r\n <\/div>\r\n\r\n <!-- Modal para V\u00eddeo -->\r\n <div class=\"video-container\" id=\"videoContainer\">\r\n <div class=\"video-viewer\" id=\"videoViewer\">\r\n <iframe id=\"videoFrame\" style=\"width: 100%; height: 100%; border: none;\"><\/iframe>\r\n <\/div>\r\n <button class=\"flipbook-button\" onclick=\"closeVideo()\" style=\"position: absolute; top: 20px; right: 20px;\">Close<\/button>\r\n <\/div>\r\n\r\n <!-- Modal para Infogr\u00e1fico -->\r\n <div class=\"infographic-container\" id=\"infographicContainer\">\r\n <div class=\"infographic-viewer\" id=\"infographicViewer\">\r\n <img id=\"infographicImage\" style=\"max-width: 100%; height: auto;\">\r\n <\/div>\r\n <button class=\"flipbook-button\" onclick=\"closeInfographic()\" style=\"position: absolute; top: 20px; right: 20px;\">Close<\/button>\r\n <\/div>\r\n\r\n <!-- Escape Room Section -->\r\n <div id=\"escapeRoomModal\" class=\"modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeEscapeRoom()\">×<\/span>\r\n <h2>Fazer as coisas certas\u2026 certas!<\/h2>\r\n <div class=\"progress-bar\">\r\n <div class=\"progress\" id=\"escapeProgress\"><\/div>\r\n <\/div>\r\n <div id=\"escapeContent\">\r\n <div class=\"story-section\">\r\n <div class=\"story-text\">\r\n <p>O Jo\u00e3o gere uma pequena empresa que fornece servi\u00e7os de energia sustent\u00e1vel em todo o pa\u00eds. Comercializam e instalam sistemas de energia solar, acumuladores para mobilidade el\u00e9trica dom\u00e9stica e solu\u00e7\u00f5es de ar condicionado e aquecimento de \u00e1guas com base em energia aerot\u00e9rmica. Ap\u00f3s alguns anos de forte procura por parte de clientes residenciais individuais, esse segmento come\u00e7ou a retrair. A empresa precisa agora de considerar novos segmentos, como edif\u00edcios residenciais, comunidades energ\u00e9ticas e instala\u00e7\u00f5es empresariais.<\/p>\r\n <\/div>\r\n <div class=\"challenge\">\r\n <h4>DESAFIO 1: O seu P&L ao enfrentar uma redu\u00e7\u00e3o constante da procura<\/h4>\r\n <p>Pergunta \u2013 Qual \u00e9 o impacte imediato de uma redu\u00e7\u00e3o constante da procura geral que afeta o seu principal segmento-alvo?<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle1Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(1, 1, this)\">Um aumento no custo dos produtos vendidos<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(1, 2, this)\">Um aumento nos custos da d\u00edvida de longo prazo<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(1, 3, this)\">Uma redu\u00e7\u00e3o nos pre\u00e7os<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(1)\">Verificar resposta<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-section\" style=\"display: none;\">\r\n <div class=\"challenge\">\r\n <h4>DESAFIO 2: Analisar o seu modelo de neg\u00f3cio anterior para verificar se funcionar\u00e1 para a mudan\u00e7a necess\u00e1ria no mercado<\/h4>\r\n <p>Pergunta \u2013 Ao mudar de clientes residenciais individuais para edif\u00edcios residenciais, comunidades energ\u00e9ticas e clientes empresariais, quais os elementos do seu modelo de neg\u00f3cio que ser\u00e3o diretamente afetados?<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle2Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(2, 1, this)\">Sete dos nove blocos ser\u00e3o diferentes; o conte\u00fado desses blocos est\u00e1 relacionado com receitas e custos, que tamb\u00e9m ser\u00e3o diferentes<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(2, 2, this)\">Os membros da equipa respons\u00e1veis por cada mercado ser\u00e3o diferentes<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(2, 3, this)\">A estrutura do P&L ser\u00e1 diferente<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(2)\">Verificar resposta<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-section\" style=\"display: none;\">\r\n <div class=\"challenge\">\r\n <h4>DESAFIO 3: Diferenciar propostas de valor para os novos segmentos de mercado<\/h4>\r\n <p>Pergunta \u2013 Quantas propostas de valor diferentes o Jo\u00e3o precisar\u00e1 de gerir para atingir a sua nova meta de mercado?<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle3Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(3, 1, this)\">Uma proposta de valor ampliada funcionar\u00e1 para os tr\u00eas novos segmentos<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(3, 2, this)\">Apenas duas, uma para clientes empresariais e outra para clientes residenciais<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(3, 3, this)\">Tr\u00eas, uma para edif\u00edcios residenciais, outra para comunidades energ\u00e9ticas e outra para clientes empresariais<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(3)\">Verificar resposta<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-section\" style=\"display: none;\">\r\n <div class=\"challenge\">\r\n <h4>DESAFIO 4: Definir novos conte\u00fados para os blocos de constru\u00e7\u00e3o do Business Model Canvas por proposta de valor<\/h4>\r\n <p>Pergunta \u2013 Quais s\u00e3o os principais parceiros necess\u00e1rios para construir uma nova proposta de valor\/p\u00fablico-alvo para resid\u00eancias?<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle4Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(4, 1, this)\">Associa\u00e7\u00f5es empresariais<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(4, 2, this)\">Propriet\u00e1rios de espa\u00e7os para instalar pain\u00e9is solares para partilhar a energia produzida<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(4, 3, this)\">Arquitetos de novos edif\u00edcios e comunidades de propriet\u00e1rios no caso dos edif\u00edcios existentes<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(4)\">Verificar resposta<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-section\" style=\"display: none;\">\r\n <div class=\"challenge\">\r\n <h4>DESAFIO 5: Como construir um P&L parcial para cada proposta de valor e o conte\u00fado espec\u00edfico dos seus componentes<\/h4>\r\n <p>Pergunta \u2013 O que determinar\u00e1 a necessidade de P&L parciais por proposta de valor?<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle5Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(5, 1, this)\">Apenas fluxos de receitas e estrutura de custos<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(5, 2, this)\">Principalmente, principais parceiros, principais atividades, fluxos de receita, estrutura de custos, canais, proposta de valor e segmentos-alvo<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(5, 3, this)\">Apenas propostas de valor e segmentos-alvo<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(5)\">Verificar resposta<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-section\" style=\"display: none;\">\r\n <div class=\"challenge\">\r\n <h4>DESAFIO 6: Consolidar P&L de propostas de valor parciais numa proposta integrada<\/h4>\r\n <p>Pergunta \u2013 Por que \u00e9 necess\u00e1rio integrar os diferentes P&L orientados para a proposta de valor?<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle6Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(6, 1, this)\">Porque o departamento financeiro n\u00e3o consegue trabalhar com P&L parciais<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(6, 2, this)\">Porque \u00e9 necess\u00e1rio conhecer os r\u00e1cios financeiros do neg\u00f3cio para identificar as restri\u00e7\u00f5es a resolver antes de iniciar a transi\u00e7\u00e3o de mercado<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(6, 3, this)\">Porque esta \u00e9 a forma tradicional de apresentar esta informa\u00e7\u00e3o<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(6)\">Verificar resposta<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-section\" style=\"display: none;\">\r\n <div class=\"challenge\">\r\n <h4>DESAFIO 7: Resolver restri\u00e7\u00f5es e limita\u00e7\u00f5es no novo P&L consolidado<\/h4>\r\n <p>Pergunta \u2013 No neg\u00f3cio do Jo\u00e3o, ao consolidar os resultados, observa-se que n\u00e3o existem vendedores diretos suficientes para cobrir os tr\u00eas mercados. Como resolver esta situa\u00e7\u00e3o da forma mais lucrativa, sem aumentar a utiliza\u00e7\u00e3o do capital de giro?<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle7Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(7, 1, this)\">Reduzir a equipa de vendas no mercado menos lucrativo<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(7, 2, this)\">Utilizar canais indiretos para manter a press\u00e3o de vendas em todos os segmentos<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(7, 3, this)\">Contratar mais vendedores para cobrir adequadamente todos os segmentos e clientes<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(7)\">Verificar resposta<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-section\" style=\"display: none;\">\r\n <div class=\"challenge\">\r\n <h4>DESAFIO 8: Diferencia\u00e7\u00e3o e integra\u00e7\u00e3o nos KPI ligados ao P&L<\/h4>\r\n <p>Pergunta \u2013 Como equilibrar as diferentes opera\u00e7\u00f5es em cada mercado e, ao mesmo tempo, assegurar a consolida\u00e7\u00e3o necess\u00e1ria para uma vis\u00e3o estrat\u00e9gica?<\/p>\r\n <div class=\"puzzle-options\" id=\"puzzle8Options\">\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(8, 1, this)\">Atribuir a revis\u00e3o operacional e a revis\u00e3o estrat\u00e9gica a diferentes membros da equipa<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(8, 2, this)\">Realizar uma revis\u00e3o trimestral das opera\u00e7\u00f5es e uma revis\u00e3o anual dos KPI estrat\u00e9gicos<\/button>\r\n <button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(8, 3, this)\">Criar scorecards de KPI diferenciados para cada proposta de valor na gest\u00e3o operacional e consolid\u00e1-los nos principais r\u00e1cios financeiros para apoio \u00e0 decis\u00e3o estrat\u00e9gica<\/button>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"checkPuzzle(8)\">Verificar resposta<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"escape-room\">\r\n <h2><i>Escape room<\/i><\/h2>\r\n <p>Desafie-se com este <i>escape room<\/i> digital, refletindo sobre os seus conhecimentos anteriormente adquiridos no \u00e2mbito deste m\u00f3dulo<\/p>\r\n <button class=\"download-btn\" onclick=\"enterEscapeRoom()\">\r\n <i class=\"fas fa-door-open\"><\/i> Entrar no <i>escape room<\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"quiz-section\">\r\n <h2>Teste o seu conhecimento<\/h2>\r\n <button class=\"download-btn\" onclick=\"startQuiz()\">\r\n <i class=\"fas fa-play\"><\/i> Iniciar o question\u00e1rio de avalia\u00e7\u00e3o\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- Quiz Section -->\r\n <div id=\"quizModal\" class=\"modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeQuiz()\">×<\/span>\r\n <h2>Question\u00e1rio de literacia financeira<\/h2>\r\n <div class=\"progress-bar\">\r\n <div class=\"progress\" id=\"quizProgress\"><\/div>\r\n <\/div>\r\n <div id=\"quizContent\">\r\n <div class=\"quiz-question\">\r\n <h3>Qual \u00e9 a demonstra\u00e7\u00e3o financeira que reflete a situa\u00e7\u00e3o patrimonial da empresa?<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(1, 1)\">Demonstra\u00e7\u00e3o de resultados<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(1, 2)\">Demonstra\u00e7\u00e3o do fluxo de caixa<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(1, 3)\">Balan\u00e7o patrimonial<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(1, 4)\">Margem bruta<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>Qual \u00e9 o resultado de uma redu\u00e7\u00e3o cont\u00ednua nos pre\u00e7os da empresa sem uma redu\u00e7\u00e3o proporcional no custo das vendas?<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(2, 1)\">Uma redu\u00e7\u00e3o na margem bruta<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(2, 2)\">Uma redu\u00e7\u00e3o no lucro<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(2, 3)\">Uma vantagem competitiva<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(2, 4)\">Uma redu\u00e7\u00e3o de custos indiretos<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>Onde deve centrar-se para melhorar a margem bruta, caso n\u00e3o seja poss\u00edvel aumentar os pre\u00e7os?<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(3, 1)\">Nos custos indiretos<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(3, 2)\">No custo das vendas (COGS)<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(3, 3)\">Na d\u00edvida de curto prazo<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(3, 4)\">Na d\u00edvida de longo prazo<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>Qual a ferramenta que apresenta dados financeiros que afetam uma fun\u00e7\u00e3o ou um departamento da empresa?<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(4, 1)\">Gest\u00e3o de rela\u00e7\u00e3o com o cliente<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(4, 2)\">Gest\u00e3o da Cadeia de Abastecimento<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(4, 3)\">Gest\u00e3o de vendas e opera\u00e7\u00f5es<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(4, 4)\">Quadro de Resultados Financeiros Funcionais<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>Como proteger eficazmente a proposta de valor do ponto de vista financeiro?<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(5, 1)\">Comunicar a proposta de valor a toda a organiza\u00e7\u00e3o<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(5, 2)\">Fixar pre\u00e7os mais elevados<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(5, 3)\">Investir em atributos associados \u00e0 proposta de valor<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(5, 4)\">Investir na comunica\u00e7\u00e3o com os clientes<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"quiz-question\" style=\"display: none;\">\r\n <h3>Qual das seguintes op\u00e7\u00f5es corresponde a uma forma eficaz de comunicar os objetivos financeiros em toda a organiza\u00e7\u00e3o?<\/h3>\r\n <div class=\"quiz-options\">\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(6, 1)\">Falar frequentemente sobre o assunto com a equipa<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(6, 2)\">Distribuir informa\u00e7\u00e3o financeira<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(6, 3)\">Criar um sistema de KPI que ligue objetivos funcionais a objetivos financeiros<\/div>\r\n <div class=\"quiz-option\" onclick=\"checkAnswer(6, 4)\">N\u00e3o \u00e9 necess\u00e1ria nenhuma a\u00e7\u00e3o espec\u00edfica \u2013 os objetivos financeiros s\u00e3o naturalmente assumidos pela maioria das equipas<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tools-section\">\r\n <div class=\"tool-card\">\r\n <h3><i class=\"fas fa-sticky-note\"><\/i> Notas pessoais<\/h3>\r\n <p>Tome notas durante o seu percurso de aprendizagem<\/p>\r\n <div class=\"notes-container\">\r\n <textarea class=\"notes-input\" id=\"notesInput\" placeholder=\"Write your notes here...\"><\/textarea>\r\n <div class=\"notes-actions\">\r\n <button class=\"notes-btn\" onclick=\"saveNote()\">\r\n <i class=\"fas fa-save\"><\/i> Guardar as notas\r\n <\/button>\r\n <button class=\"notes-btn\" onclick=\"downloadNotes()\">\r\n <i class=\"fas fa-download\"><\/i> Rescarregar as notas\r\n <\/button>\r\n <\/div>\r\n <div class=\"notes-list\" id=\"notesList\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tool-card\">\r\n <h3><i class=\"fas fa-road\"><\/i> Continue o seu percurso de aprendizagem<\/h3>\r\n <p>O que se segue na sua aprendizagem? Continue ao selecionar um novo m\u00f3dulo<\/p>\r\n <div class=\"timeline\">\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-content\"> <p><a href=\"https:\/\/excel-erasmus.eu\/pt\/orcamentacao-e-planeamento-financeiro\/\" target=\"_blank\" rel=\"noopener\">Or\u00e7amenta\u00e7\u00e3o e planeamento financeiro<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-content\">\r\n <p><a href=\"https:\/\/excel-erasmus.eu\/pt\/demonstracoes-financeiras\/\" target=\"_blank\" rel=\"noopener\">Demonstra\u00e7\u00f5es financeiras<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-content\">\r\n <p><a href=\"https:\/\/excel-erasmus.eu\/pt\/investment-knowledge\/\" target=\"_blank\" rel=\"noopener\">No\u00e7\u00f5es de investimento<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-content\">\r\n <p><a href=\"https:\/\/excel-erasmus.eu\/pt\/gestao-da-divida-e-do-risco\/\" target=\"_blank\" rel=\"noopener\">Gest\u00e3o da d\u00edvida e do risco<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-content\">\r\n <p><a href=\"https:\/\/excel-erasmus.eu\/pt\/financas-sustentaveis-para-decisoes-estrategicas\/\" target=\"_blank\" rel=\"noopener\">Finan\u00e7as sustent\u00e1veis para decis\u00f5es estrat\u00e9gicas<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let currentQuestion = 1;\r\n let score = 0;\r\n let currentPuzzle = 1;\r\n let escapeProgress = 0;\r\n const totalQuestions = 6;\r\n const totalPuzzles = 8;\r\n let selectedAnswers = {}; \/\/ Para armazenar as respostas selecionadas\r\n\r\n function startQuiz() {\r\n document.getElementById('quizModal').style.display = 'flex';\r\n showQuestion(1);\r\n updateQuizProgress();\r\n }\r\n\r\n function showQuestion(number) {\r\n document.querySelectorAll('.quiz-question').forEach(q => q.style.display = 'none');\r\n document.querySelector(`.quiz-question:nth-child(${number})`).style.display = 'block';\r\n }\r\n\r\n function checkAnswer(question, answer) {\r\n const options = document.querySelectorAll(`.quiz-question:nth-child(${question}) .quiz-option`);\r\n options.forEach(option => option.style.pointerEvents = 'none');\r\n\r\n const correctAnswers = {\r\n 1: 3, \/\/ 2 \u00e9 a resposta correta para quest\u00e3o 1\r\n 2: 1, \/\/ 3 \u00e9 a resposta correta para quest\u00e3o 2\r\n 3: 2, \/\/ 4 \u00e9 a resposta correta para quest\u00e3o 3\r\n 4: 4, \/\/ 1 \u00e9 a resposta correta para quest\u00e3o 4\r\n 5: 3, \/\/ 2 \u00e9 a resposta correta para quest\u00e3o 5\r\n 6: 3 \/\/ 3 \u00e9 a resposta correta para quest\u00e3o 6\r\n };\r\n\r\n if (answer === correctAnswers[question]) {\r\n score++;\r\n options[answer - 1].classList.add('correct');\r\n } else {\r\n options[answer - 1].classList.add('incorrect');\r\n \/\/ Highlight the correct answer in green when answer is wrong\r\n options[correctAnswers[question] - 1].classList.add('correct');\r\n }\r\n\r\n setTimeout(() => {\r\n \/\/ Always advance to next question regardless of answer\r\n if (currentQuestion < totalQuestions) {\r\n currentQuestion++;\r\n showQuestion(currentQuestion);\r\n options.forEach(option => {\r\n option.classList.remove('correct', 'incorrect');\r\n option.style.pointerEvents = 'auto';\r\n });\r\n } else {\r\n showQuizResults();\r\n }\r\n updateQuizProgress();\r\n }, 1500);\r\n }\r\n\r\n function updateQuizProgress() {\r\n const progress = ((currentQuestion - 1) \/ totalQuestions) * 100;\r\n document.getElementById('quizProgress').style.width = `${progress}%`;\r\n }\r\n\r\n function showQuizResults() {\r\n const quizContent = document.getElementById('quizContent');\r\n quizContent.innerHTML = `\r\n <h3>Quiz Complete!<\/h3>\r\n <p>Your score: ${score}\/${totalQuestions}<\/p>\r\n <button class=\"download-btn\" onclick=\"closeQuiz()\">Close Quiz<\/button>\r\n `;\r\n }\r\n\r\n function enterEscapeRoom() {\r\n document.getElementById('escapeRoomModal').style.display = 'flex';\r\n showPuzzle(1);\r\n updateEscapeProgress();\r\n }\r\n\r\n function showPuzzle(number) {\r\n document.querySelectorAll('.story-section').forEach(section => section.style.display = 'none');\r\n document.querySelector(`.story-section:nth-child(${number})`).style.display = 'block';\r\n }\r\n\r\n function selectPuzzleOption(puzzleId, optionValue, buttonElement) {\r\n \/\/ Remove selected class from all buttons in this puzzle\r\n const puzzleOptions = document.getElementById(`puzzle${puzzleId}Options`);\r\n const allButtons = puzzleOptions.querySelectorAll('.puzzle-option-btn');\r\n allButtons.forEach(btn => btn.classList.remove('selected'));\r\n \r\n \/\/ Add selected class to clicked button\r\n buttonElement.classList.add('selected');\r\n \r\n \/\/ Store the selected answer\r\n selectedAnswers[puzzleId] = optionValue;\r\n }\r\n\r\n function checkPuzzle(puzzle) {\r\n let answer;\r\n let inputElement;\r\n \r\n \/\/ Check if it's a button-based puzzle or text input\r\n \/\/ All puzzles are now button-based\r\n if (!selectedAnswers[puzzle]) {\r\n alert('Selecione primeiro uma op\u00e7\u00e3o!');\r\n return;\r\n }\r\n answer = selectedAnswers[puzzle].toString();\r\n inputElement = document.getElementById(`puzzle${puzzle}Options`);\r\n \r\n\r\n \r\n const correctAnswers = {\r\n 1: '3', \/\/ A price reduction\r\n 2: '1', \/\/ 7 out of 9 building blocks are going to be different, the content of them connects with incomes and costs, that will be different as well.\r\n 3: '3', \/\/ Three, one for Residential Buildings, another for energetic communities and another one for business customers.\r\n 4: '3', \/\/ Architects for new buildings and owner's communities in the case of existing ones.\r\n 5: '2', \/\/ Mainly, Key partners, Key Activities, Revenue Flows, Cost Structure, Channels, Value Proposal and Target Segments.\r\n 6: '2', \/\/ Because we need to know the financials ratios of the business to find out constraints to solve, before starting the market transition.\r\n 7: '2', \/\/ Use indirect channels to maintain sales pressure in all the segments.\r\n 8: '3' \/\/ Creating differentiated KPIs scorecards for each value proposal operative management, and consolidating them in the main financial ratios for strategic decision-making\r\n };\r\n \r\n \/\/ Remove old messages\r\n const oldMsg = inputElement.parentNode.querySelector('.encouragement-message');\r\n if (oldMsg) oldMsg.remove();\r\n\r\n if (answer === correctAnswers[puzzle]) {\r\n \/\/ All puzzles are now button-based\r\n const allButtons = inputElement.querySelectorAll('.puzzle-option-btn');\r\n allButtons.forEach(btn => btn.style.pointerEvents = 'none');\r\n \r\n \/\/ Highlight correct button\r\n const correctButton = inputElement.querySelector(`[onclick*=\"selectPuzzleOption(${puzzle}, ${correctAnswers[puzzle]}, this)\"]`);\r\n if (correctButton) {\r\n correctButton.classList.add('correct');\r\n }\r\n \r\n const encouragements = {\r\n 1: \"Exatamente, uma redu\u00e7\u00e3o constante da procura no setor, que afeta todos os concorrentes do mercado, leva a um excesso de capacidade e os intervenientes reduzem os pre\u00e7os para tentar vender algo.\",\r\n 2: \"\u00d3timo trabalho! Sete dos nove blocos de constru\u00e7\u00e3o ser\u00e3o afetados por essa mudan\u00e7a.\",\r\n 3: \"Sim, tem raz\u00e3o, os tr\u00eas mercados s\u00e3o suficientemente distintos para exigirem uma proposta de valor diferenciada que permita o seu desenvolvimento adequado.\",\r\n 4: \"Sim, \u00e9 isso mesmo! Ambos s\u00e3o parceiros estrat\u00e9gicos, dependendo de se tratar de constru\u00e7\u00f5es novas ou j\u00e1 existentes.\",\r\n 5: \"Exatamente! Os canais e os recursos-chave podem manter-se semelhantes antes da mudan\u00e7a nos segmentos-alvo, mas muitas vezes tamb\u00e9m acabam por ser diferentes.\",\r\n 6: \"\u00d3timo trabalho! A consolida\u00e7\u00e3o dos P&L \u00e9 a \u00fanica forma de perceber com clareza onde a soma das tr\u00eas propostas pode ultrapassar as capacidades do neg\u00f3cio.\",\r\n 7: \"\u00d3tima escolha! Ao recorrer a canais de distribui\u00e7\u00e3o indiretos, reduzem-se os custos fixos de venda, sendo apenas necess\u00e1rio conceder um desconto sobre o pre\u00e7o de venda ao distribuidor.\",\r\n 8: \"Exatamente! Separar permite focar-se em scorecards espec\u00edficos para a opera\u00e7\u00e3o, enquanto consolidar possibilita uma vis\u00e3o agregada para a tomada de decis\u00f5es estrat\u00e9gicas que abrangem todo o neg\u00f3cio.\"\r\n };\r\n const encouragementDiv = document.createElement('div');\r\n encouragementDiv.className = 'encouragement-message';\r\n encouragementDiv.style.fontSize = '1.25rem';\r\n encouragementDiv.style.marginBottom = '1rem';\r\n encouragementDiv.style.background = '#e8f5e9';\r\n encouragementDiv.style.color = '#222';\r\n encouragementDiv.innerHTML = `\r\n <div class=\"encouragement-content\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <p><b><\/b> ${encouragements[puzzle]}<\/p>\r\n <\/div>\r\n `;\r\n \/\/ Display above the button\r\n inputElement.parentNode.insertBefore(encouragementDiv, inputElement.nextSibling);\r\n if (currentPuzzle < totalPuzzles) {\r\n currentPuzzle++;\r\n setTimeout(() => {\r\n showPuzzle(currentPuzzle);\r\n }, 2500);\r\n } else {\r\n setTimeout(() => {\r\n showEscapeResults();\r\n }, 2500);\r\n }\r\n escapeProgress = (currentPuzzle \/ totalPuzzles) * 100;\r\n updateEscapeProgress();\r\n } else {\r\n \/\/ All puzzles are now button-based\r\n const allButtons = inputElement.querySelectorAll('.puzzle-option-btn');\r\n allButtons.forEach(btn => btn.style.pointerEvents = 'none');\r\n \r\n \/\/ Highlight incorrect button\r\n const selectedButton = inputElement.querySelector('.puzzle-option-btn.selected');\r\n if (selectedButton) {\r\n selectedButton.classList.add('incorrect');\r\n }\r\n \r\n const tryAgainMessages = {\r\n 1: \"N\u00e3o necessariamente. O custo dos produtos vendidos provavelmente tamb\u00e9m ser\u00e1 reduzido devido ao mesmo efeito acima. Os custos da d\u00edvida de longo prazo n\u00e3o s\u00e3o diretamente afetados por esta situa\u00e7\u00e3o.\",\r\n 2: \"N\u00e3o est\u00e1 correto! Esses elementos est\u00e3o entre os afetados, mas n\u00e3o s\u00e3o os \u00fanicos.\",\r\n 3: \"N\u00e3o \u00e9 bem assim! Existe uma base comum \u2013 os sistemas de energia sustent\u00e1vel \u2013, mas as necessidades dos tr\u00eas stakeholders s\u00e3o diferentes, pelo que \u00e9 necess\u00e1rio desenvolver propostas de valor espec\u00edficas.\",\r\n 4: \"N\u00e3o, s\u00e3o parceiros estrat\u00e9gicos, mas direcionados para outros segmentos de mercado.\",\r\n 5: \"N\u00e3o \u00e9 bem assim! A estrutura do P&L mant\u00e9m-se (o que muda \u00e9 o conte\u00fado), e os membros da equipa podem ou n\u00e3o ser diferentes para cada segmento de mercado.\",\r\n 6: \"N\u00e3o \u00e9 bem assim! Nem a tradi\u00e7\u00e3o nem as limita\u00e7\u00f5es do departamento financeiro justificam, por si s\u00f3, a consolida\u00e7\u00e3o dos P&L.\",\r\n 7: \"N\u00e3o \u00e9 bem assim! Estas solu\u00e7\u00f5es n\u00e3o s\u00e3o ideais, pois implicam uma redu\u00e7\u00e3o do volume de vendas ou um aumento dos custos, o que n\u00e3o \u00e9 vi\u00e1vel neste cen\u00e1rio.\",\r\n 8: \"N\u00e3o est\u00e1 correto! Ambas as op\u00e7\u00f5es podem ser \u00fateis, mas n\u00e3o resolvem a necessidade de articular as duas perspetivas \u2013 operacional e estrat\u00e9gica \u2013 atrav\u00e9s de uma estrutura integrada de an\u00e1lise.\"\r\n };\r\n const encouragementDiv = document.createElement('div');\r\n encouragementDiv.className = 'encouragement-message';\r\n encouragementDiv.style.background = 'rgba(255,139,210,0.1)';\r\n encouragementDiv.style.fontSize = '1.1rem';\r\n encouragementDiv.innerHTML = `\r\n <div class=\"encouragement-content\">\r\n <i class=\"fas fa-heart\"><\/i>\r\n <p>${tryAgainMessages[puzzle]}<\/p>\r\n <\/div>\r\n `;\r\n inputElement.parentNode.insertBefore(encouragementDiv, inputElement.nextSibling);\r\n \r\n \/\/ Reset after 4 seconds to allow retry\r\n setTimeout(() => {\r\n const allButtons = inputElement.querySelectorAll('.puzzle-option-btn');\r\n allButtons.forEach(btn => {\r\n btn.classList.remove('correct', 'incorrect', 'selected');\r\n btn.style.pointerEvents = 'auto';\r\n });\r\n \/\/ Clear selected answer\r\n selectedAnswers[puzzle] = null;\r\n encouragementDiv.remove();\r\n }, 4000);\r\n }\r\n }\r\n\r\n function updateEscapeProgress() {\r\n document.getElementById('escapeProgress').style.width = `${escapeProgress}%`;\r\n }\r\n\r\n function showEscapeResults() {\r\n const escapeContent = document.getElementById('escapeContent');\r\n escapeContent.innerHTML = `\r\n <div class=\"story-section\">\r\n <div class=\"story-text\">\r\n <h3>Muito bem! Ajudou o Jo\u00e3o a compreender as mudan\u00e7as necess\u00e1rias no seu modelo de neg\u00f3cio para explorar novos segmentos e antecipar o impacte na sua demonstra\u00e7\u00e3o de resultados. Ao mudar de mercado, fazer algo bem n\u00e3o \u00e9 suficiente: \u00e9 essencial descobrir antecipadamente quais s\u00e3o os passos certos a fazer para que a transi\u00e7\u00e3o seja bem-sucedida.<\/h3>\r\n <div class=\"achievement-badge\">\r\n <i class=\"fas fa-trophy\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <button class=\"download-btn\" onclick=\"closeEscapeRoom()\">Fechar aventura<\/button>\r\n `;\r\n }\r\n\r\n function closeEscapeRoom() {\r\n document.getElementById('escapeRoomModal').style.display = 'none';\r\n currentPuzzle = 1;\r\n escapeProgress = 0;\r\n updateEscapeProgress();\r\n selectedAnswers = {};\r\n \r\n\r\n \r\n \/\/ Reset button options\r\n document.querySelectorAll('.puzzle-option-btn').forEach(btn => {\r\n btn.classList.remove('selected', 'correct', 'incorrect');\r\n btn.style.pointerEvents = 'auto';\r\n });\r\n \r\n\r\n }\r\n\r\n function closeQuiz() {\r\n document.getElementById('quizModal').style.display = 'none';\r\n currentQuestion = 1;\r\n score = 0;\r\n updateQuizProgress();\r\n document.querySelectorAll('.quiz-option').forEach(option => {\r\n option.classList.remove('correct', 'incorrect');\r\n option.style.pointerEvents = 'auto';\r\n });\r\n }\r\n\r\n \/\/ Existing animations and event listeners\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = 1;\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n });\r\n\r\n document.querySelectorAll('.feature-card').forEach(card => {\r\n card.style.opacity = 0;\r\n card.style.transform = 'translateY(20px)';\r\n card.style.transition = 'all 0.5s ease-out';\r\n observer.observe(card);\r\n });\r\n });\r\n\r\n \/\/ Add to existing script\r\n window.addEventListener('scroll', function() {\r\n const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\r\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\r\n const scrolled = (winScroll \/ height) * 100;\r\n document.getElementById('pageProgress').style.width = scrolled + '%';\r\n });\r\n\r\n \/\/ Entry animation for cards\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const cards = document.querySelectorAll('.feature-card');\r\n cards.forEach((card, index) => {\r\n card.style.opacity = '0';\r\n card.style.transform = 'translateY(20px)';\r\n setTimeout(() => {\r\n card.style.transition = 'all 0.5s ease';\r\n card.style.opacity = '1';\r\n card.style.transform = 'translateY(0)';\r\n }, index * 200);\r\n });\r\n });\r\n\r\n \/\/ Adicionar ao script existente\r\n function appendToCalc(value) {\r\n document.getElementById('calcDisplay').value += value;\r\n }\r\n\r\n function clearCalc() {\r\n document.getElementById('calcDisplay').value = '';\r\n }\r\n\r\n function calculate() {\r\n const display = document.getElementById('calcDisplay');\r\n try {\r\n display.value = eval(display.value);\r\n } catch (error) {\r\n display.value = 'Error';\r\n }\r\n }\r\n\r\n \/\/ Adicionar ao script existente\r\n let notes = [];\r\n\r\n function saveNote() {\r\n const noteText = document.getElementById('notesInput').value.trim();\r\n if (noteText) {\r\n const note = {\r\n text: noteText,\r\n date: new Date().toLocaleString(),\r\n id: Date.now()\r\n };\r\n notes.push(note);\r\n updateNotesList();\r\n document.getElementById('notesInput').value = '';\r\n }\r\n }\r\n\r\n function updateNotesList() {\r\n const notesList = document.getElementById('notesList');\r\n notesList.innerHTML = notes.map(note => `\r\n <div class=\"note-item\">\r\n <div>\r\n <div class=\"note-text\">${note.text}<\/div>\r\n <div class=\"note-date\">${note.date}<\/div>\r\n <\/div>\r\n <button class=\"notes-btn\" onclick=\"deleteNote(${note.id})\">\r\n <i class=\"fas fa-trash\"><\/i>\r\n <\/button>\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n function deleteNote(id) {\r\n notes = notes.filter(note => note.id !== id);\r\n updateNotesList();\r\n }\r\n\r\n function downloadNotes() {\r\n if (notes.length === 0) {\r\n alert('No notes to download!');\r\n return;\r\n }\r\n\r\n const content = notes.map(note => \r\n `Note: ${note.text}\\nDate: ${note.date}\\n\\n`\r\n ).join('---\\n');\r\n\r\n const blob = new Blob([content], { type: 'text\/plain' });\r\n const url = window.URL.createObjectURL(blob);\r\n const a = document.createElement('a');\r\n a.href = url;\r\n a.download = 'financial-literacy-notes.txt';\r\n document.body.appendChild(a);\r\n a.click();\r\n window.URL.revokeObjectURL(url);\r\n document.body.removeChild(a);\r\n }\r\n\r\n \/\/ Configura\u00e7\u00e3o do PDF.js\r\n pdfjsLib.GlobalWorkerOptions.workerSrc = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/2.11.338\/pdf.worker.min.js';\r\n\r\n function loadPDFFlipbook() {\r\n \/\/ Abrir o PDF em uma nova aba\r\n window.open('https:\/\/excel-erasmus.eu\/wp-content\/uploads\/2025\/03\/EXCEL_Flyer_EN.pdf', '_blank');\r\n }\r\n\r\n function loadVideo(videoUrl) {\r\n const video = document.getElementById('mainVideo');\r\n video.src = videoUrl;\r\n video.play();\r\n }\r\n\r\n function loadInfographic(imageUrl) {\r\n const container = document.getElementById('infographicContainer');\r\n const image = document.getElementById('infographicImage');\r\n image.src = imageUrl;\r\n container.style.display = 'flex';\r\n }\r\n\r\n function closeFlipbook() {\r\n const container = document.getElementById('flipbookContainer');\r\n container.style.display = 'none';\r\n }\r\n\r\n function closeVideo() {\r\n const video = document.getElementById('mainVideo');\r\n video.pause();\r\n video.currentTime = 0;\r\n }\r\n\r\n function closeInfographic() {\r\n const container = document.getElementById('infographicContainer');\r\n container.style.display = 'none';\r\n }\r\n\r\n\r\n <\/script>\r\n<\/body>\r\n<\/html> \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>Financial Literacy Training Programme Video Resource Welcome to module \u201cUnderstanding financial statements\u201d where you will discover how to read and analyse key financial documents to make smarter business decisions and track your company\u2019s financial health. Your browser does not support the video element. Play Pause Learning contents, activities and resources Start by going through this […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-1356","page","type-page","status-publish","hentry","entry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/excel-erasmus.eu\/pt\/wp-json\/wp\/v2\/pages\/1356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/excel-erasmus.eu\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/excel-erasmus.eu\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/excel-erasmus.eu\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/excel-erasmus.eu\/pt\/wp-json\/wp\/v2\/comments?post=1356"}],"version-history":[{"count":256,"href":"https:\/\/excel-erasmus.eu\/pt\/wp-json\/wp\/v2\/pages\/1356\/revisions"}],"predecessor-version":[{"id":4632,"href":"https:\/\/excel-erasmus.eu\/pt\/wp-json\/wp\/v2\/pages\/1356\/revisions\/4632"}],"wp:attachment":[{"href":"https:\/\/excel-erasmus.eu\/pt\/wp-json\/wp\/v2\/media?parent=1356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}