{"id":233,"date":"2025-09-30T11:18:23","date_gmt":"2025-09-30T14:18:23","guid":{"rendered":"https:\/\/www2.uepg.br\/uepginternational\/?page_id=233"},"modified":"2026-09-03T11:29:14","modified_gmt":"2026-09-03T14:29:14","slug":"international-outlook","status":"publish","type":"page","link":"https:\/\/www2.uepg.br\/uepginternational\/international-outlook\/","title":{"rendered":"International Outlook"},"content":{"rendered":"<div id=\"pl-233\"  class=\"panel-layout\" ><div id=\"pg-233-0\"  class=\"panel-grid panel-has-style\" ><div class=\"panel-row-style panel-row-style-for-233-0\" ><div id=\"pgc-233-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-233-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"widget_text titulo-linha-esquerda panel-widget-style panel-widget-style-for-233-0-0-0\" ><div class=\"textwidget custom-html-widget\"><style>\n    .titulo-scroll-reveal {\n        font-family: 'Lato', sans-serif;\n        font-weight: 200;\n        border-left: 5px solid rgb(82, 149, 250);\n        padding-left: 15px;\n        padding-top: 15px;\n        padding-bottom: 15px;\n        margin: 20px 0;\n        box-shadow: -3px 0 5px rgba(82, 149, 250, 0.2);\n        background: linear-gradient(to right, rgba(82, 149, 250, 0.15), rgba(82, 149, 250, 0));\n        width: 100%;\n        box-sizing: border-box;\n        opacity: 0;\n        transform: translateX(-50px);\n        transition: all 0.8s ease-out;\n    }\n\n    .titulo-scroll-reveal.visivel {\n        opacity: 1;\n        transform: translateX(0);\n    }\n<\/style>\n\n<script>\n    \/\/ Este script rodar\u00e1 uma \u00fanica vez e cuidar\u00e1 de todos os elementos com a classe\n    (function() {\n        const iniciarObservador = () => {\n            const titulos = document.querySelectorAll('.titulo-scroll-reveal');\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('visivel');\n                    }\n                });\n            }, { threshold: 0.1 });\n\n            titulos.forEach(t => observer.observe(t));\n        };\n\n        \/\/ Garante que o script rode ap\u00f3s o carregamento da p\u00e1gina\n        if (document.readyState === 'complete') {\n            iniciarObservador();\n        } else {\n            window.addEventListener('load', iniciarObservador);\n        }\n    })();\n<\/script>\n\n\n<!-- Voc\u00ea pode duplicar este bloco H4 quantas vezes quiser -->\n<h4 class=\"titulo-scroll-reveal\">\n   UEPG in Higher Education rankings\n<\/h4><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-233-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-233-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-233-1-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"1\" ><div class=\"textwidget custom-html-widget\"><!-- Adicionada a classe reveal-section para o scroll -->\n<div class=\"uepg-rc-wrapper reveal-section\">\n    <div class=\"uepg-rc-card\">\n\n      <div class=\"uepg-rc-header\">\n        <img src=\"https:\/\/www2.uepg.br\/uepginternational\/wp-content\/uploads\/sites\/293\/2026\/04\/pngegg.png\" alt=\"THE Impact Rankings logo\" class=\"uepg-rc-logo\">\n        <h2 class=\"uepg-rc-title\">State University of Ponta Grossa<\/h2>\n        <p class=\"uepg-rc-subtitle\">Impact Rankings \u2014 Times Higher Education (THE)<\/p>\n      <\/div>\n\n      <div class=\"uepg-rc-btn-group\" id=\"uepgBtnGroup\">\n        <button class=\"uepg-rc-btn active\" data-key=\"intl\">International Outlook<\/button>\n        <button class=\"uepg-rc-btn\" data-key=\"teaching\">Teaching<\/button>\n        <button class=\"uepg-rc-btn\" data-key=\"industry\">Industry<\/button>\n        <button class=\"uepg-rc-btn\" data-key=\"rquality\">Research Quality<\/button>\n        <button class=\"uepg-rc-btn\" data-key=\"renv\">Research Environment<\/button>\n      <\/div>\n\n      <div class=\"uepg-rc-score-badge\">\n        <span class=\"uepg-rc-score-val\" id=\"uepgCurScore\">28.1<\/span>\n        <span class=\"uepg-rc-score-label\">score in 2026<\/span>\n      <\/div>\n\n      <div class=\"uepg-rc-chart-wrap\">\n        <canvas id=\"uepgRankChart\"><\/canvas>\n      <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* --- CONFIGURA\u00c7\u00c3O DE ANIMA\u00c7\u00c3O AO SCROLL --- *\/\n.uepg-rc-wrapper {\n  opacity: 0;\n  transform: translateY(40px);\n  transition: all 2.2s cubic-bezier(0.19, 1, 0.22, 1);\n\ttransition-delay: 1.5s;\n  \n  \/* Estilos originais preservados *\/\n  font-family: 'Lato', sans-serif; \/* Padronizado com o site *\/\n  background: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2rem;\n  box-sizing: border-box;\n}\n\n\/* Estado Ativo (quando vis\u00edvel) *\/\n.uepg-rc-wrapper.visivel {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.uepg-rc-card {\n  background: #fff;\n  border-radius: 16px;\n  border: 0.5px solid #c8d3e3;\n  padding: 2rem;\n  width: 100%;\n  max-width: 760px;\n  box-shadow: 0 4px 20px rgba(4,52,109,0.12); \/* Sombra um pouco mais profunda *\/\n  box-sizing: border-box;\n}\n\n.uepg-rc-header {\n  margin-bottom: 1.5rem;\n}\n\n.uepg-rc-logo {\n  display: block;\n  height: 40px;\n  width: auto;\n  margin-bottom: 0.75rem;\n}\n\n.uepg-rc-title {\n  font-size: 20px; \/* Levemente maior *\/\n  font-weight: 500;\n  color: #04346d;\n  margin: 0 0 4px 0;\n  line-height: 1.3;\n}\n\n.uepg-rc-subtitle {\n  font-size: 13px;\n  color: #6b84a3;\n  margin: 0;\n}\n\n.uepg-rc-btn-group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.uepg-rc-btn {\n  padding: 6px 14px;\n  border-radius: 8px;\n  border: 0.5px solid #c8d3e3;\n  background: #fff;\n  color: #6b84a3;\n  font-size: 13px;\n  cursor: pointer;\n  font-family: inherit;\n  transition: all 0.2s ease;\n}\n\n.uepg-rc-btn:hover {\n  background: #f0f4f9;\n  border-color: #5295FA; \/* Cor de destaque do site *\/\n  color: #04346d;\n}\n\n.uepg-rc-btn.active {\n  background: #dde7f3;\n  border-color: #2a6aad;\n  color: #04346d;\n  font-weight: 500;\n}\n\n.uepg-rc-score-badge {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.uepg-rc-score-val {\n  font-size: 38px;\n  font-weight: 300; \/* Peso leve para combinar com os n\u00fameros do site *\/\n  color: #04346d;\n}\n\n.uepg-rc-score-label {\n  font-size: 13px;\n  color: #6b84a3;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.uepg-rc-chart-wrap {\n  position: relative;\n  width: 100%;\n  height: 300px;\n}\n\n@media (max-width: 600px) {\n    .uepg-rc-wrapper { padding: 1rem; }\n    .uepg-rc-card { padding: 1.2rem; }\n    .uepg-rc-score-val { font-size: 32px; }\n}\n<\/style>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.js\"><\/script>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const container = document.querySelector('.uepg-rc-wrapper');\n  const years = [2018,2019,2020,2021,2022,2023,2024,2025,2026];\n\n  const data = {\n    intl:     { label: 'International Outlook', values: [15.5,16.5,18.4,21.5,22.4,22.8,25.9,26.9,28.1] },\n    teaching: { label: 'Teaching',              values: [20.1,17.3,17.6,20.7,21.4,20.7,24.9,26.6,26.2] },\n    industry: { label: 'Industry',              values: [31.7,34.0,34.4,33.4,34.8,37.1,18.1,19.0,20.6] },\n    rquality: { label: 'Research Quality',      values: [13.2,16.8,26.5,24.6,24.0,18.2,18.1,15.9,16.9] },\n    renv:     { label: 'Research Environment',  values: [17.8,18.8,8.5,9.6,9.9,9.9,11.3,11.7,19.0]    },\n  };\n\n  const ctx = document.getElementById('uepgRankChart');\n  let chart;\n\n  function initChart() {\n    chart = new Chart(ctx, {\n      type: 'line',\n      data: {\n        labels: years,\n        datasets: [{\n          label: data['intl'].label,\n          data: data['intl'].values,\n          borderColor: '#2a6aad',\n          backgroundColor: 'rgba(4,52,109,0.07)',\n          pointBackgroundColor: '#04346d',\n          pointRadius: 5,\n          fill: true,\n          tension: 0.3\n        }]\n      },\n      options: {\n        responsive: true,\n        maintainAspectRatio: false,\n        animation: { duration: 2000, easing: 'easeOutQuart' }, \/\/ Anima\u00e7\u00e3o de entrada do gr\u00e1fico\n        plugins: { legend: { display: false } },\n        scales: {\n          x: { grid: { color: 'rgba(4,52,109,0.06)' }, ticks: { color: '#6b84a3' } },\n          y: { grid: { color: 'rgba(4,52,109,0.06)' }, ticks: { color: '#6b84a3' } }\n        }\n      }\n    });\n  }\n\n  \/\/ --- INTERSECTION OBSERVER LOCAL ---\n  \/\/ Garante que o gr\u00e1fico e o fade-in funcionem mesmo se o script global falhar\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n        if (entry.isIntersecting) {\n            container.classList.add('visivel');\n            if (!chart) initChart(); \/\/ S\u00f3 cria o gr\u00e1fico quando vis\u00edvel\n            observer.unobserve(entry.target);\n        }\n    });\n  }, { threshold: 0.15 });\n\n  observer.observe(container);\n\n  function updateChart(key) {\n    const d = data[key];\n    chart.data.datasets[0].data = d.values;\n    chart.update();\n    document.getElementById('uepgCurScore').textContent = d.values[d.values.length - 1].toFixed(1);\n  }\n\n  document.getElementById('uepgBtnGroup').addEventListener('click', function(e) {\n    const btn = e.target.closest('.uepg-rc-btn');\n    if (!btn) return;\n    document.querySelectorAll('.uepg-rc-btn').forEach(b => b.classList.remove('active'));\n    btn.classList.add('active');\n    updateChart(btn.dataset.key);\n  });\n});\n<\/script><\/div><\/div><\/div><\/div><div id=\"pg-233-2\"  class=\"panel-grid panel-has-style\" ><div class=\"panel-row-style panel-row-style-for-233-2\" ><div id=\"pgc-233-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-233-2-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"2\" ><div class=\"widget_text titulo-linha-esquerda panel-widget-style panel-widget-style-for-233-2-0-0\" ><div class=\"textwidget custom-html-widget\"><h4 class=\"titulo-scroll-reveal\">\n   Current agreements around the world\n<\/h4><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-233-3\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-233-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-233-3-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"3\" ><div class=\"textwidget custom-html-widget\"><style>\n\/* Estado inicial: Invis\u00edvel e levemente abaixo *\/\n.uepg-reveal-container {\n    opacity: 0;\n    transform: translateY(40px);\n    transition: opacity 1s ease-out, transform 1s cubic-bezier(0.11, 1, 0.11, 1);\n    background: transparent !important;\n    padding: 20px 0;\n    will-change: opacity, transform;\n}\n\n\/* Estado ativo: Quando vis\u00edvel *\/\n.uepg-reveal-container.is-visible {\n    opacity: 1 !important;\n    transform: translateY(0) !important;\n}\n<\/style>\n\n<!-- Envolvemos o bot\u00e3o e o mapa na mesma div com anima\u00e7\u00e3o de reveal -->\n<div id=\"uepg-map-section-unique\" class=\"uepg-reveal-container\">\n\n    <!-- 1. Bot\u00e3o (Antes) -->\n    <div>\n        <a href=\"https:\/\/www2.uepg.br\/eri\/instituicoes-conveniadas\/\" target=\"_blank\" rel=\"noopener\" style=\"display: flex; align-items: center; width: 50%; justify-content: center; margin: 0 auto; margin-bottom: 15px; padding: 10px 28px; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 15px; color: #04346D; background: transparent; border: 1px solid #04346D; border-radius: 30px; text-decoration: none;\" class=\"learnmore-btn\"> \n           Associated Institutions \n        <\/a>\n    <\/div>\n\n    <!-- 2. Mapa Datawrapper (Depois) -->\n    <div style=\"min-height:332px\" id=\"datawrapper-vis-7kE6I\"><script type=\"text\/javascript\" defer src=\"https:\/\/datawrapper.dwcdn.net\/7kE6I\/embed.js\" charset=\"utf-8\" data-target=\"#datawrapper-vis-7kE6I\"><\/script><noscript><img src=\"https:\/\/datawrapper.dwcdn.net\/7kE6I\/full.png\" alt=\"Choropleth map\" \/><\/noscript><\/div>\n<\/div>\n\n<script>\n(function() {\n    const section = document.getElementById('uepg-map-section-unique');\n    \n    if (!section) return;\n\n    \/\/ Fallback: Se o IntersectionObserver n\u00e3o for suportado, mostra imediatamente\n    if (!('IntersectionObserver' in window)) {\n        section.classList.add('is-visible');\n        return;\n    }\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                section.classList.add('is-visible');\n                observer.unobserve(section);\n            }\n        });\n    }, { \n        threshold: 0.1,\n        rootMargin: \"0px 0px -50px 0px\"\n    });\n\n    observer.observe(section);\n})();\n<\/script><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>UEPG in Higher Education rankings State University of Ponta Grossa Impact Rankings \u2014 Times Higher Education (THE) International Outlook Teaching Industry Research Quality Research Environment 28.1 score in 2026 Current agreements around the world Associated Institutions<\/p>\n","protected":false},"author":378,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"_links":{"self":[{"href":"https:\/\/www2.uepg.br\/uepginternational\/wp-json\/wp\/v2\/pages\/233"}],"collection":[{"href":"https:\/\/www2.uepg.br\/uepginternational\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www2.uepg.br\/uepginternational\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www2.uepg.br\/uepginternational\/wp-json\/wp\/v2\/users\/378"}],"replies":[{"embeddable":true,"href":"https:\/\/www2.uepg.br\/uepginternational\/wp-json\/wp\/v2\/comments?post=233"}],"version-history":[{"count":50,"href":"https:\/\/www2.uepg.br\/uepginternational\/wp-json\/wp\/v2\/pages\/233\/revisions"}],"predecessor-version":[{"id":1582,"href":"https:\/\/www2.uepg.br\/uepginternational\/wp-json\/wp\/v2\/pages\/233\/revisions\/1582"}],"wp:attachment":[{"href":"https:\/\/www2.uepg.br\/uepginternational\/wp-json\/wp\/v2\/media?parent=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}