Idiomas sem Fronteiras – UFPR<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@600;700;800&display=swap\" rel=\"stylesheet\">\n \n \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 \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 \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 2022<\/p>\n \n <div class=\"stats-grid\">\n <div class=\"stat-item\">\n <h4>1.128<\/h4>\n <p>Inscri\u00e7\u00f5es Totais<\/p>\n <\/div>\n <div class=\"stat-item\">\n <h4>5<\/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>60%+<\/h4>\n <p>Divulga\u00e7\u00e3o Instagram<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \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 \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: 66,4% (749)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #05376c;\"><\/div>\n <span>Masculino: 32,5% (367)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #9d9a9a;\"><\/div>\n <span>Outros: 1,1% (12)<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \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: 50,5%<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #f39200;\"><\/div>\n <span>E-mail: 13,4%<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #004a99;\"><\/div>\n <span>Facebook: 6,1%<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \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>Interesse na l\u00edngua: 68,8%<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #004a99;\"><\/div>\n <span>Estudar\/Pesquisar fora: 62,8%<\/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.): 6%<\/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\n \n <div class=\"chart-card fade-in\">\n <h3><i class=\"fas fa-chart-pie\"><\/i> Alem\u00e3o (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: 50% (2)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n <span>Ci\u00eancias Humanas: 0%<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n <span>CI\u00eancias Biol\u00f3gicas: 50% (2)<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"chart-card fade-in\">\n <h3><i class=\"fas fa-chart-pie\"><\/i> Ingl\u00eas e Espanhol (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: 37,6% (178)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n <span>Ci\u00eancias Humanas: 35,5% (127)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n <span>Ci\u00eancias Biol\u00f3gicas: 35,5% (168)<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"chart-card fade-in\">\n <h3><i class=\"fas fa-chart-pie\"><\/i> Espanhol (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: 26,6% (46)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n <span>Ci\u00eancias Humanas: 44,5% (77)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n <span>Ci\u00eancias Biol\u00f3gicas: 28,9% (50)<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"chart-card fade-in\">\n <h3><i class=\"fas fa-chart-pie\"><\/i> Ingl\u00eas (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: 39,3% (35)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n <span>Ci\u00eancias Humanas: 33,7% (30)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n <span>Ci\u00eancias Biol\u00f3gicas: 27% (24)<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"chart-card fade-in\">\n <h3><i class=\"fas fa-chart-pie\"><\/i> Alem\u00e3o (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: 46,3% (180)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n <span>Ci\u00eancias Humanas: 29,3% (114)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n <span>Ci\u00eancias Biol\u00f3gicas: 24,4% (95)<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \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 2022<\/p>\n \n <div class=\"offers-grid\">\n \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 1 – 2022<\/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\">4<\/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 \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 2 – 2022<\/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\">473<\/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\">Curso Predominante<\/span>\n <span class=\"offer-stat-value\">Ingl\u00eas A1<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"offer-card english fade-in\">\n <div class=\"offer-header\">\n <h3><i class=\"fas fa-language\"><\/i> Espanhol<\/h3>\n <p>Oferta 3 – 2022<\/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\">173<\/span>\n <\/div>\n <div class=\"offer-stat\">\n <span class=\"offer-stat-label\">Cursos Oferecidos<\/span>\n <span class=\"offer-stat-value\">3<\/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 \n <div class=\"offer-card german fade-in\">\n <div class=\"offer-header\">\n <h3><i class=\"fas fa-language\"><\/i> Ingl\u00eas<\/h3>\n <p>Oferta 4 – 2022<\/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\">3<\/span>\n <\/div>\n <div class=\"offer-stat\">\n <span class=\"offer-stat-label\">N\u00edvel Predominante<\/span>\n <span class=\"offer-stat-value\">Ingl\u00eas A1<\/span>\n <\/div>\n <\/div>\n <\/div>\n\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 5 – 2022<\/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\">389<\/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\">Alem\u00e3o A1<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \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 – Alem\u00e3o<\/button>\n <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-espanhol-4')\">Oferta 2 – Ingl\u00eas e Espanhol<\/button>\n <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-ingles-4')\">Oferta 3 – Espanhol<\/button>\n <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-alemao-6')\">Oferta 4 – Ingl\u00eas<\/button>\n <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-alemao-7')\">Oferta 5 – Alem\u00e3o<\/button>\n <\/div>\n\n \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>4<\/td>\n <td>100%<\/td>\n <\/tr>\n <tr>\n <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n <td>3<\/td>\n <td>75%<\/td>\n <\/tr>\n <tr>\n <td>Alunos de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n <td>1<\/td>\n <td>25%<\/td>\n <\/tr>\n <tr>\n <td>Setor Sa\u00fade<\/td>\n <td>2<\/td>\n <td>50%<\/td>\n <\/tr>\n <tr>\n <td>Setor Agr\u00e1rias<\/td>\n <td>1<\/td>\n <td>25%<\/td>\n <\/tr>\n <tr>\n <td>Setor Tecnologia<\/td>\n <td>1<\/td>\n <td>25%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Instagram<\/td>\n <td>3<\/td>\n <td>75%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Site UFPR<\/td>\n <td>1<\/td>\n <td>25%<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n \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>473<\/td>\n <td>100%<\/td>\n <\/tr>\n <tr>\n <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n <td>342<\/td>\n <td>72,3%<\/td>\n <\/tr>\n <tr>\n <td>Aluno de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n <td>83<\/td>\n <td>17,5%<\/td>\n <\/tr>\n <tr>\n <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n <td>48<\/td>\n <td>10,2%<\/td>\n <\/tr>\n <tr>\n <td>P\u00fablico Feminino<\/td>\n <td>319<\/td>\n <td>67,4%<\/td>\n <\/tr>\n <tr>\n <td>P\u00fablico Masculino<\/td>\n <td>148<\/td>\n <td>31,3%<\/td>\n <\/tr>\n <tr>\n <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n <td>6<\/td>\n <td>1,3%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Instagram<\/td>\n <td>187<\/td>\n <td>39,5%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Site UFPR<\/td>\n <td>62<\/td>\n <td>13,1%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Outros Meios (E-mail, WhatsApp, etc.)<\/td>\n <td>224<\/td>\n <td>47,4%<\/td>\n <\/tr>\n <td><strong>Inscri\u00e7\u00f5es por Curso:<\/strong><\/td>\n <td><\/td>\n <td><\/td>\n <tr>\n <td>Curso Ingl\u00eas I (Intera\u00e7\u00f5es cotidianas)<\/td>\n <td>287<\/td>\n <td>60,7%<\/td>\n <\/tr>\n <tr>\n <td>Curso Ingl\u00eas II (Estrat\u00e9gias de leitura)<\/td>\n <td>34<\/td>\n <td>7,2%<\/td>\n <\/tr>\n <tr>\n <td>Curso Espanhol I (Compet\u00eancias Interculturais)<\/td>\n <td>77<\/td>\n <td>16,3%<\/td>\n <\/tr>\n <tr>\n <td> Curso Espanhol II (Exames de profici\u00eancia)<\/td>\n <td>27<\/td>\n <td>5,7%<\/td>\n <\/tr>\n <td>\n <\/tbody>\n <\/table>\n <\/div>\n\n \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>173<\/td>\n <td>100%<\/td>\n <\/tr>\n <tr>\n <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n <td>136<\/td>\n <td>78,6%<\/td>\n <\/tr>\n <tr>\n <td>Alunos de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n <td>26<\/td>\n <td>15%<\/td>\n <\/tr>\n <tr>\n <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n <td>11<\/td>\n <td>6,4%<\/td>\n <\/tr>\n <tr>\n <td>P\u00fablico Feminino<\/td>\n <td>132<\/td>\n <td>76,3%<\/td>\n <\/tr>\n <tr>\n <td>P\u00fablico Masculino<\/td>\n <td>39<\/td>\n <td>22,5%<\/td>\n <\/tr>\n <tr>\n <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n <td>2<\/td>\n <td>1,2%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Instagram<\/td>\n <td>83<\/td>\n <td>48%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Site UFPR<\/td>\n <td>27<\/td>\n <td>36,4%<\/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 Espanhol 1 (Certificados de compet\u00eancia)<\/td>\n <td>94<\/td>\n <td>54,3%<\/td>\n <\/tr>\n <tr>\n <td>Curso Espanhol 2 (Compet\u00eancias interculturais)<\/td>\n <td>43<\/td>\n <td>24,9%<\/td>\n <\/tr>\n <tr>\n <td>Curso Espanhol 3 (Bem-vind@ ao Espanhol)<\/td>\n <td>36<\/td>\n <td>20,8%<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n \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>89<\/td>\n <td>100%<\/td>\n <\/tr>\n <tr>\n <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n <td>54<\/td>\n <td>60,7%<\/td>\n <\/tr>\n <tr>\n <td>Alunos de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n <td>33<\/td>\n <td>37,1%<\/td>\n <\/tr>\n <tr>\n <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n <td>2<\/td>\n <td>2,2%<\/td>\n <\/tr>\n <tr>\n <td>P\u00fablico Feminino<\/td>\n <td>59<\/td>\n <td>66,6%<\/td>\n <\/tr>\n <tr>\n <td>P\u00fablico Masculino<\/td>\n <td>29<\/td>\n <td>32,6%<\/td>\n <\/tr>\n <tr>\n <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n <td>1<\/td>\n <td>1,1%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Instagrams<\/td>\n <td>63<\/td>\n <td>70,8%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Site UFPR<\/td>\n <td>10<\/td>\n <td>11,2%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Outros Meios (E-mail, Facebook, etc.)<\/td>\n <td>16<\/td>\n <td>18%<\/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 Ingl\u00eas I (Comunica\u00e7\u00e3o Intercultural)<\/td>\n <td>37<\/td>\n <td>41,6%<\/td>\n <\/tr>\n <tr>\n <td>Curso Ingl\u00eas II (Produ\u00e7\u00e3o escrita \/ essay)<\/td>\n <td>23<\/td>\n <td>25,8%<\/td>\n <\/tr>\n <tr>\n <td>* Curso Ingl\u00eas III (Produ\u00e7\u00e3o Oral)R<\/td>\n <td>29<\/td>\n <td>32,6%<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n \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>389<\/td>\n <td>100%<\/td>\n <\/tr>\n <tr>\n <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n <td>306<\/td>\n <td>78,7%<\/td>\n <\/tr>\n <tr>\n <td>Alunos de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n <td>61<\/td>\n <td>15,7%<\/td>\n <\/tr>\n <tr>\n <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n <td>22<\/td>\n <td>5,6%<\/td>\n <\/tr>\n <tr>\n <td>P\u00fablico Feminino<\/td>\n <td>237<\/td>\n <td>60,9%<\/td>\n <\/tr>\n <tr>\n <td>P\u00fablico Masculino<\/td>\n <td>149<\/td>\n <td>38,3%<\/td>\n <\/tr>\n <tr>\n <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n <td>3<\/td>\n <td>0,8%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Instagram<\/td>\n <td>234<\/td>\n <td>60,2%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Outros Meios (Site UFPR, E-mail, Facebook, etc.)<\/td>\n <td>155<\/td>\n <td>39,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 (Alem\u00e3o para brasileiros N\u00edvel A1)<\/td>\n <td>324<\/td>\n <td>83,3%<\/td>\n <\/tr>\n <tr>\n <td>Curso II (Alem\u00e3o para brasileiros N\u00edvel A1)<\/td>\n <td>65<\/td>\n <td>16,7%<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/section>\n\n \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 – 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: [50, 0, 50],\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: [66.4, 32.5, 1.1],\n backgroundColor: ['#e30613', '#004a99', '#cccccc'],\n borderColor: '#ffffff',\n borderWidth: 3\n }]\n },\n options: chartConfig\n });\n\n \/\/ Chart 3: \u00c1rea Ingl\u00eas\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: [37.6, 35.5, 35.5],\n backgroundColor: ['#004a99', '#6a17a2', '#0c6e1c'],\n borderColor: '#ffffff',\n borderWidth: 3\n }]\n },\n options: chartConfig\n });\n\n \/\/ Chart 4: \u00c1rea Espanhol\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: [26.6, 44.5, 28.9],\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: [39.3, 33.7, 27],\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: [46.3, 29.3, 24.4],\n backgroundColor: ['#004a99', '#6a17a2', '#0c6e1c'],\n borderColor: '#ffffff',\n borderWidth: 3\n }]\n },\n options: chartConfig\n });\n\n \/\/ Chart 5: Motiva\u00e7\u00e3o Alem\u00e3o (Bar Chart)\n const ctx5 = document.getElementById('chart-motivacao-alemao').getContext('2d');\n new Chart(ctx5, {\n type: 'bar',\n data: {\n labels: ['Interesse na L\u00edngua', 'Estudar\/Pesquisar fora', 'Est\u00e1gio, P\u00f3s, etc.'],\n datasets: [{\n label: 'Percentual (%)',\n data: [68.8, 62.8,6],\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 Alem\u00e3o (Bar Chart)\n const ctx6 = document.getElementById('chart-divulgacao-alemao').getContext('2d');\n new Chart(ctx6, {\n type: 'bar',\n data: {\n labels: ['Instagram', 'E-mail UFPR', 'Facebook'],\n datasets: [{\n label: 'Percentual (%)',\n data: [50.5, 13.4, 6.1],\n backgroundColor: ['#e30613', '#f39200', '#004a99'],\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\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Idiomas sem Fronteiras – 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 2022 1.128 Inscri\u00e7\u00f5es Totais 5 Ofertas Realizadas 3 Idiomas Oferecidos 60%+ Divulga\u00e7\u00e3o Instagram An\u00e1lise de Dados Gerais Visualiza\u00e7\u00e3o detalhada dos perfis de inscritos nas diferentes ofertas G\u00eanero […]<\/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-13586","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/pages\/13586","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=13586"}],"version-history":[{"count":4,"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/pages\/13586\/revisions"}],"predecessor-version":[{"id":13622,"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/pages\/13586\/revisions\/13622"}],"wp:attachment":[{"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/media?parent=13586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":13586,"date":"2026-08-27T17:09:03","date_gmt":"2026-08-27T20:09:03","guid":{"rendered":"https:\/\/internacional.ufpr.br\/portal\/?page_id=13586"},"modified":"2026-08-28T13:56:40","modified_gmt":"2026-08-28T16:56:40","slug":"idiomas-sem-fronteiras-dados-2022","status":"publish","type":"page","link":"https:\/\/internacional.ufpr.br\/portal\/idiomas-sem-fronteiras-dados-2022\/","title":{"rendered":"Idiomas Sem Fronteiras – Dados 2022"},"content":{"rendered":"\n\n\n\n \n \n \n Idiomas sem Fronteiras – UFPR<\/title>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@600;700;800&display=swap\" rel=\"stylesheet\">\n \n \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 \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 \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 2022<\/p>\n \n <div class=\"stats-grid\">\n <div class=\"stat-item\">\n <h4>1.128<\/h4>\n <p>Inscri\u00e7\u00f5es Totais<\/p>\n <\/div>\n <div class=\"stat-item\">\n <h4>5<\/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>60%+<\/h4>\n <p>Divulga\u00e7\u00e3o Instagram<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \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 \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: 66,4% (749)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #05376c;\"><\/div>\n <span>Masculino: 32,5% (367)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #9d9a9a;\"><\/div>\n <span>Outros: 1,1% (12)<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \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: 50,5%<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #f39200;\"><\/div>\n <span>E-mail: 13,4%<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #004a99;\"><\/div>\n <span>Facebook: 6,1%<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \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>Interesse na l\u00edngua: 68,8%<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #004a99;\"><\/div>\n <span>Estudar\/Pesquisar fora: 62,8%<\/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.): 6%<\/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\n \n <div class=\"chart-card fade-in\">\n <h3><i class=\"fas fa-chart-pie\"><\/i> Alem\u00e3o (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: 50% (2)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n <span>Ci\u00eancias Humanas: 0%<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n <span>CI\u00eancias Biol\u00f3gicas: 50% (2)<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"chart-card fade-in\">\n <h3><i class=\"fas fa-chart-pie\"><\/i> Ingl\u00eas e Espanhol (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: 37,6% (178)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n <span>Ci\u00eancias Humanas: 35,5% (127)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n <span>Ci\u00eancias Biol\u00f3gicas: 35,5% (168)<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"chart-card fade-in\">\n <h3><i class=\"fas fa-chart-pie\"><\/i> Espanhol (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: 26,6% (46)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n <span>Ci\u00eancias Humanas: 44,5% (77)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n <span>Ci\u00eancias Biol\u00f3gicas: 28,9% (50)<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"chart-card fade-in\">\n <h3><i class=\"fas fa-chart-pie\"><\/i> Ingl\u00eas (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: 39,3% (35)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n <span>Ci\u00eancias Humanas: 33,7% (30)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n <span>Ci\u00eancias Biol\u00f3gicas: 27% (24)<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"chart-card fade-in\">\n <h3><i class=\"fas fa-chart-pie\"><\/i> Alem\u00e3o (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: 46,3% (180)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #6a17a2;\"><\/div>\n <span>Ci\u00eancias Humanas: 29,3% (114)<\/span>\n <\/div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: #0c6e1c;\"><\/div>\n <span>Ci\u00eancias Biol\u00f3gicas: 24,4% (95)<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \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 2022<\/p>\n \n <div class=\"offers-grid\">\n \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 1 – 2022<\/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\">4<\/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 \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 2 – 2022<\/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\">473<\/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\">Curso Predominante<\/span>\n <span class=\"offer-stat-value\">Ingl\u00eas A1<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"offer-card english fade-in\">\n <div class=\"offer-header\">\n <h3><i class=\"fas fa-language\"><\/i> Espanhol<\/h3>\n <p>Oferta 3 – 2022<\/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\">173<\/span>\n <\/div>\n <div class=\"offer-stat\">\n <span class=\"offer-stat-label\">Cursos Oferecidos<\/span>\n <span class=\"offer-stat-value\">3<\/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 \n <div class=\"offer-card german fade-in\">\n <div class=\"offer-header\">\n <h3><i class=\"fas fa-language\"><\/i> Ingl\u00eas<\/h3>\n <p>Oferta 4 – 2022<\/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\">3<\/span>\n <\/div>\n <div class=\"offer-stat\">\n <span class=\"offer-stat-label\">N\u00edvel Predominante<\/span>\n <span class=\"offer-stat-value\">Ingl\u00eas A1<\/span>\n <\/div>\n <\/div>\n <\/div>\n\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 5 – 2022<\/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\">389<\/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\">Alem\u00e3o A1<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \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 – Alem\u00e3o<\/button>\n <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-espanhol-4')\">Oferta 2 – Ingl\u00eas e Espanhol<\/button>\n <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-ingles-4')\">Oferta 3 – Espanhol<\/button>\n <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-alemao-6')\">Oferta 4 – Ingl\u00eas<\/button>\n <button class=\"tab-button\" onclick=\"switchTab(event, 'tab-alemao-7')\">Oferta 5 – Alem\u00e3o<\/button>\n <\/div>\n\n \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>4<\/td>\n <td>100%<\/td>\n <\/tr>\n <tr>\n <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n <td>3<\/td>\n <td>75%<\/td>\n <\/tr>\n <tr>\n <td>Alunos de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n <td>1<\/td>\n <td>25%<\/td>\n <\/tr>\n <tr>\n <td>Setor Sa\u00fade<\/td>\n <td>2<\/td>\n <td>50%<\/td>\n <\/tr>\n <tr>\n <td>Setor Agr\u00e1rias<\/td>\n <td>1<\/td>\n <td>25%<\/td>\n <\/tr>\n <tr>\n <td>Setor Tecnologia<\/td>\n <td>1<\/td>\n <td>25%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Instagram<\/td>\n <td>3<\/td>\n <td>75%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Site UFPR<\/td>\n <td>1<\/td>\n <td>25%<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n \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>473<\/td>\n <td>100%<\/td>\n <\/tr>\n <tr>\n <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n <td>342<\/td>\n <td>72,3%<\/td>\n <\/tr>\n <tr>\n <td>Aluno de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n <td>83<\/td>\n <td>17,5%<\/td>\n <\/tr>\n <tr>\n <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n <td>48<\/td>\n <td>10,2%<\/td>\n <\/tr>\n <tr>\n <td>P\u00fablico Feminino<\/td>\n <td>319<\/td>\n <td>67,4%<\/td>\n <\/tr>\n <tr>\n <td>P\u00fablico Masculino<\/td>\n <td>148<\/td>\n <td>31,3%<\/td>\n <\/tr>\n <tr>\n <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n <td>6<\/td>\n <td>1,3%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Instagram<\/td>\n <td>187<\/td>\n <td>39,5%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Site UFPR<\/td>\n <td>62<\/td>\n <td>13,1%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Outros Meios (E-mail, WhatsApp, etc.)<\/td>\n <td>224<\/td>\n <td>47,4%<\/td>\n <\/tr>\n <td><strong>Inscri\u00e7\u00f5es por Curso:<\/strong><\/td>\n <td><\/td>\n <td><\/td>\n <tr>\n <td>Curso Ingl\u00eas I (Intera\u00e7\u00f5es cotidianas)<\/td>\n <td>287<\/td>\n <td>60,7%<\/td>\n <\/tr>\n <tr>\n <td>Curso Ingl\u00eas II (Estrat\u00e9gias de leitura)<\/td>\n <td>34<\/td>\n <td>7,2%<\/td>\n <\/tr>\n <tr>\n <td>Curso Espanhol I (Compet\u00eancias Interculturais)<\/td>\n <td>77<\/td>\n <td>16,3%<\/td>\n <\/tr>\n <tr>\n <td> Curso Espanhol II (Exames de profici\u00eancia)<\/td>\n <td>27<\/td>\n <td>5,7%<\/td>\n <\/tr>\n <td>\n <\/tbody>\n <\/table>\n <\/div>\n\n \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>173<\/td>\n <td>100%<\/td>\n <\/tr>\n <tr>\n <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n <td>136<\/td>\n <td>78,6%<\/td>\n <\/tr>\n <tr>\n <td>Alunos de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n <td>26<\/td>\n <td>15%<\/td>\n <\/tr>\n <tr>\n <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n <td>11<\/td>\n <td>6,4%<\/td>\n <\/tr>\n <tr>\n <td>P\u00fablico Feminino<\/td>\n <td>132<\/td>\n <td>76,3%<\/td>\n <\/tr>\n <tr>\n <td>P\u00fablico Masculino<\/td>\n <td>39<\/td>\n <td>22,5%<\/td>\n <\/tr>\n <tr>\n <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n <td>2<\/td>\n <td>1,2%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Instagram<\/td>\n <td>83<\/td>\n <td>48%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Site UFPR<\/td>\n <td>27<\/td>\n <td>36,4%<\/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 Espanhol 1 (Certificados de compet\u00eancia)<\/td>\n <td>94<\/td>\n <td>54,3%<\/td>\n <\/tr>\n <tr>\n <td>Curso Espanhol 2 (Compet\u00eancias interculturais)<\/td>\n <td>43<\/td>\n <td>24,9%<\/td>\n <\/tr>\n <tr>\n <td>Curso Espanhol 3 (Bem-vind@ ao Espanhol)<\/td>\n <td>36<\/td>\n <td>20,8%<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n \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>89<\/td>\n <td>100%<\/td>\n <\/tr>\n <tr>\n <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n <td>54<\/td>\n <td>60,7%<\/td>\n <\/tr>\n <tr>\n <td>Alunos de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n <td>33<\/td>\n <td>37,1%<\/td>\n <\/tr>\n <tr>\n <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n <td>2<\/td>\n <td>2,2%<\/td>\n <\/tr>\n <tr>\n <td>P\u00fablico Feminino<\/td>\n <td>59<\/td>\n <td>66,6%<\/td>\n <\/tr>\n <tr>\n <td>P\u00fablico Masculino<\/td>\n <td>29<\/td>\n <td>32,6%<\/td>\n <\/tr>\n <tr>\n <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n <td>1<\/td>\n <td>1,1%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Instagrams<\/td>\n <td>63<\/td>\n <td>70,8%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Site UFPR<\/td>\n <td>10<\/td>\n <td>11,2%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Outros Meios (E-mail, Facebook, etc.)<\/td>\n <td>16<\/td>\n <td>18%<\/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 Ingl\u00eas I (Comunica\u00e7\u00e3o Intercultural)<\/td>\n <td>37<\/td>\n <td>41,6%<\/td>\n <\/tr>\n <tr>\n <td>Curso Ingl\u00eas II (Produ\u00e7\u00e3o escrita \/ essay)<\/td>\n <td>23<\/td>\n <td>25,8%<\/td>\n <\/tr>\n <tr>\n <td>* Curso Ingl\u00eas III (Produ\u00e7\u00e3o Oral)R<\/td>\n <td>29<\/td>\n <td>32,6%<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n \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>389<\/td>\n <td>100%<\/td>\n <\/tr>\n <tr>\n <td>Alunos de Gradua\u00e7\u00e3o<\/td>\n <td>306<\/td>\n <td>78,7%<\/td>\n <\/tr>\n <tr>\n <td>Alunos de P\u00f3s-Gradua\u00e7\u00e3o<\/td>\n <td>61<\/td>\n <td>15,7%<\/td>\n <\/tr>\n <tr>\n <td>Outros V\u00ednculos (Servidores\/Docentes)<\/td>\n <td>22<\/td>\n <td>5,6%<\/td>\n <\/tr>\n <tr>\n <td>P\u00fablico Feminino<\/td>\n <td>237<\/td>\n <td>60,9%<\/td>\n <\/tr>\n <tr>\n <td>P\u00fablico Masculino<\/td>\n <td>149<\/td>\n <td>38,3%<\/td>\n <\/tr>\n <tr>\n <td>Outros G\u00eaneros \/ N\u00e3o Declarado<\/td>\n <td>3<\/td>\n <td>0,8%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Instagram<\/td>\n <td>234<\/td>\n <td>60,2%<\/td>\n <\/tr>\n <tr>\n <td>Divulga\u00e7\u00e3o via Outros Meios (Site UFPR, E-mail, Facebook, etc.)<\/td>\n <td>155<\/td>\n <td>39,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 (Alem\u00e3o para brasileiros N\u00edvel A1)<\/td>\n <td>324<\/td>\n <td>83,3%<\/td>\n <\/tr>\n <tr>\n <td>Curso II (Alem\u00e3o para brasileiros N\u00edvel A1)<\/td>\n <td>65<\/td>\n <td>16,7%<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/section>\n\n \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 – 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: [50, 0, 50],\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: [66.4, 32.5, 1.1],\n backgroundColor: ['#e30613', '#004a99', '#cccccc'],\n borderColor: '#ffffff',\n borderWidth: 3\n }]\n },\n options: chartConfig\n });\n\n \/\/ Chart 3: \u00c1rea Ingl\u00eas\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: [37.6, 35.5, 35.5],\n backgroundColor: ['#004a99', '#6a17a2', '#0c6e1c'],\n borderColor: '#ffffff',\n borderWidth: 3\n }]\n },\n options: chartConfig\n });\n\n \/\/ Chart 4: \u00c1rea Espanhol\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: [26.6, 44.5, 28.9],\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: [39.3, 33.7, 27],\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: [46.3, 29.3, 24.4],\n backgroundColor: ['#004a99', '#6a17a2', '#0c6e1c'],\n borderColor: '#ffffff',\n borderWidth: 3\n }]\n },\n options: chartConfig\n });\n\n \/\/ Chart 5: Motiva\u00e7\u00e3o Alem\u00e3o (Bar Chart)\n const ctx5 = document.getElementById('chart-motivacao-alemao').getContext('2d');\n new Chart(ctx5, {\n type: 'bar',\n data: {\n labels: ['Interesse na L\u00edngua', 'Estudar\/Pesquisar fora', 'Est\u00e1gio, P\u00f3s, etc.'],\n datasets: [{\n label: 'Percentual (%)',\n data: [68.8, 62.8,6],\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 Alem\u00e3o (Bar Chart)\n const ctx6 = document.getElementById('chart-divulgacao-alemao').getContext('2d');\n new Chart(ctx6, {\n type: 'bar',\n data: {\n labels: ['Instagram', 'E-mail UFPR', 'Facebook'],\n datasets: [{\n label: 'Percentual (%)',\n data: [50.5, 13.4, 6.1],\n backgroundColor: ['#e30613', '#f39200', '#004a99'],\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\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Idiomas sem Fronteiras – 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 2022 1.128 Inscri\u00e7\u00f5es Totais 5 Ofertas Realizadas 3 Idiomas Oferecidos 60%+ Divulga\u00e7\u00e3o Instagram An\u00e1lise de Dados Gerais Visualiza\u00e7\u00e3o detalhada dos perfis de inscritos nas diferentes ofertas G\u00eanero […]<\/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-13586","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/pages\/13586","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=13586"}],"version-history":[{"count":4,"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/pages\/13586\/revisions"}],"predecessor-version":[{"id":13622,"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/pages\/13586\/revisions\/13622"}],"wp:attachment":[{"href":"https:\/\/internacional.ufpr.br\/portal\/wp-json\/wp\/v2\/media?parent=13586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}