{"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-07-21T11:01:31","modified_gmt":"2026-07-21T09:01:31","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-f39a9c0 e-flex e-con-boxed e-con e-parent\" data-id=\"f39a9c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-069951d e-con-full e-flex e-con e-child\" data-id=\"069951d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/ds4mmed.uv.es\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/VIDEO_WEB_MISMA_DURACION.mp4&quot;,&quot;background_video_start&quot;:0,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-64214d0 e-con-full e-flex e-con e-child\" data-id=\"64214d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b04403c elementor-widget elementor-widget-html\" data-id=\"b04403c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"lemas-container\">\r\n  <a href=\"https:\/\/www.youtube.com\/watch?v=Pimaux6KZI0\" class=\"beneficios-btn\">YouTube<\/a>\r\n  \r\n  <div class=\"lemas-content\">\r\n    <div id=\"lema-display\">\r\n      <div id=\"sup-text\"><\/div>\r\n      <div id=\"inf-text\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <a href=\"https:\/\/ds4mmed.uv.es\/index.php\/es\/contactanos\/\" class=\"unete-btn\">\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 {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 70vh; \r\n  min-height: 500px;\r\n  max-height: 650px;\r\n  background: transparent;\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.lemas-content {\r\n  width: 85%;\r\n  max-width: 1000px;\r\n  text-align: center;\r\n  z-index: 5;\r\n  margin: auto 0; \r\n}\r\n\r\n#lema-display {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n#sup-text {\r\n  font-family: 'Raleway', sans-serif;\r\n  font-size: 1.3rem;\r\n  letter-spacing: 6px;\r\n  color: rgba(255, 255, 255, 0.85);\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 {\r\n  font-family: 'Playfair Display', serif;\r\n  font-style: italic;\r\n  font-size: 3.2rem;\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 20px rgba(0, 0, 0, 0.6); \r\n}\r\n\r\n.visible { \r\n  opacity: 1 !important; \r\n  transform: translateY(0) !important; \r\n}\r\n\r\n.unete-btn, .beneficios-btn {\r\n  position: absolute;\r\n  bottom: 25px; \r\n  width: 160px;\r\n  height: 160px;\r\n  border-radius: 50%;\r\n  color: #ffffff !important;\r\n  font-size: 1rem;\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 10px 25px rgba(0,0,0,0.4);\r\n}\r\n\r\n.unete-btn { \r\n  right: 5%; \r\n  background: linear-gradient(140deg, #0b2a45, #165e9e, #0b2a45); \r\n  background-size: 300% 300%; \r\n  animation: blueFlow 6s infinite ease-in-out; \r\n}\r\n\r\n.beneficios-btn { \r\n  left: 5%; \r\n  background: linear-gradient(135deg, #004e7a, #00b4d8, #004e7a); \r\n  background-size: 300% 300%; \r\n  animation: blueFlow 6s infinite ease-in-out; \r\n}\r\n\r\n@keyframes blueFlow { \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::before, .beneficios-btn::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::after, .beneficios-btn::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:hover, .beneficios-btn:hover { transform: scale(1.05); }\r\n.unete-btn:hover::after, .beneficios-btn:hover::after { transform: scale(1); }\r\n\r\n@media(max-height: 768px) {\r\n  #lemas-container { height: 65vh; min-height: 460px; }\r\n  .unete-btn, .beneficios-btn { width: 130px; height: 130px; font-size: 0.85rem; bottom: 15px; }\r\n  #inf-text { font-size: 2.3rem; }\r\n  #sup-text { font-size: 1.1rem; letter-spacing: 4px; }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n  #lemas-container { height: 75vh; min-height: 400px; }\r\n  #sup-text { font-size: 0.9rem; letter-spacing: 3px; }\r\n  #inf-text { font-size: 1.6rem; padding: 0 10px; }\r\n  .unete-btn, .beneficios-btn { width: 105px; height: 105px; font-size: 0.68rem; bottom: 15px; }\r\n  .unete-btn { right: 15px; }\r\n  .beneficios-btn { left: 15px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const frases = [\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\");\r\n  const infEl = document.getElementById(\"inf-text\");\r\n  let index = 0;\r\n\r\n  function cambiarFrase() {\r\n    supEl.classList.remove(\"visible\");\r\n    infEl.classList.remove(\"visible\");\r\n\r\n    setTimeout(() => {\r\n      supEl.textContent = frases[index][0];\r\n      infEl.textContent = frases[index][1];\r\n\r\n      setTimeout(() => supEl.classList.add(\"visible\"), 200);\r\n      setTimeout(() => infEl.classList.add(\"visible\"), 900);\r\n\r\n      index = (index + 1) % frases.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<\/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-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\r\n  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<div id=\"ds4m-popup-overlay-nl\" class=\"ds4m-nl-overlay\" style=\"display: none;\">\r\n  <div class=\"ds4m-nl-popup-card\">\r\n    <button type=\"button\" id=\"ds4m-popup-close-x\" class=\"ds4m-nl-close-x\" aria-label=\"Cerrar\">&times;<\/button>\r\n    \r\n    <div class=\"ds4m-nl-popup-badge\">Nueva publicaci\u00f3n<\/div>\r\n    <span class=\"ds4m-nl-popup-date\">Junio 2026<\/span>\r\n    \r\n    <h3>\u00a1Ya est\u00e1 disponible nuestra newsletter mensual!<\/h3>\r\n    <p>Descubre los \u00faltimos avances de DS4M Mediterr\u00e1neo<\/p>\r\n    \r\n    <div class=\"ds4m-nl-popup-actions\">\r\n      <a href=\"https:\/\/ds4mmed.uv.es\/index.php\/es\/newsletter\" target=\"_blank\" id=\"ds4m-popup-btn-read\" class=\"ds4m-nl-popup-btn-main\">Ver newsletter<\/a>\r\n      <button type=\"button\" id=\"ds4m-popup-btn-close\" class=\"ds4m-nl-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-cyan: #00d4ff;\r\n    --ds4m-dark: #0a192f;\r\n  }\r\n\r\n  .ds4m-nl-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-nl-overlay.ds4m-visible {\r\n    opacity: 1;\r\n  }\r\n\r\n  .ds4m-nl-popup-card {\r\n    background-color: var(--ds4m-dark);\r\n    background-image: radial-gradient(ellipse 80% 50% at top center, rgba(0, 212, 255, 0.1) 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(0, 212, 255, 0.1);\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-nl-overlay.ds4m-visible .ds4m-nl-popup-card {\r\n    transform: scale(1);\r\n  }\r\n\r\n  .ds4m-nl-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-nl-close-x:hover {\r\n    color: #ffffff;\r\n  }\r\n\r\n  .ds4m-nl-popup-badge {\r\n    display: inline-block;\r\n    background: rgba(0, 212, 255, 0.15);\r\n    color: var(--ds4m-cyan);\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-nl-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-nl-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-nl-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-nl-popup-actions {\r\n    display: flex;\r\n    gap: 16px;\r\n    align-items: center;\r\n  }\r\n\r\n  .ds4m-nl-popup-btn-main {\r\n    background: linear-gradient(135deg, #00d4ff 0%, #0072ff 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(0, 212, 255, 0.2);\r\n  }\r\n\r\n  .ds4m-nl-popup-btn-main:hover {\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 6px 16px rgba(0, 212, 255, 0.4);\r\n  }\r\n\r\n  .ds4m-nl-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-nl-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-nl-popup-card { padding: 30px 24px; }\r\n    .ds4m-nl-popup-card h3 { font-size: 22px; }\r\n    .ds4m-nl-popup-actions { flex-direction: column; gap: 12px; width: 100%; }\r\n    .ds4m-nl-popup-btn-main, .ds4m-nl-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-nl');\r\n    const closeX = document.getElementById('ds4m-popup-close-x');\r\n    const closeBtn = document.getElementById('ds4m-popup-btn-close');\r\n    const readBtn = document.getElementById('ds4m-popup-btn-read');\r\n    \r\n    const LOCAL_STORAGE_KEY = 'ds4m_newsletter_subscribed';\r\n    const SESSION_STORAGE_KEY = 'ds4m_popup_nl_shown';\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() {\r\n      overlay.classList.remove('ds4m-visible');\r\n      sessionStorage.setItem(SESSION_STORAGE_KEY, 'true');\r\n      setTimeout(function() {\r\n        overlay.style.display = 'none';\r\n      }, 400);\r\n    }\r\n\r\n    closeX.addEventListener('click', closePopup);\r\n    closeBtn.addEventListener('click', closePopup);\r\n    readBtn.addEventListener('click', closePopup);\r\n    \r\n    overlay.addEventListener('click', function(e) {\r\n      if (e.target === overlay) {\r\n        closePopup();\r\n      }\r\n    });\r\n  });\r\n<\/script>\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-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\/07\/logo-institucional-min-sgad-dgdato.svg\" 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>El <strong>DS4M Mediterr\u00e1neo<\/strong> es un Espacio de Datos de movilidad sostenible, conectado, eficiente, seguro, inclusivo 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: \"\u2026los poderosos 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 (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                document.getElementById('ds4m-ajax-news-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 (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                document.getElementById('ds4m-ajax-agenda-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\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\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-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. YouTube \u00danete a nosotros &times; Nueva publicaci\u00f3n Junio 2026 \u00a1Ya est\u00e1 disponible nuestra newsletter mensual! Descubre los \u00faltimos avances de DS4M Mediterr\u00e1neo Ver newsletter Quiz\u00e1s m\u00e1s tarde Declarado por dat\u00e6 valor Introd\u00facete en la econom\u00eda del [&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":{"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-07-21T09:01:31+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=\"22 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-07-21T09:01:31+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-07-21T09:01:31+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":"22 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-07-21T09:01:31+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":1027,"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/pages\/8795\/revisions"}],"predecessor-version":[{"id":17874,"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/pages\/8795\/revisions\/17874"}],"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}]}}