{"id":18000,"date":"2026-07-22T11:11:34","date_gmt":"2026-07-22T09:11:34","guid":{"rendered":"https:\/\/ds4mmed.uv.es\/?page_id=18000"},"modified":"2026-07-22T12:32:10","modified_gmt":"2026-07-22T10:32:10","slug":"redes-sociales","status":"publish","type":"page","link":"https:\/\/ds4mmed.uv.es\/index.php\/es\/redes-sociales\/","title":{"rendered":"REDES SOCIALES"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18000\" class=\"elementor elementor-18000\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8881ce9 e-flex e-con-boxed e-con e-parent\" data-id=\"8881ce9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca793e7 elementor-widget elementor-widget-html\" data-id=\"ca793e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n\r\n<div id=\"ds4m-links-container\" class=\"links-main-container\">\r\n    <div class=\"links-wrapper-interno\">\r\n        \r\n        <div class=\"tab-switcher\">\r\n            <button class=\"tab-btn active\" data-entity=\"ds4m\" onclick=\"switchEntity('ds4m')\">DS4M Med<\/button>\r\n            <button class=\"tab-btn\" data-entity=\"intras\" onclick=\"switchEntity('intras')\">INTRAS<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"section-ds4m\" class=\"entity-section active\">\r\n            <div class=\"profile-header\">\r\n                <div class=\"profile-logo-container logo-ds4m-wrap\">\r\n                    <img decoding=\"async\" src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/05\/logo-ds4m-blanco-png.png\" alt=\"DS4M Mediterr\u00e1neo\" class=\"profile-logo\" onerror=\"this.src='https:\/\/via.placeholder.com\/280x100\/0d1b2a\/00c0ff?text=DS4M'\" \/>\r\n                <\/div>\r\n                <h1 class=\"profile-title\">DS4M Mediterr\u00e1neo<\/h1>\r\n            <\/div>\r\n\r\n            <div class=\"social-links-list\">\r\n                <a href=\"https:\/\/ds4mmed.uv.es\/index.php\/es\/\" class=\"social-link-card web-card\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-link-content\">\r\n                        <div class=\"social-icon web-icon\">\r\n                            <i class=\"fa-solid fa-globe\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"social-text\">P\u00e1gina Web Oficial<\/span>\r\n                    <\/div>\r\n                    <div class=\"arrow-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/www.youtube.com\/@DS4MMediterr%C3%A1neo-f6p\" class=\"social-link-card\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-link-content\">\r\n                        <div class=\"social-icon\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                        <span class=\"social-text\">YouTube<\/span>\r\n                    <\/div>\r\n                    <div class=\"arrow-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/www.instagram.com\/ds4m.mediterraneo\/\" class=\"social-link-card\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-link-content\">\r\n                        <div class=\"social-icon\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n                        <span class=\"social-text\">Instagram<\/span>\r\n                    <\/div>\r\n                    <div class=\"arrow-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/www.facebook.com\/profile.php?id=61591471232106&locale=es_ES\" class=\"social-link-card\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-link-content\">\r\n                        <div class=\"social-icon\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/div>\r\n                        <span class=\"social-text\">Facebook<\/span>\r\n                    <\/div>\r\n                    <div class=\"arrow-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/www.tiktok.com\/@ds4m_mediterraneo\" class=\"social-link-card\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-link-content\">\r\n                        <div class=\"social-icon\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                        <span class=\"social-text\">TikTok<\/span>\r\n                    <\/div>\r\n                    <div class=\"arrow-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/www.linkedin.com\/company\/ds4mmed\/posts\/?feedView=all\" class=\"social-link-card\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-link-content\">\r\n                        <div class=\"social-icon\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/div>\r\n                        <span class=\"social-text\">LinkedIn<\/span>\r\n                    <\/div>\r\n                    <div class=\"arrow-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/x.com\/ds4mmed\" class=\"social-link-card\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-link-content\">\r\n                        <div class=\"social-icon\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/div>\r\n                        <span class=\"social-text\">X (Twitter)<\/span>\r\n                    <\/div>\r\n                    <div class=\"arrow-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"section-intras\" class=\"entity-section\">\r\n            <div class=\"profile-header\">\r\n                <div class=\"profile-logo-container logo-intras-wrap\">\r\n                    <img decoding=\"async\" src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/07\/LogoIntrasBlanco.png\" alt=\"INTRAS\" class=\"profile-logo\" onerror=\"this.src='https:\/\/via.placeholder.com\/220\/0d1b2a\/00c0ff?text=INTRAS'\" \/>\r\n                <\/div>\r\n\r\n                <p class=\"profile-description\">Instituto Universitario de Investigaci\u00f3n en Tr\u00e1fico y Seguridad Vial<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"social-links-list\">\r\n                <a href=\"https:\/\/www.uv.es\/uvweb\/instituto-universitario-investigacion-transito-seguridad-vial-INTRAS\/es\/instituto-universitario-investigacion-transito-seguridad-vial-1285892783720.html\" class=\"social-link-card web-card\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-link-content\">\r\n                        <div class=\"social-icon web-icon\">\r\n                            <i class=\"fa-solid fa-globe\"><\/i>\r\n                        <\/div>\r\n                        <span class=\"social-text\">P\u00e1gina Web Oficial<\/span>\r\n                    <\/div>\r\n                    <div class=\"arrow-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/www.facebook.com\/profile.php?id=100057560413734#\" class=\"social-link-card\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-link-content\">\r\n                        <div class=\"social-icon\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/div>\r\n                        <span class=\"social-text\">Facebook<\/span>\r\n                    <\/div>\r\n                    <div class=\"arrow-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/x.com\/Intras_UV\" class=\"social-link-card\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-link-content\">\r\n                        <div class=\"social-icon\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/div>\r\n                        <span class=\"social-text\">X (Twitter)<\/span>\r\n                    <\/div>\r\n                    <div class=\"arrow-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/www.youtube.com\/channel\/UCc3J8jbBnq92Fh6SdoUBgrQ\" class=\"social-link-card\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-link-content\">\r\n                        <div class=\"social-icon\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                        <span class=\"social-text\">YouTube<\/span>\r\n                    <\/div>\r\n                    <div class=\"arrow-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/www.instagram.com\/intras_uv\/\" class=\"social-link-card\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-link-content\">\r\n                        <div class=\"social-icon\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n                        <span class=\"social-text\">Instagram<\/span>\r\n                    <\/div>\r\n                    <div class=\"arrow-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/www.linkedin.com\/company\/intras-research-institute-on-traffic-and-road-safety-university-of-valencia\/posts\/?feedView=all\" class=\"social-link-card\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                    <div class=\"social-link-content\">\r\n                        <div class=\"social-icon\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/div>\r\n                        <span class=\"social-text\">LinkedIn<\/span>\r\n                    <\/div>\r\n                    <div class=\"arrow-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction switchEntity(entityKey) {\r\n    const sections = document.querySelectorAll('.entity-section');\r\n    const buttons = document.querySelectorAll('.tab-btn');\r\n\r\n    sections.forEach(sec => sec.classList.remove('active'));\r\n    buttons.forEach(btn => btn.classList.remove('active'));\r\n\r\n    const targetSection = document.getElementById(`section-${entityKey}`);\r\n    const targetBtn = document.querySelector(`.tab-btn[data-entity=\"${entityKey}\"]`);\r\n\r\n    if (targetSection) targetSection.classList.add('active');\r\n    if (targetBtn) targetBtn.classList.add('active');\r\n}\r\n\r\n(() => {\r\n    const urlParams = new URLSearchParams(window.location.search);\r\n    const tabParam = urlParams.get('tab') || urlParams.get('red');\r\n    const hashParam = window.location.hash.replace('#', '').toLowerCase();\r\n\r\n    if (tabParam === 'intras' || hashParam === 'intras') {\r\n        switchEntity('intras');\r\n    } else {\r\n        switchEntity('ds4m');\r\n    }\r\n})();\r\n<\/script>\r\n\r\n<style>\r\nheader, footer, #masthead, #colophon, .site-header, .site-footer, #header-eau, #footer-eau, .header-wrapper, .footer-wrapper {\r\n    display: none !important;\r\n}\r\n\r\n#ds4m-links-container {\r\n    width: 100% !important;\r\n    min-height: 100vh;\r\n    margin: 0;\r\n    padding: 40px 20px;\r\n    font-family: 'Raleway', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    box-sizing: border-box;\r\n    background-color: #080f18 !important;\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n#ds4m-links-container .links-wrapper-interno {\r\n    width: 100%;\r\n    max-width: 580px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n#ds4m-links-container canvas.particles-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n    display: block;\r\n}\r\n\r\n.tab-switcher {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    margin: 0 auto 35px auto;\r\n    background: rgba(13, 27, 42, 0.7);\r\n    padding: 8px;\r\n    border-radius: 50px;\r\n    border: 2px solid rgba(0, 192, 255, 0.4);\r\n    backdrop-filter: blur(10px);\r\n    box-shadow: 0 0 20px rgba(0, 192, 255, 0.25);\r\n    max-width: 420px;\r\n}\r\n\r\n#ds4m-links-container .tab-btn {\r\n    flex: 1;\r\n    padding: 14px 24px;\r\n    border: none !important;\r\n    border-radius: 40px !important;\r\n    background: transparent !important;\r\n    color: #ffffff !important;\r\n    font-size: 1.1rem !important;\r\n    font-weight: 800 !important;\r\n    cursor: pointer !important;\r\n    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\r\n    letter-spacing: 0.5px;\r\n    text-transform: uppercase;\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n#ds4m-links-container .tab-btn:not(.active):hover {\r\n    background: rgba(0, 192, 255, 0.2) !important;\r\n    color: #00c0ff !important;\r\n    box-shadow: 0 0 15px rgba(0, 192, 255, 0.3) !important;\r\n}\r\n\r\n#ds4m-links-container .tab-btn.active {\r\n    background: #00c0ff !important;\r\n    color: #080f18 !important;\r\n    box-shadow: 0 0 25px rgba(0, 192, 255, 0.7) !important;\r\n}\r\n\r\n#ds4m-links-container .tab-btn.active:hover {\r\n    background: #00e0ff !important;\r\n    color: #080f18 !important;\r\n    box-shadow: 0 0 30px rgba(0, 224, 255, 0.9) !important;\r\n}\r\n\r\n.entity-section {\r\n    display: none;\r\n}\r\n\r\n.entity-section.active {\r\n    display: block !important;\r\n    animation: fadeIn 0.4s ease;\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n#ds4m-links-container .profile-header {\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n#ds4m-links-container .profile-logo-container {\r\n    width: auto;\r\n    margin: 0 auto 12px auto;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n#ds4m-links-container .logo-ds4m-wrap {\r\n    max-width: 320px;\r\n    height: 110px;\r\n}\r\n\r\n#ds4m-links-container .logo-intras-wrap {\r\n    max-width: 250px;\r\n    height: 95px;\r\n}\r\n\r\n#ds4m-links-container .profile-logo {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: contain;\r\n    filter: drop-shadow(0 0 12px rgba(0, 192, 255, 0.3));\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n#ds4m-links-container .profile-logo:hover {\r\n    transform: scale(1.04);\r\n}\r\n\r\n#ds4m-links-container .profile-title {\r\n    font-size: 2.1rem;\r\n    font-weight: 800;\r\n    color: #ffffff !important;\r\n    margin: 0 0 6px 0 !important;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n#ds4m-links-container .profile-description {\r\n    font-size: 0.95rem;\r\n    color: #00c0ff;\r\n    margin: 6px 0 0 0;\r\n    opacity: 0.9;\r\n    line-height: 1.4;\r\n    font-weight: 500;\r\n}\r\n\r\n#ds4m-links-container .social-links-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    width: 100%;\r\n}\r\n\r\n#ds4m-links-container .social-link-card {\r\n    background: rgba(13, 27, 42, 0.5) !important;\r\n    border: 1px solid rgba(0, 192, 255, 0.2) !important;\r\n    border-radius: 50px !important;\r\n    padding: 14px 24px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    text-decoration: none !important;\r\n    backdrop-filter: blur(6px);\r\n    -webkit-backdrop-filter: blur(6px);\r\n    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;\r\n    width: 100% !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n#ds4m-links-container .social-link-card:hover {\r\n    transform: translateY(-3px) !important;\r\n    border-color: rgba(0, 192, 255, 0.8) !important;\r\n    background: rgba(13, 27, 42, 0.8) !important;\r\n    box-shadow: 0 0 25px rgba(0, 192, 255, 0.35) !important;\r\n}\r\n\r\n#ds4m-links-container .web-card {\r\n    background: rgba(0, 192, 255, 0.12) !important;\r\n    border-color: rgba(0, 192, 255, 0.5) !important;\r\n}\r\n\r\n#ds4m-links-container .social-link-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n}\r\n\r\n#ds4m-links-container .social-icon {\r\n    width: 42px;\r\n    height: 42px;\r\n    background: #ffffff;\r\n    color: #080f18;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 20px;\r\n    transition: all 0.3s ease;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n#ds4m-links-container .web-icon {\r\n    background: #00c0ff;\r\n    color: #080f18;\r\n}\r\n\r\n#ds4m-links-container .social-link-card:hover .social-icon {\r\n    background: #00c0ff;\r\n    color: #ffffff;\r\n    box-shadow: 0 0 15px rgba(0, 192, 255, 0.6);\r\n    transform: scale(1.08);\r\n}\r\n\r\n#ds4m-links-container .social-text {\r\n    color: #ffffff !important;\r\n    font-size: 1.05rem;\r\n    font-weight: 600;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n#ds4m-links-container .social-link-card:hover .social-text {\r\n    color: #00c0ff !important;\r\n}\r\n\r\n#ds4m-links-container .arrow-icon {\r\n    color: rgba(255, 255, 255, 0.4);\r\n    display: flex;\r\n    align-items: center;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n#ds4m-links-container .arrow-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n}\r\n\r\n#ds4m-links-container .social-link-card:hover .arrow-icon {\r\n    color: #00c0ff;\r\n    transform: translateX(4px);\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    #ds4m-links-container {\r\n        padding: 30px 15px;\r\n    }\r\n\r\n    .tab-switcher {\r\n        max-width: 100%;\r\n        gap: 8px;\r\n        padding: 6px;\r\n    }\r\n\r\n    #ds4m-links-container .tab-btn {\r\n        padding: 10px 16px !important;\r\n        font-size: 0.95rem !important;\r\n    }\r\n\r\n    #ds4m-links-container .logo-ds4m-wrap {\r\n        max-width: 260px;\r\n        height: 90px;\r\n    }\r\n\r\n    #ds4m-links-container .logo-intras-wrap {\r\n        max-width: 200px;\r\n        height: 80px;\r\n    }\r\n\r\n    #ds4m-links-container .profile-title {\r\n        font-size: 1.7rem;\r\n    }\r\n\r\n    #ds4m-links-container .social-link-card {\r\n        padding: 12px 18px !important;\r\n    }\r\n\r\n    #ds4m-links-container .social-icon {\r\n        width: 38px;\r\n        height: 38px;\r\n        font-size: 18px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n    function hideThemeHeaderFooter() {\r\n        const selectors = [\r\n            'header', 'footer', '#masthead', '#colophon',\r\n            '.site-header', '.site-footer', '#header-eau', '#footer-eau',\r\n            '.header-wrapper', '.footer-wrapper', '.nav-container'\r\n        ];\r\n        selectors.forEach(selector => {\r\n            document.querySelectorAll(selector).forEach(el => {\r\n                if (!document.getElementById(\"ds4m-links-container\").contains(el)) {\r\n                    el.style.setProperty('display', 'none', 'important');\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n    function initCanvasGrid() {\r\n        hideThemeHeaderFooter();\r\n\r\n        const container = document.getElementById(\"ds4m-links-container\");\r\n        if (!container) return;\r\n\r\n        let canvas = container.querySelector(\"canvas.particles-bg\");\r\n        if (!canvas) {\r\n            canvas = document.createElement(\"canvas\");\r\n            canvas.classList.add(\"particles-bg\");\r\n            container.prepend(canvas);\r\n        }\r\n\r\n        const ctx = canvas.getContext(\"2d\");\r\n        let particlesArray = [];\r\n        let mouse = { x: null, y: null, radius: 100 };\r\n\r\n        function resizeCanvas() {\r\n            const rect = container.getBoundingClientRect();\r\n            canvas.width = rect.width || container.offsetWidth || window.innerWidth;\r\n            canvas.height = rect.height || container.offsetHeight || window.innerHeight;\r\n            initParticles();\r\n        }\r\n\r\n        function initParticles() {\r\n            particlesArray = [];\r\n            const numberOfParticles = (canvas.width * canvas.height) \/ 7000;\r\n\r\n            for (let i = 0; i < numberOfParticles; i++) {\r\n                let size = Math.random() * 2 + 1;\r\n                let x = Math.random() * canvas.width;\r\n                let y = Math.random() * canvas.height;\r\n                let directionX = (Math.random() - 0.5) * 0.8;\r\n                let directionY = (Math.random() - 0.5) * 0.8;\r\n                particlesArray.push({ x, y, directionX, directionY, size });\r\n            }\r\n        }\r\n\r\n        function animateParticles() {\r\n            ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n\r\n            particlesArray.forEach(p => {\r\n                if (p.x > canvas.width || p.x < 0) p.directionX *= -1;\r\n                if (p.y > canvas.height || p.y < 0) p.directionY *= -1;\r\n\r\n                p.x += p.directionX;\r\n                p.y += p.directionY;\r\n\r\n                const dx = p.x - mouse.x;\r\n                const dy = p.y - mouse.y;\r\n                const distance = Math.sqrt(dx * dx + dy * dy);\r\n\r\n                if (distance < mouse.radius) {\r\n                    const forceRatio = (mouse.radius - distance) \/ mouse.radius;\r\n                    p.x += (dx \/ distance) * forceRatio * 1.5;\r\n                    p.y += (dy \/ distance) * forceRatio * 1.5;\r\n                }\r\n\r\n                let edgeFade = Math.min(\r\n                    p.x \/ 100,\r\n                    (canvas.width - p.x) \/ 100,\r\n                    p.y \/ 100,\r\n                    (canvas.height - p.y) \/ 100,\r\n                    1\r\n                );\r\n\r\n                ctx.fillStyle = `rgba(0,192,255,${Math.max(0, edgeFade * 0.7)})`;\r\n                ctx.beginPath();\r\n                ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);\r\n                ctx.fill();\r\n            });\r\n\r\n            connectParticles();\r\n            requestAnimationFrame(animateParticles);\r\n        }\r\n\r\n        function connectParticles() {\r\n            for (let a = 0; a < particlesArray.length; a++) {\r\n                for (let b = a; b < particlesArray.length; b++) {\r\n                    let dx = particlesArray[a].x - particlesArray[b].x;\r\n                    let dy = particlesArray[a].y - particlesArray[b].y;\r\n                    let distance = dx * dx + dy * dy;\r\n\r\n                    if (distance < 12000) {\r\n                        let edgeFadeA = Math.min(\r\n                            particlesArray[a].x \/ 100, \r\n                            (canvas.width - particlesArray[a].x) \/ 100, \r\n                            particlesArray[a].y \/ 100, \r\n                            (canvas.height - particlesArray[a].y) \/ 100, \r\n                            1\r\n                        );\r\n                        ctx.strokeStyle = `rgba(0,192,255,${(1 - distance \/ 12000) * edgeFadeA * 0.4})`;\r\n                        ctx.lineWidth = 0.8;\r\n                        ctx.beginPath();\r\n                        ctx.moveTo(particlesArray[a].x, particlesArray[a].y);\r\n                        ctx.lineTo(particlesArray[b].x, particlesArray[b].y);\r\n                        ctx.stroke();\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        container.addEventListener(\"mousemove\", (e) => {\r\n            const rect = container.getBoundingClientRect();\r\n            mouse.x = e.clientX - rect.left;\r\n            mouse.y = e.clientY - rect.top;\r\n        });\r\n\r\n        container.addEventListener(\"mouseleave\", () => {\r\n            mouse.x = null;\r\n            mouse.y = null;\r\n        });\r\n\r\n        if (typeof ResizeObserver !== \"undefined\") {\r\n            const ro = new ResizeObserver(() => {\r\n                resizeCanvas();\r\n            });\r\n            ro.observe(container);\r\n        } else {\r\n            window.addEventListener(\"resize\", resizeCanvas);\r\n            resizeCanvas();\r\n        }\r\n\r\n        animateParticles();\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        document.addEventListener(\"DOMContentLoaded\", initCanvasGrid);\r\n    } else {\r\n        initCanvasGrid();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DS4M Med INTRAS DS4M Mediterr\u00e1neo P\u00e1gina Web Oficial YouTube Instagram Facebook TikTok LinkedIn X (Twitter) Instituto Universitario de Investigaci\u00f3n en Tr\u00e1fico y Seguridad Vial P\u00e1gina Web Oficial Facebook X (Twitter) YouTube Instagram LinkedIn<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18000","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>DS4M<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ds4mmed.uv.es\/index.php\/es\/redes-sociales\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"DS4M\" \/>\n<meta property=\"og:description\" content=\"DS4M Med INTRAS DS4M Mediterr\u00e1neo P\u00e1gina Web Oficial YouTube Instagram Facebook TikTok LinkedIn X (Twitter) Instituto Universitario de Investigaci\u00f3n en Tr\u00e1fico y Seguridad Vial P\u00e1gina Web Oficial Facebook X (Twitter) YouTube Instagram LinkedIn\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ds4mmed.uv.es\/index.php\/es\/redes-sociales\/\" \/>\n<meta property=\"og:site_name\" content=\"DS4M Mediterr\u00e1neo\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-22T10:32:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/05\/logo-ds4m-blanco-png.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/es\\\/redes-sociales\\\/\",\"url\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/es\\\/redes-sociales\\\/\",\"name\":\"DS4M\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/es\\\/redes-sociales\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/es\\\/redes-sociales\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ds4mmed.uv.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo-ds4m-blanco-png.png\",\"datePublished\":\"2026-07-22T09:11:34+00:00\",\"dateModified\":\"2026-07-22T10:32:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/es\\\/redes-sociales\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/es\\\/redes-sociales\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/es\\\/redes-sociales\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ds4mmed.uv.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo-ds4m-blanco-png.png\",\"contentUrl\":\"https:\\\/\\\/ds4mmed.uv.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo-ds4m-blanco-png.png\",\"width\":1039,\"height\":551},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/es\\\/redes-sociales\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"REDES SOCIALES\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/#website\",\"url\":\"https:\\\/\\\/ds4mmed.uv.es\\\/\",\"name\":\"DS4M Mediterr\u00e1neo\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ds4mmed.uv.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/#organization\",\"name\":\"DS4M Mediterr\u00e1neo\",\"url\":\"https:\\\/\\\/ds4mmed.uv.es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ds4mmed.uv.es\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Logo-cambio-resolucion-scaled.png\",\"contentUrl\":\"https:\\\/\\\/ds4mmed.uv.es\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Logo-cambio-resolucion-scaled.png\",\"width\":2560,\"height\":980,\"caption\":\"DS4M Mediterr\u00e1neo\"},\"image\":{\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"DS4M","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ds4mmed.uv.es\/index.php\/es\/redes-sociales\/","og_locale":"es_ES","og_type":"article","og_title":"DS4M","og_description":"DS4M Med INTRAS DS4M Mediterr\u00e1neo P\u00e1gina Web Oficial YouTube Instagram Facebook TikTok LinkedIn X (Twitter) Instituto Universitario de Investigaci\u00f3n en Tr\u00e1fico y Seguridad Vial P\u00e1gina Web Oficial Facebook X (Twitter) YouTube Instagram LinkedIn","og_url":"https:\/\/ds4mmed.uv.es\/index.php\/es\/redes-sociales\/","og_site_name":"DS4M Mediterr\u00e1neo","article_modified_time":"2026-07-22T10:32:10+00:00","og_image":[{"url":"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/05\/logo-ds4m-blanco-png.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ds4mmed.uv.es\/index.php\/es\/redes-sociales\/","url":"https:\/\/ds4mmed.uv.es\/index.php\/es\/redes-sociales\/","name":"DS4M","isPartOf":{"@id":"https:\/\/ds4mmed.uv.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ds4mmed.uv.es\/index.php\/es\/redes-sociales\/#primaryimage"},"image":{"@id":"https:\/\/ds4mmed.uv.es\/index.php\/es\/redes-sociales\/#primaryimage"},"thumbnailUrl":"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/05\/logo-ds4m-blanco-png.png","datePublished":"2026-07-22T09:11:34+00:00","dateModified":"2026-07-22T10:32:10+00:00","breadcrumb":{"@id":"https:\/\/ds4mmed.uv.es\/index.php\/es\/redes-sociales\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ds4mmed.uv.es\/index.php\/es\/redes-sociales\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/ds4mmed.uv.es\/index.php\/es\/redes-sociales\/#primaryimage","url":"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/05\/logo-ds4m-blanco-png.png","contentUrl":"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/05\/logo-ds4m-blanco-png.png","width":1039,"height":551},{"@type":"BreadcrumbList","@id":"https:\/\/ds4mmed.uv.es\/index.php\/es\/redes-sociales\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/ds4mmed.uv.es\/index.php\/es\/"},{"@type":"ListItem","position":2,"name":"REDES SOCIALES"}]},{"@type":"WebSite","@id":"https:\/\/ds4mmed.uv.es\/#website","url":"https:\/\/ds4mmed.uv.es\/","name":"DS4M Mediterr\u00e1neo","description":"","publisher":{"@id":"https:\/\/ds4mmed.uv.es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ds4mmed.uv.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/ds4mmed.uv.es\/#organization","name":"DS4M Mediterr\u00e1neo","url":"https:\/\/ds4mmed.uv.es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/ds4mmed.uv.es\/#\/schema\/logo\/image\/","url":"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/07\/Logo-cambio-resolucion-scaled.png","contentUrl":"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/07\/Logo-cambio-resolucion-scaled.png","width":2560,"height":980,"caption":"DS4M Mediterr\u00e1neo"},"image":{"@id":"https:\/\/ds4mmed.uv.es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/pages\/18000","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/comments?post=18000"}],"version-history":[{"count":34,"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/pages\/18000\/revisions"}],"predecessor-version":[{"id":18035,"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/pages\/18000\/revisions\/18035"}],"wp:attachment":[{"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/media?parent=18000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}