{"id":1354,"date":"2025-03-24T17:44:40","date_gmt":"2025-03-24T17:44:40","guid":{"rendered":"https:\/\/excel-erasmus.eu\/?page_id=1354"},"modified":"2025-12-02T16:15:15","modified_gmt":"2025-12-02T16:15:15","slug":"investment-knowledge","status":"publish","type":"page","link":"https:\/\/excel-erasmus.eu\/pt\/investment-knowledge\/","title":{"rendered":"No\u00e7\u00f5es de investimento"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1354\" class=\"elementor elementor-1354\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f8a6d5 e-flex e-con-boxed e-con e-parent\" data-id=\"6f8a6d5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3040ef elementor-widget elementor-widget-html\" data-id=\"d3040ef\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>No\u00e7\u00f5es de investimento<\/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        .selected-answer {\r\n            background: rgba(255, 193, 7, 0.1);\r\n            border: 2px solid var(--yellow);\r\n            border-radius: 8px;\r\n            padding: 1rem;\r\n            margin: 1rem 0;\r\n            font-size: 1.1rem;\r\n            color: var(--dark-gray);\r\n            text-align: center;\r\n            display: none;\r\n        }\r\n\r\n        .selected-answer.show {\r\n            display: block;\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    <div class=\"container\"><\/div>\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 \u201cNo\u00e7\u00f5es de investimento\u201d, onde ir\u00e1 explorar diferentes tipos de op\u00e7\u00f5es de investimento e aprender a avali\u00e1-las para apoiar o crescimento e a sustentabilidade 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_M3_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\/M3_Investment knowledge_PT\/index.html\" target=\"_blank\" rel=\"noopener\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/excel-erasmus.eu\/wp-content\/uploads\/2025\/10\/EXCEL_WP2_M3-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_M3_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_M3_INFOGRAPHIC_PT.pdf\" target=\"_blank\" rel=\"noopener\">\r\n                                            <img decoding=\"async\" src=\"https:\/\/excel-erasmus.eu\/wp-content\/uploads\/2025\/10\/EXCEL_WP2_M3-Infographic_PT-e1761848915450.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_M3_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;\">Sair<\/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;\">Sair<\/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;\">Sair<\/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()\">&times;<\/span>\r\n\t\t\t\t<h2>Desbloqueie o seu superpoder de investimento<\/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\t\t\t\t\t\t\t<p>Bem-vindo! \u00c9 um empres\u00e1rio motivado, pronto para levar o seu neg\u00f3cio para o n\u00edvel seguinte. Para garantir financiamento e crescer de forma sustent\u00e1vel, ter\u00e1 de navegar no complexo mundo dos investimentos. Esta escape room vai desafiar os seus conhecimentos e ajud\u00e1-lo a tomar decis\u00f5es financeiras fundamentais. Consegue encontrar o caminho certo para o investimento?<\/p>\r\n                        <\/div>\r\n                        <div class=\"challenge\">\r\n\t\t\t\t\t\t\t<h4>DESAFIO 1: Escolher o primeiro investimento<\/h4>\r\n\t\t\t\t\t\t\t<p>Um empres\u00e1rio precisa de financiamento para a sua expans\u00e3o. Que m\u00e9todo de investimento exige o reembolso do montante emprestado, normalmente com juros?<\/p>\r\n                            <div class=\"puzzle-options\" id=\"puzzle1Options\">\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(1, 1, this)\">Financiamento da d\u00edvida<\/button>\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(1, 2, this)\">Financiamento por capitais pr\u00f3prios<\/button>\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(1, 3, this)\">Crowdfunding<\/button>\r\n                            <\/div>\r\n\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t<h4>DESAFIO 2: Ato de equil\u00edbrio<\/h4>\r\n\t\t\t\t\t\t\t<p>Ao investir, qual \u00e9 a rela\u00e7\u00e3o geral entre o rendimento potencial e o n\u00edvel de risco?<\/p>\r\n\t\t\t\t\t\t\t<p><i>Selecione mais de uma resposta<\/i><\/p>\r\n                            <div class=\"puzzle-options\" id=\"puzzle2Options\">\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(2, 1, this)\">Um rendimento potencial mais elevado implica frequentemente um risco<\/button>\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(2, 2, this)\">Um risco menor implica normalmente um rendimento menor<\/button>\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(2, 3, this)\">O risco e a rendibilidade n\u00e3o t\u00eam qualquer rela\u00e7\u00e3o<\/button>\r\n                            <\/div>\r\n\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t<h4>DESAFIO 3: Encontrar dados de investimento<\/h4>\r\n\t\t\t\t\t\t\t<p>Onde pode um empres\u00e1rio encontrar dados e plataformas digitais fi\u00e1veis para pesquisar potenciais investimentos para a sua empresa?<\/p>\r\n\t\t\t\t\t\t\t<p><i>Selecione mais de uma resposta<\/i><\/p>\r\n                            <div class=\"puzzle-options\" id=\"puzzle3Options\">\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(3, 1, this)\">Websites e relat\u00f3rios oficiais das empresas<\/button>\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(3, 2, this)\">Websites de not\u00edcias financeiras respeit\u00e1veis<\/button>\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(3, 3, this)\">Grupos de investimento em redes sociais n\u00e3o verificados<\/button>\r\n                            <\/div>\r\n\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t<h4>DESAFIO 4: Investir com um objetivo<\/h4>\r\n\t\t\t\t\t\t\t<p>Uma empres\u00e1ria quer investimentos que correspondam aos seus valores sociais. Que tipo de investimento deve explorar? <\/p>\r\n\t\t\t\t\t\t\t<p><i>Selecione mais de uma resposta<\/i><\/p>\r\n                            <div class=\"puzzle-options\" id=\"puzzle4Options\">\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(4, 1, this)\">Considerar as quest\u00f5es ambientais, sociais e de governa\u00e7\u00e3o<\/button>\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(4, 2, this)\">Concentrar-se apenas nos lucros a curto prazo<\/button>\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(4, 3, this)\">Procura empresas com impacte social positivo<\/button>\r\n                            <\/div>\r\n\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t<h4>DESAFIO 5: Apoiar os colegas fundadores<\/h4>\r\n\t\t\t\t\t\t\t<p>Qual a melhor forma de as mulheres empres\u00e1rias se apoiarem mutuamente para melhorarem os seus conhecimentos e compet\u00eancias de investimento?<\/p>\r\n\t\t\t\t\t\t\t<p><i>Selecione mais de uma resposta<\/i><\/p>\r\n                            <div class=\"puzzle-options\" id=\"puzzle5Options\">\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(5, 1, this)\">Partilhar recursos de investimento fi\u00e1veis<\/button>\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(5, 2, this)\">Desencorajar o investimento devido aos riscos<\/button>\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(5, 3, this)\">Criar grupos de discuss\u00e3o em rede<\/button>\r\n                            <\/div>\r\n\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t<h4>DESAFIO 6: Ponderar as suas op\u00e7\u00f5es<\/h4>\r\n\t\t\t\t\t\t\t<p>Ao avaliar diferentes oportunidades de investimento, que fatores-chave deve um empres\u00e1rio ponderar cuidadosamente antes de tomar uma ________? <\/p>\r\n\t\t\t\t\t\t\t<input type=\"text\" class=\"puzzle-input\" id=\"puzzle6Answer\" placeholder=\"Introduza a sua resposta\">\r\n\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t<h4>DESAFIO 7: Autonomia desbloqueada<\/h4>\r\n\t\t\t\t\t\t\t<p>Qual \u00e9 o passo fundamental para ganhar confian\u00e7a e autonomia para tomar as suas pr\u00f3prias decis\u00f5es de investimento? <\/p>\r\n                            <div class=\"puzzle-options\" id=\"puzzle7Options\">\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(7, 1, this)\">Adquirir conhecimentos abrangentes sobre investimentos<\/button>\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(7, 2, this)\">Confiar apenas em recomenda\u00e7\u00f5es de especialistas<\/button>\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(7, 3, this)\">Investir impulsivamente com base em tend\u00eancias<\/button>\r\n                            <\/div>\r\n\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t<h4>DESAFIO 8: Liberdade financeira <\/h4>\r\n\t\t\t\t\t\t\t<p>Alcan\u00e7ar a autonomia financeira atrav\u00e9s de investimentos informados pode levar a que resultados positivos para as mulheres empres\u00e1rias?  <\/p>\r\n\t\t\t\t\t\t\t<p><i>Selecione mais de uma resposta<\/i><\/p>\r\n                            <div class=\"puzzle-options\" id=\"puzzle8Options\">\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(8, 1, this)\">Maior seguran\u00e7a e estabilidade financeira<\/button>\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(8, 2, this)\">Capacidade de financiar o crescimento da empresa<\/button>\r\n\t\t\t\t\t\t\t\t<button class=\"puzzle-option-btn\" onclick=\"selectPuzzleOption(8, 3, this)\">Redu\u00e7\u00e3o da capacidade de assumir riscos <\/button>\r\n                            <\/div>\r\n\t\t\t\t\t\t\t<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()\">&times;<\/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\t\t\t\t\t<div id=\"quizContent\">\r\n\t\t\t\t\t\t<div class=\"quiz-question\">\r\n\t\t\t\t\t\t\t<h3>Pergunta 1 - Qual \u00e9 o investimento que d\u00e1 aos investidores uma parte do capital?<\/h3>\r\n\t\t\t\t\t\t\t<div class=\"quiz-options\">\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(1, 1)\">Investir em fundos que devem ser reembolsados<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(1, 2)\">Adquiri a\u00e7\u00f5es da empresa<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(1, 3)\">Angariar pequenos montantes junto de muitas pessoas<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(1, 4)\">Utilizar o seu pr\u00f3prio dinheiro poupado para o projeto<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"quiz-question\" style=\"display: none;\">\r\n\t\t\t\t\t\t\t<h3>Pergunta 2 - O que determina a an\u00e1lise do ponto de equil\u00edbrio?<\/h3>\r\n\t\t\t\t\t\t\t<div class=\"quiz-options\">\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(2, 1)\">Lucro total da empresa<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(2, 2)\">Total de despesas incorridas<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(2, 3)\">Ponto em que as receitas s\u00e3o iguais aos custos<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(2, 4)\">C\u00e1lculo do retorno do investimento<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"quiz-question\" style=\"display: none;\">\r\n\t\t\t\t\t\t\t<h3>Pergunta 3 - Qual das seguintes op\u00e7\u00f5es corresponde a uma fonte digital fi\u00e1vel para estudos de investimento?<\/h3>\r\n\t\t\t\t\t\t\t<div class=\"quiz-options\">\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(3, 1)\">F\u00f3runs de redes sociais<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(3, 2)\">Website respeit\u00e1vel de not\u00edcias financeiras<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(3, 3)\">Blogues pessoais n\u00e3o verificados<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(3, 4)\">F\u00f3runs de discuss\u00e3o online<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"quiz-question\" style=\"display: none;\">\r\n\t\t\t\t\t\t\t<h3>Pergunta 4 - Qual \u00e9 o principal objetivo da diversifica\u00e7\u00e3o numa carteira de investimentos?<\/h3>\r\n\t\t\t\t\t\t\t<div class=\"quiz-options\">\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(4, 1)\">Maximizar a rendibilidade a curto prazo<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(4, 2)\">Reduzir o risco, distribuindo os investimentos por diferentes ativos<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(4, 3)\">Concentrar-se apenas em a\u00e7\u00f5es de elevado crescimento<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(4, 4)\">Eliminar todas as perdas de investimento<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"quiz-question\" style=\"display: none;\">\r\n\t\t\t\t\t\t\t<h3>Pergunta 5 - Qual das seguintes op\u00e7\u00f5es corresponde a uma forma \u00fatil de apoiar os seus pares na aprendizagem sobre investimentos?<\/h3>\r\n\t\t\t\t\t\t\t<div class=\"quiz-options\">\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(5, 1)\">Desencoraj\u00e1-los devido aos riscos<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(5, 2)\">Dizer-lhes quais as a\u00e7\u00f5es a comprar<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(5, 3)\">Partilhar recursos e informa\u00e7\u00f5es fi\u00e1veis<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(5, 4)\">Ignorar as suas quest\u00f5es de investimento<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"quiz-question\" style=\"display: none;\">\r\n\t\t\t\t\t\t\t<h3>Pergunta 6 - Qual \u00e9 a principal vantagem de adquirir conhecimentos sobre investimentos?<\/h3>\r\n\t\t\t\t\t\t\t<div class=\"quiz-options\">\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(6, 1)\">Evitar todos os riscos financeiros<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(6, 2)\">Garantir rendimentos elevados<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(6, 3)\">Tomar decis\u00f5es financeiras informadas<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"quiz-option\" onclick=\"checkAnswer(6, 4)\">Confiar apenas na sorte<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/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: 2, \/\/ 2 \u00e9 a resposta correta para quest\u00e3o 1\r\n                2: 3, \/\/ 3 \u00e9 a resposta correta para quest\u00e3o 2\r\n                3: 2, \/\/ 2 \u00e9 a resposta correta para quest\u00e3o 3\r\n                4: 2, \/\/ 2 \u00e9 a resposta correta para quest\u00e3o 4\r\n                5: 3, \/\/ 3 \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 conclu\u00eddo!<\/h3>\r\n                <p>A sua pontua\u00e7\u00e3o: ${score}\/${totalQuestions}<\/p>\r\n                <button class=\"download-btn\" onclick=\"closeQuiz()\">Fechar 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            \/\/ Check if this puzzle supports multiple answers (2, 3, 4, 5, 8)\r\n            const multiAnswerPuzzles = [2, 3, 4, 5, 8];\r\n            const isMultiAnswer = multiAnswerPuzzles.includes(puzzleId);\r\n            \r\n            if (isMultiAnswer) {\r\n                \/\/ Toggle selection for multi-answer puzzles\r\n                if (buttonElement.classList.contains('selected')) {\r\n                    buttonElement.classList.remove('selected');\r\n                } else {\r\n                    buttonElement.classList.add('selected');\r\n                }\r\n                \r\n                \/\/ Get all selected buttons for this puzzle\r\n                const puzzleOptions = document.getElementById(`puzzle${puzzleId}Options`);\r\n                const selectedButtons = puzzleOptions.querySelectorAll('.puzzle-option-btn.selected');\r\n                const selectedValues = Array.from(selectedButtons).map(btn => {\r\n                    const onclick = btn.getAttribute('onclick');\r\n                    const match = onclick.match(new RegExp(`selectPuzzleOption\\\\(${puzzleId}, (\\\\d+), this\\\\)`));\r\n                    return match ? match[1] : null;\r\n                }).filter(val => val !== null);\r\n                \r\n                \/\/ Store multiple selected answers\r\n                selectedAnswers[puzzleId] = selectedValues.join(',');\r\n            } else {\r\n                \/\/ Single answer puzzles (original behavior)\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\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            if (puzzle === 6) {\r\n                \/\/ Text input puzzles\r\n                inputElement = document.getElementById(`puzzle${puzzle}Answer`);\r\n                if (!inputElement) return;\r\n                answer = inputElement.value;\r\n            } else {\r\n                \/\/ Button-based puzzles\r\n                if (!selectedAnswers[puzzle]) {\r\n                    alert('Por favor, selecione uma op\u00e7\u00e3o primeiro!');\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            \/\/ Clear the selected answer display\r\n            const selectedAnswerDiv = document.getElementById(`selectedAnswer${puzzle}`);\r\n            if (selectedAnswerDiv) {\r\n                selectedAnswerDiv.classList.remove('show');\r\n            }\r\n            \r\n            const correctAnswers = {\r\n                1: '1',      \/\/ Financiamento da d\u00edvida\r\n                2: '1,2',    \/\/ Rela\u00e7\u00e3o risco-retorno correta\r\n                3: '1,2',    \/\/ Fontes fi\u00e1veis\r\n                4: '1,3',    \/\/ ESG \/ Impacto social\r\n                5: '1,3',    \/\/ Partilha e redes\r\n                6: 'decis\u00e3o', \/\/ Palavra correta em PT\r\n                7: '1',      \/\/ Conhecimentos abrangentes\r\n                8: '1,2'     \/\/ Seguran\u00e7a\/Estabilidade + Financiamento do crescimento\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            \/\/ Check if this puzzle supports multiple answers\r\n            const multiAnswerPuzzles = [2, 3, 4, 5, 8];\r\n            const isMultiAnswer = multiAnswerPuzzles.includes(puzzle);\r\n            \r\n            \/\/ For multi-answer puzzles, check if all correct answers are selected\r\n            let isCorrect = false;\r\n            if (isMultiAnswer) {\r\n                const correctAnswerArray = correctAnswers[puzzle].split(',');\r\n                const selectedAnswerArray = answer.split(',').filter(val => val.trim() !== '');\r\n                isCorrect = correctAnswerArray.length === selectedAnswerArray.length && \r\n                           correctAnswerArray.every(correct => selectedAnswerArray.includes(correct)) &&\r\n                           selectedAnswerArray.every(selected => correctAnswerArray.includes(selected));\r\n            } else {\r\n                const normalize = (s) => s.toString().trim().toLowerCase().normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '');\r\n                isCorrect = normalize(answer) === normalize(correctAnswers[puzzle]);\r\n            }\r\n            \r\n            if (isCorrect) {\r\n                if (puzzle === 6) {\r\n                    \/\/ Text input\r\n                    inputElement.classList.add('correct');\r\n                    inputElement.disabled = true;\r\n                } else {\r\n                    \/\/ Button-based puzzle\r\n                    const allButtons = inputElement.querySelectorAll('.puzzle-option-btn');\r\n                    allButtons.forEach(btn => btn.style.pointerEvents = 'none');\r\n                    \r\n                    \/\/ Highlight correct buttons\r\n                    if (isMultiAnswer) {\r\n                        const correctAnswerArray = correctAnswers[puzzle].split(',');\r\n                        correctAnswerArray.forEach(correctValue => {\r\n                            const allButtons = inputElement.querySelectorAll('.puzzle-option-btn');\r\n                            allButtons.forEach(btn => {\r\n                                const onclick = btn.getAttribute('onclick');\r\n                                const match = onclick.match(new RegExp(`selectPuzzleOption\\\\(${puzzle}, ${correctValue}, this\\\\)`));\r\n                                if (match) {\r\n                                    btn.classList.add('correct');\r\n                                }\r\n                            });\r\n                        });\r\n                    } else {\r\n                        const allButtons = inputElement.querySelectorAll('.puzzle-option-btn');\r\n                        allButtons.forEach(btn => {\r\n                            const onclick = btn.getAttribute('onclick');\r\n                            const match = onclick.match(new RegExp(`selectPuzzleOption\\\\(${puzzle}, ${correctAnswers[puzzle]}, this\\\\)`));\r\n                            if (match) {\r\n                                btn.classList.add('correct');\r\n                            }\r\n                        });\r\n                    }\r\n                }\r\n                \r\n            const encouragements = {\r\n                1: \"Exatamente! O financiamento da d\u00edvida envolve o empr\u00e9stimo de fundos que devem ser reembolsados com juros, criando um passivo para o neg\u00f3cio.\",\r\n                2: \"Excelente! Identificou corretamente a rela\u00e7\u00e3o entre risco e retorno. Os retornos potenciais mais elevados est\u00e3o geralmente associados a um risco maior, enquanto n\u00edveis de risco mais baixos tendem a oferecer retornos mais modestos. Lembre-se de que estrat\u00e9gias como a diversifica\u00e7\u00e3o podem ajudar a gerir o risco e a equilibrar o retorno esperado.\",\r\n                3: \"Correto! Sabe onde procurar informa\u00e7\u00f5es cred\u00edveis sobre investimentos online. Confiar em websites financeiros de renome, relat\u00f3rios oficiais de empresas e fontes de dados reconhecidas \u00e9 essencial para tomar decis\u00f5es informadas.\",\r\n                4: \"\u00d3timo! O investimento \u00e9tico combina valores com objetivos financeiros - ESG e impacto social s\u00e3o considera\u00e7\u00f5es fundamentais ao alinhar investimentos com um prop\u00f3sito.\",\r\n                5: \"Fant\u00e1stico! Capacitar-se mutuamente atrav\u00e9s da partilha de conhecimentos, recursos, orienta\u00e7\u00e3o e debate aberto \u00e9 essencial para navegar no panorama do investimento. A aprendizagem coletiva fortalece o percurso de todas.\",\r\n                6: \"Exatamente correto! Depois de ponderar cuidadosamente os fatores-chave, o passo seguinte \u00e9 tomar uma decis\u00e3o informada. Excelente trabalho a identificar o resultado cr\u00edtico do processo de avalia\u00e7\u00e3o.\",\r\n                7: \"Muito bem! O desenvolvimento da autonomia de investimento passa pela aquisi\u00e7\u00e3o de conhecimentos, pela pr\u00e1tica da pesquisa e pela compreens\u00e3o dos riscos. Estes passos permitem tomar decis\u00f5es confiantes e alinhadas com os objetivos.\",\r\n                8: \"Parab\u00e9ns! Desbloqueou o caminho para a Liberdade Financeira. Ao dominar os conhecimentos sobre investimentos, ganha seguran\u00e7a, financia o crescimento, constr\u00f3i riqueza e alcan\u00e7a uma verdadeira autonomia financeira. Lembre-se: este \u00e9 apenas o in\u00edcio. Continue a aplicar o que aprendeu para moldar o futuro!\"\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                if (puzzle === 6) {\r\n                    \/\/ Text input\r\n                    inputElement.classList.add('incorrect');\r\n                } else {\r\n                    \/\/ Button-based puzzle\r\n                    const allButtons = inputElement.querySelectorAll('.puzzle-option-btn');\r\n                    allButtons.forEach(btn => btn.style.pointerEvents = 'none');\r\n                    \r\n                    \/\/ Highlight incorrect buttons\r\n                    if (isMultiAnswer) {\r\n                        \/\/ Highlight all selected buttons as incorrect\r\n                        const selectedButtons = inputElement.querySelectorAll('.puzzle-option-btn.selected');\r\n                        selectedButtons.forEach(btn => btn.classList.add('incorrect'));\r\n                        \r\n                        \/\/ Also highlight correct answers that weren't selected\r\n                        const correctAnswerArray = correctAnswers[puzzle].split(',');\r\n                        correctAnswerArray.forEach(correctValue => {\r\n                            const allButtons = inputElement.querySelectorAll('.puzzle-option-btn');\r\n                            allButtons.forEach(btn => {\r\n                                const onclick = btn.getAttribute('onclick');\r\n                                const match = onclick.match(new RegExp(`selectPuzzleOption\\\\(${puzzle}, ${correctValue}, this\\\\)`));\r\n                                if (match && !btn.classList.contains('selected')) {\r\n                                    btn.classList.add('correct');\r\n                                }\r\n                            });\r\n                        });\r\n                    } else {\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                }\r\n                \r\n                const tryAgainMessages = {\r\n                    1: \"N\u00e3o \u00e9 bem assim. Recorde-se dos m\u00e9todos de financiamento em que o montante recebido \u00e9 um empr\u00e9stimo que deve ser devolvido. Reveja as carater\u00edsticas do financiamento da d\u00edvida no M\u00f3dulo 3.\",\r\n                    2: \"N\u00e3o \u00e9 bem assim. Reveja a liga\u00e7\u00e3o entre o risco e o retorno potencial nos investimentos. Reflita sobre como diferentes n\u00edveis de risco correspondem a diferentes potenciais de recompensa e como pode aplicar estrat\u00e9gias para equilibrar essa rela\u00e7\u00e3o.\",\r\n                    3: \"N\u00e3o \u00e9 bem assim. Algumas op\u00e7\u00f5es que escolheu n\u00e3o s\u00e3o fi\u00e1veis ou podem n\u00e3o ser verificadas. Priorize sempre plataformas oficiais, relat\u00f3rios reconhecidos e websites conceituados para garantir a qualidade da informa\u00e7\u00e3o financeira.\",\r\n                    4: \"N\u00e3o exatamente. Concentrar-se apenas no lucro a curto prazo n\u00e3o reflete um investimento \u00e9tico ou baseado em valores. Pense em estrat\u00e9gias que priorizem quest\u00f5es ambientais, sociais ou de governa\u00e7\u00e3o.\",\r\n                    5: \"N\u00e3o \u00e9 bem assim. Reflita sobre formas mais construtivas e eficazes de as empres\u00e1rias se apoiarem para aprenderem e tomarem melhores decis\u00f5es de investimento. Considere os benef\u00edcios da experi\u00eancia e da informa\u00e7\u00e3o fi\u00e1vel partilhadas.\",\r\n                    6: \"N\u00e3o \u00e9 bem assim. Releia a frase e pense na a\u00e7\u00e3o que se segue logicamente ao processo de pondera\u00e7\u00e3o cuidadosa dos diferentes fatores e oportunidades de investimento. Qual \u00e9 o objetivo final?\",\r\n                    7: \"N\u00e3o \u00e9 bem assim. Reveja as op\u00e7\u00f5es e pense em que a\u00e7\u00f5es contribuem verdadeiramente para ganhar confian\u00e7a e independ\u00eancia no percurso de investimento. Confiar apenas nos outros ou agir por impulso n\u00e3o gera autonomia real.\",\r\n                    8: \"Quase l\u00e1! Reveja as op\u00e7\u00f5es e pense nos impactes positivos que o investimento informado e a autonomia financeira trazem \u00e0 seguran\u00e7a, ao crescimento e \u00e0 capacita\u00e7\u00e3o das empres\u00e1rias. Est\u00e1 quase a chegar \u00e0 resposta certa!\"\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                    if (puzzle === 6) {\r\n                        inputElement.classList.remove('incorrect');\r\n                        inputElement.value = ''; \/\/ Clear the input\r\n                    } else {\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                        const selectedAnswerDiv = document.getElementById(`selectedAnswer${puzzle}`);\r\n                        if (selectedAnswerDiv) {\r\n                            selectedAnswerDiv.classList.remove('show');\r\n                        }\r\n                    }\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! Conseguiu superar os desafios sobre investimentos. Explorou diferentes caminhos e aprendeu a pensar estrategicamente sobre o crescimento das suas finan\u00e7as. Lembre-se, isto \u00e9 apenas o come\u00e7o \u2014 continue a pesquisar, avaliar op\u00e7\u00f5es e tomar decis\u00f5es informadas para construir um futuro financeiro s\u00f3lido para o seu percurso empresarial!<\/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            \/\/ Reset text inputs\r\n            document.querySelectorAll('.puzzle-input').forEach(input => {\r\n                input.value = '';\r\n                input.disabled = false;\r\n                input.classList.remove('correct', 'incorrect');\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            \/\/ Clear selected answer displays\r\n            document.querySelectorAll('.selected-answer').forEach(div => {\r\n                div.classList.remove('show');\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 \u201cInvestment knowledge\u201d where you will explore different types of investment options and learn how to evaluate them to support the growth and sustainability of your business. Your browser does not support the video element. Play Pause Learning contents, activities and resources Start by going through this [&hellip;]<\/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-1354","page","type-page","status-publish","hentry","entry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/excel-erasmus.eu\/pt\/wp-json\/wp\/v2\/pages\/1354","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=1354"}],"version-history":[{"count":242,"href":"https:\/\/excel-erasmus.eu\/pt\/wp-json\/wp\/v2\/pages\/1354\/revisions"}],"predecessor-version":[{"id":4464,"href":"https:\/\/excel-erasmus.eu\/pt\/wp-json\/wp\/v2\/pages\/1354\/revisions\/4464"}],"wp:attachment":[{"href":"https:\/\/excel-erasmus.eu\/pt\/wp-json\/wp\/v2\/media?parent=1354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}