{"id":13607,"date":"2026-08-27T17:09:16","date_gmt":"2026-08-27T20:09:16","guid":{"rendered":"https:\/\/internacional.ufpr.br\/portal\/?page_id=13607"},"modified":"2026-08-28T15:11:29","modified_gmt":"2026-08-28T18:11:29","slug":"idiomas-sem-fronteiras-dados-2024","status":"publish","type":"page","link":"https:\/\/internacional.ufpr.br\/portal\/idiomas-sem-fronteiras-dados-2024\/","title":{"rendered":"Idiomas Sem Fronteiras &#8211; Dados 2024"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta name=\"description\" content=\"Idiomas sem Fronteiras - Programa de Ensino de L\u00ednguas Estrangeiras da UFPR\">\n    <title>Idiomas sem Fronteiras &#8211; UFPR<\/title>\n    \n    <!-- Font Awesome para \u00edcones -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <!-- Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;family=Poppins:wght@600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    \n    <!-- Chart.js para gr\u00e1ficos -->\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/3.9.1\/chart.min.js\"><\/script>\n    \n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --primary-blue: #004a99;\n            --secondary-blue: #0066cc;\n            --accent-red: #e30613;\n            --accent-orange: #f39200;\n            --accent-green: #009540;\n            --light-blue: #e8f0f8;\n            --light-gray: #f8f9fa;\n            --dark-gray: #2c3e50;\n            --text-gray: #4a5568;\n            --border-gray: #e2e8f0;\n            --white: #ffffff;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            color: var(--text-gray);\n            background-color: var(--white);\n            line-height: 1.6;\n        }\n\n        \/* ===== HEADER \/ HERO ===== *\/\n        .hero {\n            background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);\n            color: var(--white);\n            padding: 60px 20px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -10%;\n            width: 500px;\n            height: 500px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n            animation: float 6s ease-in-out infinite;\n        }\n\n        .hero::after {\n            content: '';\n            position: absolute;\n            bottom: -30%;\n            left: -5%;\n            width: 400px;\n            height: 400px;\n            background: rgba(255, 255, 255, 0.08);\n            border-radius: 50%;\n            animation: float 8s ease-in-out infinite reverse;\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(20px); }\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n            max-width: 900px;\n            margin: 0 auto;\n        }\n\n        .hero h1 {\n            font-family: 'Poppins', sans-serif;\n            font-size: clamp(2rem, 5vw, 3.5rem);\n            font-weight: 800;\n            margin-bottom: 15px;\n            letter-spacing: -0.5px;\n        }\n\n        .hero .subtitle {\n            font-size: clamp(1rem, 2.5vw, 1.3rem);\n            font-weight: 300;\n            opacity: 0.95;\n            margin-bottom: 30px;\n        }\n\n        .hero-badge {\n            display: inline-block;\n            background: rgba(255, 255, 255, 0.2);\n            border: 1px solid rgba(255, 255, 255, 0.4);\n            padding: 8px 16px;\n            border-radius: 50px;\n            font-size: 0.85rem;\n            font-weight: 500;\n            margin-bottom: 20px;\n            backdrop-filter: blur(10px);\n        }\n\n        .cta-button {\n            display: inline-block;\n            background: var(--accent-red);\n            color: var(--white);\n            padding: 14px 32px;\n            border-radius: 8px;\n            text-decoration: none;\n            font-weight: 600;\n            transition: all 0.3s ease;\n            border: none;\n            cursor: pointer;\n            font-size: 1rem;\n        }\n\n        .cta-button:hover {\n            background: #c70410;\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px rgba(227, 6, 19, 0.3);\n        }\n\n        \/* ===== CONTAINER E GRID ===== *\/\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .section {\n            padding: 80px 20px;\n        }\n\n        .section-title {\n            font-family: 'Poppins', sans-serif;\n            font-size: clamp(1.8rem, 4vw, 2.5rem);\n            font-weight: 700;\n            color: var(--primary-blue);\n            margin-bottom: 15px;\n            text-align: center;\n        }\n\n        .section-subtitle {\n            font-size: 1.1rem;\n            color: var(--text-gray);\n            text-align: center;\n            margin-bottom: 50px;\n            max-width: 700px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        \/* ===== ABOUT SECTION ===== *\/\n        .about {\n            background: var(--light-gray);\n        }\n\n        .about-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 30px;\n            margin-top: 40px;\n        }\n\n        .about-card {\n            background: var(--white);\n            padding: 30px;\n            border-radius: 12px;\n            border-left: 4px solid var(--accent-orange);\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n            transition: all 0.3s ease;\n        }\n\n        .about-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\n        }\n\n        .about-card-icon {\n            font-size: 2.5rem;\n            color: var(--accent-orange);\n            margin-bottom: 15px;\n        }\n\n        .about-card h3 {\n            color: var(--primary-blue);\n            margin-bottom: 10px;\n            font-size: 1.3rem;\n        }\n\n        .about-card p {\n            color: var(--text-gray);\n            line-height: 1.7;\n        }\n\n        \/* ===== STATS SECTION ===== *\/\n        .stats {\n            background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);\n            color: var(--white);\n        }\n\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 40px;\n            margin-top: 50px;\n            text-align: center;\n        }\n\n        .stat-item h4 {\n            font-family: 'Poppins', sans-serif !important;\n            font-size: clamp(2rem, 5vw, 3rem) !important;\n            font-weight: 700 !important;\n            margin-bottom: 10px !important;\n            background: transparent !important;\n            background-color: transparent !important;\n            color: var(--white) !important;\n            padding: 0 !important;\n            border: none !important;\n            box-shadow: none !important;\n        }\n\n        .stat-item p {\n            font-size: 1rem !important;\n            opacity: 0.9 !important;\n            background: transparent !important;\n            background-color: transparent !important;\n            color: var(--white) !important;\n            padding: 0 !important;\n            border: none !important;\n        }\n\n        \/* ===== CHARTS SECTION ===== *\/\n        .charts {\n            background: var(--white);\n        }\n\n        .charts-container {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 40px;\n            margin-top: 50px;\n        }\n\n        .chart-card {\n            background: var(--light-gray);\n            padding: 30px;\n            border-radius: 12px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n            transition: all 0.3s ease;\n        }\n\n        .chart-card:hover {\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);\n        }\n\n        .chart-card h3 {\n            color: var(--primary-blue);\n            margin-bottom: 20px;\n            font-size: 1.2rem;\n            font-weight: 600;\n        }\n\n        .chart-wrapper {\n            position: relative !important;\n            height: 300px !important;\n            min-height: 300px !important;\n            width: 100% !important;\n            display: block !important;\n            visibility: visible !important;\n            overflow: visible !important;\n        }\n\n        .chart-wrapper canvas {\n            display: block !important;\n            visibility: visible !important;\n            max-width: 100% !important;\n        }\n\n        .chart-legend {\n            margin-top: 20px;\n            padding-top: 20px;\n            border-top: 1px solid var(--border-gray);\n            font-size: 0.9rem;\n        }\n\n        .chart-legend .legend-item {\n            display: flex !important;\n            flex-direction: row !important;\n            align-items: center !important;\n            margin-bottom: 8px !important;\n            gap: 0 !important;\n            padding: 0 !important;\n            list-style: none !important;\n            float: none !important;\n            clear: none !important;\n        }\n\n        .chart-legend .legend-color {\n            display: inline-block !important;\n            width: 12px !important;\n            height: 12px !important;\n            min-width: 12px !important;\n            min-height: 12px !important;\n            border-radius: 2px !important;\n            margin-right: 8px !important;\n            margin-top: 0 !important;\n            margin-bottom: 0 !important;\n            padding: 0 !important;\n            flex-shrink: 0 !important;\n            vertical-align: middle !important;\n        }\n\n        \/* ===== OFFERS SECTION ===== *\/\n        .offers {\n            background: var(--light-gray);\n        }\n\n        .offers-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n            margin-top: 40px;\n        }\n\n        .offer-card {\n            background: var(--white);\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n            transition: all 0.3s ease;\n            border-top: 4px solid var(--accent-green);\n        }\n\n        .offer-card.spanish {\n            border-top-color: var(--accent-red);\n        }\n\n        .offer-card.english {\n            border-top-color: var(--accent-orange);\n        }\n\n        .offer-card.german {\n            border-top-color: var(--secondary-blue);\n        }\n\n        .offer-card.italian {\n            border-top-color: var(--accent-green);\n        }\n\n        .offer-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);\n        }\n\n        .offer-header {\n            padding: 25px;\n            background: linear-gradient(135deg, rgba(0, 74, 153, 0.05) 0%, rgba(0, 102, 204, 0.05) 100%);\n            border-bottom: 1px solid var(--border-gray);\n        }\n\n        .offer-header h3 {\n            color: var(--primary-blue);\n            font-size: 1.4rem;\n            margin-bottom: 5px;\n        }\n\n        .offer-header p {\n            color: var(--text-gray);\n            font-size: 0.9rem;\n        }\n\n        .offer-body {\n            padding: 25px;\n        }\n\n        .offer-stat {\n            display: flex;\n            justify-content: space-between;\n            padding: 12px 0;\n            border-bottom: 1px solid var(--border-gray);\n        }\n\n        .offer-stat:last-child {\n            border-bottom: none;\n        }\n\n        .offer-stat-label {\n            color: var(--text-gray);\n            font-weight: 500;\n        }\n\n        .offer-stat-value {\n            color: var(--primary-blue);\n            font-weight: 700;\n            font-size: 1.1rem;\n        }\n\n        \/* ===== DETAILED DATA SECTION ===== *\/\n        .detailed-data {\n            background: var(--white);\n        }\n\n        .data-tabs {\n            display: flex;\n            gap: 10px;\n            margin-bottom: 30px;\n            flex-wrap: wrap;\n            justify-content: center;\n        }\n\n        .tab-button {\n            background: var(--light-gray);\n            border: 2px solid var(--border-gray);\n            color: var(--text-gray);\n            padding: 10px 20px;\n            border-radius: 8px;\n            cursor: pointer;\n            font-weight: 500;\n            transition: all 0.3s ease;\n        }\n\n        .tab-button.active {\n            background: var(--primary-blue);\n            color: var(--white);\n            border-color: var(--primary-blue);\n        }\n\n        .tab-button:hover {\n            border-color: var(--primary-blue);\n            color: var(--primary-blue);\n        }\n\n        .tab-content {\n            display: none;\n            animation: fadeIn 0.3s ease;\n        }\n\n        .tab-content.active {\n            display: block;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        .data-table {\n            width: 100%;\n            border-collapse: collapse;\n            background: var(--white);\n            border-radius: 8px;\n            overflow: hidden;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n        }\n\n        .data-table thead {\n            background: var(--primary-blue);\n            color: var(--white);\n        }\n\n        .data-table th {\n            padding: 15px;\n            text-align: left;\n            font-weight: 600;\n        }\n\n        .data-table td {\n            padding: 15px;\n            border-bottom: 1px solid var(--border-gray);\n        }\n\n        .data-table tbody tr:hover {\n            background: var(--light-gray);\n        }\n\n        .data-table tbody tr:last-child td {\n            border-bottom: none;\n        }\n\n        \/* ===== FOOTER ===== *\/\n        footer {\n            background: var(--dark-gray);\n            color: var(--white);\n            padding: 40px 20px;\n            text-align: center;\n        }\n\n        .footer-content {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .footer-logo {\n            font-family: 'Poppins', sans-serif;\n            font-size: 1.3rem;\n            font-weight: 700;\n            margin-bottom: 10px;\n        }\n\n        .footer-text {\n            opacity: 0.8;\n            margin-bottom: 20px;\n        }\n\n        .footer-links {\n            display: flex;\n            justify-content: center;\n            gap: 20px;\n            flex-wrap: wrap;\n            margin-bottom: 20px;\n        }\n\n        .footer-links a {\n            color: var(--white);\n            text-decoration: none;\n            transition: color 0.3s ease;\n        }\n\n        .footer-links a:hover {\n            color: var(--accent-orange);\n        }\n\n        .footer-bottom {\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n            padding-top: 20px;\n            margin-top: 20px;\n            opacity: 0.7;\n            font-size: 0.9rem;\n        }\n\n        \/* ===== RESPONSIVE ===== *\/\n        @media (max-width: 768px) {\n            .section {\n                padding: 50px 20px;\n            }\n\n            .hero {\n                padding: 40px 20px;\n            }\n\n            .hero h1 {\n                font-size: 2rem;\n            }\n\n            .charts-container {\n                grid-template-columns: 1fr;\n            }\n\n            .offers-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .stats-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 20px;\n            }\n\n            .data-table {\n                font-size: 0.9rem;\n            }\n\n            .data-table th,\n            .data-table td {\n                padding: 10px;\n            }\n\n            .footer-links {\n                flex-direction: column;\n                gap: 10px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .hero h1 {\n                font-size: 1.5rem;\n            }\n\n            .section-title {\n                font-size: 1.5rem;\n            }\n\n            .stats-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .stat-item h4 {\n                font-size: 2rem;\n            }\n\n            .about-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .data-tabs {\n                gap: 5px;\n            }\n\n            .tab-button {\n                padding: 8px 12px;\n                font-size: 0.85rem;\n            }\n        }\n\n        \/* ===== ACCESSIBILITY ===== *\/\n        .sr-only {\n            position: absolute;\n            width: 1px;\n            height: 1px;\n            padding: 0;\n            margin: -1px;\n            overflow: hidden;\n            clip: rect(0, 0, 0, 0);\n            white-space: nowrap;\n            border-width: 0;\n        }\n\n        \/* ===== SCROLL ANIMATIONS ===== *\/\n        .fade-in {\n            opacity: 0;\n            transform: translateY(20px);\n            animation: fadeInUp 0.6s ease forwards;\n        }\n\n        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- HERO SECTION -->\n    <section class=\"hero\">\n        <div class=\"hero-content\">\n            <div class=\"hero-badge\">\n                <i class=\"fas fa-globe\"><\/i> Programa Institucional\n            <\/div>\n            <h1>Idiomas sem Fronteiras<\/h1>\n            <p class=\"subtitle\">Expandindo horizontes atrav\u00e9s do ensino de l\u00ednguas estrangeiras na UFPR<\/p>\n            <p style=\"margin-top: 20px;\">\n                <a href=\"#offers\" class=\"cta-button\">Dados Individuais<\/a>\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <!-- STATS SECTION -->\n    <section class=\"stats section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\" style=\"color: var(--white);\">IsF em N\u00fameros<\/h2>\n            <p class=\"section-subtitle\" style=\"color: rgba(255, 255, 255, 0.9);\">Dados consolidados de 2024<\/p>\n            \n            <div class=\"stats-grid\">\n                <div class=\"stat-item\">\n                    <h4>1.501<\/h4>\n                    <p>Inscri\u00e7\u00f5es Totais<\/p>\n                <\/div>\n                <div class=\"stat-item\">\n                    <h4>6<\/h4>\n                    <p>Ofertas Realizadas<\/p>\n                <\/div>\n                <div class=\"stat-item\">\n                    <h4>3<\/h4>\n                    <p>Idiomas Oferecidos<\/p>\n                <\/div>\n                <div class=\"stat-item\">\n                    <h4>43,0%<\/h4>\n                    <p>Divulga\u00e7\u00e3o Instagram<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CHARTS SECTION -->\n    <section class=\"charts section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">An\u00e1lise de Dados<\/h2>\n            <p class=\"section-subtitle\">Visualiza\u00e7\u00e3o detalhada dos perfis de inscritos nas diferentes ofertas<\/p>\n            \n            <div class=\"charts-container\">\n                <!-- Chart 2: G\u00eanero (Consolidado Geral 2024) -->\n                <div class=\"chart-card fade-in\">\n                    <h3><i class=\"fas fa-chart-pie\"><\/i> G\u00eanero<\/h3>\n                    <div class=\"chart-wrapper\">\n                        <canvas id=\"chart-genero-alemao\"><\/canvas>\n                    <\/div>\n                    <div class=\"chart-legend\">\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #e30613;\"><\/div>\n                            <span>Feminino: 68,1% (663)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #004a99;\"><\/div>\n                            <span>Masculino: 30,0% (292)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #cccccc;\"><\/div>\n                            <span>Outros: 1,9% (19)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Chart 6: Divulga\u00e7\u00e3o (Consolidado Geral 2024) -->\n                <div class=\"chart-card fade-in\">\n                    <h3><i class=\"fas fa-chart-bar\"><\/i> Canais de Divulga\u00e7\u00e3o<\/h3>\n                    <div class=\"chart-wrapper\">\n                        <canvas id=\"chart-divulgacao-alemao\"><\/canvas>\n                    <\/div>\n                    <div class=\"chart-legend\">\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #e30613;\"><\/div>\n                            <span>Instagram: 43,0%<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #f39200;\"><\/div>\n                            <span>Site UFPR: 13,5%<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #009540;\"><\/div>\n                            <span>WhatsApp: 9,7%<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n                            <span>Indica\u00e7\u00e3o: 9,2%<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #004a99;\"><\/div>\n                            <span>E-mail UFPR: 7,2%<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #9d9a9a;\"><\/div>\n                            <span>Facebook: 4,5%<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #2c3e50;\"><\/div>\n                            <span>Outros: 12,9%<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Chart 5: Motiva\u00e7\u00e3o (mantido como refer\u00eancia) -->\n                <div class=\"chart-card fade-in\">\n                    <h3><i class=\"fas fa-chart-bar\"><\/i> Motiva\u00e7\u00f5es<\/h3>\n                    <div class=\"chart-wrapper\">\n                        <canvas id=\"chart-motivacao-alemao\"><\/canvas>\n                    <\/div>\n                    <div class=\"chart-legend\">\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #e30613;\"><\/div>\n                            <span>Estudar\/Pesquisar fora: 69,88%<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #004a99;\"><\/div>\n                            <span>Interesse na l\u00edngua: 64,30%<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #f39200;\"><\/div>\n                            <span>Outras (Est\u00e1gio, P\u00f3s, etc.): 2,79%<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <h2 class=\"section-title\">Setores de Estudo e Atua\u00e7\u00e3o<\/h2>\n\n            <div class=\"charts-container\">    \n                <!-- Chart 1: Distribui\u00e7\u00e3o por \u00c1rea (Oferta 1 - Mar\u00e7o) -->\n                <div class=\"chart-card fade-in\">\n                    <h3><i class=\"fas fa-chart-pie\"><\/i> Oferta 1 &#8211; Mar\u00e7o (Espanhol\/Ingl\u00eas\/Italiano)<\/h3>\n                    <div class=\"chart-wrapper\">\n                        <canvas id=\"chart-area-oferta1\"><\/canvas>\n                    <\/div>\n                    <div class=\"chart-legend\">\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #004a99;\"><\/div>\n                            <span>Ci\u00eancias Exatas: 28,5% (156)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n                            <span>Ci\u00eancias Humanas: 45,6% (250)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n                            <span>Ci\u00eancias Biol\u00f3gicas: 25,9% (142)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Chart 3: Distribui\u00e7\u00e3o por \u00c1rea (Oferta 2 - Abril) -->\n                <div class=\"chart-card fade-in\">\n                    <h3><i class=\"fas fa-chart-pie\"><\/i> Oferta 2 &#8211; Abril (Ingl\u00eas)<\/h3>\n                    <div class=\"chart-wrapper\">\n                        <canvas id=\"chart-area-oferta2\"><\/canvas>\n                    <\/div>\n                    <div class=\"chart-legend\">\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #004a99;\"><\/div>\n                            <span>Ci\u00eancias Exatas: 27,8% (42)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n                            <span>Ci\u00eancias Humanas: 37,7% (57)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n                            <span>Ci\u00eancias Biol\u00f3gicas: 34,4% (52)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Chart 4: Distribui\u00e7\u00e3o por \u00c1rea (Oferta 3 - Junho) -->\n                <div class=\"chart-card fade-in\">\n                    <h3><i class=\"fas fa-chart-pie\"><\/i> Oferta 3 &#8211; Junho (Ingl\u00eas\/Alem\u00e3o)<\/h3>\n                    <div class=\"chart-wrapper\">\n                        <canvas id=\"chart-area-oferta3\"><\/canvas>\n                    <\/div>\n                    <div class=\"chart-legend\">\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #004a99;\"><\/div>\n                            <span>Ci\u00eancias Exatas: 30,3% (92)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n                            <span>Ci\u00eancias Humanas: 32,2% (98)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n                            <span>Ci\u00eancias Biol\u00f3gicas: 23,0% (70)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Chart: Distribui\u00e7\u00e3o por \u00c1rea (Oferta 4 - Julho) -->\n                <div class=\"chart-card fade-in\">\n                    <h3><i class=\"fas fa-chart-pie\"><\/i> Oferta 4 &#8211; Julho (Espanhol)<\/h3>\n                    <div class=\"chart-wrapper\">\n                        <canvas id=\"chart-area-oferta4\"><\/canvas>\n                    <\/div>\n                    <div class=\"chart-legend\">\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #004a99;\"><\/div>\n                            <span>Ci\u00eancias Exatas: 20,7% (57)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n                            <span>Ci\u00eancias Humanas: 42,2% (116)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n                            <span>Ci\u00eancias Biol\u00f3gicas: 18,2% (50)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Chart: Distribui\u00e7\u00e3o por \u00c1rea (Oferta 6 - Outubro) -->\n                <div class=\"chart-card fade-in\">\n                    <h3><i class=\"fas fa-chart-pie\"><\/i> Oferta 6 &#8211; Outubro (Alem\u00e3o)<\/h3>\n                    <div class=\"chart-wrapper\">\n                        <canvas id=\"chart-area-oferta6\"><\/canvas>\n                    <\/div>\n                    <div class=\"chart-legend\">\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #004a99;\"><\/div>\n                            <span>Ci\u00eancias Exatas: 14,2% (19)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n                            <span>Ci\u00eancias Humanas: 10,4% (14)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n                            <span>Ci\u00eancias Biol\u00f3gicas: 8,2% (11)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- OFFERS SECTION -->\n    <section class=\"offers section\" id=\"offers\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Ofertas Realizadas<\/h2>\n            <p class=\"section-subtitle\">Resumo das principais ofertas de 2024<\/p>\n            \n            <div class=\"offers-grid\">\n                <!-- Oferta 1 -->\n                <div class=\"offer-card spanish fade-in\">\n                    <div class=\"offer-header\">\n                        <h3><i class=\"fas fa-language\"><\/i> Espanhol, Ingl\u00eas e Italiano<\/h3>\n                        <p>Oferta 1 &#8211; Mar\u00e7o\/2024<\/p>\n                    <\/div>\n                    <div class=\"offer-body\">\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">Total de Inscritos<\/span>\n                            <span class=\"offer-stat-value\">548<\/span>\n                        <\/div>\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">Cursos Oferecidos<\/span>\n                            <span class=\"offer-stat-value\">10<\/span>\n                        <\/div>\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">N\u00edvel Predominante<\/span>\n                            <span class=\"offer-stat-value\">Italiano A1<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Oferta 2 -->\n                <div class=\"offer-card english fade-in\">\n                    <div class=\"offer-header\">\n                        <h3><i class=\"fas fa-language\"><\/i> Ingl\u00eas<\/h3>\n                        <p>Oferta 2 &#8211; Abril\/2024<\/p>\n                    <\/div>\n                    <div class=\"offer-body\">\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">Total de Inscritos<\/span>\n                            <span class=\"offer-stat-value\">151<\/span>\n                        <\/div>\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">Cursos Oferecidos<\/span>\n                            <span class=\"offer-stat-value\">5<\/span>\n                        <\/div>\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">N\u00edvel Predominante<\/span>\n                            <span class=\"offer-stat-value\">B1<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Oferta 3 -->\n                <div class=\"offer-card german fade-in\">\n                    <div class=\"offer-header\">\n                        <h3><i class=\"fas fa-language\"><\/i> Ingl\u00eas e Alem\u00e3o<\/h3>\n                        <p>Oferta 3 &#8211; Junho\/2024<\/p>\n                    <\/div>\n                    <div class=\"offer-body\">\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">Total de Inscritos<\/span>\n                            <span class=\"offer-stat-value\">304<\/span>\n                        <\/div>\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">Cursos Oferecidos<\/span>\n                            <span class=\"offer-stat-value\">7<\/span>\n                        <\/div>\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">N\u00edvel Predominante<\/span>\n                            <span class=\"offer-stat-value\">Alem\u00e3o A1<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Oferta 4 -->\n                <div class=\"offer-card spanish fade-in\">\n                    <div class=\"offer-header\">\n                        <h3><i class=\"fas fa-language\"><\/i> Espanhol<\/h3>\n                        <p>Oferta 4 &#8211; Julho\/2024<\/p>\n                    <\/div>\n                    <div class=\"offer-body\">\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">Total de Inscritos<\/span>\n                            <span class=\"offer-stat-value\">275<\/span>\n                        <\/div>\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">Cursos Oferecidos<\/span>\n                            <span class=\"offer-stat-value\">1<\/span>\n                        <\/div>\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">N\u00edvel Predominante<\/span>\n                            <span class=\"offer-stat-value\">A1\/A2<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Oferta 5 -->\n                <div class=\"offer-card english fade-in\">\n                    <div class=\"offer-header\">\n                        <h3><i class=\"fas fa-language\"><\/i> Ingl\u00eas<\/h3>\n                        <p>Oferta 5 &#8211; Agosto\/2024<\/p>\n                    <\/div>\n                    <div class=\"offer-body\">\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">Total de Inscritos<\/span>\n                            <span class=\"offer-stat-value\">89<\/span>\n                        <\/div>\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">Cursos Oferecidos<\/span>\n                            <span class=\"offer-stat-value\">5<\/span>\n                        <\/div>\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">N\u00edvel Predominante<\/span>\n                            <span class=\"offer-stat-value\">B1<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Oferta 6 -->\n                <div class=\"offer-card german fade-in\">\n                    <div class=\"offer-header\">\n                        <h3><i class=\"fas fa-language\"><\/i> Alem\u00e3o<\/h3>\n                        <p>Oferta 6 &#8211; Outubro\/2024<\/p>\n                    <\/div>\n                    <div class=\"offer-body\">\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">Total de Inscritos<\/span>\n                            <span class=\"offer-stat-value\">134<\/span>\n                        <\/div>\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">Cursos Oferecidos<\/span>\n                            <span class=\"offer-stat-value\">2<\/span>\n                        <\/div>\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">N\u00edvel Predominante<\/span>\n                            <span class=\"offer-stat-value\">A1.1<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- DETAILED DATA SECTION -->\n    <section class=\"detailed-data section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Dados Detalhados<\/h2>\n            <p class=\"section-subtitle\">An\u00e1lise completa das inscri\u00e7\u00f5es por oferta e idioma<\/p>\n            \n            <div class=\"data-tabs\">\n                <button class=\"tab-button active\" onclick=\"switchTab(event, 'tab-oferta1')\">Oferta 1 &#8211; Mar\u00e7o<\/button>\n                <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-oferta2')\">Oferta 2 &#8211; Abril<\/button>\n                <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-oferta3')\">Oferta 3 &#8211; Junho<\/button>\n                <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-oferta4')\">Oferta 4 &#8211; Julho<\/button>\n                <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-oferta5')\">Oferta 5 &#8211; Agosto<\/button>\n                <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-oferta6')\">Oferta 6 &#8211; Outubro<\/button>\n            <\/div>\n\n            <!-- Tab 1: Oferta 1 - Mar\u00e7o -->\n            <div id=\"tab-oferta1\" class=\"tab-content active\">\n                <table class=\"data-table\">\n                    <thead>\n                        <tr>\n                            <th>M\u00e9trica<\/th>\n                            <th>N\u00famero<\/th>\n                            <th>Percentual<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td>Total de Inscritos<\/td>\n                            <td>548<\/td>\n                            <td>100%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n                            <td>361<\/td>\n                            <td>65,9%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n                            <td>146<\/td>\n                            <td>26,6%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n                            <td>41<\/td>\n                            <td>7,5%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Feminino<\/td>\n                            <td>365<\/td>\n                            <td>66,6%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Masculino<\/td>\n                            <td>171<\/td>\n                            <td>31,2%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n                            <td>12<\/td>\n                            <td>2,2%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Instagram<\/td>\n                            <td>193<\/td>\n                            <td>35,2%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Site UFPR<\/td>\n                            <td>59<\/td>\n                            <td>10,8%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Outros Meios<\/td>\n                            <td>296<\/td>\n                            <td>54,0%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Inscri\u00e7\u00f5es por Curso:<\/strong><\/td>\n                            <td><\/td>\n                            <td><\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas I (Compreens\u00e3o escrita: estrat\u00e9gias &#8211; A2)<\/td>\n                            <td>41<\/td>\n                            <td>7,5%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas II (Intera\u00e7\u00f5es cotidianas &#8211; A1)<\/td>\n                            <td>88<\/td>\n                            <td>16,1%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas III (Produ\u00e7\u00e3o escrita: abstracts &#8211; B1)<\/td>\n                            <td>28<\/td>\n                            <td>5,1%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas IV (Produ\u00e7\u00e3o oral: debates &#8211; B1)<\/td>\n                            <td>31<\/td>\n                            <td>5,7%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas V (Produ\u00e7\u00e3o escrita: par\u00e1grafos &#8211; B1\/B2)<\/td>\n                            <td>18<\/td>\n                            <td>3,3%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Espanhol I (Bem-vindo ao espanhol &#8211; A1\/A2)<\/td>\n                            <td>94<\/td>\n                            <td>17,2%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Espanhol II (Compreens\u00e3o leitora &#8211; A1\/A2)<\/td>\n                            <td>45<\/td>\n                            <td>8,2%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Espanhol III (Compet\u00eancias interculturais &#8211; A1\/A2)<\/td>\n                            <td>27<\/td>\n                            <td>4,9%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Italiano I (Diferen\u00e7as culturais &#8211; n\u00edvel A)<\/td>\n                            <td>62<\/td>\n                            <td>11,3%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Italiano II (Introdu\u00e7\u00e3o \u00e0 l\u00edngua e cultura &#8211; A1)<\/td>\n                            <td>114<\/td>\n                            <td>20,8%<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <!-- Tab 2: Oferta 2 - Abril -->\n            <div id=\"tab-oferta2\" class=\"tab-content\">\n                <table class=\"data-table\">\n                    <thead>\n                        <tr>\n                            <th>M\u00e9trica<\/th>\n                            <th>N\u00famero<\/th>\n                            <th>Percentual<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td>Total de Inscritos<\/td>\n                            <td>151<\/td>\n                            <td>100%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n                            <td>92<\/td>\n                            <td>60,9%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n                            <td>53<\/td>\n                            <td>35,1%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n                            <td>6<\/td>\n                            <td>4,0%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Feminino<\/td>\n                            <td>108<\/td>\n                            <td>71,5%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Masculino<\/td>\n                            <td>41<\/td>\n                            <td>27,2%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n                            <td>2<\/td>\n                            <td>1,3%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Instagram<\/td>\n                            <td>89<\/td>\n                            <td>58,9%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Site UFPR<\/td>\n                            <td>22<\/td>\n                            <td>14,6%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Outros Meios<\/td>\n                            <td>40<\/td>\n                            <td>26,5%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Inscri\u00e7\u00f5es por Curso:<\/strong><\/td>\n                            <td><\/td>\n                            <td><\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas I (Compreens\u00e3o escrita: estrat\u00e9gias &#8211; A2)<\/td>\n                            <td>36<\/td>\n                            <td>23,8%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas II (Intera\u00e7\u00f5es cotidianas &#8211; A1)<\/td>\n                            <td>43<\/td>\n                            <td>28,5%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas III (Variedades de l\u00edngua inglesa &#8211; A2)<\/td>\n                            <td>11<\/td>\n                            <td>7,3%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas IV (Diferen\u00e7as culturais &#8211; A2)<\/td>\n                            <td>15<\/td>\n                            <td>9,9%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas V (Compreens\u00e3o escrita: estrat\u00e9gias &#8211; B1)<\/td>\n                            <td>46<\/td>\n                            <td>30,5%<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <!-- Tab 3: Oferta 3 - Junho -->\n            <div id=\"tab-oferta3\" class=\"tab-content\">\n                <table class=\"data-table\">\n                    <thead>\n                        <tr>\n                            <th>M\u00e9trica<\/th>\n                            <th>N\u00famero<\/th>\n                            <th>Percentual<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td>Total de Inscritos<\/td>\n                            <td>304<\/td>\n                            <td>100%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n                            <td>205<\/td>\n                            <td>67,4%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n                            <td>72<\/td>\n                            <td>23,7%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n                            <td>27<\/td>\n                            <td>8,9%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Feminino<\/td>\n                            <td><\/td>\n                            <td><\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Masculino<\/td>\n                            <td><\/td>\n                            <td><\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n                            <td><\/td>\n                            <td><\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Instagram<\/td>\n                            <td>139<\/td>\n                            <td>45,7%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Site UFPR<\/td>\n                            <td>49<\/td>\n                            <td>16,1%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Outros Meios<\/td>\n                            <td>116<\/td>\n                            <td>38,2%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Inscri\u00e7\u00f5es por Curso:<\/strong><\/td>\n                            <td><\/td>\n                            <td><\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas I (Produ\u00e7\u00e3o escrita: par\u00e1grafos &#8211; B1)<\/td>\n                            <td>39<\/td>\n                            <td>12,8%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas II (Literatura &#8211; B1)<\/td>\n                            <td>10<\/td>\n                            <td>3,3%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas III (Intera\u00e7\u00f5es cotidianas &#8211; B1)<\/td>\n                            <td>46<\/td>\n                            <td>15,1%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas IV (Compreens\u00e3o oral &#8211; A2)<\/td>\n                            <td>32<\/td>\n                            <td>10,5%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas V (Comunica\u00e7\u00e3o intercultural &#8211; A2)<\/td>\n                            <td>27<\/td>\n                            <td>8,9%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alem\u00e3o VI (Literatura e cultura austr\u00edaca &#8211; A2.1)<\/td>\n                            <td>22<\/td>\n                            <td>7,2%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alem\u00e3o VII (Pron\u00fancia, ritmo e entona\u00e7\u00e3o &#8211; A1)<\/td>\n                            <td>128<\/td>\n                            <td>42,1%<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <!-- Tab 4: Oferta 4 - Julho -->\n            <div id=\"tab-oferta4\" class=\"tab-content\">\n                <table class=\"data-table\">\n                    <thead>\n                        <tr>\n                            <th>M\u00e9trica<\/th>\n                            <th>N\u00famero<\/th>\n                            <th>Percentual<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td>Total de Inscritos<\/td>\n                            <td>275<\/td>\n                            <td>100%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n                            <td>181<\/td>\n                            <td>65,8%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n                            <td>68<\/td>\n                            <td>24,7%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n                            <td>26<\/td>\n                            <td>9,5%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Feminino<\/td>\n                            <td>190<\/td>\n                            <td>69,1%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Masculino<\/td>\n                            <td>80<\/td>\n                            <td>29,1%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n                            <td>5<\/td>\n                            <td>1,8%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Instagram<\/td>\n                            <td>129<\/td>\n                            <td>46,9%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Site UFPR<\/td>\n                            <td>42<\/td>\n                            <td>15,3%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Outros Meios<\/td>\n                            <td>104<\/td>\n                            <td>37,8%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Inscri\u00e7\u00f5es por Curso:<\/strong><\/td>\n                            <td><\/td>\n                            <td><\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Espanhol I (Compet\u00eancias Interculturais &#8211; A1\/A2)<\/td>\n                            <td>275<\/td>\n                            <td>100%<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <!-- Tab 5: Oferta 5 - Agosto -->\n            <div id=\"tab-oferta5\" class=\"tab-content\">\n                <table class=\"data-table\">\n                    <thead>\n                        <tr>\n                            <th>M\u00e9trica<\/th>\n                            <th>N\u00famero<\/th>\n                            <th>Percentual<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td>Total de Inscritos<\/td>\n                            <td>89<\/td>\n                            <td>100%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Inscri\u00e7\u00f5es por Curso:<\/strong><\/td>\n                            <td><\/td>\n                            <td><\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas I (Comunica\u00e7\u00e3o Intercultural &#8211; B1)<\/td>\n                            <td>9<\/td>\n                            <td>10,1%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas II (Produ\u00e7\u00e3o oral: debates &#8211; B1)<\/td>\n                            <td>11<\/td>\n                            <td>12,4%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas III (Compreens\u00e3o oral: estrat\u00e9gias &#8211; B1)<\/td>\n                            <td>23<\/td>\n                            <td>25,8%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas IV (Intera\u00e7\u00f5es cotidianas &#8211; A2)<\/td>\n                            <td>22<\/td>\n                            <td>24,7%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Ingl\u00eas V (Variedades da l\u00edngua inglesa &#8211; B1)<\/td>\n                            <td>24<\/td>\n                            <td>27,0%<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <!-- Tab 6: Oferta 6 - Outubro -->\n            <div id=\"tab-oferta6\" class=\"tab-content\">\n                <table class=\"data-table\">\n                    <thead>\n                        <tr>\n                            <th>M\u00e9trica<\/th>\n                            <th>N\u00famero<\/th>\n                            <th>Percentual<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td>Total de Inscritos<\/td>\n                            <td>134<\/td>\n                            <td>100%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Inscri\u00e7\u00f5es por Curso:<\/strong><\/td>\n                            <td><\/td>\n                            <td><\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alem\u00e3o I (Alem\u00e3o para brasileiros &#8211; A1.1)<\/td>\n                            <td>117<\/td>\n                            <td>87,3%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alem\u00e3o II (Pron\u00fancia, ritmo e entona\u00e7\u00e3o &#8211; A1.1)<\/td>\n                            <td>17<\/td>\n                            <td>12,7%<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FOOTER -->\n    <footer>\n        <div class=\"footer-content\">\n            <div class=\"footer-logo\">\n                <i class=\"fas fa-globe\"><\/i> Idiomas sem Fronteiras\n            <\/div>\n            <p class=\"footer-text\">Programa Institucional de Ensino de L\u00ednguas Estrangeiras da UFPR<\/p>\n            \n            <div class=\"footer-links\">\n                <a href=\"https:\/\/internacional.ufpr.br\/portal\/\" target=\"_blank\">ERI &#8211; UFPR<\/a>\n                <a href=\"#top\">Voltar ao topo<\/a>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Inicializar gr\u00e1ficos com Chart.js\n        const chartConfig = {\n            responsive: true,\n            maintainAspectRatio: false,\n            plugins: {\n                legend: {\n                    display: false\n                }\n            }\n        };\n\n        \/\/ Chart: G\u00eanero Consolidado 2024\n        const ctxGenero = document.getElementById('chart-genero-alemao').getContext('2d');\n        new Chart(ctxGenero, {\n            type: 'doughnut',\n            data: {\n                labels: ['Feminino', 'Masculino', 'Outros'],\n                datasets: [{\n                    data: [68.1, 30.0, 1.9],\n                    backgroundColor: ['#e30613', '#004a99', '#cccccc'],\n                    borderColor: '#ffffff',\n                    borderWidth: 3\n                }]\n            },\n            options: chartConfig\n        });\n\n        \/\/ Chart: Divulga\u00e7\u00e3o Consolidado 2024\n        const ctxDivulgacao = document.getElementById('chart-divulgacao-alemao').getContext('2d');\n        new Chart(ctxDivulgacao, {\n            type: 'bar',\n            data: {\n                labels: ['Instagram', 'Site UFPR', 'WhatsApp', 'Indica\u00e7\u00e3o', 'E-mail UFPR', 'Facebook', 'Outros'],\n                datasets: [{\n                    label: 'Percentual (%)',\n                    data: [43.0, 13.5, 9.7, 9.2, 7.2, 4.5, 12.9],\n                    backgroundColor: ['#e30613', '#f39200', '#009540', '#6a17a2', '#004a99', '#9d9a9a', '#2c3e50'],\n                    borderRadius: 6,\n                    borderSkipped: false\n                }]\n            },\n            options: {\n                ...chartConfig,\n                indexAxis: 'y',\n                plugins: {\n                    legend: {\n                        display: false\n                    }\n                },\n                scales: {\n                    x: {\n                        beginAtZero: true,\n                        max: 100,\n                        ticks: {\n                            callback: function(value) {\n                                return value + '%';\n                            }\n                        }\n                    }\n                }\n            }\n        });\n\n        \/\/ Chart: Motiva\u00e7\u00e3o (mantido como refer\u00eancia)\n        const ctxMotivacao = document.getElementById('chart-motivacao-alemao').getContext('2d');\n        new Chart(ctxMotivacao, {\n            type: 'bar',\n            data: {\n                labels: ['Estudar\/Pesquisar fora', 'Interesse na L\u00edngua', 'Est\u00e1gio, P\u00f3s, etc.'],\n                datasets: [{\n                    label: 'Percentual (%)',\n                    data: [69.88, 64.30, 2.79],\n                    backgroundColor: ['#e30613', '#004a99','#f39200'],\n                    borderRadius: 6,\n                    borderSkipped: false\n                }]\n            },\n            options: {\n                ...chartConfig,\n                indexAxis: 'y',\n                plugins: {\n                    legend: {\n                        display: false\n                    }\n                },\n                scales: {\n                    x: {\n                        beginAtZero: true,\n                        max: 100,\n                        ticks: {\n                            callback: function(value) {\n                                return value + '%';\n                            }\n                        }\n                    }\n                }\n            }\n        });\n\n        \/\/ Chart: \u00c1rea Oferta 1 - Mar\u00e7o\n        const ctxOferta1 = document.getElementById('chart-area-oferta1').getContext('2d');\n        new Chart(ctxOferta1, {\n            type: 'doughnut',\n            data: {\n                labels: ['Ci\u00eancias Exatas', 'Ci\u00eancias Humanas', 'Ci\u00eancias Biol\u00f3gicas'],\n                datasets: [{\n                    data: [28.5, 45.6, 25.9],\n                    backgroundColor: ['#004a99', '#6a17a2', '#0c6e1c'],\n                    borderColor: '#ffffff',\n                    borderWidth: 3\n                }]\n            },\n            options: chartConfig\n        });\n\n        \/\/ Chart: \u00c1rea Oferta 2 - Abril\n        const ctxOferta2 = document.getElementById('chart-area-oferta2').getContext('2d');\n        new Chart(ctxOferta2, {\n            type: 'doughnut',\n            data: {\n                labels: ['Ci\u00eancias Exatas', 'Ci\u00eancias Humanas', 'Ci\u00eancias Biol\u00f3gicas'],\n                datasets: [{\n                    data: [27.8, 37.7, 34.4],\n                    backgroundColor: ['#004a99', '#6a17a2', '#0c6e1c'],\n                    borderColor: '#ffffff',\n                    borderWidth: 3\n                }]\n            },\n            options: chartConfig\n        });\n\n        \/\/ Chart: \u00c1rea Oferta 3 - Junho\n        const ctxOferta3 = document.getElementById('chart-area-oferta3').getContext('2d');\n        new Chart(ctxOferta3, {\n            type: 'doughnut',\n            data: {\n                labels: ['Ci\u00eancias Exatas', 'Ci\u00eancias Humanas', 'Ci\u00eancias Biol\u00f3gicas'],\n                datasets: [{\n                    data: [30.3, 32.2, 23.0],\n                    backgroundColor: ['#004a99', '#6a17a2', '#0c6e1c'],\n                    borderColor: '#ffffff',\n                    borderWidth: 3\n                }]\n            },\n            options: chartConfig\n        });\n\n        \/\/ Chart: \u00c1rea Oferta 4 - Julho\n        const ctxOferta4 = document.getElementById('chart-area-oferta4').getContext('2d');\n        new Chart(ctxOferta4, {\n            type: 'doughnut',\n            data: {\n                labels: ['Ci\u00eancias Exatas', 'Ci\u00eancias Humanas', 'Ci\u00eancias Biol\u00f3gicas'],\n                datasets: [{\n                    data: [20.7, 42.2, 18.2],\n                    backgroundColor: ['#004a99', '#6a17a2', '#0c6e1c'],\n                    borderColor: '#ffffff',\n                    borderWidth: 3\n                }]\n            },\n            options: chartConfig\n        });\n\n        \/\/ Chart: \u00c1rea Oferta 6 - Outubro\n        const ctxOferta6 = document.getElementById('chart-area-oferta6').getContext('2d');\n        new Chart(ctxOferta6, {\n            type: 'doughnut',\n            data: {\n                labels: ['Ci\u00eancias Exatas', 'Ci\u00eancias Humanas', 'Ci\u00eancias Biol\u00f3gicas'],\n                datasets: [{\n                    data: [14.2, 10.4, 8.2],\n                    backgroundColor: ['#004a99', '#6a17a2', '#0c6e1c'],\n                    borderColor: '#ffffff',\n                    borderWidth: 3\n                }]\n            },\n            options: chartConfig\n        });\n\n        \/\/ Fun\u00e7\u00e3o para trocar abas\n        function switchTab(event, tabId) {\n            const tabs = document.querySelectorAll('.tab-content');\n            tabs.forEach(tab => tab.classList.remove('active'));\n\n            const buttons = document.querySelectorAll('.tab-button');\n            buttons.forEach(btn => btn.classList.remove('active'));\n\n            document.getElementById(tabId).classList.add('active');\n            event.target.classList.add('active');\n        }\n\n        \/\/ Anima\u00e7\u00e3o de fade-in ao scroll\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -100px 0px'\n        };\n\n        const observer = new IntersectionObserver(function(entries) {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.style.animationDelay = '0.2s';\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.fade-in').forEach(el => {\n            observer.observe(el);\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Idiomas sem Fronteiras &#8211; UFPR Programa Institucional Idiomas sem Fronteiras Expandindo horizontes atrav\u00e9s do ensino de l\u00ednguas estrangeiras na UFPR Dados Individuais IsF em N\u00fameros Dados consolidados de 2024 1.501 Inscri\u00e7\u00f5es Totais 6 Ofertas Realizadas 3 Idiomas Oferecidos 43,0% Divulga\u00e7\u00e3o Instagram An\u00e1lise de Dados Visualiza\u00e7\u00e3o detalhada dos perfis de inscritos nas diferentes ofertas G\u00eanero Feminino: [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-13607","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/pages\/13607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/comments?post=13607"}],"version-history":[{"count":2,"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/pages\/13607\/revisions"}],"predecessor-version":[{"id":13625,"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/pages\/13607\/revisions\/13625"}],"wp:attachment":[{"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/media?parent=13607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}