{"id":7962,"date":"2025-11-20T10:46:55","date_gmt":"2025-11-20T09:46:55","guid":{"rendered":"https:\/\/ds4mmed.uv.es\/?page_id=7962"},"modified":"2026-06-10T12:49:51","modified_gmt":"2026-06-10T10:49:51","slug":"what-is-ds4m","status":"publish","type":"page","link":"https:\/\/ds4mmed.uv.es\/index.php\/en\/what-is-ds4m\/","title":{"rendered":"What is DS4M?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7962\" class=\"elementor elementor-7962\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76b8c51 e-flex e-con-boxed e-con e-parent\" data-id=\"76b8c51\" 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-2d0e272 elementor-widget elementor-widget-html\" data-id=\"2d0e272\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ds4m-hero-premium\">\r\n    <div class=\"ds4m-bg-container\">\r\n        <div class=\"ds4m-grid-overlay\"><\/div>\r\n        <div class=\"ds4m-glow-pulse\"><\/div>\r\n        <div class=\"p-data p-1\"><\/div>\r\n        <div class=\"p-data p-2\"><\/div>\r\n        <div class=\"p-data p-3\"><\/div>\r\n        <div class=\"p-data p-4\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ds4m-title-area\">\r\n        <h1><\/h1>\r\n    <\/div>\r\n\r\n    <div class=\"ds4m-main-stage\">\r\n        <div class=\"logo-floating-wrapper\">\r\n            <div class=\"logo-box closed-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/05\/logo-ds4m-blanco-png.png\" alt=\"Closed\">\r\n            <\/div>\r\n            <div class=\"logo-box open-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/05\/logo-ds4m-abierto-blanco.png\" alt=\"Open\">\r\n            <\/div>\r\n            <div class=\"energy-swipe\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ds4m-footer-label\">\r\n        <span class=\"label-tech\">WHAT IS DS4M MEDITERR\u00c1NEO?<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;800&display=swap');\r\n\r\n.ds4m-hero-premium {\r\n    width: 100vw;\r\n    height: 700px;\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    background-color: #051626; \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: 'Inter', sans-serif;\r\n}\r\n\r\n.ds4m-bg-container {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n}\r\n\r\n.ds4m-grid-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: \r\n        linear-gradient(to right, rgba(79, 195, 247, 0.05) 1px, transparent 1px),\r\n        linear-gradient(to bottom, rgba(79, 195, 247, 0.05) 1px, transparent 1px);\r\n    background-size: 50px 50px;\r\n    mask-image: radial-gradient(circle at center, black 30%, transparent 80%);\r\n}\r\n\r\n.ds4m-glow-pulse {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 100%;\r\n    height: 100%;\r\n    background: radial-gradient(circle at center, rgba(79, 195, 247, 0.1) 0%, transparent 70%);\r\n    animation: glowPulse 6s ease-in-out infinite;\r\n}\r\n\r\n.p-data {\r\n    position: absolute;\r\n    width: 2px;\r\n    height: 100px;\r\n    background: linear-gradient(to bottom, transparent, #4fc3f7, transparent);\r\n    opacity: 0.2;\r\n}\r\n\r\n.p-1 { top: 10%; left: 20%; animation: dataFlow 8s infinite linear; }\r\n.p-2 { top: 40%; right: 15%; animation: dataFlow 12s infinite linear reverse; }\r\n.p-3 { bottom: 10%; left: 30%; animation: dataFlow 10s infinite linear; }\r\n.p-4 { top: 20%; right: 40%; animation: dataFlow 15s infinite linear; }\r\n\r\n@keyframes glowPulse {\r\n    0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }\r\n    50% { opacity: 0.8; transform: translate(-50%, -50%) scale(1.1); }\r\n}\r\n\r\n@keyframes dataFlow {\r\n    0% { transform: translateY(-100%) translateX(0); opacity: 0; }\r\n    50% { opacity: 0.3; }\r\n    100% { transform: translateY(200%) translateX(20px); opacity: 0; }\r\n}\r\n\r\n.ds4m-title-area {\r\n    margin-bottom: 50px;\r\n    z-index: 10;\r\n}\r\n\r\n.ds4m-title-area h1 {\r\n    color: #ffffff;\r\n    font-weight: 800;\r\n    font-size: 2.5rem;\r\n    letter-spacing: -1px;\r\n    margin: 0;\r\n    text-shadow: 0 0 20px rgba(0,0,0,0.5);\r\n}\r\n\r\n.ds4m-main-stage {\r\n    position: relative;\r\n    z-index: 5;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.logo-floating-wrapper {\r\n    position: relative;\r\n    width: 550px; \r\n    height: 250px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    animation: floatAnim 4s ease-in-out infinite;\r\n}\r\n\r\n.logo-box {\r\n    position: absolute;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.logo-box img {\r\n    width: 100%;\r\n    height: auto;\r\n    max-width: 550px;\r\n    filter: drop-shadow(0 15px 40px rgba(0,0,0,0.6));\r\n}\r\n\r\n.closed-box { animation: fadeClosed 8s infinite; }\r\n.open-box { opacity: 0; animation: fadeOpen 8s infinite; }\r\n\r\n.energy-swipe {\r\n    position: absolute;\r\n    width: 30px;\r\n    height: 200%;\r\n    background: linear-gradient(90deg, transparent, #ffffff, transparent);\r\n    box-shadow: 0 0 50px #4fc3f7;\r\n    left: -20%;\r\n    transform: skewX(-25deg);\r\n    z-index: 20;\r\n    opacity: 0;\r\n    animation: flashSwipe 8s infinite;\r\n}\r\n\r\n@keyframes fadeClosed {\r\n    0%, 45% { opacity: 1; transform: scale(1); filter: brightness(1); }\r\n    50%, 95% { opacity: 0; transform: scale(0.95); filter: brightness(2); }\r\n    100% { opacity: 1; }\r\n}\r\n\r\n@keyframes fadeOpen {\r\n    0%, 45% { opacity: 0; transform: scale(0.95); filter: brightness(2); }\r\n    50%, 95% { opacity: 1; transform: scale(1); filter: brightness(1); }\r\n    100% { opacity: 0; }\r\n}\r\n\r\n@keyframes flashSwipe {\r\n    45% { left: -30%; opacity: 0; }\r\n    50% { left: 50%; opacity: 1; }\r\n    55% { left: 130%; opacity: 0; }\r\n    100% { left: 130%; opacity: 0; }\r\n}\r\n\r\n@keyframes floatAnim {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-25px); } \r\n}\r\n\r\n.ds4m-footer-label {\r\n    margin-top: 60px;\r\n    z-index: 10;\r\n}\r\n\r\n.label-tech {\r\n    color: #4fc3f7;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    letter-spacing: 5px;\r\n    text-transform: uppercase;\r\n    opacity: 0.7;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .ds4m-title-area h1 { font-size: 1.6rem; }\r\n    .logo-floating-wrapper { width: 300px; height: 140px; }\r\n    .ds4m-hero-premium { height: 550px; }\r\n    .label-tech { font-size: 0.65rem; letter-spacing: 3px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e66bd8a e-flex e-con-boxed e-con e-parent\" data-id=\"e66bd8a\" 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-cf3897e elementor-widget elementor-widget-html\" data-id=\"cf3897e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --ds4m-blue: #004a99;\r\n        --ds4m-text: #1f2937;\r\n        --ds4m-light-text: #4b5563;\r\n        --ds4m-bg: #ffffff;\r\n    }\r\n\r\n    .ds4m-modern-wrapper {\r\n        width: 100vw;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        background-color: var(--ds4m-bg);\r\n        padding: 80px 0;\r\n        font-family: 'Inter', sans-serif;\r\n        color: var(--ds4m-text);\r\n        overflow-x: hidden;\r\n    }\r\n\r\n    .ds4m-max-width {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 40px;\r\n    }\r\n\r\n    .ds4m-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.1fr;\r\n        align-items: center;\r\n        gap: 80px;\r\n        margin-bottom: 100px;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: fadeUp 0.8s forwards ease-out;\r\n    }\r\n\r\n    .ds4m-grid:last-child { margin-bottom: 0; }\r\n\r\n    .ds4m-grid.reverse { direction: rtl; }\r\n    .ds4m-grid.reverse .ds4m-col-text { direction: ltr; }\r\n\r\n    @keyframes fadeUp {\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .ds4m-col-text h2 {\r\n        font-size: 2.2rem;\r\n        font-weight: 700;\r\n        color: var(--ds4m-blue);\r\n        line-height: 1.2;\r\n        margin-bottom: 24px;\r\n        letter-spacing: -0.02em;\r\n        text-align: left;\r\n    }\r\n\r\n    .ds4m-col-text p {\r\n        font-size: 1.1rem;\r\n        line-height: 1.8;\r\n        color: var(--ds4m-light-text);\r\n        margin-bottom: 20px;\r\n        text-align: justify;\r\n        hyphens: auto;\r\n        text-justify: inter-word;\r\n    }\r\n\r\n    .ds4m-col-text strong {\r\n        color: var(--ds4m-blue);\r\n        font-weight: 600;\r\n    }\r\n\r\n    .ds4m-col-visual {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: relative;\r\n    }\r\n\r\n    #mapa-container { width: 100%; filter: drop-shadow(0 15px 30px rgba(0, 74, 153, 0.08)); }\r\n\r\n    .ds4m-img-refined {\r\n        width: 85%;\r\n        max-width: 480px;\r\n        border-radius: 20px;\r\n        box-shadow: 0 25px 50px rgba(0,0,0,0.1);\r\n        border: 1px solid rgba(0,0,0,0.04);\r\n        transition: transform 0.4s ease;\r\n        object-fit: cover;\r\n        aspect-ratio: 16 \/ 9;\r\n    }\r\n\r\n    .ds4m-img-refined:hover { transform: translateY(-5px); }\r\n\r\n    .map-tooltip {\r\n        position: absolute;\r\n        background: rgba(17, 24, 39, 0.95);\r\n        color: #fff;\r\n        padding: 8px 12px;\r\n        border-radius: 6px;\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        pointer-events: none;\r\n        z-index: 100;\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n        .ds4m-grid { gap: 40px; }\r\n        .ds4m-col-text h2 { font-size: 1.8rem; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .ds4m-grid, .ds4m-grid.reverse {\r\n            grid-template-columns: 1fr;\r\n            text-align: center;\r\n            gap: 30px;\r\n            margin-bottom: 70px;\r\n        }\r\n        .ds4m-col-text p { text-align: center; }\r\n        .ds4m-img-refined { width: 100%; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"ds4m-modern-wrapper\">\r\n    <div class=\"ds4m-max-width\">\r\n\r\n        <section class=\"ds4m-grid\">\r\n            <div class=\"ds4m-col-text\">\r\n                <h2>Data Ecosystem in the Mediterranean<\/h2>\r\n                <p>The <strong>Data Space For Mobility Mediterr\u00e1neo (DS4M Mediterr\u00e1neo)<\/strong> is a common Data Space that centralizes strategic mobility information across the Mediterranean Corridor. By ensuring secure, sovereign, and efficient data management, this initiative strengthens the competitiveness and sustainability of the regions of <strong>Catalonia, Valencian Community, Balearic Islands, Region of Murcia, Andalusia, and Aragon<\/strong>.<\/p>\r\n            <\/div>\r\n            <div class=\"ds4m-col-visual\">\r\n                <div id=\"mapa-container\">\r\n                    <div id=\"mapa-espana-interactivo\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"ds4m-grid reverse\" style=\"animation-delay: 0.2s;\">\r\n            <div class=\"ds4m-col-text\">\r\n                <h2>Cutting-edge Technological Platform<\/h2>\r\n                <p>To achieve this, a <strong>technological platform<\/strong> has been developed with the capacity to overcome current <strong>barriers related to data fragmentation and low quality<\/strong>, allowing for <strong>integration and coordinated use<\/strong> among various public and private stakeholders.<\/p>\r\n            <\/div>\r\n            <div class=\"ds4m-col-visual\">\r\n                <img decoding=\"async\" src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/09\/ciudad-noche-scaled.jpg\" alt=\"Technological platform\" class=\"ds4m-img-refined\">\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"ds4m-grid\" style=\"animation-delay: 0.4s;\">\r\n            <div class=\"ds4m-col-text\">\r\n                <h2>Demonstrator Center and Use Cases<\/h2>\r\n                <p>Primarily, it functions as a <strong>demonstrator center<\/strong>, providing a technological environment to <strong>test, validate, and simulate services, solutions, and business models based on shared data<\/strong>, which includes a series of \"use cases.\"<\/p>\r\n                <p>Additionally, it facilitates the development of National Access Points <strong>(NAPs)<\/strong> promoted by the European Commission.<\/p>\r\n            <\/div>\r\n            <div class=\"ds4m-col-visual\">\r\n                <img decoding=\"async\" src=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/11\/pexels-matreding-10410241-1-scaled.jpg\" alt=\"Logistics and Access Centers\" class=\"ds4m-img-refined\">\r\n            <\/div>\r\n        <\/section>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/d3js.org\/d3.v7.min.js\"><\/script>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const container = d3.select(\"#mapa-espana-interactivo\");\r\n    const width = 2600, height = 1600;\r\n    const svg = container.append(\"svg\").attr(\"viewBox\", `0 0 ${width} ${height}`).attr(\"preserveAspectRatio\", \"xMidYMid meet\");\r\n    const tooltip = d3.select(\"body\").append(\"div\").attr(\"class\", \"map-tooltip\").style(\"opacity\", 0);\r\n    const geojsonUrl = \"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2025\/11\/spain-sin-canarias.geojson.json\";\r\n\r\n    d3.json(geojsonUrl).then(function(json) {\r\n        const projection = d3.geoMercator().fitSize([width * 0.9, height * 0.9], json);\r\n        const path = d3.geoPath().projection(projection);\r\n        const targetProvinces = [\"almeria\", \"cadiz\", \"cordoba\", \"granada\", \"huelva\", \"jaen\", \"malaga\", \"sevilla\", \"huesca\", \"zaragoza\", \"teruel\", \"barcelona\", \"girona\", \"lleida\", \"tarragona\", \"illes balears\", \"murcia\", \"alicante\", \"valencia\", \"castellon\"];\r\n        const norm = s => s ? s.normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\").toLowerCase() : \"\";\r\n\r\n        const provincias = svg.selectAll(\"path\").data(json.features).enter().append(\"path\")\r\n            .attr(\"d\", path)\r\n            .attr(\"fill\", d => targetProvinces.some(t => norm(d.properties?.name || d.properties?.NOMBRE_PROVINCIA).includes(t)) ? \"#e0efff\" : \"#f9fafb\")\r\n            .attr(\"stroke\", \"#d1d5db\").attr(\"stroke-width\", 1)\r\n            .on(\"mouseover\", function(e, d) {\r\n                d3.select(this).raise().attr(\"stroke\", \"#004a99\").attr(\"stroke-width\", 3);\r\n                tooltip.style(\"opacity\", 1).html(d.properties?.name || d.properties?.NOMBRE_PROVINCIA);\r\n            })\r\n            .on(\"mousemove\", e => { tooltip.style(\"left\", (e.pageX + 15) + \"px\").style(\"top\", (e.pageY - 40) + \"px\"); })\r\n            .on(\"mouseout\", function() {\r\n                d3.select(this).attr(\"stroke\", \"#d1d5db\").attr(\"stroke-width\", 1);\r\n                tooltip.style(\"opacity\", 0);\r\n            });\r\n\r\n        const targetPaths = targetProvinces.map(t => provincias.filter(d => norm(d.properties?.name || d.properties?.NOMBRE_PROVINCIA).includes(t)));\r\n        let step = 0;\r\n        setInterval(() => {\r\n            targetPaths.forEach((p, i) => {\r\n                p.transition().duration(300).attr(\"fill\", i === step ? \"#004a99\" : (i < step ? \"#66a3ff\" : \"#e0efff\"));\r\n            });\r\n            step = (step + 1) % (targetPaths.length + 1);\r\n            if(step === 0) setTimeout(() => targetPaths.forEach(p => p.attr(\"fill\", \"#e0efff\")), 500);\r\n        }, 350);\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-71d694a e-flex e-con-boxed e-con e-parent\" data-id=\"71d694a\" 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-3828e1a elementor-widget elementor-widget-html\" data-id=\"3828e1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"casos-uso-premium\">\r\n    <div class=\"bg-technical-grid\"><\/div>\r\n    <div class=\"mouse-glow\"><\/div>\r\n    \r\n    <div class=\"casos-container\">\r\n        <h2 class=\"casos-title\">Use Cases<\/h2>\r\n        \r\n        <div class=\"casos-grid\">\r\n            <div class=\"glass-card\">\r\n                <div class=\"card-content\">\r\n                    <div class=\"icon-box\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line><\/svg>\r\n                    <\/div>\r\n                    <h3>Data for SUMP \/ Plans<\/h3>\r\n                    <p class=\"justify-text\">Development and monitoring of Metropolitan, Regional, and Strategic Plans, optimizing interurban traffic management through advanced and precise data infrastructures.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"glass-card\">\r\n                <div class=\"card-content\">\r\n                    <div class=\"icon-box\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\r\n                    <\/div>\r\n                    <h3>Low Emission Zones Monitoring<\/h3>\r\n                    <p class=\"justify-text\">Monitoring and calculation of Low Emission Zones (LEZ): measurement, modeling, and automated reporting to ensure effective environmental regulation and control.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"glass-card\">\r\n                <div class=\"card-content\">\r\n                    <div class=\"icon-box\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                    <h3>More in Development<\/h3>\r\n                    <p class=\"justify-text\">New cases in the definition phase that expand functionality toward multimodal mobility, predictive demand analysis, and cutting-edge sustainable transport planning.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@300;400;700&display=swap');\r\n\r\n#casos-uso-premium {\r\n    position: relative;\r\n    width: 100vw;\r\n    min-height: 80vh;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    background: #050a0f;\r\n    font-family: 'Raleway', sans-serif;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    padding: 100px 0;\r\n}\r\n\r\n.bg-technical-grid {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: \r\n        linear-gradient(to right, rgba(0, 192, 255, 0.05) 1px, transparent 1px),\r\n        linear-gradient(to bottom, rgba(0, 192, 255, 0.05) 1px, transparent 1px);\r\n    background-size: 50px 50px;\r\n    z-index: 1;\r\n}\r\n\r\n.mouse-glow {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(circle 250px at var(--x) var(--y), rgba(0, 192, 255, 0.15), transparent 80%);\r\n    z-index: 2;\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease;\r\n}\r\n\r\n#casos-uso-premium:hover .mouse-glow {\r\n    opacity: 1;\r\n}\r\n\r\n.casos-container {\r\n    position: relative;\r\n    z-index: 3;\r\n    width: 90%;\r\n    max-width: 1200px;\r\n}\r\n\r\n.casos-title {\r\n    text-align: center;\r\n    color: #ffffff;\r\n    font-size: clamp(2.2rem, 5vw, 3rem);\r\n    font-weight: 700;\r\n    margin-bottom: 80px;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.casos-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 40px;\r\n}\r\n\r\n.glass-card {\r\n    position: relative;\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 24px;\r\n    padding: 60px 40px;\r\n    transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    backdrop-filter: blur(5px);\r\n}\r\n\r\n.glass-card:hover {\r\n    transform: translateY(-10px);\r\n    background: rgba(255, 255, 255, 0.04);\r\n    border-color: rgba(0, 192, 255, 0.3);\r\n}\r\n\r\n.icon-box {\r\n    width: 45px;\r\n    height: 45px;\r\n    color: #00c0ff;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.glass-card h3 {\r\n    color: #ffffff;\r\n    font-size: 1.5rem;\r\n    margin-bottom: 25px;\r\n    font-weight: 700;\r\n}\r\n\r\n.justify-text {\r\n    color: #a0aec0;\r\n    font-size: 1rem;\r\n    line-height: 1.8;\r\n    text-align: justify;\r\n    margin: 0;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .bg-technical-grid, .mouse-glow {\r\n        display: none;\r\n    }\r\n    .casos-grid { \r\n        grid-template-columns: 1fr; \r\n        gap: 25px; \r\n    }\r\n    #casos-uso-premium { \r\n        padding: 60px 20px; \r\n        background: #050a0f; \r\n    }\r\n    .glass-card { \r\n        padding: 40px 25px; \r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst section = document.querySelector('#casos-uso-premium');\r\nconst glow = document.querySelector('.mouse-glow');\r\n\r\nsection.addEventListener('mousemove', (e) => {\r\n    const rect = section.getBoundingClientRect();\r\n    const x = e.clientX - rect.left;\r\n    const y = e.clientY - rect.top;\r\n    \r\n    glow.style.setProperty('--x', `${x}px`);\r\n    glow.style.setProperty('--y', `${y}px`);\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-7ea9834 e-flex e-con-boxed e-con e-parent\" data-id=\"7ea9834\" 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-8edb95b elementor-widget elementor-widget-html\" data-id=\"8edb95b\" 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\">Do you want to share your ideas and create new opportunities?<\/h2>\r\n        <p class=\"ds4m-sub-float\">This is your place\u2014come and let\u2019s collaborate!<\/p>\r\n        \r\n        <div class=\"ds4m-btn-container\">\r\n            <a href=\"https:\/\/ds4mmed.uv.es\/index.php\/contact-us\/\" class=\"ds4m-btn-modern\">\r\n                Contact us\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    max-width: 950px;\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: 300px;\r\n    height: 300px;\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(2rem, 5vw, 3rem);\r\n    color: #092238;\r\n    font-weight: 800;\r\n    margin: 0;\r\n    letter-spacing: -1.5px;\r\n    line-height: 1.1;\r\n}\r\n\r\n.ds4m-sub-float {\r\n    font-size: clamp(1.1rem, 2vw, 1.4rem);\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>WHAT IS DS4M MEDITERR\u00c1NEO? Data Ecosystem in the Mediterranean The Data Space For Mobility Mediterr\u00e1neo (DS4M Mediterr\u00e1neo) is a common Data Space that centralizes strategic mobility information across the Mediterranean Corridor. By ensuring secure, sovereign, and efficient data management, this initiative strengthens the competitiveness and sustainability of the regions of Catalonia, Valencian Community, Balearic Islands, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-7962","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>DS4M Mediterr\u00e1neo - What is DS4M?<\/title>\n<meta name=\"description\" content=\"DS4M Mediterr\u00e1neo is a pioneering initiative to build a secure, sovereign and efficient Mobility Data Space along the Mediterranean Corridor.\" \/>\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\/en\/what-is-ds4m\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"DS4M Mediterr\u00e1neo - What is DS4M?\" \/>\n<meta property=\"og:description\" content=\"DS4M Mediterr\u00e1neo is a pioneering initiative to build a secure, sovereign and efficient Mobility Data Space along the Mediterranean Corridor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ds4mmed.uv.es\/index.php\/en\/what-is-ds4m\/\" \/>\n<meta property=\"og:site_name\" content=\"DS4M Mediterr\u00e1neo\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-10T10:49:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/05\/logo-ds4m-blanco-png.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 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\\\/en\\\/what-is-ds4m\\\/\",\"url\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/en\\\/what-is-ds4m\\\/\",\"name\":\"DS4M Mediterr\u00e1neo - What is DS4M?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/en\\\/what-is-ds4m\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/en\\\/what-is-ds4m\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ds4mmed.uv.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo-ds4m-blanco-png.png\",\"datePublished\":\"2025-11-20T09:46:55+00:00\",\"dateModified\":\"2026-06-10T10:49:51+00:00\",\"description\":\"DS4M Mediterr\u00e1neo is a pioneering initiative to build a secure, sovereign and efficient Mobility Data Space along the Mediterranean Corridor.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/en\\\/what-is-ds4m\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/en\\\/what-is-ds4m\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/en\\\/what-is-ds4m\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ds4mmed.uv.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo-ds4m-blanco-png.png\",\"contentUrl\":\"https:\\\/\\\/ds4mmed.uv.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo-ds4m-blanco-png.png\",\"width\":1039,\"height\":551},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/en\\\/what-is-ds4m\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/ds4mmed.uv.es\\\/index.php\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is DS4M?\"}]},{\"@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 - What is DS4M?","description":"DS4M Mediterr\u00e1neo is a pioneering initiative to build a secure, sovereign and efficient Mobility Data Space along the Mediterranean Corridor.","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\/en\/what-is-ds4m\/","og_locale":"es_ES","og_type":"article","og_title":"DS4M Mediterr\u00e1neo - What is DS4M?","og_description":"DS4M Mediterr\u00e1neo is a pioneering initiative to build a secure, sovereign and efficient Mobility Data Space along the Mediterranean Corridor.","og_url":"https:\/\/ds4mmed.uv.es\/index.php\/en\/what-is-ds4m\/","og_site_name":"DS4M Mediterr\u00e1neo","article_modified_time":"2026-06-10T10:49:51+00:00","og_image":[{"url":"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/05\/logo-ds4m-blanco-png.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ds4mmed.uv.es\/index.php\/en\/what-is-ds4m\/","url":"https:\/\/ds4mmed.uv.es\/index.php\/en\/what-is-ds4m\/","name":"DS4M Mediterr\u00e1neo - What is DS4M?","isPartOf":{"@id":"https:\/\/ds4mmed.uv.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ds4mmed.uv.es\/index.php\/en\/what-is-ds4m\/#primaryimage"},"image":{"@id":"https:\/\/ds4mmed.uv.es\/index.php\/en\/what-is-ds4m\/#primaryimage"},"thumbnailUrl":"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/05\/logo-ds4m-blanco-png.png","datePublished":"2025-11-20T09:46:55+00:00","dateModified":"2026-06-10T10:49:51+00:00","description":"DS4M Mediterr\u00e1neo is a pioneering initiative to build a secure, sovereign and efficient Mobility Data Space along the Mediterranean Corridor.","breadcrumb":{"@id":"https:\/\/ds4mmed.uv.es\/index.php\/en\/what-is-ds4m\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ds4mmed.uv.es\/index.php\/en\/what-is-ds4m\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/ds4mmed.uv.es\/index.php\/en\/what-is-ds4m\/#primaryimage","url":"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/05\/logo-ds4m-blanco-png.png","contentUrl":"https:\/\/ds4mmed.uv.es\/wp-content\/uploads\/2026\/05\/logo-ds4m-blanco-png.png","width":1039,"height":551},{"@type":"BreadcrumbList","@id":"https:\/\/ds4mmed.uv.es\/index.php\/en\/what-is-ds4m\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/ds4mmed.uv.es\/index.php\/es\/"},{"@type":"ListItem","position":2,"name":"What is DS4M?"}]},{"@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\/7962","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=7962"}],"version-history":[{"count":74,"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/pages\/7962\/revisions"}],"predecessor-version":[{"id":16700,"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/pages\/7962\/revisions\/16700"}],"wp:attachment":[{"href":"https:\/\/ds4mmed.uv.es\/index.php\/wp-json\/wp\/v2\/media?parent=7962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}