{"id":8795,"date":"2025-11-25T10:50:23","date_gmt":"2025-11-25T09:50:23","guid":{"rendered":"https:\/\/ds4mmed.uv.es\/?page_id=8795"},"modified":"2026-08-07T09:43:03","modified_gmt":"2026-08-07T07:43:03","slug":"inicio","status":"publish","type":"page","link":"https:\/\/ds4mmed.uv.es\/index.php\/es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8795\" class=\"elementor elementor-8795\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fda4621 e-flex e-con-boxed e-con e-parent\" data-id=\"fda4621\" 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-11e0f94 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"11e0f94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div id=\"wp-premium-survey-popup\" class=\"premium-popup-overlay\" style=\"display: none;\">\r\n    \r\n    <div class=\"premium-popup-content\">\r\n        \r\n        <button class=\"premium-popup-close\" onclick=\"closePremiumPopup()\">X<\/button>\r\n        \r\n        <div id=\"premium-question-body\">\r\n            <h3 class=\"premium-question-title\">\u00bfESTAS DE ACUERDO CON ESTE CUESTIONARIO?<\/h3>\r\n            \r\n            <div class=\"premium-action-buttons\">\r\n                <button class=\"premium-btn\" onclick=\"handlePremiumResponse('S\u00ed')\">S\u00cd<\/button>\r\n                <button class=\"premium-btn\" onclick=\"handlePremiumResponse('No')\">NO<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div id=\"premium-thanks-body\" class=\"premium-popup-thanks\" style=\"display: none;\">\r\n            <div class=\"premium-thanks-icon\">\u2713<\/div>\r\n            <h3>\u00a1Muchas gracias!<\/h3>\r\n            <p>Tu respuesta ha sido procesada con \u00e9xito.<\/p>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* --- ESTILOS CSS --- *\/\r\n\r\n\/* Fondo oscuro elegante y suave *\/\r\n.premium-popup-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(10, 25, 41, 0.45);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 100000;\r\n    backdrop-filter: blur(4px);\r\n    transition: opacity 0.3s ease;\r\n}\r\n\r\n\/* Caja del Pop-up con fondo crema\/pergamino y borde azul marino *\/\r\n.premium-popup-content {\r\n    background-color: #f6f4eb; \r\n    padding: 70px 45px;\r\n    border-radius: 12px;\r\n    max-width: 580px;\r\n    width: 92%;\r\n    position: relative;\r\n    text-align: center;\r\n    border: 3px solid #031c30;\r\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);\r\n    animation: premiumFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n@keyframes premiumFadeIn {\r\n    from { opacity: 0; transform: scale(0.94) translateY(10px); }\r\n    to { opacity: 1; transform: scale(1) translateY(0); }\r\n}\r\n\r\n\/* Bot\u00f3n 'X' *\/\r\n.premium-popup-close {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 25px;\r\n    background: none;\r\n    border: none;\r\n    font-family: 'Cinzel', serif;\r\n    font-size: 34px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    color: #031c30;\r\n    line-height: 1;\r\n    padding: 0;\r\n    opacity: 0.8;\r\n    transition: all 0.2s ease;\r\n}\r\n.premium-popup-close:hover {\r\n    background-color: #031c30 !important;  \r\n    color: #ffffff !important;            \r\n    opacity: 1 !important;\r\n    transform: scale(1.1);                \r\n    border-radius: 4px;                   \r\n    padding: 2px 8px;\r\n}\r\n\r\n\/* T\u00edtulo Serif *\/\r\n.premium-question-title {\r\n    margin-top: 0;\r\n    color: #031c30; \r\n    font-family: 'Cinzel', serif;\r\n    font-size: 27px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n    line-height: 1.5;\r\n    margin-bottom: 60px;\r\n    padding: 0 15px;\r\n}\r\n\r\n.premium-action-buttons {\r\n    display: flex;\r\n    gap: 35px;\r\n    justify-content: center;\r\n}\r\n\r\n\/* --- BOTONES (ESTADO NORMAL) --- *\/\r\n.premium-btn {\r\n    padding: 18px 45px;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    font-family: 'Playfair Display', serif;\r\n    letter-spacing: 1px;\r\n    border-radius: 14px; \r\n    cursor: pointer;\r\n    width: 150px;\r\n    text-transform: uppercase;\r\n    \r\n    \/* Fondo azul marino oscuro de la imagen *\/\r\n    background-color: #031c30;\r\n    \/* Letras color crema en reposo *\/\r\n    color: #f6f4eb; \r\n    border: 2px solid #031c30;\r\n    \r\n    \/* Sombra profunda *\/\r\n    box-shadow: 0 9px 18px rgba(3, 28, 48, 0.45);\r\n    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n}\r\n\r\n\/* --- BOTONES (ESTADO HOVER - AL PASAR EL RAT\u00d3N) --- *\/\r\n.premium-btn:hover {\r\n    \/* Fondo cambia a blanco puro *\/\r\n    background-color: #ffffff;\r\n    \r\n    \/* CORREGIDO: Las letras ahora cambian al azul marino original de la imagen *\/\r\n    color: #031c30 !important; \r\n    border: 2px solid #031c30; \r\n    \r\n    transform: translateY(-3px);\r\n    \/* Sombra con un sutil resplandor del mismo tono azul de tu imagen *\/\r\n    box-shadow: 0 14px 24px rgba(3, 28, 48, 0.2), 0 0 15px rgba(3, 28, 48, 0.4);\r\n}\r\n\r\n.premium-btn:active {\r\n    transform: translateY(2px);\r\n    box-shadow: 0 4px 8px rgba(3, 28, 48, 0.45);\r\n}\r\n\r\n\/* --- SECCI\u00d3N DE AGRADECIMIENTO --- *\/\r\n.premium-popup-thanks {\r\n    animation: premiumFadeIn 0.3s ease;\r\n}\r\n.premium-thanks-icon {\r\n    font-size: 55px;\r\n    color: #2e7d32;\r\n    margin-bottom: 15px;\r\n}\r\n.premium-popup-thanks h3 {\r\n    font-family: 'Cinzel', serif;\r\n    color: #031c30;\r\n    font-size: 26px;\r\n    margin-bottom: 10px;\r\n}\r\n.premium-popup-thanks p {\r\n    font-family: 'Playfair Display', serif;\r\n    color: #4a5568;\r\n    font-size: 18px;\r\n    font-style: italic;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ --- LOGICA DE CONTROL ---\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    setTimeout(function() {\r\n        const popup = document.getElementById(\"wp-premium-survey-popup\");\r\n        popup.style.display = \"flex\";\r\n    }, 1200);\r\n});\r\n\r\nfunction closePremiumPopup() {\r\n    document.getElementById(\"wp-premium-survey-popup\").style.display = \"none\";\r\n}\r\n\r\nfunction handlePremiumResponse(answer) {\r\n    console.log(\"Respuesta: \" + answer);\r\n    \r\n    document.getElementById(\"premium-question-body\").style.display = \"none\";\r\n    document.getElementById(\"premium-thanks-body\").style.display = \"block\";\r\n    \r\n    setTimeout(closePremiumPopup, 3000);\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<div class=\"elementor-element elementor-element-26abe3a e-flex e-con-boxed e-con e-parent\" data-id=\"26abe3a\" 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-cc6d488 elementor-widget elementor-widget-html\" data-id=\"cc6d488\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"lemas-container-es\" class=\"lemas-section-base\">\r\n  <video\r\n    id=\"bg-video-es\"\r\n    src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/11\/VIDEO_WEB_MISMA_DURACION.mp4\"\r\n    autoplay\r\n    muted\r\n    loop\r\n    playsinline\r\n    preload=\"metadata\"\r\n  ><\/video>\r\n\r\n  <div class=\"video-overlay-es\"><\/div>\r\n\r\n  <a href=\"https:\/\/www.youtube.com\/watch?v=kUIeW0deqAY\" class=\"beneficios-btn-es\" target=\"_blank\" rel=\"noopener\">Acceso a video<\/a>\r\n  \r\n  <div class=\"lemas-content-es\">\r\n    <div id=\"lema-display-es\">\r\n      <div id=\"sup-text-es\"><\/div>\r\n      <div id=\"inf-text-es\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <a href=\"https:\/\/ds4mmed.uv.es\/index.php\/es\/contactanos\/\" class=\"unete-btn-es\" target=\"_blank\" rel=\"noopener\">\u00danete a <br>nosotros<\/a>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;1,400&family=Raleway:wght@300;600;800&display=swap');\r\n\r\n#lemas-container-es {\r\n  position: relative;\r\n  width: 100%;\r\n  height: calc(100vh - 140px);\r\n  height: calc(100dvh - 140px);\r\n  min-height: 500px;\r\n  background: #092238;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  font-family: \"Raleway\", sans-serif;\r\n  box-sizing: border-box;\r\n}\r\n\r\n#bg-video-es {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transform: translate(-50%, -50%);\r\n  z-index: 1;\r\n  pointer-events: none;\r\n}\r\n\r\n.video-overlay-es {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(9, 34, 56, 0.45);\r\n  z-index: 2;\r\n  pointer-events: none;\r\n}\r\n\r\n.lemas-content-es {\r\n  width: 88%;\r\n  max-width: 1200px;\r\n  text-align: center;\r\n  z-index: 5;\r\n  margin: auto 0;\r\n}\r\n\r\n#lema-display-es {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n#sup-text-es {\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 1.5rem;\r\n  letter-spacing: 7px;\r\n  color: rgba(255, 255, 255, 0.95);\r\n  text-transform: uppercase;\r\n  font-weight: 300;\r\n  opacity: 0;\r\n  transition: opacity 1s ease;\r\n}\r\n\r\n#inf-text-es {\r\n  font-family: 'Playfair Display', serif;\r\n  font-style: italic;\r\n  font-size: 3.8rem;\r\n  color: #ffffff;\r\n  font-weight: 400;\r\n  opacity: 0;\r\n  transform: translateY(15px);\r\n  transition: opacity 1.2s ease, transform 1.2s ease;\r\n  text-shadow: 2px 2px 25px rgba(0, 0, 0, 0.8);\r\n}\r\n\r\n.visible-es { \r\n  opacity: 1 !important; \r\n  transform: translateY(0) !important; \r\n}\r\n\r\n.unete-btn-es, .beneficios-btn-es {\r\n  position: absolute;\r\n  bottom: 35px; \r\n  width: 175px;\r\n  height: 175px;\r\n  border-radius: 50%;\r\n  color: #ffffff !important;\r\n  font-size: 1.05rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  text-align: center;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-decoration: none;\r\n  overflow: hidden;\r\n  transition: transform 0.4s ease;\r\n  z-index: 15; \r\n  box-shadow: 0 12px 30px rgba(0,0,0,0.45);\r\n}\r\n\r\n.unete-btn-es { \r\n  right: 5%; \r\n  background: linear-gradient(140deg, #0b2a45, #165e9e, #0b2a45); \r\n  background-size: 300% 300%; \r\n  animation: blueFlowEs 6s infinite ease-in-out; \r\n}\r\n\r\n.beneficios-btn-es { \r\n  left: 5%; \r\n  background: linear-gradient(135deg, #004e7a, #00b4d8, #004e7a); \r\n  background-size: 300% 300%; \r\n  animation: blueFlowEs 6s infinite ease-in-out; \r\n}\r\n\r\n@keyframes blueFlowEs { \r\n  0% { background-position: 0% 50%; } \r\n  50% { background-position: 100% 50%; } \r\n  100% { background-position: 0% 50%; } \r\n}\r\n\r\n.unete-btn-es::before, .beneficios-btn-es::before { \r\n  content: \"\"; \r\n  position: absolute; \r\n  width: 100%; \r\n  height: 100%; \r\n  border-radius: 50%; \r\n  border: 3px solid rgba(255,255,255,0.2); \r\n}\r\n\r\n.unete-btn-es::after, .beneficios-btn-es::after { \r\n  content: \"\"; \r\n  position: absolute; \r\n  width: 110%; \r\n  height: 110%; \r\n  border-radius: 50%; \r\n  border: 4px solid #ffffff; \r\n  transform: scale(0); \r\n  transition: 0.7s ease; \r\n}\r\n\r\n.unete-btn-es:hover, .beneficios-btn-es:hover { transform: scale(1.05); }\r\n.unete-btn-es:hover::after, .beneficios-btn-es:hover::after { transform: scale(1); }\r\n\r\n@media(max-height: 768px) {\r\n  .unete-btn-es, .beneficios-btn-es { width: 140px; height: 140px; font-size: 0.9rem; bottom: 20px; }\r\n  #inf-text-es { font-size: 2.8rem; }\r\n  #sup-text-es { font-size: 1.2rem; letter-spacing: 5px; }\r\n}\r\n\r\n@media(max-width: 600px) {\r\n  #lemas-container-es { \r\n    height: calc(100vh - 90px);\r\n    height: calc(100dvh - 90px);\r\n  }\r\n  #sup-text-es { font-size: 1rem; letter-spacing: 4px; }\r\n  #inf-text-es { font-size: 1.85rem; padding: 0 10px; }\r\n  .unete-btn-es, .beneficios-btn-es { width: 115px; height: 115px; font-size: 0.75rem; bottom: 20px; }\r\n  .unete-btn-es { right: 15px; }\r\n  .beneficios-btn-es { left: 15px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const frasesEs = [\r\n    [\"Promoviendo...\", \"Valor\"],\r\n    [\"Aplicando...\", \"Inteligencia para detectar y dar respuesta a necesidades\"],\r\n    [\"Fomentando\u2026\", \"Nuevos Valores\"],\r\n    [\"Contribuyendo\u2026\", \"A la Innovaci\u00f3n\"],\r\n    [\"Posibilitando...\", \"Nuevas intervenciones\"],\r\n    [\"Estableciendo\u2026\", \"Impacto Social\"],\r\n    [\"Poniendo...\", \"En el centro a las personas\"],\r\n    [\"Favoreciendo\u2026\", \"Una Movilidad Sostenible\"],\r\n    [\"Ayudando\u2026\", \"A Conectar a personas e instituciones\"],\r\n    [\"Permitiendo\u2026\", \"Decisiones basadas en la evidencia\"],\r\n    [\"Instituyendo...\", \"El dato como eje\"],\r\n    [\"Construyendo...\", \"Futuro\"]\r\n  ];\r\n\r\n  const supEl = document.getElementById(\"sup-text-es\");\r\n  const infEl = document.getElementById(\"inf-text-es\");\r\n  let index = 0;\r\n\r\n  function cambiarFrase() {\r\n    supEl.classList.remove(\"visible-es\");\r\n    infEl.classList.remove(\"visible-es\");\r\n\r\n    setTimeout(() => {\r\n      supEl.textContent = frasesEs[index][0];\r\n      infEl.textContent = frasesEs[index][1];\r\n\r\n      setTimeout(() => supEl.classList.add(\"visible-es\"), 200);\r\n      setTimeout(() => infEl.classList.add(\"visible-es\"), 900);\r\n\r\n      index = (index + 1) % frasesEs.length;\r\n    }, 1500);\r\n  }\r\n\r\n  cambiarFrase();\r\n  setInterval(cambiarFrase, 6500); \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<div class=\"elementor-element elementor-element-bdcbb09 e-flex e-con-boxed e-con e-parent\" data-id=\"bdcbb09\" 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-ff59af6 elementor-widget elementor-widget-html\" data-id=\"ff59af6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<video id=\"video-fondo\" autoplay muted loop playsinline  style=\"position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:0;\">\r\n  <source src=\"URL-DE-TU-VIDEO.mp4\" type=\"video\/mp4\">\r\n<\/video>\r\n\r\n<style>\r\n  .elementor-section {\r\n    position: relative !important;\r\n    overflow: hidden;\r\n  }\r\n  .elementor-section > *:not(#video-fondo) {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n  #video-fondo {\r\n    z-index: 0;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  function playVideoFondo(){\r\n    const v = document.getElementById('video-fondo');\r\n    if(!v) return;\r\n    const p = v.play();\r\n    if(p && p.catch){\r\n      p.catch(() => {\r\n        document.body.addEventListener('touchstart', function touchPlay(){\r\n          v.play();\r\n          document.body.removeEventListener('touchstart', touchPlay);\r\n        });\r\n      });\r\n    }\r\n  }\r\n  document.addEventListener('DOMContentLoaded', playVideoFondo);\r\n  window.addEventListener('pageshow', playVideoFondo);\r\n<\/script>\r\n\r\n<!-- POPUP LINKEDIN -->\r\n<div id=\"ds4m-popup-overlay-li\" class=\"ds4m-li-overlay\" style=\"display: none;\">\r\n  <div class=\"ds4m-li-popup-card\">\r\n    <button type=\"button\" id=\"ds4m-popup-close-x\" class=\"ds4m-li-close-x\" aria-label=\"Cerrar\">&times;<\/button>\r\n    \r\n    <div class=\"ds4m-li-popup-badge\">Linkedin<\/div>\r\n    <span class=\"ds4m-li-popup-date\">DS4M Mediterr\u00e1neo<\/span>\r\n    \r\n    <h3>\u00a1\u00danete a nuestra red en LinkedIn!<\/h3>\r\n    <p>Sigue las novedades, proyectos y noticias en tiempo real sobre el Espacio de Datos de Movilidad.<\/p>\r\n    \r\n    <div class=\"ds4m-li-popup-actions\">\r\n      <a href=\"https:\/\/www.linkedin.com\/company\/ds4mmed\/posts\/?feedView=all\" target=\"_blank\" id=\"ds4m-popup-btn-follow\" class=\"ds4m-li-popup-btn-main\">Seguir en LinkedIn<\/a>\r\n      <button type=\"button\" id=\"ds4m-popup-btn-close\" class=\"ds4m-li-popup-btn-secondary\">Quiz\u00e1s m\u00e1s tarde<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  :root {\r\n    --ds4m-linkedin-blue: #0a66c2;\r\n    --ds4m-linkedin-hover: #004182;\r\n    --ds4m-dark: #0a192f;\r\n  }\r\n\r\n  .ds4m-li-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(10, 25, 47, 0.85);\r\n    backdrop-filter: blur(4px);\r\n    z-index: 999999;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease-in-out;\r\n  }\r\n\r\n  .ds4m-li-overlay.ds4m-visible {\r\n    opacity: 1;\r\n  }\r\n\r\n  .ds4m-li-popup-card {\r\n    background-color: var(--ds4m-dark);\r\n    background-image: radial-gradient(ellipse 80% 50% at top center, rgba(10, 102, 194, 0.15) 0%, rgba(10, 25, 47, 0) 100%);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 20px;\r\n    padding: 40px;\r\n    max-width: 500px;\r\n    width: 90%;\r\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 30px rgba(10, 102, 194, 0.15);\r\n    position: relative;\r\n    font-family: 'Inter', sans-serif;\r\n    text-align: left;\r\n    transform: scale(0.9);\r\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  .ds4m-li-overlay.ds4m-visible .ds4m-li-popup-card {\r\n    transform: scale(1);\r\n  }\r\n\r\n  .ds4m-li-close-x {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 20px;\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    font-size: 28px;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n    transition: color 0.2s;\r\n  }\r\n\r\n  .ds4m-li-close-x:hover {\r\n    color: #ffffff;\r\n  }\r\n\r\n  .ds4m-li-popup-badge {\r\n    display: inline-block;\r\n    background: rgba(10, 102, 194, 0.2);\r\n    color: #70b5f9;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    padding: 4px 12px;\r\n    border-radius: 20px;\r\n    letter-spacing: 0.5px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .ds4m-li-popup-date {\r\n    display: block;\r\n    font-size: 13px;\r\n    color: #94a3b8;\r\n    font-weight: 600;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .ds4m-li-popup-card h3 {\r\n    color: #ffffff;\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n    margin: 0 0 16px 0;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .ds4m-li-popup-card p {\r\n    color: #cbd5e1;\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    margin: 0 0 30px 0;\r\n  }\r\n\r\n  .ds4m-li-popup-actions {\r\n    display: flex;\r\n    gap: 16px;\r\n    align-items: center;\r\n  }\r\n\r\n  .ds4m-li-popup-btn-main {\r\n    background: linear-gradient(135deg, var(--ds4m-linkedin-blue) 0%, var(--ds4m-linkedin-hover) 100%);\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    padding: 14px 24px;\r\n    border-radius: 8px;\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    text-align: center;\r\n    flex: 1;\r\n    transition: transform 0.2s, box-shadow 0.2s;\r\n    box-shadow: 0 4px 12px rgba(10, 102, 194, 0.3);\r\n  }\r\n\r\n  .ds4m-li-popup-btn-main:hover {\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 6px 16px rgba(10, 102, 194, 0.5);\r\n  }\r\n\r\n  .ds4m-li-popup-btn-secondary {\r\n    background: transparent;\r\n    color: #94a3b8;\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    padding: 14px 20px;\r\n    border-radius: 8px;\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n  }\r\n\r\n  .ds4m-li-popup-btn-secondary:hover {\r\n    color: #ffffff;\r\n    border-color: rgba(255, 255, 255, 0.3);\r\n    background-color: rgba(255, 255, 255, 0.02);\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .ds4m-li-popup-card { padding: 30px 24px; }\r\n    .ds4m-li-popup-card h3 { font-size: 22px; }\r\n    .ds4m-li-popup-actions { flex-direction: column; gap: 12px; width: 100%; }\r\n    .ds4m-li-popup-btn-main, .ds4m-li-popup-btn-secondary { width: 100%; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n    const overlay = document.getElementById('ds4m-popup-overlay-li');\r\n    const closeX = document.getElementById('ds4m-popup-close-x');\r\n    const closeBtn = document.getElementById('ds4m-popup-btn-close');\r\n    const followBtn = document.getElementById('ds4m-popup-btn-follow');\r\n    \r\n    const LOCAL_STORAGE_KEY = 'ds4m_linkedin_followed';\r\n    const SESSION_STORAGE_KEY = 'ds4m_popup_li_shown';\r\n\r\n    \r\n    if (!localStorage.getItem(LOCAL_STORAGE_KEY) && !sessionStorage.getItem(SESSION_STORAGE_KEY)) {\r\n      setTimeout(function() {\r\n        if (!localStorage.getItem(LOCAL_STORAGE_KEY)) {\r\n          overlay.style.display = 'flex';\r\n          setTimeout(function() {\r\n            overlay.classList.add('ds4m-visible');\r\n          }, 10);\r\n        }\r\n      }, 10000);\r\n    }\r\n\r\n    function closePopup(isFollowed) {\r\n      overlay.classList.remove('ds4m-visible');\r\n      sessionStorage.setItem(SESSION_STORAGE_KEY, 'true');\r\n      \r\n      if (isFollowed) {\r\n        localStorage.setItem(LOCAL_STORAGE_KEY, 'true');\r\n      }\r\n\r\n      setTimeout(function() {\r\n        overlay.style.display = 'none';\r\n      }, 400);\r\n    }\r\n\r\n    closeX.addEventListener('click', function() { closePopup(false); });\r\n    closeBtn.addEventListener('click', function() { closePopup(false); });\r\n    followBtn.addEventListener('click', function() { closePopup(true); });\r\n    \r\n    overlay.addEventListener('click', function(e) {\r\n      if (e.target === overlay) {\r\n        closePopup(false);\r\n      }\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<div class=\"elementor-element elementor-element-ec3ea13 e-flex e-con-boxed e-con e-parent\" data-id=\"ec3ea13\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f93dc0 elementor-widget elementor-widget-html\" data-id=\"8f93dc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"corredor-section\">\r\n\r\n  <div class=\"corredor-header\">\r\n\r\n    <div class=\"logos-container\">\r\n\r\n      <div class=\"stamp-wrapper\">\r\n\r\n        <a href=\"https:\/\/cred.digital.gob.es\/lista-de-confianza\" target=\"_blank\" rel=\"noopener\" class=\"stamp-link\">\r\n\r\n          <img decoding=\"async\" src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/05\/EspacioDeDatosConfiable.png\" alt=\"Certificaci\u00f3n Espacio de Datos\" class=\"logo-img\">\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"declarado-por\">\r\n\r\n          <span>Declarado por<\/span>\r\n\r\n          <div class=\"declarado-logos\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/08\/Ministeriologo-1.png\" alt=\"Ministerio\" class=\"logo-min\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/07\/credlogo.png\" alt=\"CRED\" class=\"logo-cred\">\r\n\r\n          <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <h2 class=\"datae-title\">dat<span class=\"ae\">\u00e6<\/span> valor<\/h2>\r\n\r\n    <p class=\"datae-sub\">Introd\u00facete en la econom\u00eda del dato<\/p>\r\n\r\n\r\n\r\n    <div class=\"status-container\">\r\n\r\n      <span class=\"badge badge-operative\">\u25cf Elegible<\/span>\r\n\r\n      <span class=\"badge badge-operative\">\u25cf Operativo<\/span>\r\n\r\n      <span class=\"badge badge-operative\">\u25cf Confiable<\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <div class=\"corredor-content\">\r\n\r\n    <div class=\"corredor-text\">\r\n\r\n      <h3>\u00bfQuieres ir al Espacio?<\/h3>\r\n\r\n      <p><strong>DS4M Mediterr\u00e1neo<\/strong> es un Espacio de Datos de movilidad sostenible, conectada, eficiente, segura, inclusiva y responsable en el Corredor Mediterr\u00e1neo.<\/p>\r\n\r\n      <p>Es un espacio con un prop\u00f3sito en el que los desplazamientos, el comercio, la distribuci\u00f3n, la log\u00edstica y el transporte se mejorar\u00e1n con datos.<\/p>\r\n\r\n      <p>Un espacio de confianza que conecta a las personas de forma segura, sin que nadie se apropie de tus datos, generando valor para ti y para todos.<\/p>\r\n\r\n\r\n\r\n      <div class=\"highlight-text\">\r\n\r\n        <strong>Genera:<\/strong> nuevas oportunidades para tu empresa, una mejor gesti\u00f3n para la administraci\u00f3n p\u00fablica y, en definitiva\u2026 mejores servicios de movilidad para las personas.\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <p>Fomenta nuevas oportunidades, riqueza, empleo, bienestar y excelencia. Un espacio para la innovaci\u00f3n, el progreso y el futuro. Un espacio en movimiento.<\/p>\r\n\r\n\r\n\r\n      <p class=\"final-call\">Un \u00fanico espacio. Muchas oportunidades. Muchos beneficios.<br><span>Da y Date valor, con el valor del <strong>DATO<\/strong>.<\/span><\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"corredor-slider\">\r\n\r\n      <img decoding=\"async\" src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/11\/foto1-scaled.jpg\" class=\"slide active\" alt=\"Movilidad 1\">\r\n\r\n      <img decoding=\"async\" src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/11\/foto2-scaled.jpg\" class=\"slide\" alt=\"Movilidad 2\">\r\n\r\n      <img decoding=\"async\" src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/11\/foto3-scaled.jpg\" class=\"slide\" alt=\"Movilidad 3\">\r\n\r\n      <img decoding=\"async\" src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/11\/foto4-scaled.jpg\" class=\"slide\" alt=\"Movilidad 4\">\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\r\n.corredor-section {\r\n\r\n  padding: 20px 8%;\r\n\r\n  background: #ffffff;\r\n\r\n  font-family: \"Raleway\", sans-serif;\r\n\r\n  width: 100vw;\r\n\r\n  max-width: 100vw;\r\n\r\n  position: relative;\r\n\r\n  left: 50%;\r\n\r\n  right: 50%;\r\n\r\n  margin-left: -50vw;\r\n\r\n  margin-right: -50vw;\r\n\r\n  color: #1f2937;\r\n\r\n  box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n.corredor-header { text-align: center; margin-bottom: 35px; }\r\n\r\n.logos-container {\r\n\r\n  display: flex;\r\n\r\n  justify-content: center;\r\n\r\n  align-items: center;\r\n\r\n  gap: 28px;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  margin-bottom: 40px;\r\n\r\n  width: 100%;\r\n\r\n}\r\n\r\n.stamp-link { display: inline-block; text-decoration: none; transition: transform 0.3s ease; }\r\n\r\n.stamp-link:hover { transform: scale(1.03); }\r\n\r\n.logo-img { width: 180px; height: auto; display: block; }\r\n\r\n\r\n\r\n.declarado-por {\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  align-items: flex-start;\r\n\r\n  gap: 10px;\r\n\r\n  border-left: 2px solid #e5e7eb;\r\n\r\n  padding-left: 24px;\r\n\r\n}\r\n\r\n.declarado-por > span {\r\n\r\n  font-size: 0.72rem;\r\n\r\n  font-weight: 700;\r\n\r\n  color: #6b7280;\r\n\r\n  text-transform: uppercase;\r\n\r\n  letter-spacing: 1.2px;\r\n\r\n}\r\n\r\n.declarado-logos { display: flex; align-items: center; gap: 18px; }\r\n\r\n.logo-min { height: 55px !important; width: auto !important; max-width: none !important; display: block; }\r\n\r\n.logo-cred { height: 32px !important; width: auto !important; max-width: none !important; display: block; }\r\n\r\n\r\n\r\n.datae-title {\r\n\r\n  font-size: 2.6rem;\r\n\r\n  color: #004a99;\r\n\r\n  margin: 30px 0 6px 0;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -1px;\r\n\r\n  line-height: 1;\r\n\r\n  width: 100%;\r\n\r\n}\r\n\r\n.datae-title .ae { font-family: Georgia, serif; font-style: italic; color: #0066cc; font-weight: 700; }\r\n\r\n.datae-sub { font-size: 1rem; color: #6b7280; margin: 0 0 22px 0; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; width: 100%; }\r\n\r\n\r\n\r\n.status-container { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }\r\n\r\n.badge { padding: 6px 16px; border-radius: 50px; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.3px; }\r\n\r\n.badge-operative { background-color: #e8f5e9; color: #1b5e20; border: 1px solid #66bb6a; }\r\n\r\n\r\n\r\n.corredor-content { display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; margin-bottom: 50px; }\r\n\r\n.corredor-text { flex: 1.2; font-size: 1.02rem; color: #374151; line-height: 1.65; }\r\n\r\n.corredor-text h3 { font-size: 1.5rem; color: #004a99; margin-top: 0; margin-bottom: 14px; font-weight: 700; position: relative; padding-bottom: 10px; }\r\n\r\n.corredor-text h3::after { content: \"\"; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: #004a99; border-radius: 2px; }\r\n\r\n.corredor-text p { margin-bottom: 12px; text-align: justify; }\r\n\r\n.corredor-text strong { color: #004a99; font-weight: 700; }\r\n\r\n\r\n\r\n.highlight-text { border-left: 4px solid #004a99; background: #f8fafc; padding: 14px 18px; margin: 18px 0; color: #374151; border-radius: 0 8px 8px 0; font-size: 0.98rem; }\r\n\r\n.final-call { margin-top: 25px; padding: 22px 24px; background: #f8fafc; border-left: 4px solid #004a99; border-radius: 0 12px 12px 0; color: #004a99; font-size: 1.15rem; font-weight: 700; line-height: 1.5; text-align: left; }\r\n\r\n.final-call span { display: block; margin-top: 8px; font-family: Georgia, serif; font-style: italic; font-weight: 500; font-size: 1rem; color: #4b5563; }\r\n\r\n\r\n\r\n.corredor-slider { flex: 0.8; position: relative; overflow: hidden; border-radius: 16px; height: 480px; width: 100%; box-shadow: 0 10px 28px rgba(0, 74, 153, 0.15); }\r\n\r\n.corredor-slider img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.2s ease-in-out; }\r\n\r\n.corredor-slider img.active { opacity: 1; }\r\n\r\n\r\n\r\n.corredor-footer { border-top: 1px solid #e5e7eb; padding-top: 22px; text-align: center; margin-top: 40px; }\r\n\r\n.corredor-footer p { font-size: 0.85rem; color: #6b7280; line-height: 1.6; max-width: 950px; margin: 0 auto; }\r\n\r\n.corredor-footer strong { color: #004a99; font-weight: 700; }\r\n\r\n\r\n\r\n@media (max-width: 992px) {\r\n\r\n  .corredor-content { flex-direction: column; gap: 20px; }\r\n\r\n  .corredor-slider { height: 350px; width: 100%; }\r\n\r\n  .declarado-por {\r\n\r\n    border-left: none;\r\n\r\n    padding-left: 0;\r\n\r\n    border-top: 1px solid #e5e7eb;\r\n\r\n    padding-top: 18px;\r\n\r\n    width: 100%;\r\n\r\n    align-items: center;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .corredor-section {\r\n\r\n    width: 100% !important;\r\n\r\n    max-width: 100% !important;\r\n\r\n    margin-left: 0 !important;\r\n\r\n    margin-right: 0 !important;\r\n\r\n    left: 0 !important;\r\n\r\n    right: 0 !important;\r\n\r\n    padding: 35px 15px !important;\r\n\r\n    overflow-x: hidden;\r\n\r\n  }\r\n\r\n\r\n\r\n  .datae-title { font-size: 2rem; }\r\n\r\n  .datae-sub { font-size: 0.85rem; }\r\n\r\n  .declarado-logos { gap: 16px !important; justify-content: center !important; align-items: center !important; }\r\n\r\n  .logo-min { height: 34px !important; }\r\n\r\n  .logo-cred { height: 32px !important; }\r\n\r\n  .logo-img { width: 140px; max-width: 100%; }\r\n\r\n  .corredor-slider { height: 220px; }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n\r\n  const slides = document.querySelectorAll('.slide');\r\n\r\n  let currentSlide = 0;\r\n\r\n  if (slides.length > 0) {\r\n\r\n    setInterval(() => {\r\n\r\n      slides[currentSlide].classList.remove('active');\r\n\r\n      currentSlide = (currentSlide + 1) % slides.length;\r\n\r\n      slides[currentSlide].classList.add('active');\r\n\r\n    }, 4000);\r\n\r\n  }\r\n\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<div class=\"elementor-element elementor-element-db081bf e-flex e-con-boxed e-con e-parent\" data-id=\"db081bf\" 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-a919cd7 elementor-widget elementor-widget-html\" data-id=\"a919cd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ds4m-linea-seccion\">\r\n\r\n  <div class=\"ds4m-linea-wrap\">\r\n\r\n\r\n\r\n    <div class=\"ds4m-linea-grid\">\r\n\r\n      <div class=\"ds4m-lado ds4m-lado-neg\">\r\n\r\n        <div class=\"ds4m-lado-head\">\r\n\r\n          <span class=\"ds4m-lbadge ds4m-lbadge-neg\">\u2715<\/span>\r\n\r\n          <h4>\u00bfEst\u00e1s cansado de que\u2026<\/h4>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ds4m-frase-caja\">\r\n\r\n          <p class=\"ds4m-frase\" id=\"ds4m-frase-neg\"><\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"ds4m-lado ds4m-lado-pos\">\r\n\r\n        <div class=\"ds4m-lado-head\">\r\n\r\n          <span class=\"ds4m-lbadge ds4m-lbadge-pos\">\u2713<\/span>\r\n\r\n          <h4>Participa en un Espacio de Datos...<\/h4>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ds4m-frase-caja\">\r\n\r\n          <p class=\"ds4m-frase\" id=\"ds4m-frase-pos\"><\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n\r\n\r\n    <div class=\"ds4m-linea-nav\" id=\"ds4m-linea-nav\" aria-label=\"Navegaci\u00f3n entre frases\">\r\n\r\n      <div class=\"ds4m-linea-track\">\r\n\r\n        <div class=\"ds4m-linea-fill\" id=\"ds4m-linea-fill\"><\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"ds4m-paradas\" id=\"ds4m-paradas\"><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"ds4m-linea-footer\">\r\n\r\n      <p><span class=\"ds4m-marca-txt\">DS<span class=\"ds4m-num4\">4<\/span>M Mediterr\u00e1neo:<\/span> Forma parte de una iniciativa estrat\u00e9gica financiada por la <strong>Uni\u00f3n Europea - NextGenerationEU<\/strong> e impulsada por el <strong>Ministerio para la Transformaci\u00f3n Digital y de la Funci\u00f3n P\u00fablica<\/strong>, en el marco del <strong>Plan de Recuperaci\u00f3n, Transformaci\u00f3n y Resiliencia<\/strong>, liderada por el <strong>INTRAS<\/strong> en colaboraci\u00f3n con el <strong>IRTIC<\/strong> de la Universitat de Val\u00e8ncia.<\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\r\n\r\n\r\n.ds4m-linea-seccion {\r\n\r\n  width: 100vw;\r\n\r\n  position: relative;\r\n\r\n  left: 50%;\r\n\r\n  right: 50%;\r\n\r\n  margin-left: -50vw;\r\n\r\n  margin-right: -50vw;\r\n\r\n  padding: 80px 0 60px;\r\n\r\n  background: #ffffff;\r\n\r\n  background-image: radial-gradient(circle at 50% 20%, #eef6ff 0%, rgba(255, 255, 255, 0) 65%);\r\n\r\n  font-family: \"Raleway\", sans-serif;\r\n\r\n  color: #1e293b;\r\n\r\n  box-sizing: border-box;\r\n\r\n  overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.ds4m-linea-seccion::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  background-image:\r\n\r\n    radial-gradient(#7cc4ff 1px, transparent 1px),\r\n\r\n    radial-gradient(#7cc4ff 1px, transparent 1px);\r\n\r\n  background-size: 52px 52px;\r\n\r\n  background-position: 0 0, 26px 26px;\r\n\r\n  opacity: 0.14;\r\n\r\n  pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\r\n.ds4m-linea-wrap {\r\n\r\n  width: 100%;\r\n\r\n  max-width: 1240px;\r\n\r\n  margin: 0 auto;\r\n\r\n  padding: 0 40px;\r\n\r\n  box-sizing: border-box;\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.ds4m-linea-grid {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns: 1fr 1fr;\r\n\r\n  column-gap: 60px;\r\n\r\n  margin-bottom: 45px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n@media (min-width: 993px) {\r\n\r\n  .ds4m-lado { display: contents; }\r\n\r\n  .ds4m-lado-neg .ds4m-lado-head { grid-column: 1; grid-row: 1; }\r\n\r\n  .ds4m-lado-pos .ds4m-lado-head { grid-column: 2; grid-row: 1; }\r\n\r\n  .ds4m-lado-neg .ds4m-frase-caja { grid-column: 1; grid-row: 2; }\r\n\r\n  .ds4m-lado-pos .ds4m-frase-caja { grid-column: 2; grid-row: 2; }\r\n\r\n\r\n\r\n  .ds4m-lado-head { align-self: end; }\r\n\r\n}\r\n\r\n\r\n\r\n.ds4m-lado-head {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 15px;\r\n\r\n  margin-bottom: 24px;\r\n\r\n}\r\n\r\n\r\n\r\n.ds4m-lado-head h4 {\r\n\r\n  margin: 0;\r\n\r\n  font-size: 1.3rem;\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 1.35;\r\n\r\n  letter-spacing: -0.02em;\r\n\r\n}\r\n\r\n\r\n\r\n.ds4m-lado-neg h4 { color: #64748b; }\r\n\r\n.ds4m-lado-pos h4 { color: #003d7a; }\r\n\r\n\r\n\r\n.ds4m-lbadge {\r\n\r\n  width: 42px;\r\n\r\n  height: 42px;\r\n\r\n  border-radius: 50%;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  font-size: 1.05rem;\r\n\r\n  font-weight: 700;\r\n\r\n  flex-shrink: 0;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.ds4m-lbadge-neg {\r\n\r\n  background: #ffffff;\r\n\r\n  color: #64748b;\r\n\r\n  border: 2px solid #94a3b8;\r\n\r\n  box-shadow:\r\n\r\n    0 4px 10px rgba(148, 163, 184, 0.2),\r\n\r\n    inset 0 0 6px rgba(148, 163, 184, 0.05);\r\n\r\n}\r\n\r\n\r\n\r\n.ds4m-lbadge-pos {\r\n\r\n  background: #007bff;\r\n\r\n  color: #fff;\r\n\r\n  box-shadow: 0 0 16px rgba(0, 123, 255, 0.45);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.ds4m-frase-caja {\r\n\r\n  min-height: 120px;\r\n\r\n  display: flex;\r\n\r\n  align-items: flex-start;\r\n\r\n  overflow: hidden;\r\n\r\n  position: relative;\r\n\r\n}\r\n\r\n\r\n\r\n.ds4m-frase {\r\n\r\n  margin: 0;\r\n\r\n  font-size: 1.5rem;\r\n\r\n  line-height: 1.45;\r\n\r\n  font-weight: 500;\r\n\r\n  letter-spacing: -0.01em;\r\n\r\n  transition: opacity 0.45s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);\r\n\r\n  opacity: 0;\r\n\r\n  transform: translateX(40px);\r\n\r\n}\r\n\r\n\r\n\r\n.ds4m-frase.ds4m-in {\r\n\r\n  opacity: 1;\r\n\r\n  transform: translateX(0);\r\n\r\n}\r\n\r\n.ds4m-frase.ds4m-out {\r\n\r\n  opacity: 0;\r\n\r\n  transform: translateX(-40px);\r\n\r\n}\r\n\r\n\r\n\r\n.ds4m-lado-neg .ds4m-frase { color: #8b98aa; }\r\n\r\n.ds4m-lado-pos .ds4m-frase {\r\n\r\n  color: #005aab;\r\n\r\n  font-weight: 700;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.ds4m-linea-nav {\r\n\r\n  position: relative;\r\n\r\n  margin: 0 auto 50px;\r\n\r\n  max-width: 720px;\r\n\r\n  padding: 10px 0 26px;\r\n\r\n}\r\n\r\n\r\n\r\n.ds4m-linea-track {\r\n\r\n  position: absolute;\r\n\r\n  top: 19px;\r\n\r\n  left: 9px;\r\n\r\n  right: 9px;\r\n\r\n  height: 3px;\r\n\r\n  background: #dce9f7;\r\n\r\n  border-radius: 3px;\r\n\r\n}\r\n\r\n\r\n\r\n.ds4m-linea-fill {\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n\r\n  left: 0;\r\n\r\n  height: 100%;\r\n\r\n  width: 0%;\r\n\r\n  border-radius: 3px;\r\n\r\n  background: linear-gradient(to right, #005aab, #3b9dff);\r\n\r\n  box-shadow: 0 0 8px rgba(59, 157, 255, 0.5);\r\n\r\n  transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1);\r\n\r\n}\r\n\r\n\r\n\r\n.ds4m-paradas {\r\n\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  justify-content: space-between;\r\n\r\n}\r\n\r\n\r\n\r\n.ds4m-linea-seccion button.ds4m-parada {\r\n\r\n  -webkit-appearance: none;\r\n\r\n  appearance: none;\r\n\r\n  display: block;\r\n\r\n  width: 18px;\r\n\r\n  height: 18px;\r\n\r\n  min-width: 0;\r\n\r\n  min-height: 0;\r\n\r\n  border-radius: 50% !important;\r\n\r\n  background: #ffffff !important;\r\n\r\n  border: 2px solid #b9d3ec !important;\r\n\r\n  padding: 0 !important;\r\n\r\n  margin: 0;\r\n\r\n  box-shadow: none;\r\n\r\n  color: transparent;\r\n\r\n  font-size: 0;\r\n\r\n  line-height: 0;\r\n\r\n  cursor: pointer;\r\n\r\n  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, background 0.3s ease;\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n}\r\n\r\n\r\n\r\n.ds4m-linea-seccion button.ds4m-parada:hover,\r\n\r\n.ds4m-linea-seccion button.ds4m-parada:active {\r\n\r\n  background: #ffffff !important;\r\n\r\n  border-color: #3b9dff !important;\r\n\r\n  color: transparent;\r\n\r\n  transform: scale(1.15);\r\n\r\n}\r\n\r\n\r\n\r\n.ds4m-linea-seccion button.ds4m-parada:focus {\r\n\r\n  background: #ffffff !important;\r\n\r\n  border-color: #3b9dff !important;\r\n\r\n  outline: none;\r\n\r\n}\r\n\r\n\r\n\r\n.ds4m-linea-seccion button.ds4m-parada:focus-visible {\r\n\r\n  outline: 2px solid #3b9dff;\r\n\r\n  outline-offset: 3px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.ds4m-linea-seccion button.ds4m-parada.ds4m-pasada,\r\n\r\n.ds4m-linea-seccion button.ds4m-parada.ds4m-pasada:hover,\r\n\r\n.ds4m-linea-seccion button.ds4m-parada.ds4m-pasada:focus {\r\n\r\n  border-color: #3b9dff !important;\r\n\r\n  background: #d9ecff !important;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.ds4m-linea-seccion button.ds4m-parada.ds4m-activa,\r\n\r\n.ds4m-linea-seccion button.ds4m-parada.ds4m-activa:hover,\r\n\r\n.ds4m-linea-seccion button.ds4m-parada.ds4m-activa:focus {\r\n\r\n  border-color: #007bff !important;\r\n\r\n  background: #007bff !important;\r\n\r\n  box-shadow: 0 0 12px rgba(0, 123, 255, 0.55), 0 0 0 5px rgba(0, 123, 255, 0.12);\r\n\r\n  transform: scale(1.25);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.ds4m-linea-footer {\r\n\r\n  border-top: 1px solid #e3edf7;\r\n\r\n  padding-top: 32px;\r\n\r\n  text-align: center;\r\n\r\n}\r\n\r\n.ds4m-linea-footer p {\r\n\r\n  font-size: 0.88rem;\r\n\r\n  color: #6b7a8d;\r\n\r\n  line-height: 1.75;\r\n\r\n  max-width: 1100px;\r\n\r\n  margin: 0 auto;\r\n\r\n}\r\n\r\n.ds4m-linea-footer strong {\r\n\r\n  color: #005aab;\r\n\r\n  font-weight: 600;\r\n\r\n}\r\n\r\n\r\n\r\n.ds4m-marca-txt {\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 0.02em;\r\n\r\n  color: #003d7a;\r\n\r\n  display: inline;\r\n\r\n}\r\n\r\n\r\n\r\n.ds4m-num4 {\r\n\r\n  display: inline-block;\r\n\r\n  vertical-align: baseline;\r\n\r\n  position: relative;\r\n\r\n  top: -2px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .ds4m-frase { transition: opacity 0.3s ease; transform: none !important; }\r\n\r\n  .ds4m-linea-fill { transition: none; }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n@media (max-width: 992px) {\r\n\r\n  .ds4m-linea-grid {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    row-gap: 35px;\r\n\r\n    margin-bottom: 35px;\r\n\r\n  }\r\n\r\n  .ds4m-frase-caja { min-height: 95px; }\r\n\r\n  .ds4m-frase { font-size: 1.3rem; }\r\n\r\n}\r\n\r\n\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .ds4m-linea-seccion { padding: 55px 0 45px; }\r\n\r\n  .ds4m-linea-wrap { padding: 0 22px; }\r\n\r\n  .ds4m-lado-head h4 { font-size: 1.1rem; }\r\n\r\n  .ds4m-frase { font-size: 1.15rem; }\r\n\r\n  .ds4m-frase-caja { min-height: 105px; }\r\n\r\n  .ds4m-linea-seccion button.ds4m-parada { width: 14px; height: 14px; }\r\n\r\n  .ds4m-linea-track { top: 17px; }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  var datos = [\r\n\r\n    { neg: \"\u2026se aprovechen de tus datos?\", pos: \"\u2026donde los datos siguen siendo tuyos.\" },\r\n\r\n    { neg: \"\u2026no saber d\u00f3nde acaban tus datos?\", pos: \"\u2026compartes \u00fanicamente los que quieres bajo tus condiciones.\" },\r\n\r\n    { neg: \"\u2026las grandes corporaciones manejen tus datos para su particular inter\u00e9s?\", pos: \"\u2026que ayuda a mejorar los procesos de tu organizaci\u00f3n y ser m\u00e1s eficiente.\" },\r\n\r\n    { neg: \"\u2026utilicen tus datos para fines que no te benefician?\", pos: \"\u2026que te facilita tomar decisiones con mayor certidumbre.\" },\r\n\r\n    { neg: \"\u2026tus datos no sean \u00fatiles para un fin social?\", pos: \"\u2026que transforma datos en soluciones.\" },\r\n\r\n    { neg: \"\u2026no se relacionen con otros datos que los enriquecer\u00edan?\", pos: \"\u2026en el que puedes obtener beneficio econ\u00f3mico.\" },\r\n\r\n    { neg: \"\u2026tus decisiones est\u00e9n ancladas en la incertidumbre y el azar?\", pos: \"\u2026en el que puedes contribuir a la responsabilidad social.\" },\r\n\r\n    { neg: \"\u2026no puedas resolver problemas bas\u00e1ndote en la evidencia?\", pos: \"\u2026en el que puedes ser parte activa del futuro.\" },\r\n\r\n    { neg: \"\u2026de pagar el precio de no sacarle partido a tus datos?\", pos: \"\u2026en el que transformas incertidumbre en valor real.\" }\r\n\r\n  ];\r\n\r\n\r\n\r\n  var elNeg = document.getElementById('ds4m-frase-neg');\r\n\r\n  var elPos = document.getElementById('ds4m-frase-pos');\r\n\r\n  var fill = document.getElementById('ds4m-linea-fill');\r\n\r\n  var contParadas = document.getElementById('ds4m-paradas');\r\n\r\n\r\n\r\n  if (!elNeg || !elPos || !fill || !contParadas) return;\r\n\r\n\r\n\r\n  var idx = 0;\r\n\r\n  var timer = null;\r\n\r\n  var INTERVALO = 5000;\r\n\r\n  var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n\r\n\r\n  var paradas = datos.map(function (_, i) {\r\n\r\n    var b = document.createElement('button');\r\n\r\n    b.className = 'ds4m-parada';\r\n\r\n    b.type = 'button';\r\n\r\n    b.setAttribute('aria-label', 'Frase ' + (i + 1) + ' de ' + datos.length);\r\n\r\n    b.addEventListener('click', function () {\r\n\r\n      irA(i);\r\n\r\n      limpiarTimer();\r\n\r\n      iniciarTimer();\r\n\r\n    });\r\n\r\n    contParadas.appendChild(b);\r\n\r\n    return b;\r\n\r\n  });\r\n\r\n\r\n\r\n  function pintarLinea() {\r\n\r\n    var pct = datos.length > 1 ? (idx \/ (datos.length - 1)) * 100 : 0;\r\n\r\n    fill.style.width = pct + '%';\r\n\r\n    paradas.forEach(function (p, i) {\r\n\r\n      p.classList.toggle('ds4m-activa', i === idx);\r\n\r\n      p.classList.toggle('ds4m-pasada', i < idx);\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n\r\n  function mostrar() {\r\n\r\n    elNeg.textContent = datos[idx].neg;\r\n\r\n    elPos.textContent = datos[idx].pos;\r\n\r\n    elNeg.classList.remove('ds4m-out');\r\n\r\n    elPos.classList.remove('ds4m-out');\r\n\r\n    elNeg.classList.add('ds4m-in');\r\n\r\n    elPos.classList.add('ds4m-in');\r\n\r\n    pintarLinea();\r\n\r\n  }\r\n\r\n\r\n\r\n  function irA(nuevo) {\r\n\r\n    if (nuevo === idx) return;\r\n\r\n    idx = ((nuevo % datos.length) + datos.length) % datos.length;\r\n\r\n\r\n\r\n    if (reduceMotion) { mostrar(); return; }\r\n\r\n\r\n\r\n    elNeg.classList.remove('ds4m-in');\r\n\r\n    elPos.classList.remove('ds4m-in');\r\n\r\n    elNeg.classList.add('ds4m-out');\r\n\r\n    elPos.classList.add('ds4m-out');\r\n\r\n\r\n\r\n    setTimeout(function () {\r\n\r\n      elNeg.classList.remove('ds4m-out');\r\n\r\n      elPos.classList.remove('ds4m-out');\r\n\r\n\r\n\r\n      void elNeg.offsetWidth;\r\n\r\n      mostrar();\r\n\r\n    }, 450);\r\n\r\n  }\r\n\r\n\r\n\r\n  function siguiente() { irA(idx + 1); }\r\n\r\n\r\n\r\n\r\n\r\n  function iniciarTimer() {\r\n\r\n    if (!timer) {\r\n\r\n      timer = setInterval(siguiente, INTERVALO);\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n\r\n  function limpiarTimer() {\r\n\r\n    if (timer) {\r\n\r\n      clearInterval(timer);\r\n\r\n      timer = null;\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n\r\n\r\n\r\n  mostrar();\r\n\r\n  iniciarTimer();\r\n\r\n})();\r\n\r\n<\/script> \r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67efec0 e-flex e-con-boxed e-con e-parent\" data-id=\"67efec0\" 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-d184893 elementor-widget elementor-widget-html\" data-id=\"d184893\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"obje\" class=\"beneficios-lista-container\">\r\n    <div class=\"beneficios-wrapper-interno\">\r\n        <h1 class=\"beneficios-titulo\">Beneficios de participar en el proyecto<\/h1>\r\n\r\n        <div class=\"beneficios-grid\">\r\n            <div class=\"beneficio-card\">\r\n                <div class=\"beneficio-content\">\r\n                    <div class=\"beneficio-visual\">\r\n                        <div class=\"beneficio-icono\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n                        <\/div>\r\n                        <h2 class=\"beneficio-h2\">Ser parte de un proyecto estrat\u00e9gico<\/h2>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"beneficio-card\">\r\n                <div class=\"beneficio-content\">\r\n                    <div class=\"beneficio-visual\">\r\n                        <div class=\"beneficio-icono\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"><\/polyline><\/svg>\r\n                        <\/div>\r\n                        <h2 class=\"beneficio-h2\">Prestigioso reconocimiento institucional<\/h2>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"beneficio-card\">\r\n                <div class=\"beneficio-content\">\r\n                    <div class=\"beneficio-visual\">\r\n                        <div class=\"beneficio-icono\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <h2 class=\"beneficio-h2\">Relaci\u00f3n con diferentes actores<\/h2>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"beneficio-card\">\r\n                <div class=\"beneficio-content\">\r\n                    <div class=\"beneficio-visual\">\r\n                        <div class=\"beneficio-icono\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line><\/svg>\r\n                        <\/div>\r\n                        <h2 class=\"beneficio-h2\">Valor econ\u00f3mico y social<\/h2>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"beneficio-card\">\r\n                <div class=\"beneficio-content\">\r\n                    <div class=\"beneficio-visual\">\r\n                        <div class=\"beneficio-icono\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M19 6a7.5 7.5 0 1 0 0 12M5 10h9M5 14h9\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h2 class=\"beneficio-h2\">Acceso a financiaci\u00f3n y subvenciones<\/h2>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"beneficio-card\">\r\n                <div class=\"beneficio-content\">\r\n                    <div class=\"beneficio-visual\">\r\n                        <div class=\"beneficio-icono\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"><\/path><path d=\"M6 12v5c0 2 2 3 6 3s6-1 6-3v-5\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <h2 class=\"beneficio-h2\">Formaci\u00f3n especializada acad\u00e9mica<\/h2>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"beneficios-action-container\">\r\n            <a href=\"https:\/\/ds4mmed.uv.es\/index.php\/es\/beneficios\/#detalles-frases\" class=\"beneficios-btn-scroll\">\r\n                <span>Ver m\u00e1s detalles<\/span>\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\r\n                    <polyline points=\"19 12 12 19 5 12\"><\/polyline>\r\n                <\/svg>\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n#obje.beneficios-lista-container {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    margin: 0;\r\n    padding: 80px 0;\r\n    font-family: 'Raleway', sans-serif;\r\n    box-sizing: border-box;\r\n    background-color: #080f18;\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: block;\r\n}\r\n\r\n#obje .beneficios-wrapper-interno {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n#obje 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#obje .beneficios-titulo {\r\n    text-align: center;\r\n    font-size: 2.6rem;\r\n    font-weight: 800;\r\n    color: #ffffff !important;\r\n    margin-bottom: 70px;\r\n    position: relative;\r\n}\r\n\r\n#obje .beneficios-titulo::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: -15px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 60px;\r\n    height: 4px;\r\n    background: #00c0ff;\r\n    border-radius: 2px;\r\n}\r\n\r\n#obje .beneficios-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n}\r\n\r\n#obje .beneficio-card {\r\n    background: rgba(13, 27, 42, 0.4);\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(0, 192, 255, 0.15);\r\n    backdrop-filter: blur(4px);\r\n    -webkit-backdrop-filter: blur(4px);\r\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    cursor: pointer;\r\n}\r\n\r\n#obje .beneficio-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(0, 192, 255, 0.7);\r\n    box-shadow: 0 0 30px rgba(0, 192, 255, 0.25);\r\n    background: rgba(13, 27, 42, 0.6);\r\n}\r\n\r\n#obje .beneficio-content {\r\n    padding: 45px 30px;\r\n    box-sizing: border-box;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n#obje .beneficio-visual {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    gap: 20px;\r\n}\r\n\r\n#obje .beneficio-icono {\r\n    width: 70px;\r\n    height: 70px;\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    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n#obje .beneficio-card:hover .beneficio-icono {\r\n    background: #00c0ff;\r\n    color: #ffffff;\r\n    box-shadow: 0 0 20px rgba(0, 192, 255, 0.6);\r\n    transform: scale(1.05);\r\n}\r\n\r\n#obje .beneficio-icono svg {\r\n    width: 30px;\r\n    height: 30px;\r\n}\r\n\r\n#obje .beneficio-h2 {\r\n    font-size: 1.25rem;\r\n    color: #ffffff !important;\r\n    font-weight: 600;\r\n    line-height: 1.5;\r\n    margin: 0 !important;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n#obje .beneficio-card:hover .beneficio-h2 {\r\n    color: #00c0ff !important;\r\n}\r\n\r\n#obje .beneficios-action-container {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 60px;\r\n}\r\n\r\n#obje .beneficios-btn-scroll {\r\n    background: transparent;\r\n    border: 2px solid rgba(0, 192, 255, 0.4);\r\n    padding: 16px 36px;\r\n    color: #ffffff !important;\r\n    font-size: 1.05rem;\r\n    font-weight: 700;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    text-decoration: none !important;\r\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    box-shadow: 0 4px 15px rgba(0, 192, 255, 0.05);\r\n}\r\n\r\n#obje .beneficios-btn-scroll svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n#obje .beneficios-btn-scroll:hover {\r\n    background: #00c0ff;\r\n    color: #080f18 !important;\r\n    border-color: #00c0ff;\r\n    box-shadow: 0 0 25px rgba(0, 192, 255, 0.45);\r\n    transform: translateY(2px);\r\n}\r\n\r\n#obje .beneficios-btn-scroll:hover svg {\r\n    transform: translateY(4px);\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    #obje .beneficios-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n    #obje .beneficios-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    #obje .beneficios-titulo {\r\n        font-size: 2rem;\r\n    }\r\n    #obje .beneficios-btn-scroll {\r\n        padding: 14px 28px;\r\n        font-size: 0.95rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n    function initCanvasGrid() {\r\n        const obje = document.getElementById(\"obje\");\r\n        if (!obje) return;\r\n\r\n        let canvas = obje.querySelector(\"canvas.particles-bg\");\r\n        if (!canvas) {\r\n            canvas = document.createElement(\"canvas\");\r\n            canvas.classList.add(\"particles-bg\");\r\n            obje.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: 80 };\r\n\r\n        function resizeCanvas() {\r\n            const rect = obje.getBoundingClientRect();\r\n            canvas.width = rect.width || obje.offsetWidth || window.innerWidth;\r\n            canvas.height = rect.height || obje.offsetHeight || 500;\r\n            initParticles();\r\n        }\r\n\r\n        function initParticles() {\r\n            particlesArray = [];\r\n            const numberOfParticles = (canvas.width * canvas.height) \/ 6500;\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(particlesArray[a].x\/100, (canvas.width - particlesArray[a].x)\/100, particlesArray[a].y\/100, (canvas.height - particlesArray[a].y)\/100, 1);\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        obje.addEventListener(\"mousemove\", (e) => {\r\n            const rect = obje.getBoundingClientRect();\r\n            mouse.x = e.clientX - rect.left;\r\n            mouse.y = e.clientY - rect.top;\r\n        });\r\n\r\n        obje.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(obje);\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<div class=\"elementor-element elementor-element-47567ad e-flex e-con-boxed e-con e-parent\" data-id=\"47567ad\" 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-75103d9 elementor-widget elementor-widget-html\" data-id=\"75103d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"epic-entidades\" aria-labelledby=\"epic-entidades-title\" style=\"--accent:#6ee7b7;\">\r\n  <style>\r\n    :root{ --bg1:#ffffff; --bg2:#f9fafb; --card:#ffffff; --accent:var(--accent); }\r\n    .epic-entidades{ padding:3.5rem 0; background:linear-gradient(160deg,var(--bg1),var(--bg2)); color:#111827; box-shadow:0 4px 20px rgba(0,0,0,.05); font-family:'Raleway', sans-serif; overflow:hidden; position:relative; }\r\n    .epic-entidades h2{ text-align:center; font-weight:700; color:#092238; font-size:clamp(2rem,3vw,2.8rem); margin:0; padding: 0 1rem; }\r\n    \r\n    \/* MEJORA DE VELOCIDAD EN EL DESPLAZAMIENTO DEL CARRUSEL *\/\r\n    .carousel-container{ position:relative; max-width:100%; margin:0 auto; text-align:center; }\r\n    .carousel-track{ \r\n      display:flex; \r\n      gap:1.5rem; \r\n      overflow:hidden; \r\n      padding:1rem 1rem 2rem 1rem; \r\n      width:max-content; \r\n      will-change:transform;\r\n      \/* Forzamos que cualquier transici\u00f3n de movimiento por CSS dure la mitad *\/\r\n      transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1) !important; \r\n    }\r\n    \r\n    \/* ACELERACI\u00d3N DE EFECTOS HOVER (De 0.35s a 0.15s) *\/\r\n    .entity{ flex:0 0 200px; background:#fff; padding:1.5rem; border:1px solid rgba(0,0,0,.05); display:flex; flex-direction:column; align-items:center; justify-content:center; transition:transform .15s ease-out, box-shadow .15s ease-out; min-height:160px; }\r\n    .entity:hover{ transform:translateY(-6px) scale(1.02); box-shadow:0 6px 20px rgba(0,0,0,.08); }\r\n    .logo-wrapper{ width:100%; height:120px; display:flex; align-items:center; justify-content:center; }\r\n    .logo-wrapper img{ max-height:100%; width:auto; max-width:160px; object-fit:contain; transition:transform .15s ease-out; }\r\n    .entity:hover img{ transform:translateY(-4px) scale(1.04); }\r\n    \r\n    .carousel-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:45px; height:45px; background:#092238; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.4rem; cursor:pointer; z-index:10; transition:background .2s, transform .2s; user-select:none; }\r\n    .carousel-arrow:hover{ background:#fff; color:#092238; transform:translateY(-50%) scale(1.08); }\r\n    .arrow-left{ left:10px; }\r\n    .arrow-right{ right:10px; }\r\n    .ver-todas-btn { display: inline-block; background: #092238 !important; color: #ffffff !important; padding: 0.75rem 1.5rem; border-radius: 6px; font-weight: 600; text-decoration: none; transition: all .2s ease; border: 2px solid #092238; margin: 0 auto; }\r\n    .ver-todas-btn:hover { background: #ffffff !important; color: #092238 !important; border-color: #092238; }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\" style=\"text-align: center;\">\r\n    <h2 id=\"epic-entidades-title\">Entidades que se han unido<\/h2>\r\n    <br>\r\n    \r\n        <div class=\"carousel-container\">\n        <div class=\"carousel-arrow arrow-left\">&#10094;<\/div>\n        <div class=\"carousel-arrow arrow-right\">&#10095;<\/div>\n\n        <div class=\"carousel-track\" id=\"ds4m-live-carousel-track\">\n            <p style=\"color: #666; font-size: 0.9rem; padding: 2rem; width: 100%; text-align: center;\">Cargando entidades participantes...<\/p>\n        <\/div>\n    <\/div>\n\n    <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        fetch(\"https:\/\/ds4mmed.uv.es\/index.php\/es\/quienes-somos\/\")\n            .then(response => response.text())\n            .then(html => {\n                const searchStr = \"const entidades = [\";\n                const startIndex = html.indexOf(searchStr);\n                \n                if (startIndex === -1) {\n                    document.getElementById('ds4m-live-carousel-track').innerHTML = '<p>No se pudo sincronizar el listado de entidades.<\/p>';\n                    return;\n                }\n\n                let isolatedScript = html.substring(startIndex);\n                const endIndex = isolatedScript.indexOf(\"];\");\n                isolatedScript = isolatedScript.substring(0, endIndex + 2);\n\n                let entidades = [];\n                try {\n                    const extractData = new Function(isolatedScript + \" return entidades;\");\n                    entidades = extractData();\n                } catch(e) {\n                    console.error(\"Error interpretando el array de entidades:\", e);\n                    document.getElementById('ds4m-live-carousel-track').innerHTML = '<p>Error en el formato de datos.<\/p>';\n                    return;\n                }\n\n                if (!entidades || entidades.length === 0) {\n                    document.getElementById('ds4m-live-carousel-track').innerHTML = '<p>No hay entidades registradas.<\/p>';\n                    return;\n                }\n\n                const enriched = entidades.map(e => {\n                    let type = 'other';\n                    let municipality = '';\n                    if (\/^Ayuntamiento\/i.test(e.nombre)) {\n                        type = 'ayuntamiento';\n                        municipality = e.nombre.replace(\/^Ayuntamiento (de\\s*|d\\'\\s*)?\/i, '').trim();\n                    } else if (\/^Ajuntament\/i.test(e.nombre)) {\n                        type = 'ajuntament';\n                        municipality = e.nombre.replace(\/^Ajuntament (de\\s*|d\\'\\s*)?\/i, '').trim();\n                    }\n                    return {...e, type, municipality};\n                });\n\n                const ayuntamientos = enriched.filter(e => e.type === 'ayuntamiento' || e.type === 'ajuntament')\n                    .sort((a, b) => a.municipality.localeCompare(b.municipality, 'es', { sensitivity: 'base' }));\n                const others = enriched.filter(e => e.type === 'other')\n                    .sort((a, b) => a.nombre.localeCompare(b.nombre, 'es', { sensitivity: 'base' }));\n\n                const sorted = [...ayuntamientos, ...others];\n                const track = document.getElementById('ds4m-live-carousel-track');\n                track.innerHTML = '';\n\n                sorted.forEach(ent => {\n                    const div = document.createElement('div');\n                    div.className = 'entity original';\n                    div.innerHTML = `<a href=\"${ent.url || '#'}\" target=\"_blank\" rel=\"noopener\"><div class=\"logo-wrapper\"><img decoding=\"async\" src=\"${ent.img}\" alt=\"${ent.nombre}\"><\/div><\/a>`;\n                    track.appendChild(div);\n                });\n\n                const entities = [...track.querySelectorAll('.original')];\n                entities.forEach(ent => { \n                    const clone = ent.cloneNode(true); \n                    track.appendChild(clone); \n                });\n\n                let pos = 0, paused = false;\n                \n                \/\/ CAMBIO AQU\u00cd: Se duplica la velocidad del bucle infinito (de 0.5 a 1.0)\n                const speed = 1.0; \n                const widthOriginal = track.scrollWidth \/ 2;\n\n                function loop() {\n                    if (!paused) {\n                        pos -= speed;\n                        if (Math.abs(pos) >= widthOriginal) pos = 0;\n                        track.style.transform = `translateX(${pos}px)`;\n                    }\n                    requestAnimationFrame(loop);\n                }\n\n                track.addEventListener('mouseenter', () => paused = true);\n                track.addEventListener('mouseleave', () => paused = false);\n                \n                document.querySelector('.arrow-right').onclick = () => {\n                    pos -= 150;\n                    if (Math.abs(pos) >= widthOriginal) pos = 0;\n                    track.style.transform = `translateX(${pos}px)`;\n                };\n                document.querySelector('.arrow-left').onclick = () => {\n                    pos += 150;\n                    if (pos > 0) pos = -widthOriginal;\n                    track.style.transform = `translateX(${pos}px)`;\n                };\n\n                loop();\n            })\n            .catch(err => {\n                console.error(\"Error sincronizando carrusel:\", err);\n                document.getElementById('ds4m-live-carousel-track').innerHTML = '<p>Error al conectar con el listado principal.<\/p>';\n            });\n    });\n    <\/script>\n    \r\n    \r\n    <br><br>\r\n    <a href=\"https:\/\/ds4mmed.uv.es\/index.php\/es\/quienes-somos\/#entidades\" class=\"ver-todas-btn\">Ver todas<\/a>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11a5d92 e-flex e-con-boxed e-con e-parent\" data-id=\"11a5d92\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-98ced71 e-con-full e-flex e-con e-child\" data-id=\"98ced71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be3427f elementor-widget elementor-widget-html\" data-id=\"be3427f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ds4m-main-section\">\r\n    <div class=\"ds4m-layout-container\">\r\n\r\n        <div class=\"ds4m-news-block\">\r\n            <div class=\"ds4m-header-live\">\r\n                <h2 class=\"ds4m-section-title\">Actualidad <span>DS4M MEDITERR\u00c1NEO<\/span><\/h2>\r\n            <\/div>\r\n\r\n                <div class=\"ds4m-unified-grid\" id=\"ds4m-ajax-news-container\">\n        <p style=\"color: #666; font-size: 0.9rem;\">Cargando actualidad autom\u00e1ticamente...<\/p>\n    <\/div>\n\n    <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        fetch(\"https:\/\/ds4mmed.uv.es\/index.php\/es\/noticias\/\")\n            .then(response => response.text())\n            .then(html => {\n                const parser = new DOMParser();\n                const doc = parser.parseFromString(html, 'text\/html');\n                const remoteCards = doc.querySelectorAll('.ds4m-news-card');\n                const container = document.getElementById('ds4m-ajax-news-container');\n                \n                if (!container) return;\n                if (remoteCards.length === 0) {\n                    container.innerHTML = '<p>No hay noticias disponibles en este momento.<\/p>';\n                    return;\n                }\n\n                container.innerHTML = '';\n                const maxNews = Math.min(remoteCards.length, 3);\n                \n                for (let i = 0; i < maxNews; i++) {\n                    const card = remoteCards[i];\n                    const imgElement = card.querySelector('.ds4m-image-wrapper img');\n                    const imgUrl = imgElement ? imgElement.getAttribute('src') : 'https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/05\/FORO-PLAZA.jpg';\n                    const imgAlt = imgElement ? imgElement.getAttribute('alt') : 'DS4M Mediterr\u00e1neo';\n                    \n                    const dateText = card.querySelector('.ds4m-date') ? card.querySelector('.ds4m-date').innerText : '';\n                    const titleText = card.querySelector('.ds4m-title') ? card.querySelector('.ds4m-title').innerText : '';\n                    \n                    const btnElement = card.querySelector('.ds4m-btn');\n                    const linkUrl = btnElement ? btnElement.getAttribute('href') : '#';\n\n                    let tagText = \"ACTUALIDAD\";\n                    if (titleText.toLowerCase().includes(\"jornada\") || titleText.toLowerCase().includes(\"valgrai\")) tagText = \"CONGRESO\";\n                    else if (titleText.toLowerCase().includes(\"cred\") || titleText.toLowerCase().includes(\"lista\")) tagText = \"HITO\";\n                    else if (titleText.toLowerCase().includes(\"foro plaza\")) tagText = \"DESTACADO\";\n                    else if (titleText.toLowerCase().includes(\"supera\") || titleText.toLowerCase().includes(\"entidades\")) tagText = \"HITO\";\n\n                    const cardHTML = `\n                        <a href=\"${linkUrl}\" class=\"ds4m-unified-card\">\n                            <div class=\"ds4m-card-img-wrapper\">\n                                <img decoding=\"async\" src=\"${imgUrl}\" alt=\"${imgAlt}\">\n                            <\/div>\n                            <div class=\"ds4m-card-body\">\n                                <div class=\"ds4m-card-meta\">\n                                    <span class=\"ds4m-tag\">${tagText}<\/span>\n                                    <span class=\"ds4m-date\">${dateText}<\/span>\n                                <\/div>\n                                <h3>${titleText}<\/h3>\n                            <\/div>\n                        <\/a>\n                    `;\n                    container.innerHTML += cardHTML;\n                }\n            })\n            .catch(error => {\n                console.error(\"Error al cargar las novedades:\", error);\n                const container = document.getElementById('ds4m-ajax-news-container');\n                if(container) container.innerHTML = '<p>Error al sincronizar las noticias.<\/p>';\n            });\n    });\n    <\/script>\n    \r\n\r\n            <a href=\"https:\/\/ds4mmed.uv.es\/index.php\/es\/noticias\/\" class=\"ds4m-view-more ds4m-btn-noticias\">Ver todas las noticias \u2192<\/a>\r\n        <\/div>\r\n\r\n        <aside class=\"ds4m-agenda-col\">\r\n            <div class=\"ds4m-header-live\">\r\n                <h2 class=\"ds4m-section-title\"><span>Actividades<\/span><\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"ds4m-agenda-aside\">\r\n                    <div class=\"ds4m-agenda-scroll\" id=\"ds4m-ajax-agenda-container\">\n        <p style=\"color: #666; font-size: 0.85rem; padding: 10px 0;\">Cargando pr\u00f3ximas actividades...<\/p>\n    <\/div>\n\n    <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        fetch(\"https:\/\/ds4mmed.uv.es\/index.php\/es\/actividades\/\")\n            .then(response => response.text())\n            .then(html => {\n                const parser = new DOMParser();\n                const doc = parser.parseFromString(html, 'text\/html');\n                const remoteEvents = doc.querySelectorAll('.card-actividad');\n                const container = document.getElementById('ds4m-ajax-agenda-container');\n                \n                if (!container) return;\n                if (remoteEvents.length === 0) {\n                    container.innerHTML = '<p style=\"color:#666; font-size:0.8rem;\">No hay actividades programadas.<\/p>';\n                    return;\n                }\n\n                container.innerHTML = '';\n                const maxEvents = Math.min(remoteEvents.length, 3);\n                \n                for (let i = 0; i < maxEvents; i++) {\n                    const eventCard = remoteEvents[i];\n                    const titleText = eventCard.querySelector('h3') ? eventCard.querySelector('h3').innerText : '';\n                    const locationText = eventCard.querySelector('.organizador') ? eventCard.querySelector('.organizador').innerText.replace('Organiza: ', '') : '';\n                    const rawDateText = eventCard.querySelector('.fecha') ? eventCard.querySelector('.fecha').innerText : '';\n                    \n                    let day = \"00\";\n                    let month = \"MIX\";\n                    \n                    const dayMatch = rawDateText.match(\/\\d+\/);\n                    if (dayMatch) { day = dayMatch[0]; }\n                    \n                    const lowerDate = rawDateText.toLowerCase();\n                    if (lowerDate.includes(\"ene\")) month = \"ENE\";\n                    else if (lowerDate.includes(\"feb\")) month = \"FEB\";\n                    else if (lowerDate.includes(\"mar\")) month = \"MAR\";\n                    else if (lowerDate.includes(\"abr\")) month = \"ABR\";\n                    else if (lowerDate.includes(\"may\")) month = \"MAY\";\n                    else if (lowerDate.includes(\"jun\")) month = \"JUN\";\n                    else if (lowerDate.includes(\"jul\")) month = \"JUL\";\n                    else if (lowerDate.includes(\"ago\")) month = \"AGO\";\n                    else if (lowerDate.includes(\"sep\")) month = \"SEP\";\n                    else if (lowerDate.includes(\"oct\")) month = \"OCT\";\n                    else if (lowerDate.includes(\"nov\")) month = \"NOV\";\n                    else if (lowerDate.includes(\"dic\")) month = \"DIC\";\n\n                    const eventHTML = `\n                        <div class=\"ds4m-event\">\n                            <div class=\"ds4m-event-day\">${day} <span>${month}<\/span><\/div>\n                            <div class=\"ds4m-event-text\">\n                                <h5>${titleText}<\/h5>\n                                <p>${locationText}<\/p>\n                            <\/div>\n                        <\/div>\n                    `;\n                    container.innerHTML += eventHTML;\n                }\n            })\n            .catch(error => {\n                console.error(\"Error al cargar la agenda:\", error);\n                const container = document.getElementById('ds4m-ajax-agenda-container');\n                if(container) container.innerHTML = '<p style=\"color:#666; font-size:0.8rem;\">Error al sincronizar actividades.<\/p>';\n            });\n    });\n    <\/script>\n    \r\n\r\n                <a href=\"https:\/\/ds4mmed.uv.es\/index.php\/es\/actividades\/\" class=\"ds4m-view-more\">Ver todas \u2192<\/a>\r\n            <\/div>\r\n        <\/aside>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&display=swap');\r\n\r\n.ds4m-main-section {\r\n    font-family: 'Inter', sans-serif;\r\n    padding: 40px 0;\r\n    background: #fff;\r\n}\r\n.ds4m-layout-container {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    gap: 30px;\r\n    padding: 0 20px;\r\n    align-items: flex-start;\r\n}\r\n.ds4m-header-live {\r\n    margin-bottom: 25px;\r\n    min-height: 45px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n.ds4m-section-title {\r\n    font-size: 1.8rem;\r\n    color: #333;\r\n    margin: 0;\r\n    font-weight: 400;\r\n    letter-spacing: -0.5px;\r\n    line-height: 1.2;\r\n}\r\n.ds4m-section-title span { color: #092238; font-weight: 800; }\r\n\r\n.ds4m-news-block {\r\n    flex: 3;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.ds4m-unified-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n    gap: 25px;\r\n}\r\n.ds4m-unified-card {\r\n    background: #ffffff;\r\n    border: 1px solid #e5e7eb;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    text-decoration: none;\r\n    height: 100%;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n}\r\n.ds4m-unified-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 10px 15px -3px rgba(9, 34, 56, 0.1);\r\n    border-color: #092238;\r\n}\r\n.ds4m-card-img-wrapper {\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    overflow: hidden;\r\n    background: #f3f4f6;\r\n}\r\n.ds4m-unified-card img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.4s ease;\r\n}\r\n.ds4m-unified-grid img,\r\n.ds4m-img-top-focus { object-position: top !important; }\r\n.ds4m-unified-grid img.ds4m-img-center-focus { object-position: center 25% !important; }\r\n.ds4m-unified-card:hover img { transform: scale(1.03); }\r\n\r\n.ds4m-card-body {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    flex-grow: 1;\r\n}\r\n.ds4m-card-meta {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 10px;\r\n}\r\n.ds4m-unified-card h3 {\r\n    font-size: 1.05rem;\r\n    margin: 0;\r\n    font-weight: 700;\r\n    line-height: 1.4;\r\n    color: #111827;\r\n    transition: color 0.3s ease;\r\n}\r\n.ds4m-unified-card:hover h3 { color: #092238; }\r\n.ds4m-date { font-size: 0.75rem; color: #6b7280; font-weight: 500; }\r\n.ds4m-tag {\r\n    background: #092238;\r\n    padding: 4px 10px;\r\n    border-radius: 20px;\r\n    font-size: 0.6rem;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    width: fit-content;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.ds4m-agenda-col {\r\n    flex: 1;\r\n    max-width: 320px;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n.ds4m-agenda-aside {\r\n    background: #f9fafb;\r\n    border-radius: 16px;\r\n    padding: 25px;\r\n    border: 1px solid #e5e7eb;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: fit-content;\r\n}\r\n.ds4m-event { display: flex; align-items: center; gap: 15px; padding: 12px 0; border-bottom: 1px solid #e5e7eb; }\r\n.ds4m-event:last-of-type { border-bottom: none; }\r\n.ds4m-event-day { color: #092238; font-weight: 800; font-size: 1.2rem; min-width: 45px; text-align: center; }\r\n.ds4m-event-day span { display: block; font-size: 0.7rem; color: #6b7280; font-weight: 400; }\r\n.ds4m-event-text h5 { margin: 0; font-size: 0.9rem; color: #111827; }\r\n.ds4m-event-text p { margin: 2px 0 0; font-size: 0.75rem; color: #6b7280; }\r\n\r\n.ds4m-view-more {\r\n    margin-top: 20px;\r\n    background: #092238;\r\n    color: #fff !important;\r\n    text-align: center;\r\n    padding: 12px;\r\n    border-radius: 10px;\r\n    text-decoration: none;\r\n    font-size: 0.85rem;\r\n    font-weight: 700;\r\n    transition: 0.3s;\r\n}\r\n.ds4m-view-more:hover { opacity: 0.85; }\r\n.ds4m-btn-noticias {\r\n    align-self: center;\r\n    padding: 12px 28px;\r\n    margin-top: 25px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .ds4m-layout-container { flex-direction: column; align-items: stretch; }\r\n    .ds4m-agenda-col { max-width: 100%; }\r\n    .ds4m-header-live { min-height: auto; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .ds4m-main-section { padding: 25px 0; }\r\n    .ds4m-section-title { font-size: 1.4rem; }\r\n    .ds4m-unified-grid { grid-template-columns: 1fr; gap: 18px; }\r\n    .ds4m-agenda-aside { padding: 20px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76f1026 e-flex e-con-boxed e-con e-parent\" data-id=\"76f1026\" 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-051558a elementor-widget elementor-widget-html\" data-id=\"051558a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<div class=\"ds4m-newsletter-banner\">\r\n    <div class=\"ds4m-light-orb ds4m-orb-1\"><\/div>\r\n    <div class=\"ds4m-light-orb ds4m-orb-2\"><\/div>\r\n    <div class=\"ds4m-light-orb ds4m-orb-3\"><\/div>\r\n\r\n    <div class=\"ds4m-newsletter-content\">\r\n        <span class=\"ds4m-badge\">Mantente al d\u00eda<\/span>\r\n        <h2>Noticias de DS4M Mediterr\u00e1neo<\/h2>\r\n        <p>Suscr\u00edbete para recibir las \u00faltimas actualizaciones.<\/p>\r\n        <a href=\"https:\/\/ds4mmed.uv.es\/index.php\/es\/newsletter\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ds4m-newsletter-btn\">\r\n            <span>Suscr\u00edbete aqu\u00ed<\/span>\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n            <\/svg>\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.ds4m-newsletter-banner {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 450px; \r\n    height: 100%; \r\n    box-sizing: border-box;\r\n    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    background: linear-gradient(135deg, #070b19 0%, #03050b 100%);\r\n    padding: 80px 24px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    overflow: hidden;\r\n    text-align: center;\r\n}\r\n\r\n.ds4m-light-orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    filter: blur(60px); \r\n    z-index: 1;\r\n}\r\n\r\n.ds4m-orb-1 {\r\n    width: 450px;\r\n    height: 450px;\r\n    background: radial-gradient(circle, rgba(37, 99, 235, 0.45) 0%, rgba(37, 99, 235, 0) 70%);\r\n    top: -10%;\r\n    left: -10%;\r\n    animation: ds4m-float-1 14s ease-in-out infinite alternate;\r\n}\r\n\r\n.ds4m-orb-2 {\r\n    width: 500px;\r\n    height: 500px;\r\n    background: radial-gradient(circle, rgba(14, 165, 233, 0.35) 0%, rgba(14, 165, 233, 0) 70%);\r\n    bottom: -20%;\r\n    right: -10%;\r\n    animation: ds4m-float-2 18s ease-in-out infinite alternate;\r\n}\r\n\r\n.ds4m-orb-3 {\r\n    width: 350px;\r\n    height: 350px;\r\n    background: radial-gradient(circle, rgba(59, 130, 246, 0.3) 0%, rgba(30, 58, 138, 0) 70%);\r\n    top: 30%;\r\n    left: 40%;\r\n    animation: ds4m-float-3 10s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes ds4m-float-1 {\r\n    0% { transform: translate(0, 0) scale(1); }\r\n    50% { transform: translate(60vw, 40vh) scale(1.3); }\r\n    100% { transform: translate(30vw, 70vh) scale(0.9); }\r\n}\r\n\r\n@keyframes ds4m-float-2 {\r\n    0% { transform: translate(0, 0) scale(1.1); }\r\n    50% { transform: translate(-50vw, -30vh) scale(0.8); }\r\n    100% { transform: translate(-25vw, -60vh) scale(1.2); }\r\n}\r\n\r\n@keyframes ds4m-float-3 {\r\n    0% { transform: translate(-30vw, -20vh) scale(1); }\r\n    50% { transform: translate(25vw, -30vh) scale(1.4); }\r\n    100% { transform: translate(-20vw, 30vh) scale(0.9); }\r\n}\r\n\r\n.ds4m-newsletter-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    max-width: 1000px;\r\n    width: 100%;\r\n}\r\n\r\n.ds4m-badge {\r\n    background: rgba(37, 99, 235, 0.2);\r\n    color: #93c5fd;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    padding: 8px 20px;\r\n    border-radius: 50px;\r\n    margin-bottom: 24px;\r\n    border: 1px solid rgba(96, 165, 250, 0.4);\r\n}\r\n\r\n.ds4m-newsletter-banner h2 {\r\n    color: #ffffff;\r\n    font-size: 2.2rem;\r\n    font-weight: 800;\r\n    margin: 0 0 16px 0;\r\n    line-height: 1.25;\r\n    white-space: nowrap;\r\n}\r\n\r\n.ds4m-newsletter-banner p {\r\n    color: #cbd5e1;\r\n    font-size: 1.15rem;\r\n    margin: 0 0 35px 0;\r\n    line-height: 1.5;\r\n    white-space: nowrap;\r\n}\r\n\r\n.ds4m-newsletter-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\r\n    color: #ffffff;\r\n    font-weight: 700;\r\n    font-size: 1.1rem;\r\n    padding: 18px 40px;\r\n    border-radius: 14px;\r\n    text-decoration: none;\r\n    box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.5);\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n}\r\n\r\n.ds4m-newsletter-btn:hover {\r\n    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);\r\n    transform: translateY(-5px) scale(1.02);\r\n    box-shadow: 0 15px 30px -5px rgba(37, 99, 235, 0.7);\r\n}\r\n\r\n.ds4m-newsletter-btn svg {\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.ds4m-newsletter-btn:hover svg {\r\n    transform: translateX(6px);\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .ds4m-newsletter-banner h2,\r\n    .ds4m-newsletter-banner p {\r\n        white-space: normal;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .ds4m-newsletter-banner {\r\n        padding: 60px 20px;\r\n        min-height: 380px;\r\n    }\r\n    .ds4m-newsletter-banner h2 {\r\n        font-size: 1.5rem;\r\n    }\r\n    .ds4m-newsletter-banner p {\r\n        font-size: 1rem;\r\n        margin-bottom: 30px;\r\n    }\r\n    .ds4m-newsletter-btn {\r\n        width: 100%;\r\n        justify-content: center;\r\n        font-size: 1rem;\r\n        padding: 16px 30px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9b48e8 e-flex e-con-boxed e-con e-parent\" data-id=\"b9b48e8\" 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-54893a8 elementor-widget elementor-widget-html\" data-id=\"54893a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ds4m-floating-zone\">\r\n    <div class=\"ds4m-float-wrapper\">\r\n        <div class=\"ds4m-aura-blur\"><\/div>\r\n        \r\n        <h2 class=\"ds4m-text-float\">\u00danete a nosotros y crezcamos juntos<\/h2>\r\n  <br>\r\n        \r\n        <div class=\"ds4m-btn-container\">\r\n            <a href=\"https:\/\/ds4mmed.uv.es\/index.php\/es\/contactanos\/\" class=\"ds4m-btn-modern\">\r\n                Cont\u00e1ctanos\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12H19M19 12L13 6M19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&display=swap');\r\n\r\n.ds4m-floating-zone {\r\n    padding: 140px 20px;\r\n    background-color: #ffffff;\r\n    font-family: 'Inter', sans-serif;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    overflow: hidden;\r\n}\r\n\r\n.ds4m-float-wrapper {\r\n    position: relative;\r\n    text-align: center;\r\n    z-index: 1;\r\n    animation: floatingEffect 4s ease-in-out infinite;\r\n}\r\n\r\n.ds4m-aura-blur {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 250px;\r\n    height: 250px;\r\n    background: rgba(9, 34, 56, 0.05);\r\n    filter: blur(80px);\r\n    border-radius: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: -1;\r\n}\r\n\r\n.ds4m-text-float {\r\n    font-size: clamp(2.2rem, 6vw, 3.5rem);\r\n    color: #092238;\r\n    font-weight: 800;\r\n    margin: 0;\r\n    letter-spacing: -2px;\r\n    line-height: 1;\r\n}\r\n\r\n.ds4m-sub-float {\r\n    font-size: clamp(1.2rem, 2.5vw, 1.6rem);\r\n    color: #64748b;\r\n    margin: 25px 0 50px 0;\r\n    font-weight: 400;\r\n}\r\n\r\n.ds4m-btn-modern {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    background-color: #092238;\r\n    color: #ffffff !important;\r\n    padding: 20px 45px;\r\n    border-radius: 100px;\r\n    font-size: 1.15rem;\r\n    font-weight: 600;\r\n    text-decoration: none !important;\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    box-shadow: 0 15px 35px rgba(9, 34, 56, 0.2);\r\n}\r\n\r\n.ds4m-btn-modern svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.ds4m-btn-modern:hover {\r\n    background-color: #123152;\r\n    transform: scale(1.08);\r\n    box-shadow: 0 20px 50px rgba(9, 34, 56, 0.3);\r\n}\r\n\r\n.ds4m-btn-modern:hover svg {\r\n    transform: translateX(8px);\r\n}\r\n\r\n@keyframes floatingEffect {\r\n    0% { transform: translateY(0px); }\r\n    50% { transform: translateY(-20px); }\r\n    100% { transform: translateY(0px); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .ds4m-floating-zone { padding: 100px 20px; }\r\n    .ds4m-btn-modern { width: 100%; justify-content: center; }\r\n}\r\n<\/style>\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>X \u00bfESTAS DE ACUERDO CON ESTE CUESTIONARIO? S\u00cd NO \u2713 \u00a1Muchas gracias! Tu respuesta ha sido procesada con \u00e9xito. Acceso a video \u00danete a nosotros &times; Linkedin DS4M Mediterr\u00e1neo \u00a1\u00danete a nuestra red en LinkedIn! Sigue las novedades, proyectos y noticias en tiempo real sobre el Espacio de Datos de Movilidad. Seguir en LinkedIn Quiz\u00e1s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8718,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-8795","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>DS4M Mediterr\u00e1neo<\/title>\n<meta name=\"description\" content=\"Descubre DS4M Mediterr\u00e1neo: proyectos, servicios e iniciativas dise\u00f1adas para impulsar la transformaci\u00f3n digital y fortalecer el ecosistema mediterr\u00e1neo.\" \/>\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\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"DS4M Mediterr\u00e1neo\" \/>\n<meta property=\"og:description\" content=\"Descubre DS4M Mediterr\u00e1neo: proyectos, servicios e iniciativas dise\u00f1adas para impulsar la transformaci\u00f3n digital y fortalecer el ecosistema mediterr\u00e1neo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ds4mmed.uv.es\/index.php\/es\/\" \/>\n<meta property=\"og:site_name\" content=\"DS4M Mediterr\u00e1neo\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-07T07:43:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/11\/Icono-web-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"344\" \/>\n\t<meta property=\"og:image:height\" content=\"344\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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=\"24 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\\\/\",\"url\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/es\\\/\",\"name\":\"DS4M Mediterr\u00e1neo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/es\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/es\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ds4mmed.uv.es\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Icono-web-1.png\",\"datePublished\":\"2025-11-25T09:50:23+00:00\",\"dateModified\":\"2026-08-07T07:43:03+00:00\",\"description\":\"Descubre DS4M Mediterr\u00e1neo: proyectos, servicios e iniciativas dise\u00f1adas para impulsar la transformaci\u00f3n digital y fortalecer el ecosistema mediterr\u00e1neo.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/es\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/es\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/es\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ds4mmed.uv.es\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Icono-web-1.png\",\"contentUrl\":\"https:\\\/\\\/ds4mmed.uv.es\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Icono-web-1.png\",\"width\":344,\"height\":344},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/es\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inicio\"}]},{\"@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 Mediterr\u00e1neo","description":"Descubre DS4M Mediterr\u00e1neo: proyectos, servicios e iniciativas dise\u00f1adas para impulsar la transformaci\u00f3n digital y fortalecer el ecosistema mediterr\u00e1neo.","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\/","og_locale":"es_ES","og_type":"article","og_title":"DS4M Mediterr\u00e1neo","og_description":"Descubre DS4M Mediterr\u00e1neo: proyectos, servicios e iniciativas dise\u00f1adas para impulsar la transformaci\u00f3n digital y fortalecer el ecosistema mediterr\u00e1neo.","og_url":"https:\/\/ds4mmed.uv.es\/index.php\/es\/","og_site_name":"DS4M Mediterr\u00e1neo","article_modified_time":"2026-08-07T07:43:03+00:00","og_image":[{"width":344,"height":344,"url":"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/11\/Icono-web-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"24 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ds4mmed.uv.es\/index.php\/es\/","url":"https:\/\/ds4mmed.uv.es\/index.php\/es\/","name":"DS4M Mediterr\u00e1neo","isPartOf":{"@id":"https:\/\/ds4mmed.uv.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ds4mmed.uv.es\/index.php\/es\/#primaryimage"},"image":{"@id":"https:\/\/ds4mmed.uv.es\/index.php\/es\/#primaryimage"},"thumbnailUrl":"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/11\/Icono-web-1.png","datePublished":"2025-11-25T09:50:23+00:00","dateModified":"2026-08-07T07:43:03+00:00","description":"Descubre DS4M Mediterr\u00e1neo: proyectos, servicios e iniciativas dise\u00f1adas para impulsar la transformaci\u00f3n digital y fortalecer el ecosistema mediterr\u00e1neo.","breadcrumb":{"@id":"https:\/\/ds4mmed.uv.es\/index.php\/es\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ds4mmed.uv.es\/index.php\/es\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/ds4mmed.uv.es\/index.php\/es\/#primaryimage","url":"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/11\/Icono-web-1.png","contentUrl":"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/11\/Icono-web-1.png","width":344,"height":344},{"@type":"BreadcrumbList","@id":"https:\/\/ds4mmed.uv.es\/index.php\/es\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/ds4mmed.uv.es\/index.php\/es\/"},{"@type":"ListItem","position":2,"name":"Inicio"}]},{"@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\/8795","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=8795"}],"version-history":[{"count":1123,"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/pages\/8795\/revisions"}],"predecessor-version":[{"id":18959,"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/pages\/8795\/revisions\/18959"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/media\/8718"}],"wp:attachment":[{"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/media?parent=8795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}