{"id":13605,"date":"2026-08-27T17:09:10","date_gmt":"2026-08-27T20:09:10","guid":{"rendered":"https:\/\/internacional.ufpr.br\/portal\/?page_id=13605"},"modified":"2026-08-28T14:01:28","modified_gmt":"2026-08-28T17:01:28","slug":"idiomas-sem-fronteiras-dados-2023","status":"publish","type":"page","link":"https:\/\/internacional.ufpr.br\/portal\/idiomas-sem-fronteiras-dados-2023\/","title":{"rendered":"Idiomas Sem Fronteiras &#8211; Dados 2023"},"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: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 2023<\/p>\n            \n            <div class=\"stats-grid\">\n                <div class=\"stat-item\">\n                    <h4>1.255<\/h4>\n                    <p>Inscri\u00e7\u00f5es Totais<\/p>\n                <\/div>\n                <div class=\"stat-item\">\n                    <h4>7<\/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>29,72%<\/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 Gerais<\/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 2023) -->\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: #7e040c;\"><\/div>\n                            <span>Feminino: 64,46% (809)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #05376c;\"><\/div>\n                            <span>Masculino: 34,34% (431)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #9d9a9a;\"><\/div>\n                            <span>Outros:  1,20% (15)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Chart 6: Divulga\u00e7\u00e3o (Consolidado Geral 2023) -->\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>E-mail da Universidade: 47,49%<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #f39200;\"><\/div>\n                            <span>Instagram: 29,72%<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #004a99;\"><\/div>\n                            <span>Facebook: 1,43%<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #9d9a9a;\"><\/div>\n                            <span>Outros Canais: 21,35%<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Chart 5: Motiva\u00e7\u00e3o (Consolidado Geral 2023) -->\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) -->\n                <div class=\"chart-card fade-in\">\n                    <h3><i class=\"fas fa-chart-pie\"><\/i> Ingl\u00eas e Espanhol (Oferta 1)<\/h3>\n                    <div class=\"chart-wrapper\">\n                        <canvas id=\"chart-area-alemao\"><\/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,6% (169)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n                            <span>Ci\u00eancias Humanas: 39,8% (235)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n                            <span>Ci\u00eancias Biol\u00f3gicas: 31,6% (187)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Chart 3: Distribui\u00e7\u00e3o por \u00c1rea (Oferta 2) -->\n                <div class=\"chart-card fade-in\">\n                    <h3><i class=\"fas fa-chart-pie\"><\/i> Alem\u00e3o (Oferta 2)<\/h3>\n                    <div class=\"chart-wrapper\">\n                        <canvas id=\"chart-area-ingles\"><\/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: 36,5% (62)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n                            <span>Ci\u00eancias Humanas: 38,8% (66)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n                            <span>Ci\u00eancias Biol\u00f3gicas: 24,7% (42)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Chart 4: Distribui\u00e7\u00e3o por \u00c1rea (Oferta 3) -->\n                <div class=\"chart-card fade-in\">\n                    <h3><i class=\"fas fa-chart-pie\"><\/i> Ingl\u00eas (Oferta 3)<\/h3>\n                    <div class=\"chart-wrapper\">\n                        <canvas id=\"chart-area-espanhol\"><\/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,5% (39)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n                            <span>Ci\u00eancias Humanas: 35,2% (45)<\/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% (44)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Chart: Distribui\u00e7\u00e3o por \u00c1rea (Oferta 4) -->\n                <div class=\"chart-card fade-in\">\n                    <h3><i class=\"fas fa-chart-pie\"><\/i> Alem\u00e3o (Oferta 4)<\/h3>\n                    <div class=\"chart-wrapper\">\n                        <canvas id=\"chart-oferta-4\"><\/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: 60% (3)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n                            <span>Ci\u00eancias Humanas: 40% (2)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n                            <span>Ci\u00eancias Biol\u00f3gicas: 0% (0)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Chart: Distribui\u00e7\u00e3o por \u00c1rea (Oferta 5) -->\n                <div class=\"chart-card fade-in\">\n                    <h3><i class=\"fas fa-chart-pie\"><\/i> Ingl\u00eas (Oferta 5)<\/h3>\n                    <div class=\"chart-wrapper\">\n                        <canvas id=\"chart-oferta-5\"><\/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: 35,7% (5)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n                            <span>Ci\u00eancias Humanas: 42,9% (6)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n                            <span>Ci\u00eancias Biol\u00f3gicas: 21,4% (3)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Chart: Distribui\u00e7\u00e3o por \u00c1rea (Oferta 6) -->\n                <div class=\"chart-card fade-in\">\n                    <h3><i class=\"fas fa-chart-pie\"><\/i> Alem\u00e3o (Oferta 6)<\/h3>\n                    <div class=\"chart-wrapper\">\n                        <canvas id=\"chart-oferta-6\"><\/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: 38,6% (95)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n                            <span>Ci\u00eancias Humanas: 39% (96)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n                            <span>Ci\u00eancias Biol\u00f3gicas: 22,4% (55)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Chart: Distribui\u00e7\u00e3o por \u00c1rea (Oferta 7) -->\n                <div class=\"chart-card fade-in\">\n                    <h3><i class=\"fas fa-chart-pie\"><\/i> Ingl\u00eas (Oferta 7)<\/h3>\n                    <div class=\"chart-wrapper\">\n                        <canvas id=\"chart-oferta-7\"><\/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: 38,6% (39)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n                            <span>Ci\u00eancias Humanas: 35,6% (36)<\/span>\n                        <\/div>\n                        <div class=\"legend-item\">\n                            <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n                            <span>Ci\u00eancias Biol\u00f3gicas: 25,7% (26)<\/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 2023<\/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> Ingl\u00eas e Espanhol<\/h3>\n                        <p>Oferta 1 &#8211; Fevereiro\/2023<\/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\">591<\/span>\n                        <\/div>\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">Cursos Oferecidos<\/span>\n                            <span class=\"offer-stat-value\">6<\/span>\n                        <\/div>\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">N\u00edvel Predominante<\/span>\n                            <span class=\"offer-stat-value\">Espanhol A1<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Oferta 2 -->\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 2 &#8211; Mar\u00e7o\/2023<\/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\">170<\/span>\n                        <\/div>\n                        <div class=\"offer-stat\">\n                            <span class=\"offer-stat-label\">Cursos Oferecidos<\/span>\n                            <span class=\"offer-stat-value\">4<\/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<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Oferta 3 -->\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 3 &#8211; Julho\/2023<\/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\">128<\/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\">B1<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Oferta 4 -->\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 4 &#8211; Julho\/2023<\/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\">5<\/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<\/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; Setembro\/2023<\/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\">14<\/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\">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; Novembro\/2023<\/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\">246<\/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<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Oferta 7 -->\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 7 &#8211; Novembro\/2023<\/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\">101<\/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\">B1<\/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-alemao-3')\">Oferta 1 &#8211; Ingl\u00eas e Espanhol<\/button>\n                <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-espanhol-4')\">Oferta 2 &#8211; Alem\u00e3o<\/button>\n                <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-ingles-4')\">Oferta 3 &#8211; Ingl\u00eas<\/button>\n                <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-alemao-6')\">Oferta 4 &#8211; Alem\u00e3o<\/button>\n                <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-alemao-7')\">Oferta 5 &#8211; Ingl\u00eas<\/button>\n                <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-alemao-8')\">Oferta 6 &#8211; Alem\u00e3o<\/button>\n                <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-alemao-9')\">Oferta 7 &#8211; Ingl\u00eas<\/button>\n            <\/div>\n\n            <!-- Tab 1: Oferta 1 - Ingl\u00eas e Espanhol -->\n            <div id=\"tab-alemao-3\" 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>591<\/td>\n                            <td>100%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n                            <td>336<\/td>\n                            <td>56,9%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n                            <td>188<\/td>\n                            <td>31,8%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n                            <td>67<\/td>\n                            <td>11,3%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Feminino<\/td>\n                            <td>428<\/td>\n                            <td>72,4%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Masculino<\/td>\n                            <td>160<\/td>\n                            <td>27,1%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n                            <td>3<\/td>\n                            <td>0,5%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Instagram<\/td>\n                            <td>157<\/td>\n                            <td>26,6%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Site UFPR<\/td>\n                            <td>21<\/td>\n                            <td>3,6%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Outros Meios (E-mail, WhatsApp, etc.)<\/td>\n                            <td>413<\/td>\n                            <td>69,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>Curso I (Ingl\u00eas A2): Desenvolvimento de habilidades orais e pron\u00fancia<\/td>\n                            <td>111<\/td>\n                            <td>18,8%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Curso II (Ingl\u00eas A2): Diferen\u00e7as Culturais e Variantes<\/td>\n                            <td>31<\/td>\n                            <td>5,2%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Curso III (Ingl\u00eas B1): G\u00eaneros Textuais e Escrita Criativa<\/td>\n                            <td>34<\/td>\n                            <td>5,8%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Curso IV (Ingl\u00eas B1): Orat\u00f3ria<\/td>\n                            <td>146<\/td>\n                            <td>24,7%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Curso V (Espanhol A1): Compet\u00eancias Interculturais em Contexto Acad\u00eamico<\/td>\n                            <td>43<\/td>\n                            <td>7,3%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Curso VI (Espanhol A1): Conhecendo a L\u00edngua Espanhola<\/td>\n                            <td>224<\/td>\n                            <td>37,9%<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <!-- Tab 2: Oferta 2 - Alem\u00e3o -->\n            <div id=\"tab-espanhol-4\" 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>170<\/td>\n                            <td>100%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n                            <td>106<\/td>\n                            <td>62,4%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Aluno de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n                            <td>44<\/td>\n                            <td>25,9%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n                            <td>20<\/td>\n                            <td>11,7%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Feminino<\/td>\n                            <td>88<\/td>\n                            <td>51,8%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Masculino<\/td>\n                            <td>77<\/td>\n                            <td>45,3%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n                            <td>5<\/td>\n                            <td>2,9%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Instagram<\/td>\n                            <td>6<\/td>\n                            <td>3,5%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Site UFPR<\/td>\n                            <td>20<\/td>\n                            <td>11,8%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Outros Meios (E-mail, WhatsApp, etc.)<\/td>\n                            <td>144<\/td>\n                            <td>84,7%<\/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>Curso I (Alem\u00e3o A1): Alem\u00e3o para brasileiros (Turma 1)<\/td>\n                            <td>54<\/td>\n                            <td>31,8%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Curso II (Alem\u00e3o A1.2): Alem\u00e3o para brasileiros<\/td>\n                            <td>13<\/td>\n                            <td>7,6%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Curso III (Alem\u00e3o A1): Alem\u00e3o para brasileiros (Turma 2)<\/td>\n                            <td>85<\/td>\n                            <td>50,0%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Curso IV (Alem\u00e3o A1): Alem\u00e3o para brasileiros (Turma 3)<\/td>\n                            <td>18<\/td>\n                            <td>10,6%<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <!-- Tab 3: Oferta 3 - Ingl\u00eas -->\n            <div id=\"tab-ingles-4\" 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>128<\/td>\n                            <td>100%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n                            <td>75<\/td>\n                            <td>58,6%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n                            <td>41<\/td>\n                            <td>32,0%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n                            <td>12<\/td>\n                            <td>9,4%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Feminino<\/td>\n                            <td>82<\/td>\n                            <td>64,1%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Masculino<\/td>\n                            <td>45<\/td>\n                            <td>35,2%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n                            <td>1<\/td>\n                            <td>0,7%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Instagram<\/td>\n                            <td>68<\/td>\n                            <td>53,1%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Site UFPR<\/td>\n                            <td>14<\/td>\n                            <td>10,9%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Outros Meios (E-mail, WhatsApp, etc.)<\/td>\n                            <td>46<\/td>\n                            <td>36,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>Curso I (Ingl\u00eas B1): Produ\u00e7\u00e3o Oral &#8211; Comunica\u00e7\u00f5es Acad\u00eamicas<\/td>\n                            <td>72<\/td>\n                            <td>56,3%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Curso II (Ingl\u00eas A1): Intera\u00e7\u00f5es Cotidianas<\/td>\n                            <td>56<\/td>\n                            <td>43,8%<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <!-- Tab 4: Oferta 4 - Alem\u00e3o -->\n            <div id=\"tab-alemao-6\" 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>5<\/td>\n                            <td>100%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n                            <td>3<\/td>\n                            <td>60,0%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n                            <td>2<\/td>\n                            <td>40,0%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n                            <td>0<\/td>\n                            <td>0,0%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Feminino<\/td>\n                            <td>1<\/td>\n                            <td>20,0%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Masculino<\/td>\n                            <td>4<\/td>\n                            <td>80,0%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n                            <td>0<\/td>\n                            <td>0,0%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Instagrams<\/td>\n                            <td>1<\/td>\n                            <td>20,0%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Site UFPR<\/td>\n                            <td>2<\/td>\n                            <td>40,0%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Outros Meios (E-mail, WhatsApp, etc.)<\/td>\n                            <td>2<\/td>\n                            <td>40,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>Curso I (Alem\u00e3o A1): Literatura e cultura dos pa\u00edses falantes de alem\u00e3o<\/td>\n                            <td>5<\/td>\n                            <td>100,0%<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n            \n            <!-- Tab 5: Oferta 5 - Ingl\u00eas -->\n            <div id=\"tab-alemao-7\" 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>14<\/td>\n                            <td>100%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n                            <td>7<\/td>\n                            <td>50,0%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n                            <td>6<\/td>\n                            <td>42,9%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n                            <td>1<\/td>\n                            <td>7,1%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Feminino<\/td>\n                            <td>8<\/td>\n                            <td>57,1%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Masculino<\/td>\n                            <td>6<\/td>\n                            <td>42,9%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n                            <td>0<\/td>\n                            <td>0,0%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Instagram<\/td>\n                            <td>3<\/td>\n                            <td>21,4%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Site UFPR<\/td>\n                            <td>1<\/td>\n                            <td>7,1%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Outros Meios (E-mail, WhatsApp, etc.)<\/td>\n                            <td>10<\/td>\n                            <td>71,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>Curso I (Ingl\u00eas B1): Produ\u00e7\u00e3o oral &#8211; Debates (Turma A)<\/td>\n                            <td>14<\/td>\n                            <td>100,0%<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <!-- Tab 6: Oferta 6 - Alem\u00e3o -->\n            <div id=\"tab-alemao-8\" 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>246<\/td>\n                            <td>100%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n                            <td>172<\/td>\n                            <td>69,9%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n                            <td>59<\/td>\n                            <td>24,0%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n                            <td>15<\/td>\n                            <td>6,1%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Feminino<\/td>\n                            <td>133<\/td>\n                            <td>54,1%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Masculino<\/td>\n                            <td>107<\/td>\n                            <td>43,5%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n                            <td>6<\/td>\n                            <td>2,4%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Instagram<\/td>\n                            <td>106<\/td>\n                            <td>43,1%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Outros Meios (Site UFPR, E-mail, Facebook, etc.)<\/td>\n                            <td>140<\/td>\n                            <td>56,9%<\/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>Curso I (Alem\u00e3o A1): Aprender alem\u00e3o atrav\u00e9s da literatura e cultura austr\u00edaca<\/td>\n                            <td>246<\/td>\n                            <td>100,0%<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <!-- Tab 7: Oferta 7 - Ingl\u00eas -->\n            <div id=\"tab-alemao-9\" 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>101<\/td>\n                            <td>100%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n                            <td>57<\/td>\n                            <td>56,4%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Alunos de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n                            <td>34<\/td>\n                            <td>33,7%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n                            <td>10<\/td>\n                            <td>9,9%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Feminino<\/td>\n                            <td>69<\/td>\n                            <td>68,3%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>P\u00fablico Masculino<\/td>\n                            <td>32<\/td>\n                            <td>31,7%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n                            <td>0<\/td>\n                            <td>0,0%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Instagram<\/td>\n                            <td>34<\/td>\n                            <td>33,7%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Site UFPR<\/td>\n                            <td>13<\/td>\n                            <td>12,9%<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Divulga\u00e7\u00e3o via Outros Meios (E-mail, WhatsApp, etc.)<\/td>\n                            <td>54<\/td>\n                            <td>53,4%<\/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            \n            \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        \/\/ ESSA TAMB\u00c9M\n        const ctx1 = document.getElementById('chart-area-alemao').getContext('2d');\n        new Chart(ctx1, {\n            type: 'doughnut',\n            data: {\n                labels: ['Ci\u00eancias Exatas', 'Ci\u00eancias Humanas', 'Ci\u00eancias Biol\u00f3gicas'],\n                datasets: [{\n                    data: [28.6, 39.8, 31.6],\n                    backgroundColor: ['#004a99', '#6a17a2', '#0c6e1c'],\n                    borderColor: '#ffffff',\n                    borderWidth: 3\n                }]\n            },\n            options: chartConfig\n        });\n\n        \/\/ ESSA AQUI T\u00c1 CERTA\n        const ctx2 = document.getElementById('chart-genero-alemao').getContext('2d');\n        new Chart(ctx2, {\n            type: 'doughnut',\n            data: {\n                labels: ['Feminino', 'Masculino', 'Outros'],\n                datasets: [{\n                    data: [64.46, 34.34, 1.20],\n                    backgroundColor: ['#e30613', '#004a99', '#cccccc'],\n                    borderColor: '#ffffff',\n                    borderWidth: 3\n                }]\n            },\n            options: chartConfig\n        });\n\n        \/\/ Chart 3: \u00c1rea Oferta 2\n        const ctx3 = document.getElementById('chart-area-ingles').getContext('2d');\n        new Chart(ctx3, {\n            type: 'doughnut',\n            data: {\n                labels: ['Ci\u00eancias Exatas', 'Ci\u00eancias Humanas', 'Ci\u00eancias Biol\u00f3gicas'],\n                datasets: [{\n                    data: [36.5, 38.8, 24.7],\n                    backgroundColor: ['#004a99', '#6a17a2', '#0c6e1c'],\n                    borderColor: '#ffffff',\n                    borderWidth: 3\n                }]\n            },\n            options: chartConfig\n        });\n\n        \/\/ Chart 4: \u00c1rea Oferta 3\n        const ctx4 = document.getElementById('chart-area-espanhol').getContext('2d');\n        new Chart(ctx4, {\n            type: 'doughnut',\n            data: {\n                labels: ['Ci\u00eancias Exatas', 'Ci\u00eancias Humanas', 'Ci\u00eancias Biol\u00f3gicas'],\n                datasets: [{\n                    data: [30.5, 35.2, 34.4],\n                    backgroundColor: ['#004a99', '#6a17a2', '#0c6e1c'],\n                    borderColor: '#ffffff',\n                    borderWidth: 3\n                }]\n            },\n            options: chartConfig\n        });\n\n        \/\/ INSANIDADE\n        const ctx7 = document.getElementById('chart-oferta-4').getContext('2d');\n        new Chart(ctx7, {\n            type: 'doughnut',\n            data: {\n                labels: ['Ci\u00eancias Exatas', 'Ci\u00eancias Humanas', 'Ci\u00eancias Biol\u00f3gicas'],\n                datasets: [{\n                    data: [60, 40, 0],\n                    backgroundColor: ['#004a99', '#6a17a2', '#0c6e1c'],\n                    borderColor: '#ffffff',\n                    borderWidth: 3\n                }]\n            },\n            options: chartConfig\n        });\n\n        \/\/ ESQUIZOFRENIA\n        const ctx8 = document.getElementById('chart-oferta-5').getContext('2d');\n        new Chart(ctx8, {\n            type: 'doughnut',\n            data: {\n                labels: ['Ci\u00eancias Exatas', 'Ci\u00eancias Humanas', 'Ci\u00eancias Biol\u00f3gicas'],\n                datasets: [{\n                    data: [35.7, 42.9, 21.4],\n                    backgroundColor: ['#004a99', '#6a17a2', '#0c6e1c'],\n                    borderColor: '#ffffff',\n                    borderWidth: 3\n                }]\n            },\n            options: chartConfig\n        });\n\n        \/\/ Chart: \u00c1rea Oferta 6\n        const ctx9 = document.getElementById('chart-oferta-6').getContext('2d');\n        new Chart(ctx9, {\n            type: 'doughnut',\n            data: {\n                labels: ['Ci\u00eancias Exatas', 'Ci\u00eancias Humanas', 'Ci\u00eancias Biol\u00f3gicas'],\n                datasets: [{\n                    data: [38.6, 39, 22.4],\n                    backgroundColor: ['#004a99', '#6a17a2', '#0c6e1c'],\n                    borderColor: '#ffffff',\n                    borderWidth: 3\n                }]\n            },\n            options: chartConfig\n        });\n\n        \/\/ Chart: \u00c1rea Oferta 7\n        const ctx10 = document.getElementById('chart-oferta-7').getContext('2d');\n        new Chart(ctx10, {\n            type: 'doughnut',\n            data: {\n                labels: ['Ci\u00eancias Exatas', 'Ci\u00eancias Humanas', 'Ci\u00eancias Biol\u00f3gicas'],\n                datasets: [{\n                    data: [38.6, 35.6, 25.7],\n                    backgroundColor: ['#004a99', '#6a17a2', '#0c6e1c'],\n                    borderColor: '#ffffff',\n                    borderWidth: 3\n                }]\n            },\n            options: chartConfig\n        });\n\n        \/\/ Chart 5: Motiva\u00e7\u00e3o (Consolidado Geral 2023 - Bar Chart)\n        const ctx5 = document.getElementById('chart-motivacao-alemao').getContext('2d');\n        new Chart(ctx5, {\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 6: Divulga\u00e7\u00e3o (Consolidado Geral 2023 - Bar Chart)\n        const ctx6 = document.getElementById('chart-divulgacao-alemao').getContext('2d');\n        new Chart(ctx6, {\n            type: 'bar',\n            data: {\n                labels: ['E-mail UFPR', 'Instagram', 'Facebook', 'Outros'],\n                datasets: [{\n                    label: 'Percentual (%)',\n                    data: [47.49, 29.72, 1.43, 21.35],\n                    backgroundColor: ['#e30613', '#f39200', '#004a99', '#9d9a9a'],\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        \/\/ Fun\u00e7\u00e3o para trocar abas\n        function switchTab(event, tabId) {\n            \/\/ Esconder todos os tabs\n            const tabs = document.querySelectorAll('.tab-content');\n            tabs.forEach(tab => tab.classList.remove('active'));\n\n            \/\/ Remover classe active de todos os bot\u00f5es\n            const buttons = document.querySelectorAll('.tab-button');\n            buttons.forEach(btn => btn.classList.remove('active'));\n\n            \/\/ Mostrar o tab selecionado\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 2023 1.255 Inscri\u00e7\u00f5es Totais 7 Ofertas Realizadas 3 Idiomas Oferecidos 29,72% Divulga\u00e7\u00e3o Instagram An\u00e1lise de Dados Gerais Visualiza\u00e7\u00e3o detalhada dos perfis de inscritos nas diferentes ofertas G\u00eanero [&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-13605","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/pages\/13605","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=13605"}],"version-history":[{"count":2,"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/pages\/13605\/revisions"}],"predecessor-version":[{"id":13624,"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/pages\/13605\/revisions\/13624"}],"wp:attachment":[{"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/media?parent=13605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}