Datos Alumni<\/title>\r\n <style>\r\n .alumni-stats-page {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background-color: #f5f5f5;\r\n color: #333;\r\n }\r\n\r\n .alumni-stats-page .container {\r\n max-width: 1200px;\r\n margin: 50px auto;\r\n padding: 20px;\r\n background: white;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .alumni-stats-page h1, \r\n .alumni-stats-page h2 {\r\n text-align: center;\r\n color: #03827C;\r\n }\r\n\r\n .alumni-stats-page h1 {\r\n font-size: 40px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .alumni-stats-page h2 {\r\n font-size: 28px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .alumni-stats-page .intro {\r\n text-align: center;\r\n font-size: 18px;\r\n color: #555;\r\n margin-bottom: 40px;\r\n line-height: 1.8;\r\n }\r\n\r\n .alumni-stats-page .stats-container {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n gap: 15px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .alumni-stats-page .stat-card {\r\n background: linear-gradient(135deg, #03827C, #4B77AA);\r\n color: white;\r\n padding: 15px;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n text-align: center;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n .alumni-stats-page .stat-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .alumni-stats-page .stat-card .number {\r\n font-size: 36px;\r\n font-weight: bold;\r\n color: #FFD700;\r\n }\r\n\r\n .alumni-stats-page .stat-card .label {\r\n font-size: 16px;\r\n font-weight: bold;\r\n }\r\n\r\n .alumni-stats-page .participation-section {\r\n text-align: center;\r\n margin-top: 40px;\r\n }\r\n\r\n .alumni-stats-page .participation-section h2 {\r\n color: #4B77AA;\r\n }\r\n\r\n .alumni-stats-page .participation-section ul {\r\n list-style: none;\r\n padding: 0;\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n }\r\n\r\n .alumni-stats-page .participation-section li {\r\n background: #f5f5f5;\r\n padding: 15px;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n max-width: 120px;\r\n text-align: center;\r\n font-size: 16px;\r\n font-weight: bold;\r\n color: #03827C;\r\n }\r\n\r\n .alumni-stats-page .cta-button {\r\n display: inline-block;\r\n margin: 30px auto 0;\r\n padding: 15px 30px;\r\n background-color: #03827C;\r\n color: #fff;\r\n text-decoration: none;\r\n font-size: 18px;\r\n font-weight: bold;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n transition: background-color 0.3s ease, transform 0.3s ease;\r\n }\r\n\r\n .alumni-stats-page .cta-button:hover {\r\n background-color: #02675F;\r\n transform: translateY(-3px);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"alumni-stats-page\">\r\n <div class=\"container\">\r\n <div class=\"intro\">\r\n La Universidad de Oviedo se enorgullece de contar con una comunidad Alumni diversa y global. Estos son los datos que reflejan el impacto y la presencia de nuestros\/as egresados\/as en el mundo.\r\n <\/div>\r\n\r\n <div class=\"participation-section\">\r\n <h2>\u00bfC\u00f3mo Participar?<\/h2>\r\n <p>Si a\u00fan no formas parte de nuestra comunidad Alumni, inscr\u00edbete y disfruta de todos los beneficios.<\/p>\r\n <a href=\"https:\/\/www.unioviedo.es\/alumni\/index.php\/inscripciones\/\" class=\"cta-button\">\u00a1Inscr\u00edbete Ahora!<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-69f34bd\" data-id=\"69f34bd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-173bdaa elementor-widget elementor-widget-shortcode\" data-id=\"173bdaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <style>\n .alumni-category-counter {\n text-align: center;\n padding: 30px;\n background: linear-gradient(135deg, #03827C, #4B77AA);\n color: white;\n border-radius: 20px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n margin: 50px auto;\n max-width: 600px;\n font-family: Arial, sans-serif;\n animation: fadeIn 1.5s ease-in-out;\n }\n\n .alumni-category-counter h2 {\n font-size: 28px;\n margin: 0 0 15px;\n font-weight: bold;\n color: #FFFFFF;\n }\n\n .alumni-category-counter .total-members {\n font-size: 50px;\n font-weight: bold;\n margin: 20px 0;\n color: #FFD700; \/* Dorado *\/\n text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);\n animation: scaleUp 1.2s ease-in-out;\n }\n\n .alumni-category-counter .category {\n margin: 15px 0;\n font-size: 18px;\n font-weight: bold;\n background-color: rgba(255, 255, 255, 0.2);\n padding: 10px 15px;\n border-radius: 10px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n }\n\n .alumni-category-counter .category strong {\n font-size: 24px;\n color: #FFFFFF;\n margin-left: 10px;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes scaleUp {\n 0% {\n transform: scale(0.8);\n opacity: 0.5;\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n }\n <\/style>\n\n <div class=\"alumni-category-counter\">\n <h2>Miembros del Club Alumni<\/h2>\n <div class=\"total-members\">386<\/div>\n <div class=\"category\">\n Alumni Junior: \n <strong>362<\/strong>\n <\/div>\n <div class=\"category\">\n Alumni Profesional: \n <strong>14<\/strong>\n <\/div>\n <div class=\"category\">\n Alumni Veterano: \n <strong>1<\/strong>\n <\/div>\n <div class=\"category\">\n Alumni ERES-UO: \n <strong>4<\/strong>\n <\/div>\n <\/div>\n <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ada5fa elementor-widget elementor-widget-heading\" data-id=\"9ada5fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Datos espec\u00edficos de nuestros Alumni<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0cfd27 elementor-widget elementor-widget-shortcode\" data-id=\"d0cfd27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <style>\n .alumni-tabs {\n max-width: 1000px;\n margin: 50px auto;\n font-family: Arial, sans-serif;\n }\n\n .alumni-tabs-header {\n display: flex;\n justify-content: center;\n gap: 15px;\n margin-bottom: 20px;\n }\n\n .alumni-tab-link {\n padding: 10px 20px;\n border-radius: 5px;\n background-color: #f0f0f0;\n color: #333;\n font-weight: bold;\n text-align: center;\n cursor: pointer;\n transition: background-color 0.3s, color 0.3s;\n }\n\n .alumni-tab-link:hover {\n background-color: #03827C;\n color: white;\n }\n\n .alumni-tab-link.active {\n background-color: #4B77AA;\n color: white;\n }\n\n .alumni-tab-content {\n display: none;\n background-color: #f9f9f9;\n padding: 20px;\n border: 1px solid #ddd;\n border-radius: 10px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n }\n\n .alumni-tab-content.active {\n display: block;\n }\n <\/style>\n\n <div class=\"alumni-tabs\">\n \n <div class=\"alumni-tabs-header\">\n <div class=\"alumni-tab-link active\" data-tab=\"situation\">Situaci\u00f3n Actual<\/div>\n <div class=\"alumni-tab-link\" data-tab=\"interests\">Intereses dentro del Club<\/div>\n <div class=\"alumni-tab-link\" data-tab=\"knowledge\">Ramas de Conocimiento<\/div>\n <\/div>\n\n \n <div class=\"alumni-tab-content active\" id=\"situation\">\n <style>\n .situation-counter {\n max-width: 1000px;\n margin: 50px auto;\n padding: 20px;\n background: #f9f9f9; \/* A\u00f1adido un color de fondo suave *\/\n border-radius: 15px;\n box-shadow: 0 0px 0px rgba(0, 0, 0, 0);\n font-family: Arial, sans-serif;\n }\n\n .situation-counter h2 {\n text-align: center;\n font-size: 32px;\n margin-bottom: 20px;\n font-weight: bold;\n color: #4B77AA;\n }\n\n .situation-list {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n gap: 20px;\n }\n\n .situation-item {\n flex: 1 1 calc(20% - 20px);\n max-width: calc(20% - 20px);\n background: white;\n border-radius: 10px;\n padding: 20px;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n }\n\n .situation-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);\n }\n\n .situation-item h3 {\n font-size: 20px;\n color: #03827C;\n margin-bottom: 10px;\n }\n\n .situation-item .count {\n font-size: 36px;\n font-weight: bold;\n color: #4B77AA;\n }\n\n .situation-item .icon {\n font-size: 48px;\n color: #FFD700;\n margin-bottom: 10px;\n animation: fadeIn 1.5s ease;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: scale(0.8);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n \/* Ajustes responsivos *\/\n @media (max-width: 800px) {\n .situation-item {\n flex: 1 1 calc(45% - 20px);\n max-width: calc(45% - 20px);\n }\n }\n\n @media (max-width: 500px) {\n .situation-item {\n flex: 1 1 100%;\n max-width: 100%;\n }\n }\n <\/style>\n\n <div class=\"situation-counter\">\n <h2>Situaci\u00f3n Actual de los Suscriptores<\/h2>\n <div class=\"situation-list\">\n <div class=\"situation-item\">\n <div class=\"icon\">\ud83d\udcca<\/div>\n <h3>Trabajo<\/h3>\n <div class=\"count\">105<\/div>\n <\/div>\n <div class=\"situation-item\">\n <div class=\"icon\">\ud83d\udcca<\/div>\n <h3>Preparo oposiciones<\/h3>\n <div class=\"count\">40<\/div>\n <\/div>\n <div class=\"situation-item\">\n <div class=\"icon\">\ud83d\udcca<\/div>\n <h3>Estudio<\/h3>\n <div class=\"count\">90<\/div>\n <\/div>\n <div class=\"situation-item\">\n <div class=\"icon\">\ud83d\udcca<\/div>\n <h3>Desempleado\/a o en busqueda de empleo<\/h3>\n <div class=\"count\">61<\/div>\n <\/div>\n <div class=\"situation-item\">\n <div class=\"icon\">\ud83d\udcca<\/div>\n <h3>Otra<\/h3>\n <div class=\"count\">14<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"alumni-tab-content\" id=\"interests\">\n <style>\n .interests-counter {\n max-width: 900px;\n margin: 50px auto;\n padding: 20px;\n background: #fff;\n border-radius: 15px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n font-family: Arial, sans-serif;\n }\n\n .interests-counter h2 {\n text-align: center;\n font-size: 32px;\n margin-bottom: 20px;\n font-weight: bold;\n color: #03827C;\n }\n\n .interest-item {\n margin-bottom: 15px;\n }\n\n .interest-item h3 {\n font-size: 18px;\n margin-bottom: 5px;\n color: #4B77AA;\n display: flex;\n justify-content: space-between;\n }\n\n .interest-item h3 span {\n color: #555;\n }\n\n .progress-bar {\n position: relative;\n background: #f5f5f5;\n border-radius: 10px;\n overflow: hidden;\n height: 20px;\n }\n\n .progress-bar-fill {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n background: linear-gradient(135deg, #03827C, #4B77AA);\n transition: width 0.5s ease;\n text-align: right;\n color: white;\n line-height: 20px;\n padding-right: 10px;\n font-size: 14px;\n }\n <\/style>\n\n <div class=\"interests-counter\">\n <div class=\"interest-item\">\n <h3>Networking <span>(251 votos, 15%)<\/span><\/h3>\n <div class=\"progress-bar\">\n <div class=\"progress-bar-fill\" style=\"width: 15%;\">\n 15%\n <\/div>\n <\/div>\n <\/div>\n <div class=\"interest-item\">\n <h3>Eventos Sociales <span>(212 votos, 12%)<\/span><\/h3>\n <div class=\"progress-bar\">\n <div class=\"progress-bar-fill\" style=\"width: 12%;\">\n 12%\n <\/div>\n <\/div>\n <\/div>\n <div class=\"interest-item\">\n <h3>Charlas y Conferencias <span>(271 votos, 16%)<\/span><\/h3>\n <div class=\"progress-bar\">\n <div class=\"progress-bar-fill\" style=\"width: 16%;\">\n 16%\n <\/div>\n <\/div>\n <\/div>\n <div class=\"interest-item\">\n <h3>Mentor\u00eda <span>(148 votos, 9%)<\/span><\/h3>\n <div class=\"progress-bar\">\n <div class=\"progress-bar-fill\" style=\"width: 9%;\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"interest-item\">\n <h3>Voluntariado <span>(157 votos, 9%)<\/span><\/h3>\n <div class=\"progress-bar\">\n <div class=\"progress-bar-fill\" style=\"width: 9%;\">\n <\/div>\n <\/div>\n <\/div>\n <div class=\"interest-item\">\n <h3>Oportunidades de Empleo <span>(337 votos, 20%)<\/span><\/h3>\n <div class=\"progress-bar\">\n <div class=\"progress-bar-fill\" style=\"width: 20%;\">\n 20%\n <\/div>\n <\/div>\n <\/div>\n <div class=\"interest-item\">\n <h3>Desarrollo Profesional <span>(318 votos, 19%)<\/span><\/h3>\n <div class=\"progress-bar\">\n <div class=\"progress-bar-fill\" style=\"width: 19%;\">\n 19%\n <\/div>\n <\/div>\n <\/div>\n <div class=\"interest-item\">\n <h3>Otras <span>(9 votos, 1%)<\/span><\/h3>\n <div class=\"progress-bar\">\n <div class=\"progress-bar-fill\" style=\"width: 1%;\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"alumni-tab-content\" id=\"knowledge\">\n <style>\n .knowledge-counter {\n max-width: 1000px;\n margin: 50px auto;\n padding: 20px;\n border-radius: 15px;\n font-family: Arial, sans-serif;\n }\n\n .knowledge-counter h2 {\n text-align: center;\n font-size: 28px;\n margin-bottom: 30px;\n font-weight: bold;\n color: #03827C;\n }\n\n .knowledge-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 20px;\n }\n\n .knowledge-card {\n background: #fff;\n padding: 15px;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .knowledge-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);\n }\n\n .knowledge-card h3 {\n font-size: 16px;\n color: #4B77AA;\n margin: 0 0 10px;\n text-align: center;\n }\n\n .knowledge-card .count {\n font-size: 24px;\n font-weight: bold;\n color: #03827C;\n text-align: center;\n }\n\n @media (max-width: 600px) {\n .knowledge-card h3 {\n font-size: 14px;\n }\n\n .knowledge-card .count {\n font-size: 20px;\n }\n }\n <\/style>\n\n <div class=\"knowledge-counter\">\n <h2>\u00c1mbitos de Conocimiento (S\u00f3lo Suscriptores)<\/h2>\n <div class=\"knowledge-grid\">\n <div class=\"knowledge-card\">\n <h3>Artes y humanidades<\/h3>\n <div class=\"count\">64<\/div>\n <\/div>\n <div class=\"knowledge-card\">\n <h3>Ciencias<\/h3>\n <div class=\"count\">74<\/div>\n <\/div>\n <div class=\"knowledge-card\">\n <h3>Ciencias de la salud<\/h3>\n <div class=\"count\">51<\/div>\n <\/div>\n <div class=\"knowledge-card\">\n <h3>Ciencias sociales y jur\u00eddicas<\/h3>\n <div class=\"count\">135<\/div>\n <\/div>\n <div class=\"knowledge-card\">\n <h3>Ingenier\u00eda y arquitectura<\/h3>\n <div class=\"count\">75<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function () {\n const tabLinks = document.querySelectorAll('.alumni-tab-link');\n const tabContents = document.querySelectorAll('.alumni-tab-content');\n\n tabLinks.forEach(link => {\n link.addEventListener('click', function () {\n \/\/ Remove active classes\n tabLinks.forEach(link => link.classList.remove('active'));\n tabContents.forEach(content => content.classList.remove('active'));\n\n \/\/ Add active class to clicked tab and corresponding content\n this.classList.add('active');\n const targetTab = this.getAttribute('data-tab');\n document.getElementById(targetTab).classList.add('active');\n });\n });\n });\n <\/script>\n <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab0c2ab elementor-widget elementor-widget-heading\" data-id=\"ab0c2ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Mapa de nuestros Alumni<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7b6a15 elementor-widget elementor-widget-shortcode\" data-id=\"e7b6a15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <div id=\"alumni-map\" style=\"height:600px;width:100%;margin:20px auto;\"><\/div>\n <style>\n #alumni-map .leaflet-popup-content-wrapper {\n background:#fff;\n border-radius:8px;\n padding:12px;\n font-family:'Helvetica Neue',Arial,sans-serif;\n max-width:320px;\n }\n .popup-title {\n color:#03827C;\n font-size:18px;\n text-align:center;\n margin-bottom:12px;\n }\n .popup-usuarios {\n display:grid;\n grid-template-columns:repeat(auto-fit,minmax(80px,1fr));\n gap:10px;\n justify-items:center;\n }\n .popup-usuario {\n text-align:center;\n }\n .popup-usuario img {\n width:64px;\n height:64px;\n border-radius:50%;\n object-fit:cover;\n border:2px solid #03827C;\n }\n .popup-usuario span {\n display:block;\n font-size:12px;\n margin-top:6px;\n line-height:1.2;\n word-break:break-word;\n }\n .popup-usuario a.perfil-btn {\n display:inline-block;\n margin-top:4px;\n padding:4px 8px;\n font-size:11px;\n background:#03827C;\n color:#fff;\n border-radius:4px;\n text-decoration:none;\n }\n <\/style>\n <script>\n document.addEventListener('DOMContentLoaded', function(){\n var data = [{\"ciudad\":\"Gij\\u00f3n\",\"lat\":\"43.533300\",\"lng\":\"-5.700000\",\"usuarios\":[{\"name\":\"Ignacio de la Vega Mor\\u00e1n\",\"avatar\":\"https:\\\/\\\/www.unioviedo.es\\\/alumni\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/cadash_6887436c8fb7b-150x150.webp\",\"profile\":\"https:\\\/\\\/www.unioviedo.es\\\/alumni\\\/index.php\\\/mi-perfil\\\/?uid=402\"},{\"name\":\"Laura Garc\\u00eda la Fuente\",\"avatar\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a7a7f29a39798798a4267931fc5519e0fa4c8389bbab0a74e39ce02874c86443?s=64&d=mm&r=g\",\"profile\":\"https:\\\/\\\/www.unioviedo.es\\\/alumni\\\/index.php\\\/mi-perfil\\\/?uid=441\"},{\"name\":\"Luc\\u00eda Perera L\\u00f3pez\",\"avatar\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a4200733999b5762f7b1c05436d4529951bdf3cb9b56c9c0fc16556f5614cf51?s=64&d=mm&r=g\",\"profile\":\"https:\\\/\\\/www.unioviedo.es\\\/alumni\\\/index.php\\\/mi-perfil\\\/?uid=416\"},{\"name\":\"Abdulazeez Adebayo Olayinka\",\"avatar\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f0f7393914c467087b085c378c1fe622b58a7c2058514bb1561e4826582fbb31?s=64&d=mm&r=g\",\"profile\":\"https:\\\/\\\/www.unioviedo.es\\\/alumni\\\/index.php\\\/mi-perfil\\\/?uid=386\"},{\"name\":\"Pelayo Reguera Garc\\u00eda\",\"avatar\":\"https:\\\/\\\/www.unioviedo.es\\\/alumni\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/cadash_68fcc89d6ddd1-150x150.webp\",\"profile\":\"https:\\\/\\\/www.unioviedo.es\\\/alumni\\\/index.php\\\/mi-perfil\\\/?uid=512\"}]},{\"ciudad\":\"Z\\u00fcrich\",\"lat\":\"47.374400\",\"lng\":\"8.541100\",\"usuarios\":[{\"name\":\"Jos\\u00e9 Ram\\u00f3n Otero Garc\\u00eda\",\"avatar\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a979a773754d94b8d835d3eabf9a24991c71de4f649d04eb284a19dea6422714?s=64&d=mm&r=g\",\"profile\":\"https:\\\/\\\/www.unioviedo.es\\\/alumni\\\/index.php\\\/mi-perfil\\\/?uid=451\"}]}];\n var map = L.map('alumni-map').setView([54,15],4);\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png',{\n attribution:'\u00a9 OpenStreetMap contributors'\n }).addTo(map);\n var cluster = L.markerClusterGroup(); \n data.forEach(function(loc){\n var marker = L.marker([ parseFloat(loc.lat), parseFloat(loc.lng) ]);\n var html = '<h3 class=\"popup-title\">'+loc.ciudad+'<\/h3><div class=\"popup-usuarios\">';\n loc.usuarios.forEach(function(u){\n html += '<div class=\"popup-usuario\">'\n + '<img decoding=\"async\" src=\"'+u.avatar+'\" alt=\"'+u.name+'\">'\n + '<span>'+u.name+'<\/span>'\n + '<a class=\"perfil-btn\" href=\"'+u.profile+'\" target=\"_blank\">Ver perfil<\/a>'\n + '<\/div>';\n });\n html += '<\/div>';\n marker.bindPopup(html);\n cluster.addLayer(marker);\n });\n map.addLayer(cluster);\n var bounds = cluster.getBounds();\n if ( bounds.isValid() ) map.fitBounds(bounds,{padding:[50,50]});\n });\n <\/script>\n <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DATOS DEL CLUB ALUMNI 360 UO Datos Alumni La Universidad de Oviedo se enorgullece de contar con una comunidad Alumni diversa y global. Estos son los datos que reflejan el impacto y la presencia de nuestros\/as egresados\/as en el mundo. \u00bfC\u00f3mo Participar? Si a\u00fan no formas parte de nuestra comunidad Alumni, inscr\u00edbete y disfruta de… <a href=\"https:\/\/www.unioviedo.es\/alumni\/index.php\/datos-alumni\/\" rel=\"bookmark\">Leer m\u00e1s »<span class=\"screen-reader-text\">Datos Alumni<\/span><\/a><\/p>\n","protected":false},"author":49,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"off","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"on","footnotes":""},"class_list":["post-10925","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.unioviedo.es\/alumni\/index.php\/wp-json\/wp\/v2\/pages\/10925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.unioviedo.es\/alumni\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.unioviedo.es\/alumni\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.unioviedo.es\/alumni\/index.php\/wp-json\/wp\/v2\/users\/49"}],"replies":[{"embeddable":true,"href":"https:\/\/www.unioviedo.es\/alumni\/index.php\/wp-json\/wp\/v2\/comments?post=10925"}],"version-history":[{"count":6,"href":"https:\/\/www.unioviedo.es\/alumni\/index.php\/wp-json\/wp\/v2\/pages\/10925\/revisions"}],"predecessor-version":[{"id":11862,"href":"https:\/\/www.unioviedo.es\/alumni\/index.php\/wp-json\/wp\/v2\/pages\/10925\/revisions\/11862"}],"wp:attachment":[{"href":"https:\/\/www.unioviedo.es\/alumni\/index.php\/wp-json\/wp\/v2\/media?parent=10925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}