{"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-05-29T13:17:47","modified_gmt":"2026-05-29T11:17:47","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:\/\/ds4mmed.uv.es\/index.php\/beneficios\/\" class=\"beneficios-btn\">Beneficios del proyecto<\/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\/unete-al-proyecto\/\" 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 nuevos esquemas de\", \"Generaci\u00f3n de valor compartido\"],\r\n    [\"Estableciendo conexiones para un\", \"Impacto social transformador\"],\r\n    [\"Construyendo los cimientos de nuestro\", \"Futuro tecnol\u00f3gico\"],\r\n    [\"Aplicando inteligencia para detectar\", \"Las necesidades del ma\u00f1ana\"],\r\n    [\"Favoreciendo el camino hacia\", \"Una Movilidad Sostenible\"],\r\n    [\"Contribuyendo activamente\", \"A la innovaci\u00f3n europea\"],\r\n    [\"Instituyendo siempre\", \"El dato como eje estrat\u00e9gico\"],\r\n    [\"Poniendo en el centro\", \"A las personas y sus necesidades\"],\r\n    [\"Fomentando nuevos valores\", \"Para una sociedad conectada\"],\r\n    [\"Ayudando a conectar\", \"Instituciones y ciudadanos\"],\r\n    [\"Posibilitando nuevas formas\", \"De intervenci\u00f3n territorial\"],\r\n    [\"Permitiendo obtener\", \"Evidencias para mejores decisiones\"],\r\n    [\"Liderando la vanguardia\", \"De los espacios de datos\"],\r\n    [\"Transformando la movilidad\", \"En una experiencia inteligente\"],\r\n    [\"Impulsando el talento\", \"Y la colaci\u00f3n abierta\"],\r\n    [\"Redefiniendo el territorio\", \"A trav\u00e9s de la digitalizaci\u00f3n\"]\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\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  <div class=\"corredor-header\">\r\n    <div class=\"stamp-wrapper\">\r\n      <img decoding=\"async\" src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/05\/EspacioDeDatosConfiable.png\" \r\n           alt=\"Certificaci\u00f3n Espacio de Datos\" \r\n           class=\"stamp-logo-main\">\r\n    <\/div>\r\n    <h2>Proyecto DS4M Mediterr\u00e1neo<\/h2>\r\n    <div class=\"status-container\">\r\n      <span class=\"badge badge-operative\">\u25cf YA OPERATIVO<\/span>\r\n      <span class=\"badge badge-eligible\">ESPACIO DE DATOS ELEGIBLE<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"corredor-content\">\r\n    <div class=\"corredor-text\">\r\n      <p class=\"justify-p\">\r\n        El proyecto <strong>DS4M Mediterr\u00e1neo<\/strong> es una iniciativa estrat\u00e9gica financiada por la Uni\u00f3n Europea-Next Generation EU e impulsada por el Ministerio para la Transformaci\u00f3n Digital y de la Funci\u00f3n P\u00fablica, en el marco del Plan de Recuperaci\u00f3n, Transformaci\u00f3n y Resiliencia-Next Generation EU. Liderada por el <strong>INTRAS<\/strong>, en colaboraci\u00f3n con el <strong>IRTIC<\/strong> de la Universidad de Valencia y el apoyo de <strong>ITS Espa\u00f1a<\/strong>.\r\n      <\/p>\r\n      <p class=\"highlight-text justify-p\">\r\n        Nuestra infraestructura ya est\u00e1 disponible para desplegar una movilidad conectada, sostenible y segura en el Corredor Mediterr\u00e1neo. \r\n        Como <strong>soluci\u00f3n certificada<\/strong> facilitamos el acceso a ayudas para la digitalizaci\u00f3n del sector.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"corredor-slider\">\r\n      <img decoding=\"async\" src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/11\/foto1-scaled.jpg\" class=\"slide active\">\r\n      <img decoding=\"async\" src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/11\/foto2-scaled.jpg\" class=\"slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/11\/foto3-scaled.jpg\" class=\"slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/11\/foto4-scaled.jpg\" class=\"slide\">\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.corredor-section { padding: 80px 5%; background: #ffffff !important; font-family: \"Raleway\", sans-serif; }\r\n\r\n\/* Cabecera centrada *\/\r\n.corredor-header { text-align: center; margin-bottom: 50px; }\r\n.stamp-logo-main { width: 280px; height: auto; margin-bottom: 20px; animation: stampIn 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n@keyframes stampIn {\r\n  0% { transform: scale(0.4) rotate(-10deg); opacity: 0; }\r\n  100% { transform: scale(1) rotate(0deg); opacity: 1; }\r\n}\r\n.corredor-header h2 { font-size: 2.5rem; color: #092238; margin-bottom: 20px; }\r\n.status-container { display: flex; gap: 10px; justify-content: center; }\r\n\r\n\/* Contenido dos columnas *\/\r\n.corredor-content { display: flex; justify-content: space-between; align-items: flex-start; gap: 60px; max-width: 1400px; margin: auto; }\r\n.corredor-text { flex: 1; font-size: 1.15rem; color: #333; line-height: 1.6; }\r\n.corredor-slider { flex: 1; position: relative; overflow: hidden; border-radius: 22px; min-height: 400px; box-shadow: 0 10px 28px rgba(0,0,0,0.15); }\r\n\r\n\/* Elementos comunes *\/\r\n.badge { padding: 6px 14px; border-radius: 50px; font-size: 0.85rem; font-weight: 700; }\r\n.badge-operative { background-color: #e8f5e9; color: #2e7d32; border: 1px solid #2e7d32; }\r\n.badge-eligible { background-color: #fff8e1; color: #f57f17; border: 1px solid #f57f17; }\r\n.highlight-text { border-left: 4px solid #4fc3f7; padding-left: 20px; margin-top: 20px; font-style: italic; }\r\n.justify-p { text-align: justify; }\r\n.corredor-slider img { width: 100%; height: 100%; object-fit: cover; position: absolute; opacity: 0; transition: opacity 1.3s ease-in-out; }\r\n.corredor-slider img.active { opacity: 1; }\r\n\r\n@media (max-width: 1000px) {\r\n  .corredor-content { flex-direction: column; }\r\n  .corredor-slider { min-height: 300px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const slides = document.querySelectorAll('.slide');\r\n  let currentSlide = 0;\r\n  setInterval(() => {\r\n    slides[currentSlide].classList.remove('active');\r\n    currentSlide = (currentSlide + 1) % slides.length;\r\n    slides[currentSlide].classList.add('active');\r\n  }, 4000);\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-61f74e1 e-flex e-con-boxed e-con e-parent\" data-id=\"61f74e1\" 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-bcde014 e-con-full e-flex e-con e-child\" data-id=\"bcde014\" data-element_type=\"container\" data-e-type=\"container\" id=\"obje\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f419a6 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2f419a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Objetivos\n<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26432ef e-con-full e-flex e-con e-child\" data-id=\"26432ef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-10ae866 e-grid e-con-full e-con e-child\" data-id=\"10ae866\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-250bc22 e-con-full container2 e-flex e-con e-child\" data-id=\"250bc22\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-25033e2 e-con-full container2 e-flex e-con e-child\" data-id=\"25033e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2882485 elementor-view-stacked elementor-tablet-position-block-start visible elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"2882485\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-city\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M616 192H480V24c0-13.26-10.74-24-24-24H312c-13.26 0-24 10.74-24 24v72h-64V16c0-8.84-7.16-16-16-16h-16c-8.84 0-16 7.16-16 16v80h-64V16c0-8.84-7.16-16-16-16H80c-8.84 0-16 7.16-16 16v80H24c-13.26 0-24 10.74-24 24v360c0 17.67 14.33 32 32 32h576c17.67 0 32-14.33 32-32V216c0-13.26-10.75-24-24-24zM128 404c0 6.63-5.37 12-12 12H76c-6.63 0-12-5.37-12-12v-40c0-6.63 5.37-12 12-12h40c6.63 0 12 5.37 12 12v40zm0-96c0 6.63-5.37 12-12 12H76c-6.63 0-12-5.37-12-12v-40c0-6.63 5.37-12 12-12h40c6.63 0 12 5.37 12 12v40zm0-96c0 6.63-5.37 12-12 12H76c-6.63 0-12-5.37-12-12v-40c0-6.63 5.37-12 12-12h40c6.63 0 12 5.37 12 12v40zm128 192c0 6.63-5.37 12-12 12h-40c-6.63 0-12-5.37-12-12v-40c0-6.63 5.37-12 12-12h40c6.63 0 12 5.37 12 12v40zm0-96c0 6.63-5.37 12-12 12h-40c-6.63 0-12-5.37-12-12v-40c0-6.63 5.37-12 12-12h40c6.63 0 12 5.37 12 12v40zm0-96c0 6.63-5.37 12-12 12h-40c-6.63 0-12-5.37-12-12v-40c0-6.63 5.37-12 12-12h40c6.63 0 12 5.37 12 12v40zm160 96c0 6.63-5.37 12-12 12h-40c-6.63 0-12-5.37-12-12v-40c0-6.63 5.37-12 12-12h40c6.63 0 12 5.37 12 12v40zm0-96c0 6.63-5.37 12-12 12h-40c-6.63 0-12-5.37-12-12v-40c0-6.63 5.37-12 12-12h40c6.63 0 12 5.37 12 12v40zm0-96c0 6.63-5.37 12-12 12h-40c-6.63 0-12-5.37-12-12V76c0-6.63 5.37-12 12-12h40c6.63 0 12 5.37 12 12v40zm160 288c0 6.63-5.37 12-12 12h-40c-6.63 0-12-5.37-12-12v-40c0-6.63 5.37-12 12-12h40c6.63 0 12 5.37 12 12v40zm0-96c0 6.63-5.37 12-12 12h-40c-6.63 0-12-5.37-12-12v-40c0-6.63 5.37-12 12-12h40c6.63 0 12 5.37 12 12v40z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h5 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tImpulsar la autonom\u00eda digital estrat\u00e9gica y la calidad del dato\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbd783e e-con-full revealvertical e-flex e-con e-child\" data-id=\"fbd783e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cbd9f3 elementor-widget elementor-widget-text-editor\" data-id=\"4cbd9f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: justify;\"><span data-teams=\"true\">Manteniendo y optimizando conjuntos de datos cr\u00edticos para la competitividad y bienestar en el \u00e1mbito auton\u00f3mico y local. Asegurando est\u00e1ndares de calidad en los datos intercambiados que aumenten la confianza en ellos y su valor a\u00f1adido.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7017a78 e-con-full container2 e-flex e-con e-child\" data-id=\"7017a78\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4b6efdf e-con-full container2 e-flex e-con e-child\" data-id=\"4b6efdf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7458660 elementor-view-stacked elementor-tablet-position-block-start visible elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"7458660\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-car\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M499.99 176h-59.87l-16.64-41.6C406.38 91.63 365.57 64 319.5 64h-127c-46.06 0-86.88 27.63-103.99 70.4L71.87 176H12.01C4.2 176-1.53 183.34.37 190.91l6 24C7.7 220.25 12.5 224 18.01 224h20.07C24.65 235.73 16 252.78 16 272v48c0 16.12 6.16 30.67 16 41.93V416c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-32h256v32c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-54.07c9.84-11.25 16-25.8 16-41.93v-48c0-19.22-8.65-36.27-22.07-48H494c5.51 0 10.31-3.75 11.64-9.09l6-24c1.89-7.57-3.84-14.91-11.65-14.91zm-352.06-17.83c7.29-18.22 24.94-30.17 44.57-30.17h127c19.63 0 37.28 11.95 44.57 30.17L384 208H128l19.93-49.83zM96 319.8c-19.2 0-32-12.76-32-31.9S76.8 256 96 256s48 28.71 48 47.85-28.8 15.95-48 15.95zm320 0c-19.2 0-48 3.19-48-15.95S396.8 256 416 256s32 12.76 32 31.9-12.8 31.9-32 31.9z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h5 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tMejorar la movilidad sostenible, eficiente y segura\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec76c7a e-con-full revealvertical e-flex e-con e-child\" data-id=\"ec76c7a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa7dc86 elementor-widget elementor-widget-text-editor\" data-id=\"aa7dc86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: justify;\">A trav\u00e9s del fomento en la creaci\u00f3n de nuevos servicios, soluciones y modelos de negocio basados en el uso y an\u00e1lisis de datos compartidos, as\u00ed como la mejora de los existentes.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b6d1dd e-con-full container2 e-flex e-con e-child\" data-id=\"3b6d1dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3cc5c56 elementor-view-stacked elementor-tablet-position-block-start visible elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"3cc5c56\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-network-wired\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M640 264v-16c0-8.84-7.16-16-16-16H344v-40h72c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32H224c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h72v40H16c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h104v40H64c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h160c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32h-56v-40h304v40h-56c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h160c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32h-56v-40h104c8.84 0 16-7.16 16-16zM256 128V64h128v64H256zm-64 320H96v-64h96v64zm352 0h-96v-64h96v64z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h5 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tFacilitar y apoyar el desarrollo de los Access Points\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b4eac3 e-con-full revealvertical e-flex e-con e-child\" data-id=\"1b4eac3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2090ba0 elementor-widget elementor-widget-text-editor\" data-id=\"2090ba0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: justify;\"><span data-teams=\"true\">Contribuyendo a conformar a nivel regional, provincial y local, los RAPs, PAPs y LAPs, as\u00ed como los Puntos de Acceso Nacional (NAPs) promovidos por la Comisi\u00f3n Europea.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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-44bfd23 e-flex e-con-boxed e-con e-parent\" data-id=\"44bfd23\" 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-fc8bb15 elementor-widget elementor-widget-html\" data-id=\"fc8bb15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n#obje {\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n#obje canvas.particles-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const obje = document.getElementById(\"obje\");\r\n  if (!obje) return;\r\n\r\n  const canvas = document.createElement(\"canvas\");\r\n  canvas.classList.add(\"particles-bg\");\r\n  obje.prepend(canvas);\r\n\r\n  const ctx = canvas.getContext(\"2d\");\r\n  let particlesArray = [];\r\n  let mouse = { x: null, y: null, radius: 60 };\r\n\r\n  function resizeCanvas() {\r\n    canvas.width = obje.offsetWidth;\r\n    canvas.height = obje.offsetHeight;\r\n    initParticles();\r\n  }\r\n\r\n  window.addEventListener(\"resize\", resizeCanvas);\r\n\r\n  function initParticles() {\r\n    particlesArray = [];\r\n    const numberOfParticles = (canvas.width * canvas.height) \/ 7000;\r\n\r\n    for (let i = 0; i < numberOfParticles; i++) {\r\n      let size = Math.random() * 2 + 1;\r\n      let x = Math.random() * canvas.width;\r\n      let y = Math.random() * canvas.height;\r\n      let directionX = (Math.random() - 0.5) * 1;\r\n      let directionY = (Math.random() - 0.5) * 1;\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;\r\n        p.y += dy \/ distance * forceRatio;\r\n      }\r\n\r\n      let edgeFade = Math.min(\r\n        p.x \/ 200,\r\n        (canvas.width - p.x) \/ 200,\r\n        p.y \/ 200,\r\n        (canvas.height - p.y) \/ 200,\r\n        1\r\n      );\r\n\r\n      ctx.fillStyle = `rgba(0,192,255,${edgeFade})`;\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 < 11000) {\r\n          ctx.strokeStyle = `rgba(0,192,255,${1 - distance \/ 11000})`;\r\n          ctx.lineWidth = 1;\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  window.addEventListener(\"mousemove\", function (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  resizeCanvas();\r\n  animateParticles();\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-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    .carousel-container{ position:relative; max-width:100%; margin:0 auto; text-align:center; }\r\n    .carousel-track{ display:flex; gap:1.5rem; overflow:hidden; padding:1rem 1rem 2rem 1rem; width:max-content; will-change:transform; }\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 .35s cubic-bezier(.2,.9,.3,1), box-shadow .35s; 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 .38s; }\r\n    .entity:hover img{ transform:translateY(-4px) scale(1.04); }\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 .3s, transform .3s; 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 .3s 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        \/\/ 1. Consultamos la p\u00e1gina principal de \"Qui\u00e9nes Somos\" de forma remota\n        fetch(\"https:\/\/ds4mmed.uv.es\/index.php\/es\/quienes-somos\/\")\n            .then(response => response.text())\n            .then(html => {\n                \/\/ Buscamos la cadena exacta donde empieza el array \"const entidades = [\"\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                \/\/ Cortamos el HTML desde el inicio del array y buscamos el cierre del script para aislar los datos\n                let isolatedScript = html.substring(startIndex);\n                const endIndex = isolatedScript.indexOf(\"];\");\n                isolatedScript = isolatedScript.substring(0, endIndex + 2);\n\n                \/\/ Evaluamos de forma segura los datos convirti\u00e9ndolos a una variable real en JS\n                let entidades = [];\n                try {\n                    \/\/ Creamos una funci\u00f3n temporal para ejecutar el string aislado y extraer la constante\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                \/\/ 2. Procesamos y ordenamos internamente como lo ten\u00edas (Ayuntamientos primero por orden de municipio, luego el resto)\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 = ''; \/\/ Limpiamos el contenedor\n\n                \/\/ 3. Renderizamos los elementos originales en el Carrusel\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                \/\/ Clonamos para el efecto de scroll infinito continuo\n                const entities = [...track.querySelectorAll('.original')];\n                entities.forEach(ent => { \n                    const clone = ent.cloneNode(true); \n                    track.appendChild(clone); \n                });\n\n                \/\/ 4. Arrancamos las animaciones originales del Carrusel intactas\n                let pos = 0, paused = false;\n                const speed = 0.5;\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-ce4638c e-flex e-con-boxed e-con e-parent\" data-id=\"ce4638c\" 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-a5f4920 e-con-full e-flex e-con e-child\" data-id=\"a5f4920\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e98ec73 e-con-full e-flex e-con e-child\" data-id=\"e98ec73\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d6237a elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"9d6237a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Noticias destacadas<\/h2>\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-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 class=\"ds4m-live-indicator\">\r\n                    <span class=\"ds4m-dot\"><\/span> EN DIRECTO\r\n                <\/div>\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        \/\/ 1. Conectamos con tu p\u00e1gina de noticias real\n        fetch(\"https:\/\/ds4mmed.uv.es\/index.php\/es\/noticias\/\")\n            .then(response => response.text())\n            .then(html => {\n                \/\/ Cr\u00e9amos un lector de HTML temporal\n                const parser = new DOMParser();\n                const doc = parser.parseFromString(html, 'text\/html');\n                \n                \/\/ Buscamos todas las tarjetas de noticias creadas en esa p\u00e1gina\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 = ''; \/\/ Limpiamos el texto de carga\n                \n                \/\/ 2. Cogemos como m\u00e1ximo las 6 primeras (las m\u00e1s recientes)\n                const maxNews = Math.min(remoteCards.length, 6);\n                \n                for (let i = 0; i < maxNews; i++) {\n                    const card = remoteCards[i];\n                    \n                    \/\/ Extraemos los datos de la p\u00e1gina de noticias\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                    \/\/ Intentamos procesar una etiqueta din\u00e1mica o dejamos \"ACTUALIDAD\" por defecto\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                    \/\/ 3. Construimos la tarjeta con el dise\u00f1o exacto de la Home\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        <\/div>\r\n\r\n        <aside class=\"ds4m-agenda-aside\">\r\n            <div class=\"ds4m-agenda-top\">\r\n                <h3>Agenda<\/h3>\r\n                <p>Pr\u00f3ximas actividades<\/p>\r\n            <\/div>\r\n            \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        \/\/ 1. Conectamos con tu p\u00e1gina de actividades real\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                \n                \/\/ Buscamos todas las tarjetas de actividades creadas (.card-actividad)\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 = ''; \/\/ Limpiamos el texto de carga\n                \n                \/\/ 2. Limitamos a las 4 primeras que encuentre (las m\u00e1s recientes\/futuras arriba)\n                const maxEvents = Math.min(remoteEvents.length, 4);\n                \n                for (let i = 0; i < maxEvents; i++) {\n                    const eventCard = remoteEvents[i];\n                    \n                    \/\/ Extraemos los textos de la tarjeta origen\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                    \/\/ Procesamos la fecha para extraer el n\u00famero del d\u00eda y el mes abreviado (Ej: \"\ud83d\udcc5 26 de Mayo, 2026\")\n                    let day = \"00\";\n                    let month = \"MIX\";\n                    \n                    \/\/ Buscamos un n\u00famero de 1 o 2 d\u00edgitos para el d\u00eda\n                    const dayMatch = rawDateText.match(\/\\d+\/);\n                    if (dayMatch) {\n                        day = dayMatch[0];\n                    }\n                    \n                    \/\/ Intentamos descifrar el mes para ponerlo en may\u00fasculas de 3 letras\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                    \/\/ 3. Construimos el bloque exacto que requiere el dise\u00f1o original de tu Agenda\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 las actividades \u2192<\/a>\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}\r\n.ds4m-header-live { margin-bottom: 25px; }\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}\r\n.ds4m-section-title span { color: #092238; font-weight: 800; }\r\n.ds4m-live-indicator {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n    color: #092238;\r\n    margin-top: 5px;\r\n}\r\n.ds4m-dot {\r\n    height: 10px;\r\n    width: 10px;\r\n    background-color: #22c55e;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    animation: blink 1.5s infinite;\r\n}\r\n@keyframes blink {\r\n    0% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.4; transform: scale(1.1); }\r\n    100% { opacity: 1; transform: scale(1); }\r\n}\r\n\r\n.ds4m-news-block { flex: 3; }\r\n\r\n\/* CUADR\u00cdCULA REGULAR SIM\u00c9TRICA *\/\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\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\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\r\n.ds4m-card-img-wrapper {\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 12;\r\n    overflow: hidden;\r\n    background: #f3f4f6;\r\n}\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\r\n.ds4m-unified-grid img, \r\n.ds4m-img-top-focus {\r\n    object-position: top !important; \r\n}\r\n\r\n.ds4m-unified-grid img.ds4m-img-center-focus {\r\n    object-position: center 25% !important; \r\n}\r\n\r\n.ds4m-unified-card:hover img { \r\n    transform: scale(1.03); \r\n}\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\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\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\r\n.ds4m-unified-card:hover h3 {\r\n    color: #092238;\r\n}\r\n\r\n.ds4m-date { \r\n    font-size: 0.75rem; \r\n    color: #6b7280;\r\n    font-weight: 500;\r\n}\r\n\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-aside {\r\n    flex: 1;\r\n    max-width: 320px;\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-agenda-top h3 { color: #092238; margin: 0; font-weight: 800; }\r\n.ds4m-agenda-top p { color: #6b7280; font-size: 0.85rem; margin: 5px 0 20px 0; }\r\n.ds4m-event { display: flex; align-items: center; gap: 15px; padding: 12px 0; border-bottom: 1px solid #e5e7eb; }\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.ds4m-view-more { margin-top: 25px; background: #092238; color: #fff !important; text-align: center; padding: 12px; border-radius: 10px; text-decoration: none; font-size: 0.85rem; font-weight: 700; transition: 0.3s; }\r\n\r\n@media (max-width: 1024px) {\r\n    .ds4m-layout-container { flex-direction: column; }\r\n    .ds4m-agenda-aside { max-width: 100%; }\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        <!-- El aura de fondo tambi\u00e9n se mueve sutilmente -->\r\n        <div class=\"ds4m-aura-blur\"><\/div>\r\n        \r\n        <h2 class=\"ds4m-text-float\">\u00bfQuieres formar parte del proyecto?<\/h2>\r\n        <p class=\"ds4m-sub-float\">\u00danete a nosotros y crezcamos juntos<\/p>\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    \/* Animaci\u00f3n de flotaci\u00f3n aplicada a todo el conjunto *\/\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\/* Efectos al interactuar *\/\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\/* Animaci\u00f3n principal de flotaci\u00f3n *\/\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. Beneficios del proyecto \u00danete a nosotros Proyecto DS4M Mediterr\u00e1neo \u25cf YA OPERATIVO ESPACIO DE DATOS ELEGIBLE El proyecto DS4M Mediterr\u00e1neo es una iniciativa estrat\u00e9gica financiada por la Uni\u00f3n Europea-Next Generation EU e impulsada por el Ministerio [&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-05-29T11:17:47+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=\"12 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-05-29T11:17:47+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-05-29T11:17:47+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":"12 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-05-29T11:17:47+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":769,"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/pages\/8795\/revisions"}],"predecessor-version":[{"id":16542,"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/pages\/8795\/revisions\/16542"}],"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}]}}