{"id":22,"date":"2025-07-09T22:52:49","date_gmt":"2025-07-09T20:52:49","guid":{"rendered":"https:\/\/datalierta.com\/?page_id=22"},"modified":"2026-02-17T08:15:14","modified_gmt":"2026-02-17T07:15:14","slug":"datalierta","status":"publish","type":"page","link":"https:\/\/datalierta.com\/en\/","title":{"rendered":"Aragon Technology District | Dat Alierta Zaragoza"},"content":{"rendered":"\n<style type=\"text\/css\">\n\t#hero-block_e31de78a4ab04094b155a2720a9e713b {\n\t\t\/* Add styles that use ACF values here *\/\n\t}\n\n    .bloque__hero__container-sup {\n        width: 100%;\n        max-width: 1400px;\n        margin: 0 auto;\n        text-align: center;\n        padding: 3rem 1rem 0 1rem;\n    }\n\n    .bloque__hero__container {\n        padding-block: 2rem;\n    }\n\n    p.bloque__hero__container-sup__subencabezado {\n        font-size: clamp(1.5rem, 0.741vw + 1.352rem, 2rem);\n        margin: 0;\n        line-height: 100%;\n    }\n\n    p.bloque__hero__container-sup__contenido-encabezado {\n        font-size: clamp(1.5rem, 0.741vw + 1.352rem, 2rem);\n        margin: 0;\n        line-height: 100%;\n        color: #538ac6;\n    }\n\n    .bloque__hero__container-imagen img {\n        max-width: 840px;\n        width: 100%;\n    }\n\n    img.bloque__hero__container-sup__logo {\n        max-width: 600px;\n        width: 100%;\n        margin-bottom: 32px;\n    }\n\n    img.bloque__hero__container-sup__logo {\n        margin-bottom: 1rem;\n    }\n\n    .bloque__hero__container-sup__botonera {\n        margin-block: 1rem;\n    }\n\n    a.bloque__hero__container-sup__botonera__boton-1 {\n        background: #3561AB;\n        padding: 10px 1.3rem;\n        border-radius: 0 50px 0 0;\n        color: #ffffff;\n        text-decoration: none !important;\n        line-height: 100%;\n        font-size: clamp(1.125rem, 0.37vw + 1.051rem, 1.375rem);\n        border: 1.5px solid transparent;\n        font-weight: 500;\n    }\n\n    a.bloque__hero__container-sup__botonera__boton-1:hover {\n        background: transparent;\n        color: #3561AB;\n        border: 1.5px solid #3561AB;\n    }\n\n    .bloque__hero__container-sup__botonera {\n        display: flex;\n        gap: 1rem;\n        justify-content: center;\n        margin-block: 2rem;\n    }\n\n    a.bloque__hero__container-sup__botonera__boton-2 {\n        padding: 10px 1.3rem;\n        color: #3561ab;\n        text-decoration: none !important;\n        line-height: 100%;\n        font-size: clamp(1.125rem, 0.37vw + 1.051rem, 1.375rem);\n        border: 1.5px solid;\n        border-radius: 20px;\n        font-weight: 500;\n    }\n\n    a.bloque__hero__container-sup__botonera__boton-2:hover {\n        background: #3561AB;\n        color: #ffffff;\n        border: 1.5px solid #3561AB;\n    }\n\n    .bloque__hero__container-inf {\n        text-align: center;\n        max-width: 840px;\n        margin-inline: auto;;\n        padding-inline: 1rem;\n    }\n\n    p.bloque__hero__container-inf__contenido-degradado {\n        text-align: center;\n        margin: 0 auto;\n        line-height: 100%;\n        font-size: clamp(1.25rem, 0.37vw + 1.176rem, 1.5rem);\n    }\n\n    p.bloque__hero__container-inf__contenido-extra {\n        font-size: clamp(1.125rem, 0.185vw + 1.088rem, 1.25rem);\n        margin: 0;\n    }\n\n    h1.bloque__hero__container-sup__encabezado-principal {\n        font-family: Neopixel;\n        font-size: clamp(2.875rem, 8.148vw + 1.245rem, 8.375rem);\n        text-transform: uppercase;\n        letter-spacing: -2px;\n        font-weight: 400;\n    }\n\n    span.bloque__hero__container-sup__encabezado-secundario {\n        font-family: 'Tajawal';\n        font-size: clamp(2.25rem, 5.556vw + 1.139rem, 6rem);\n        text-transform: initial;\n        font-weight: 400;\n    }\n\n    @media (max-width: 900px) {\n        .bloque__hero__container-sup__botonera {\n            flex-direction: column;\n            width: fit-content;\n            margin-inline: auto;\n        }\n        \n    }\n\n    @media (max-width: 600px) {\n        .bloque__hero__container-sup {\n            padding: 1rem 1rem 0 1rem;\n        }\n\n    }\n\n    @media (min-width: 480px) {\n        h1.bloque__hero__container-sup__encabezado-principal {\n            letter-spacing: -3px;\n        }\n    }\n\n    @media (min-width: 768px) {\n        h1.bloque__hero__container-sup__encabezado-principal {\n            letter-spacing: -4px;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        h1.bloque__hero__container-sup__encabezado-principal {\n            letter-spacing: -5px;\n        }\n    }\n\n    @media (min-width: 1200px) {\n        h1.bloque__hero__container-sup__encabezado-principal {\n            letter-spacing: -6px;\n        }\n    }\n\n    @media (min-width: 1400px) {\n        h1.bloque__hero__container-sup__encabezado-principal {\n            letter-spacing: -7px;\n        }\n    }\n    \n<\/style>\n\n<section id=\"hero-block_e31de78a4ab04094b155a2720a9e713b\" class=\"bloque__hero block-hero alignfull\">\n    <div class=\"bloque__hero__container\">\n        <div class=\"bloque__hero__container-sup\">\n            <h1 class=\"bloque__hero__container-sup__encabezado-principal\" style=\"color: ;\">\n                                            <\/h1>\n                                        <img decoding=\"async\"  class=\"bloque__hero__container-sup__logo\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/Dat-Alierta_-Completo.webp\" alt=\"\" \/>\n                                        <p class=\"bloque__hero__container-sup__subencabezado\">Aragon Technology<\/p>\n                                        <p class=\"bloque__hero__container-sup__contenido-encabezado\">&lt;District&gt;<\/p>\n                                                            <div class=\"bloque__hero__container-sup__botonera\">\n                                                                            <a class=\"bloque__hero__container-sup__botonera__boton-1\" href=\"https:\/\/datalierta.com\/en\/our-vision\/\">See our vision<\/a>\n                                                                                                    <a class=\"bloque__hero__container-sup__botonera__boton-2\" href=\"https:\/\/datalierta.com\/en\/our-vision\/#hitos\">Explore our milestones<\/a>\n                                            <\/div>\n                                    <\/div>\n                    <div class=\"bloque__hero__container-imagen\" \n                style=\"display: flex; justify-content: flex-end;\">\n                \n                                                    <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/datalierta-mano-1.webp\" \n                        alt=\"\" \/>\n                            <\/div>\n                \n        <div class=\"bloque__hero__container-inf\">\n                            <p class=\"bloque__hero__container-inf__contenido-degradado\" \n                style=\"\n                    font-weight: bold; \n                    background: linear-gradient(90deg, #3561ab 0%, #00B4CF 100%);\n                    -webkit-background-clip: text;\n                    background-clip: text;\n                    -webkit-text-fill-color: transparent;\n                    color: transparent;\n                    width: fit-content;\n                \">\n                A community open to talent and knowledge.                <\/p>\n                                        <p class=\"bloque__hero__container-inf__contenido-extra\">\n                    Discover your place in the future.                <\/p>\n                    <\/div>\n    <\/div>\n<\/section>\n\n\n<style type=\"text\/css\">\n\t#hero-servicios-block_3b65f41f8d37c54e04059b5dc8ec021b {\n\t\t\/* Add styles that use ACF values here *\/\n\t}\n\n    .bloque__hero__servicios__container {\n        padding: 4rem 1rem;\n        width: 100%;\n        max-width: 1400px;\n        margin-inline: auto;\n        text-align: center;\n        height:100%;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\n    h2.bloque__hero__servicios__container-sup__encabezado {\n        font-family: Neopixel, Helvetica, Arial, sans-serif;\n        font-size: clamp(2.875rem, 6.389vw + 1.597rem, 7.188rem);\n        color: white;\n        text-transform: uppercase;\n    }\n\n    p.bloque__hero__servicios__container-sup__subencabezado {\n        font-size: clamp(1.5rem, 0.741vw + 1.352rem, 2rem);\n        color: white;\n        margin: 0;\n        line-height: 100%;\n    }\n\n    p.bloque__hero__servicios__container-sup__contenido-encabezado {\n        color: white;\n        font-size: clamp(1.5rem, 0.741vw + 1.352rem, 2rem);\n        color: #00B4CF;\n        line-height: 100%;\n        margin: 0;\n    }\n\n    .bloque__hero__servicios__container-sup__botonera {\n        margin-top: 2rem;\n    }\n\n    a.bloque__hero__servicios__container-sup__botonera__boton-1 {\n        background: #00b4cf;\n        padding: 10px 1.3rem;\n        border-radius: 0 50px 0 0;\n        color: #ffffff;\n        text-decoration: none !important;\n        line-height: 100%;\n        font-size: clamp(1.125rem, 0.37vw + 1.051rem, 1.375rem);\n        border: 1.5px solid transparent;\n        font-weight: 500;\n    }\n\n    a.bloque__hero__servicios__container-sup__botonera__boton-1:hover {\n        background: transparent;\n        color: #ffffff;\n        border: 1.5px solid #ffffff;\n    }\n\n    .bloque__hero__servicios__container-sup__botonera {\n        display: flex;\n        gap: 1rem;\n        justify-content: center;\n        margin-block: 2rem;\n    }\n\n    a.bloque__hero__servicios__container-sup__botonera__boton-2 {\n        padding: 10px 1.3rem;\n        color: #ffffff;\n        text-decoration: none !important;\n        line-height: 100%;\n        font-size: clamp(1.125rem, 0.37vw + 1.051rem, 1.375rem);\n        border: 1.5px solid;\n        border-radius: 20px;\n        font-weight: 500;\n    }\n\n    a.bloque__hero__servicios__container-sup__botonera__boton-2:hover {\n        background: #00b4cf;\n        border: 1.5px solid #00b4cf;\n    }\n\n    .bloque__hero__servicios__container-inf {\n        margin-inline: auto;\n        color: white;\n    }\n\n    p.bloque__hero__servicios__container-inf__contenido-degradado {\n        margin: 0;\n        line-height: 100%;\n        font-size: clamp(1.25rem, 0.37vw + 1.176rem, 1.5rem);\n    }\n\n    p.bloque__hero__servicios__container-inf__contenido-extra {\n        font-size: clamp(1.125rem, 0.185vw + 1.088rem, 1.25rem);\n        margin: 0;\n    }\n\n    \/* OPTIMIZACI\u00d3N PARA CURSOR FLUIDO *\/\n    .bloque__hero__servicios__overlay {\n        transition: none !important;\n        transform: translateZ(0);\n        will-change: mask, -webkit-mask;\n        backface-visibility: hidden;\n        -webkit-backface-visibility: hidden;\n    }\n\n    .bloque__hero__servicios__container a {\n        cursor: none;\n    }\n\n    .custom-cursor {\n        transition: none !important;\n        transform: translateZ(0);\n        will-change: transform, opacity;\n        backface-visibility: hidden;\n        -webkit-backface-visibility: hidden;\n    }\n   \n    @media (max-width: 900px) {\n        .bloque__hero__servicios__container-sup__botonera {\n            flex-direction: column;\n            width: fit-content;\n            margin-inline: auto;\n        }\n    }\n\n    @media (max-width: 600px) {\n      \n    }\n    \n<\/style>\n\n<section id=\"hero-servicios-block_3b65f41f8d37c54e04059b5dc8ec021b\" class=\"bloque__hero__servicios block-hero-servicios alignfull\" \n        style=\"\n            position: relative;\n            height: 100vh;\n            cursor: none;\n                                        background-image: url('https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/1-home-normal.webp');\n                background-size: cover;\n                background-position: center;\n                background-repeat: no-repeat;\n                margin-left: calc(-50vw + 50%);\n                margin-right: calc(-50vw + 50%);\n                max-width: 100vw;\n                width: 100vw;\n                     \">\n    \n    <!-- Capa de color superior -->\n    <div class=\"bloque__hero__servicios__overlay\" \n        style=\"\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgb(0, 35, 95);\n            opacity: 0.8;\n            z-index: 1;\n            mask: none;\n        \"><\/div>\n    \n    <!-- Cursor personalizado -->\n    <div class=\"custom-cursor\" \n        style=\"\n            position: absolute;\n            pointer-events: none;\n            z-index: 10;\n            width: 40px;\n            height: 40px;\n            opacity: 0;\n        \">\n        <svg width=\"40\" height=\"40\" viewBox=\"0 0 823 1280\" style=\"filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));\">\n            <g transform=\"translate(0,1280) scale(0.1,-0.1)\">\n                <path fill=\"#ffffff\" stroke=\"#000000\" stroke-width=\"15\" d=\"M0 7623 l1 -5178 1207 1213 1207 1213 1254 -2435 1254 -2436 1199 0 c659 0 1198 2 1198 5 0 3 -18 38 -39 78 -21 40 -127 241 -234 447 -173 333 -1696 3258 -2281 4379 -121 234 -222 429 -224 433 -2 4 827 8 1842 8 l1846 0 0 70 0 69 -923 833 c-507 459 -2015 1821 -3352 3028 -1337 1207 -2743 2477 -3125 2822 l-695 628 -67 0 -68 0 0 -5177z\"\/>\n            <\/g>\n        <\/svg>\n    <\/div>\n    \n    <div class=\"bloque__hero__servicios__container\" style=\"position: relative; z-index: 2;\">\n        <div class=\"bloque__hero__servicios__container-sup\">\n                            <h2 class=\"bloque__hero__servicios__container-sup__encabezado\">Services<\/h2>\n                                        <p class=\"bloque__hero__servicios__container-sup__subencabezado\">A cutting-edge environment for<\/p>\n                                        <p class=\"bloque__hero__servicios__container-sup__contenido-encabezado\">&lt;growth&gt;<\/p>\n                                        <div class=\"bloque__hero__servicios__container-sup__botonera\">\n                                                                                                <a class=\"bloque__hero__servicios__container-sup__botonera__boton-1\" href=\"https:\/\/datalierta.com\/en\/services\/\">Explore the park<\/a>\n                                                                                                    <a class=\"bloque__hero__servicios__container-sup__botonera__boton-2\" href=\"https:\/\/datalierta.com\/en\/services\/#infraestructura\">What we offer<\/a>\n                                                            <\/div>\n                    <\/div>                     \n        \n        <div class=\"bloque__hero__servicios__container-inf\">\n                            <p class=\"bloque__hero__servicios__container-inf__contenido-degradado\" \n                style=\"\n                    font-weight: bold; \n                    background: linear-gradient(90deg, #00b4cf 0%, #ffffff 100%);\n                    -webkit-background-clip: text;\n                    background-clip: text;\n                    -webkit-text-fill-color: transparent;\n                    color: transparent;\n                    width: fit-content;\n                \">\n                Green innovation. Balanced growth.                <\/p>\n                                        <p class=\"bloque__hero__servicios__container-inf__contenido-extra\">\n                    Sustainability \u00b7 Wellbeing \u00b7 Productivity                <\/p>\n                    <\/div>\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const heroSection = document.querySelector('.bloque__hero__servicios');\n    const overlay = document.querySelector('.bloque__hero__servicios__overlay');\n    const customCursor = document.querySelector('.custom-cursor');\n    \n    if (!heroSection || !overlay || !customCursor) return;\n    \n    let rafId = null;\n    let mouseX = 0;\n    let mouseY = 0;\n    let rect = heroSection.getBoundingClientRect();\n    \n    \/\/ Actualizar rect en resize\n    let resizeTimer;\n    window.addEventListener('resize', function() {\n        clearTimeout(resizeTimer);\n        resizeTimer = setTimeout(function() {\n            rect = heroSection.getBoundingClientRect();\n        }, 100);\n    });\n    \n    function updateCursor() {\n        \/\/ Calcular posiciones\n        const x = ((mouseX - rect.left) \/ rect.width) * 100;\n        const y = ((mouseY - rect.top) \/ rect.height) * 100;\n        \n        \/\/ Actualizar cursor - usar translate3d para GPU\n        customCursor.style.transform = `translate3d(${mouseX - rect.left - 20}px, ${mouseY - rect.top - 20}px, 0)`;\n        \n        \/\/ Actualizar mask\n        overlay.style.mask = `radial-gradient(circle 180px at ${x}% ${y}%, transparent 0%, transparent 35%, #3561AB 65%, #3561AB 100%)`;\n        overlay.style.webkitMask = `radial-gradient(circle 180px at ${x}% ${y}%, transparent 0%, transparent 35%, #3561AB 65%, #3561AB 100%)`;\n    }\n    \n    heroSection.addEventListener('mousemove', function(e) {\n        mouseX = e.clientX;\n        mouseY = e.clientY;\n        \n        \/\/ Cancelar frame anterior si existe\n        if (rafId) {\n            cancelAnimationFrame(rafId);\n        }\n        \n        \/\/ Programar actualizaci\u00f3n\n        rafId = requestAnimationFrame(updateCursor);\n    }, { passive: true });\n    \n    heroSection.addEventListener('mouseenter', function(e) {\n        mouseX = e.clientX;\n        mouseY = e.clientY;\n        rect = heroSection.getBoundingClientRect();\n        customCursor.style.opacity = '1';\n        rafId = requestAnimationFrame(updateCursor);\n    });\n    \n    heroSection.addEventListener('mouseleave', function() {\n        if (rafId) {\n            cancelAnimationFrame(rafId);\n            rafId = null;\n        }\n        customCursor.style.opacity = '0';\n        overlay.style.mask = 'none';\n        overlay.style.webkitMask = 'none';\n    });\n});\n<\/script>\n\n\n<style type=\"text\/css\">\n\t#ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba {\n\t\t\/* Add styles that use ACF values here *\/\n\t}\n\n    .bloque__ecosistema {\n        margin-left: calc(-50vw + 50%);\n        margin-right: calc(-50vw + 50%);\n        max-width: 100vw;\n        width: 100vw;\n    }\n\n    .swiper {\n        width: 100%;\n        height: 100%;\n        position: relative;\n    }\n\n    \/* ESTILOS \u00daNICOS PARA SLIDES DE ESTE BLOQUE *\/\n    .swiper-slide-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba {\n        text-align: center;\n        font-size: 18px;\n        display: flex !important;\n        justify-content: center !important;\n        align-items: center !important;\n        min-height: 200px; \/* Altura m\u00ednima para asegurar centrado vertical *\/\n    }\n\n    .swiper-image-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba {\n        display: block;\n        max-width: 480px !important; \/* Ancho m\u00e1ximo de 480px *\/\n        width: auto !important; \/* Mantiene proporciones *\/\n        height: auto !important; \/* Mantiene proporciones *\/\n        object-fit: contain !important; \/* Cambiado de cover a contain para mantener proporciones *\/\n        margin: 0 auto; \/* Centrado horizontal adicional *\/\n    }\n\n    .swiper-link-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba {\n        display: flex !important;\n        justify-content: center !important;\n        align-items: center !important;\n        width: 100%;\n        height: 100%;\n        min-height: inherit;\n    }\n\n    .bloque__ecosistema {\n        padding: 4rem 1rem;\n    }\n\n    .bloque__ecosistema__container {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        height: 100%;\n        text-align: center;\n    }\n\n    h2.bloque__ecosistema__container-sup__encabezado-principal {\n        font-family: Neopixel, Helvetica, Arial, sans-serif;\n        font-size: clamp(2.875rem, 6.389vw + 1.597rem, 7.188rem);\n        color: #1D1D3D;\n        text-transform: uppercase;\n    }\n\n    p.bloque__ecosistema__container-sup__subencabezado {\n        font-size: clamp(1.5rem, 0.741vw + 1.352rem, 2rem);\n        color: #1d1d3d;\n        margin: 0;\n        line-height: 100%;\n    }\n\n    p.bloque__ecosistema__container-sup__contenido-encabezado {\n        color: #3561AB;\n        font-size: clamp(1.5rem, 0.741vw + 1.352rem, 2rem);\n        margin: 0;\n        line-height: 100%;\n    }\n\n    .bloque__ecosistema__container-sup__botonera {\n        display: flex;\n        gap: 1rem;\n        justify-content: center;\n        margin-block: 2rem;\n    }\n\n    a.bloque__ecosistema__container-sup__botonera__boton-1 {\n        background: #3561AB;\n        padding: 10px 1.3rem;\n        border-radius: 0 50px 0 0;\n        color: #ffffff;\n        text-decoration: none !important;\n        line-height: 100%;\n        font-size: clamp(1.125rem, 0.37vw + 1.051rem, 1.375rem);\n        border: 1.5px solid transparent;\n    }\n\n    a.bloque__ecosistema__container-sup__botonera__boton-1:hover {\n        background: transparent;\n        color: #3561AB;\n        text-decoration: none !important;\n        max-width: fit-content;\n        border: 1.5px solid #3561AB;\n        font-weight: 500;\n    }\n\n    a.bloque__ecosistema__container-sup__botonera__boton-2 {\n        padding: 10px 1.3rem;\n        color: #3561ab;\n        text-decoration: none !important;\n        line-height: 100%;\n        font-size: clamp(1.125rem, 0.37vw + 1.051rem, 1.375rem);\n        border: 1.5px solid;\n        border-radius: 20px;\n        font-weight: 500;\n    }\n\n    a.bloque__ecosistema__container-sup__botonera__boton-2:hover {\n        padding: 10px 1.3rem;\n        background: #3561AB;\n        color: #ffffff;\n        text-decoration: none !important;\n        line-height: 100%;\n        border: 1.5px solid #3561AB;\n        border-radius: 20px;\n    }\n\n    .bloque__ecosistema__container-slider {\n        max-width: 720px;\n        margin: 5rem auto;\n        width: 100%;\n        position: relative;\n        padding-bottom: 80px; \/* Espacio suficiente para la paginaci\u00f3n *\/\n    }\n\n    p.bloque__ecosistema__container-inf__contenido-degradado {\n        margin: 0 auto;\n        line-height: 100%;\n        font-size: clamp(1.25rem, 0.37vw + 1.176rem, 1.5rem);\n    }\n\n    p.bloque__ecosistema__container-inf__contenido-extra {\n        font-size: clamp(1.125rem, 0.185vw + 1.088rem, 1.25rem);\n        margin: 0;\n    }\n\n    \/* ESTILOS PERSONALIZADOS PARA SWIPER - ESPEC\u00cdFICOS PARA ESTE BLOQUE *\/\n    \n    \/* Contenedor del swiper con posici\u00f3n relativa *\/\n    .swiper-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba {\n        position: relative;\n        overflow: visible !important;\n    }\n    \n    \/* Flechas de navegaci\u00f3n espec\u00edficas *\/\n    .swiper-button-next-block_c46068c8e729c1e73dfc80f25a50e5ba,\n    .swiper-button-prev-block_c46068c8e729c1e73dfc80f25a50e5ba {\n        color: #1D1D3D !important;\n        width: 45px !important;\n        height: 45px !important;\n        transition: all 0.3s ease !important;\n        margin-top: 0 !important;\n        top: 50% !important;\n        transform: translateY(-50%) !important;\n        z-index: 10 !important;\n        position: absolute !important;\n    }\n\n    .swiper-button-next-block_c46068c8e729c1e73dfc80f25a50e5ba {\n        right: 10px !important;\n    }\n\n    .swiper-button-prev-block_c46068c8e729c1e73dfc80f25a50e5ba {\n        left: 10px !important;\n    }\n\n    .swiper-button-next-block_c46068c8e729c1e73dfc80f25a50e5ba:hover,\n    .swiper-button-prev-block_c46068c8e729c1e73dfc80f25a50e5ba:hover {\n        transform: translateY(-50%) scale(1.1) !important;\n    }\n\n    .swiper-button-next-block_c46068c8e729c1e73dfc80f25a50e5ba:after,\n    .swiper-button-prev-block_c46068c8e729c1e73dfc80f25a50e5ba:after {\n        font-size: 32px !important;\n        font-weight: bold !important;\n        color: #1D1D3D !important;\n    }\n\n    .bloque__ecosistema__container-slider {\n        overflow: hidden;\n    }\n\n    \/* Paginaci\u00f3n (bullets) espec\u00edfica - Posicionada absolutamente debajo del slider *\/\n    .swiper-pagination-block_c46068c8e729c1e73dfc80f25a50e5ba {\n        position: absolute !important;\n        bottom: -40px !important;\n        left: 50% !important;\n        transform: translateX(-50%) !important;\n        width: auto !important;\n        height: auto !important;\n        display: flex !important;\n        justify-content: center !important;\n        align-items: center !important;\n        gap: 10px !important;\n        z-index: 10 !important;\n    }\n\n    .swiper-pagination-block_c46068c8e729c1e73dfc80f25a50e5ba .swiper-pagination-bullet {\n        width: 10px !important;\n        height: 10px !important;\n        background: #D9D9D9 !important;\n        opacity: 1 !important;\n        border-radius: 50% !important;\n        transition: all 0.3s ease !important;\n        cursor: pointer !important;\n        margin: 0 !important;\n        display: block !important;\n    }\n\n    .swiper-pagination-block_c46068c8e729c1e73dfc80f25a50e5ba .swiper-pagination-bullet:hover {\n        background: #1D1D3D !important;\n        transform: scale(1.2) !important;\n    }\n\n    .swiper-pagination-block_c46068c8e729c1e73dfc80f25a50e5ba .swiper-pagination-bullet-active {\n        background: #1D1D3D !important;\n        transform: scale(1.4) !important;\n    }\n\n    \/* Responsive para im\u00e1genes \u00fanicas en dispositivos m\u00f3viles *\/\n    @media (max-width: 600px) {\n        .swiper-image-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba {\n            max-width: 75% !important; \/* En m\u00f3viles, m\u00e1ximo 90% del contenedor *\/\n        }\n        \n        .swiper-slide-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba {\n            min-height: 150px; \/* Altura m\u00ednima menor en m\u00f3viles *\/\n        }\n    }\n\n    @media (max-width: 480px) {\n        .swiper-image-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba {\n            max-width: 75% !important; \/* En pantallas muy peque\u00f1as, casi todo el ancho *\/\n        }\n        \n        .swiper-slide-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba {\n            min-height: 120px; \/* Altura m\u00ednima a\u00fan menor *\/\n        }\n    }\n\n    \/* Responsive - Tablets *\/\n    @media (max-width: 900px) {\n        .bloque__ecosistema__container-sup__botonera {\n            flex-direction: column;\n            width: fit-content;\n            margin-inline: auto;\n        }\n\n        .swiper-button-next-block_c46068c8e729c1e73dfc80f25a50e5ba,\n        .swiper-button-prev-block_c46068c8e729c1e73dfc80f25a50e5ba {\n            width: 40px !important;\n            height: 40px !important;\n        }\n\n        .swiper-button-next-block_c46068c8e729c1e73dfc80f25a50e5ba:after,\n        .swiper-button-prev-block_c46068c8e729c1e73dfc80f25a50e5ba:after {\n            font-size: 24px !important;\n        }\n\n        .swiper-pagination-block_c46068c8e729c1e73dfc80f25a50e5ba {\n            bottom: -35px !important;\n        }\n    }\n\n    \/* Responsive - M\u00f3viles *\/\n    @media (max-width: 600px) {\n        .bloque__ecosistema__container-slider {\n            padding-bottom: 90px; \/* M\u00e1s espacio para bullets en m\u00f3vil *\/\n        }\n\n        .swiper-button-next-block_c46068c8e729c1e73dfc80f25a50e5ba,\n        .swiper-button-prev-block_c46068c8e729c1e73dfc80f25a50e5ba {\n            width: 35px !important;\n            height: 35px !important;\n        }\n\n        .swiper-button-next-block_c46068c8e729c1e73dfc80f25a50e5ba:after,\n        .swiper-button-prev-block_c46068c8e729c1e73dfc80f25a50e5ba:after {\n            font-size: 20px !important;\n        }\n\n        .swiper-button-next-block_c46068c8e729c1e73dfc80f25a50e5ba:hover,\n        .swiper-button-prev-block_c46068c8e729c1e73dfc80f25a50e5ba:hover {\n            transform: translateY(-50%) scale(1.1) !important;\n        }\n\n        \/* Bullets m\u00e1s separados de la imagen *\/\n        .swiper-pagination-block_c46068c8e729c1e73dfc80f25a50e5ba {\n            bottom: -50px !important;\n        }\n    }\n\n    \/* Para pantallas muy peque\u00f1as *\/\n    @media (max-width: 480px) {\n        .swiper-button-next-block_c46068c8e729c1e73dfc80f25a50e5ba,\n        .swiper-button-prev-block_c46068c8e729c1e73dfc80f25a50e5ba {\n            width: 32px !important;\n            height: 32px !important;\n        }\n\n        .swiper-button-next-block_c46068c8e729c1e73dfc80f25a50e5ba:after,\n        .swiper-button-prev-block_c46068c8e729c1e73dfc80f25a50e5ba:after {\n            font-size: 12px !important;\n        }\n\n        .bloque__ecosistema__container-slider {\n            padding-bottom: 70px;\n        }\n\n        .swiper-pagination-block_c46068c8e729c1e73dfc80f25a50e5ba {\n            bottom: -40px !important;\n        }\n    }\n<\/style>\n\n<section id=\"ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\" class=\"bloque__ecosistema block-ecosistema alignfull\" style=\"background-color: #e8e9e9;\">\n    <div class=\"bloque__ecosistema__container\">\n        <div class=\"bloque__ecosistema__container-sup\">\n                            <h2 class=\"bloque__ecosistema__container-sup__encabezado-principal\">ECOSYSTEM<\/h2>\n                                        <p class=\"bloque__ecosistema__container-sup__subencabezado\">The community that drives the<\/p>\n                                        <p class=\"bloque__ecosistema__container-sup__contenido-encabezado\">&lt;future&gt;<\/p>\n                                        <div class=\"bloque__ecosistema__container-sup__botonera\">\n                                                                                                <a class=\"bloque__ecosistema__container-sup__botonera__boton-1\" href=\"https:\/\/datalierta.com\/en\/ecosystem\/\">Meet the pioneers<\/a>\n                                                                                                    <a class=\"bloque__ecosistema__container-sup__botonera__boton-2\" href=\"https:\/\/datalierta.com\/en\/ecosystem\/#ecosistema\">Join<\/a>\n                                                            <\/div>\n                    <\/div>\n        <div class=\"bloque__ecosistema__container-slider\">\n                            <div class=\"swiper swiper-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\">\n                    <div class=\"swiper-wrapper\">\n                                                    <div class=\"swiper-slide swiper-slide-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\">\n                                                                                                                                    <a class=\"swiper-link-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\" href=\"https:\/\/datalierta.com\/en\/directorio\/university-of-zaragoza-talent-training-and-ecosystem-connector\/\">\n                                                                                    <img decoding=\"async\" class=\"swiper-image-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/Unizar.png\" alt=\"\" \/>\n                                                                            <\/a>\n                                                            <\/div>\n                                                    <div class=\"swiper-slide swiper-slide-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\">\n                                                                                                                                    <a class=\"swiper-link-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\" href=\"https:\/\/datalierta.com\/en\/directorio\/siemens-socio-estrategico-en-digitalizacion-e-impulso-de-talento\/\">\n                                                                                    <img decoding=\"async\" class=\"swiper-image-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/Siemens.png\" alt=\"\" \/>\n                                                                            <\/a>\n                                                            <\/div>\n                                                    <div class=\"swiper-slide swiper-slide-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\">\n                                                                                                                                    <a class=\"swiper-link-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\" href=\"https:\/\/datalierta.com\/en\/directorio\/circe-energy-pioneer-and-first-tenant\/\">\n                                                                                    <img decoding=\"async\" class=\"swiper-image-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/CIRCE-Centro-tecnologico-1.png\" alt=\"\" \/>\n                                                                            <\/a>\n                                                            <\/div>\n                                                    <div class=\"swiper-slide swiper-slide-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\">\n                                                                                                                                    <a class=\"swiper-link-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\" href=\"https:\/\/datalierta.com\/en\/directorio\/csic-scientific-excellence-and-energy-hub\/\">\n                                                                                    <img decoding=\"async\" class=\"swiper-image-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/CSIC-scaled.png\" alt=\"\" \/>\n                                                                            <\/a>\n                                                            <\/div>\n                                                    <div class=\"swiper-slide swiper-slide-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\">\n                                                                                                                                    <a class=\"swiper-link-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\" href=\"https:\/\/datalierta.com\/en\/directorio\/ita-rdi-and-technology-transfer-engine\/\">\n                                                                                    <img decoding=\"async\" class=\"swiper-image-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/ITA.png\" alt=\"\" \/>\n                                                                            <\/a>\n                                                            <\/div>\n                                                    <div class=\"swiper-slide swiper-slide-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\">\n                                                                                                                                    <a class=\"swiper-link-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\" href=\"https:\/\/datalierta.com\/en\/directorio\/ceei-aragon-center-for-entrepreneurship-and-innovation-support\/\">\n                                                                                    <img decoding=\"async\" class=\"swiper-image-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/11\/ceei-aragon.png\" alt=\"\" \/>\n                                                                            <\/a>\n                                                            <\/div>\n                                                    <div class=\"swiper-slide swiper-slide-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\">\n                                                                                                                                    <a class=\"swiper-link-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\" href=\"https:\/\/datalierta.com\/en\/directorio\/integra-tecnologia-strategic-partner-in-digital-transformation\/\">\n                                                                                    <img decoding=\"async\" class=\"swiper-image-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/11\/integra-logo.webp\" alt=\"\" \/>\n                                                                            <\/a>\n                                                            <\/div>\n                                                    <div class=\"swiper-slide swiper-slide-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\">\n                                                                                                                                    <a class=\"swiper-link-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\" href=\"https:\/\/datalierta.com\/en\/directorio\/espanix-el-corazon-de-la-conectividad-y-motor-del-hub-digital\/\">\n                                                                                    <img decoding=\"async\" class=\"swiper-image-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/ESpanix-logotipo.webp\" alt=\"\" \/>\n                                                                            <\/a>\n                                                            <\/div>\n                                            <\/div>\n                    <div class=\"swiper-button-next swiper-button-next-block_c46068c8e729c1e73dfc80f25a50e5ba\"><\/div>\n                    <div class=\"swiper-button-prev swiper-button-prev-block_c46068c8e729c1e73dfc80f25a50e5ba\"><\/div>\n                    <div class=\"swiper-pagination swiper-pagination-block_c46068c8e729c1e73dfc80f25a50e5ba\"><\/div>\n                <\/div>\n                    <\/div>\n\n        \n        <div class=\"bloque__ecosistema__container-inf\">\n                            <p class=\"bloque__ecosistema__container-inf__contenido-degradado\" \n                style=\"\n                    font-weight: bold; \n                    background: linear-gradient(90deg, #3561ab 0%, #00b4cf 100%);\n                    -webkit-background-clip: text;\n                    background-clip: text;\n                    -webkit-text-fill-color: transparent;\n                    color: transparent;\n                    width: fit-content;\n                \">\n                Meet the pioneers who are already at DAT Alierta.                <\/p>\n                                        <p class=\"bloque__ecosistema__container-inf__contenido-extra\">\n                    Companies \u00b7 Science \u00b7 Talent                <\/p>\n                    <\/div>\n    <\/div>\n<\/section>\n\n <!-- Swiper JS -->\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<!-- Initialize Swiper -->\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        var swiper = new Swiper(\".swiper-ecosistema-block_c46068c8e729c1e73dfc80f25a50e5ba\", {\n            \/\/ Loop infinito\n            loop: true,\n            \n            \/\/ Configuraci\u00f3n de slides\n            slidesPerView: 1,\n            spaceBetween: 20,\n            centeredSlides: true,\n            \n            \/\/ Navegaci\u00f3n con clases espec\u00edficas\n            navigation: {\n                nextEl: \".swiper-button-next-block_c46068c8e729c1e73dfc80f25a50e5ba\",\n                prevEl: \".swiper-button-prev-block_c46068c8e729c1e73dfc80f25a50e5ba\",\n            },\n            \n            \/\/ Paginaci\u00f3n con clase espec\u00edfica\n            pagination: {\n                el: \".swiper-pagination-block_c46068c8e729c1e73dfc80f25a50e5ba\",\n                clickable: true,\n                dynamicBullets: false,\n            },\n            \n            \/\/ Controles adicionales\n            mousewheel: {\n                releaseOnEdges: true,\n            },\n            keyboard: {\n                enabled: true,\n            },\n            \n            \/\/ Autoplay opcional (descomenta si lo necesitas)\n            \/\/ autoplay: {\n            \/\/     delay: 4000,\n            \/\/     disableOnInteraction: false,\n            \/\/ },\n            \n            \/\/ Efectos de transici\u00f3n\n            effect: 'slide',\n            speed: 600,\n            \n            \/\/ Responsive breakpoints\n            breakpoints: {\n                320: {\n                    slidesPerView: 1,\n                    spaceBetween: 10,\n                },\n                640: {\n                    slidesPerView: 1,\n                    spaceBetween: 15,\n                },\n                768: {\n                    slidesPerView: 1,\n                    spaceBetween: 20,\n                },\n                1024: {\n                    slidesPerView: 1,\n                    spaceBetween: 20,\n                }\n            }\n        });\n    });\n<\/script>\n\n\n<!-- Cargar Swiper.js CSS y JS solo si no estamos en el backend -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<style type=\"text\/css\">\n    #actualidad-block_1539d0247977073556aa1db08fe57150 {\n        \/* Add styles that use ACF values here *\/\n    }\n\n    .bloque__actualidad__container {\n        padding-block: 3rem;\n    }\n\n    .bloque__actualidad__container-sup {\n        text-align: center;\n        padding-inline: 1rem;\n        max-width: 1400px;\n        margin-inline: auto;\n        color: white;\n    }\n\n    h2.bloque__hero__actualidad__container-sup__encabezado {\n        font-family: Neopixel, Helvetica, Arial, sans-serif;\n        font-size: clamp(2.875rem, 6.389vw + 1.597rem, 7.188rem);\n        color: #00B4CF;\n        text-transform: uppercase;\n    }\n\n    p.bloque__hero__actualidad__container-sup__encabezado {\n        font-size: clamp(1.5rem, 0.741vw + 1.352rem, 2rem);\n        margin: 0;\n        line-height: 100%;\n    }\n\n    p.bloque__hero__actualidad__container-sup__contenido-encabezado {\n        color: #00b4cf;\n        font-size: clamp(1.5rem, 0.741vw + 1.352rem, 2rem);\n        margin: 0;\n        line-height: 100%;\n    }\n\n    p.bloque__hero__actualidad__container-sup__subencabezado {\n        font-size: clamp(1.5rem, 0.741vw + 1.352rem, 2rem);\n        margin: 0;\n        line-height: 100%;\n    }\n\n    .bloque__actualidad__container-sup__botonera {\n        display: flex;\n        gap: 1rem;\n        justify-content: center;\n        margin-block: 2rem;\n    }\n\n    h3.noticia-titulo-actualidad {\n        text-transform: uppercase;\n    }\n\n    a.bloque__actualidad__container-sup__botonera__boton-1 {\n        background: #00b4cf;\n        padding: 10px 1.3rem;\n        border-radius: 0 50px 0 0;\n        color: #ffffff;\n        text-decoration: none !important;\n        line-height: 100%;\n        font-size: clamp(1.125rem, 0.37vw + 1.051rem, 1.375rem);\n        border: 1.5px solid transparent;\n        font-weight: 500;\n        transition: all 0.3s ease;\n    }\n    \n    a.bloque__actualidad__container-sup__botonera__boton-1:hover {\n        background: transparent;\n        color: #ffffff;\n        border: 1.5px solid #ffffff;\n    }\n\n    a.bloque__actualidad__container-sup__botonera__boton-2 {\n        padding: 10px 1.3rem;\n        color: #ffffff;\n        text-decoration: none !important;\n        line-height: 100%;\n        font-size: clamp(1.125rem, 0.37vw + 1.051rem, 1.375rem);\n        border: 1.5px solid;\n        border-radius: 20px;\n        font-weight: 500;\n        transition: all 0.3s ease;\n    }\n\n    a.bloque__actualidad__container-sup__botonera__boton-2:hover {\n        background-color: #00B4CF;\n        border: 1.5px solid #00b4cf;\n    }\n\n    .bloque__actualidad__container-inf {\n        margin-top: 6rem;\n    }\n\n    h3.noticia-titulo-actualidad {\n        text-align: left;\n    }\n\n    .noticia-contenido-actualidad {\n        display: flex;\n        flex-direction: column;\n        text-wrap: balance;\n    }\n\n    a.noticia-boton-actualidad {\n        max-width: fit-content\n    }\n\n    @media (max-width: 900px) {\n        .bloque__actualidad__container-sup__botonera {\n            flex-direction: column;\n            width: fit-content;\n            margin-inline: auto;\n        }\n    }\n\n    \/* ESTILOS SLIDER \u00daNICOS *\/\n    .noticias-container-actualidad-block_1539d0247977073556aa1db08fe57150 {\n        width: 100%;\n        max-width: 1400px;\n        margin: 2rem auto;\n        position: relative;\n    }\n\n    .noticias-swiper-actualidad-block_1539d0247977073556aa1db08fe57150 {\n        width: 100%;\n                overflow: visible;\n            }\n\n    \n    .noticia-slide-actualidad-block_1539d0247977073556aa1db08fe57150 {\n        position: relative;\n        overflow: hidden;\n        aspect-ratio: 1\/1;\n        transition: transform 0.3s ease;\n        cursor: pointer;\n    }\n\n    .noticia-slide-overlay-actualidad {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(0, 0, 0, 0.6);\n        z-index: 2;\n        transition: opacity 0.3s ease;\n        opacity: 1;\n    }\n\n        .swiper-slide-active .noticia-slide-overlay-actualidad {\n        opacity: 0;\n    }\n    \n    .noticia-imagen-actualidad {\n        width: 100%;\n        height: 100%;\n    }\n\n    .noticia-img-actualidad {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n    }\n\n    .noticia-contenido-actualidad {\n        position: absolute;\n        bottom: 20px;\n        left: 20px;\n        z-index: 3;\n        color: white;\n        max-width: 80%;\n    }\n\n    .noticia-titulo-actualidad {\n        color: white !important;\n        margin: 0 0 15px 0;\n        font-size: clamp(1.2rem, 2vw, 1.6rem);\n    }\n\n    .noticia-boton-actualidad {\n        background: linear-gradient(90deg, #3561ab 0%, #00b4cf 100%) !important;\n        padding: 10px 1.3rem !important;\n        border-radius: 0 50px 0 0 !important;\n        color: #ffffff !important;\n        text-decoration: none !important;\n        line-height: 100% !important;\n        font-size: clamp(1.125rem, 0.37vw + 1.051rem, 1.375rem) !important;\n        font-weight: 500 !important;\n        display: inline-block;\n        transition: all 0.3s ease;\n    }\n\n    .noticia-boton-actualidad:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 15px rgba(0, 180, 207, 0.3);\n    }\n\n        .swiper-slide:not(.swiper-slide-active) {\n        transform: scale(0.9);\n    }\n\n    .swiper-slide:not(.swiper-slide-active) .noticia-slide-overlay-actualidad {\n        opacity: 0.7;\n    }\n    \n    \/* PAGINATION \u00daNICA *\/\n    .noticias-pagination-actualidad-block_1539d0247977073556aa1db08fe57150 {\n        position: relative !important;\n        margin-top: 44px !important;\n        text-align: center !important;\n    }\n\n    .noticias-pagination-actualidad-block_1539d0247977073556aa1db08fe57150 .swiper-pagination-bullet {\n        width: 12px !important;\n        height: 12px !important;\n        background: #D9D9D9 !important;\n        opacity: 1 !important;\n        margin: 0 5px !important;\n        border-radius: 50% !important;\n        transition: all 0.3s ease !important;\n        cursor: pointer !important;\n    }\n\n    .noticias-pagination-actualidad-block_1539d0247977073556aa1db08fe57150 .swiper-pagination-bullet-active {\n        background: #00B4CF !important;\n        transform: scale(1.4) !important;\n    }\n\n    .noticias-pagination-actualidad-block_1539d0247977073556aa1db08fe57150 .swiper-pagination-bullet:hover {\n        background: #00B4CF !important;\n        transform: scale(1.2) !important;\n    }\n\n    @media (max-width: 1400px) {\n        .noticias-container-actualidad-block_1539d0247977073556aa1db08fe57150 {\n            padding-inline: 1rem;\n        }\n                .noticias-swiper-actualidad-block_1539d0247977073556aa1db08fe57150 {\n            overflow: hidden;\n        }\n            }\n\n    @media (max-width: 768px) {\n        .noticia-titulo-actualidad {\n            font-size: clamp(1.1rem, 2vw, 1.4rem);\n        }\n        .noticia-contenido-actualidad {\n            bottom: 15px;\n            left: 15px;\n            max-width: 85%;\n        }\n        .noticia-boton-actualidad {\n            padding: 8px 1rem !important;\n            font-size: clamp(1rem, 0.37vw + 0.9rem, 1.2rem) !important;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .noticia-titulo-actualidad {\n            font-size: clamp(1rem, 2vw, 1.2rem);\n        }\n        .noticia-contenido-actualidad {\n            left: 10px;\n        }\n        .swiper-pagination-bullet {\n            width: 10px !important;\n            height: 10px !important;\n        }\n    }\n<\/style>\n\n<section id=\"actualidad-block_1539d0247977073556aa1db08fe57150\" class=\"bloque__actualidad block-actualidad alignfull\" style=\"background-color:#1d1d3d;\">\n    <div class=\"bloque__actualidad__container\">\n        <div class=\"bloque__actualidad__container-sup\">\n                            <h2 class=\"bloque__hero__actualidad__container-sup__encabezado\">DAT NEWS<\/h2>\n                                        <p class=\"bloque__hero__actualidad__container-sup__subencabezado\">A project that is already a\r\n<\/p>\n                                        <p class=\"bloque__hero__actualidad__container-sup__contenido-encabezado\">&lt;reality&gt;<\/p>\n                                        <div class=\"bloque__actualidad__container-sup__botonera\">\n                                                                                                <a class=\"bloque__actualidad__container-sup__botonera__boton-1\" href=\"https:\/\/datalierta.com\/en\/present\/\">Read the news<\/a>\n                                                                                                    <a class=\"bloque__actualidad__container-sup__botonera__boton-2\" href=\"https:\/\/datalierta.com\/en\/contact\/\">Press office<\/a>\n                                                            <\/div>\n                    <\/div>\n        <div class=\"bloque__actualidad__container-inf\">\n                            \n                                                <div class=\"noticias-container-actualidad-block_1539d0247977073556aa1db08fe57150\">\n                    <div class=\"swiper noticias-swiper-actualidad-block_1539d0247977073556aa1db08fe57150\">\n                        <div class=\"swiper-wrapper noticias-wrapper-actualidad-block_1539d0247977073556aa1db08fe57150\">\n                                                                                            <div class=\"swiper-slide noticia-slide-actualidad-block_1539d0247977073556aa1db08fe57150\" data-slide-index=\"0\">\n                                    <div class=\"noticia-slide-overlay-actualidad\"><\/div>\n                                    <div class=\"noticia-imagen-actualidad\">\n                                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/04\/c79ce516-359a-49de-b721-89ee9dbb362f_source-aspect-ratio_default_0_x800y355-1024x682.webp\" class=\"noticia-img-actualidad wp-post-image\" alt=\"\" srcset=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/04\/c79ce516-359a-49de-b721-89ee9dbb362f_source-aspect-ratio_default_0_x800y355-1024x682.webp 1024w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/04\/c79ce516-359a-49de-b721-89ee9dbb362f_source-aspect-ratio_default_0_x800y355-300x200.webp 300w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/04\/c79ce516-359a-49de-b721-89ee9dbb362f_source-aspect-ratio_default_0_x800y355-768x512.webp 768w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/04\/c79ce516-359a-49de-b721-89ee9dbb362f_source-aspect-ratio_default_0_x800y355-1536x1023.webp 1536w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/04\/c79ce516-359a-49de-b721-89ee9dbb362f_source-aspect-ratio_default_0_x800y355.webp 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                                                            <\/div>\n                                    <div class=\"noticia-contenido-actualidad\">\n                                        <h3 class=\"noticia-titulo-actualidad\">DGA and Zaragoza join forces with DAT Alierta<\/h3>\n                                        <a href=\"https:\/\/datalierta.com\/en\/dga-and-zaragoza-join-forces-with-dat-alierta\/\" class=\"noticia-boton-actualidad\">Lee la noticia completa<\/a>\n                                    <\/div>\n                                <\/div>\n                                                                                                <div class=\"swiper-slide noticia-slide-actualidad-block_1539d0247977073556aa1db08fe57150\" data-slide-index=\"1\">\n                                    <div class=\"noticia-slide-overlay-actualidad\"><\/div>\n                                    <div class=\"noticia-imagen-actualidad\">\n                                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"990\" height=\"743\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Portada-02.webp\" class=\"noticia-img-actualidad wp-post-image\" alt=\"\" srcset=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Portada-02.webp 990w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Portada-02-300x225.webp 300w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Portada-02-768x576.webp 768w\" sizes=\"auto, (max-width: 990px) 100vw, 990px\" \/>                                                                            <\/div>\n                                    <div class=\"noticia-contenido-actualidad\">\n                                        <h3 class=\"noticia-titulo-actualidad\">IDOM Delivers the Master Plan<\/h3>\n                                        <a href=\"https:\/\/datalierta.com\/en\/idom-delivers-the-master-plan\/\" class=\"noticia-boton-actualidad\">Lee la noticia completa<\/a>\n                                    <\/div>\n                                <\/div>\n                                                                                                <div class=\"swiper-slide noticia-slide-actualidad-block_1539d0247977073556aa1db08fe57150\" data-slide-index=\"2\">\n                                    <div class=\"noticia-slide-overlay-actualidad\"><\/div>\n                                    <div class=\"noticia-imagen-actualidad\">\n                                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Portada-01-1024x585.webp\" class=\"noticia-img-actualidad wp-post-image\" alt=\"\" srcset=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Portada-01-1024x585.webp 1024w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Portada-01-300x171.webp 300w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Portada-01-768x438.webp 768w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Portada-01.webp 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                                                            <\/div>\n                                    <div class=\"noticia-contenido-actualidad\">\n                                        <h3 class=\"noticia-titulo-actualidad\">Everything About the New Espanix Node<\/h3>\n                                        <a href=\"https:\/\/datalierta.com\/en\/everything-about-the-new-espanix-node\/\" class=\"noticia-boton-actualidad\">Lee la noticia completa<\/a>\n                                    <\/div>\n                                <\/div>\n                                                                                                <div class=\"swiper-slide noticia-slide-actualidad-block_1539d0247977073556aa1db08fe57150\" data-slide-index=\"3\">\n                                    <div class=\"noticia-slide-overlay-actualidad\"><\/div>\n                                    <div class=\"noticia-imagen-actualidad\">\n                                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/La-oportunidad-_Evergreen_-1024x572.webp\" class=\"noticia-img-actualidad wp-post-image\" alt=\"\" srcset=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/La-oportunidad-_Evergreen_-1024x572.webp 1024w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/La-oportunidad-_Evergreen_-300x167.webp 300w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/La-oportunidad-_Evergreen_-768x429.webp 768w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/La-oportunidad-_Evergreen_.webp 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                                                            <\/div>\n                                    <div class=\"noticia-contenido-actualidad\">\n                                        <h3 class=\"noticia-titulo-actualidad\">The &#8216;evergreen&#8217; opportunity: how Aragon&#8217;s SMEs can become cloud suppliers<\/h3>\n                                        <a href=\"https:\/\/datalierta.com\/en\/the-evergreen-opportunity-how-aragons-smes-can-become-cloud-suppliers\/\" class=\"noticia-boton-actualidad\">Lee la noticia completa<\/a>\n                                    <\/div>\n                                <\/div>\n                                                                                                <div class=\"swiper-slide noticia-slide-actualidad-block_1539d0247977073556aa1db08fe57150\" data-slide-index=\"4\">\n                                    <div class=\"noticia-slide-overlay-actualidad\"><\/div>\n                                    <div class=\"noticia-imagen-actualidad\">\n                                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/la-oportunidad-oculta-de-la-FP-1024x572.webp\" class=\"noticia-img-actualidad wp-post-image\" alt=\"\" srcset=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/la-oportunidad-oculta-de-la-FP-1024x572.webp 1024w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/la-oportunidad-oculta-de-la-FP-300x167.webp 300w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/la-oportunidad-oculta-de-la-FP-768x429.webp 768w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/la-oportunidad-oculta-de-la-FP.webp 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                                                            <\/div>\n                                    <div class=\"noticia-contenido-actualidad\">\n                                        <h3 class=\"noticia-titulo-actualidad\">Beyond code: the explosion in demand for technical profiles and vocational training in Data-Driven Aragon<\/h3>\n                                        <a href=\"https:\/\/datalierta.com\/en\/beyond-code-the-explosion-in-demand-for-technical-profiles-and-vocational-training-in-data-driven-aragon\/\" class=\"noticia-boton-actualidad\">Lee la noticia completa<\/a>\n                                    <\/div>\n                                <\/div>\n                                                                                                <div class=\"swiper-slide noticia-slide-actualidad-block_1539d0247977073556aa1db08fe57150\" data-slide-index=\"5\">\n                                    <div class=\"noticia-slide-overlay-actualidad\"><\/div>\n                                    <div class=\"noticia-imagen-actualidad\">\n                                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Aragon-Tech-Hub-1024x572.webp\" class=\"noticia-img-actualidad wp-post-image\" alt=\"\" srcset=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Aragon-Tech-Hub-1024x572.webp 1024w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Aragon-Tech-Hub-300x167.webp 300w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Aragon-Tech-Hub-768x429.webp 768w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Aragon-Tech-Hub.webp 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                                                            <\/div>\n                                    <div class=\"noticia-contenido-actualidad\">\n                                        <h3 class=\"noticia-titulo-actualidad\">Aragon Tech Hub: from the traction of &#8216;The Wave&#8217; to the day-to-day ecosystem of DAT Alierta<\/h3>\n                                        <a href=\"https:\/\/datalierta.com\/en\/aragon-tech-hub-from-the-traction-of-the-wave-to-the-day-to-day-ecosystem-of-dat-alierta\/\" class=\"noticia-boton-actualidad\">Lee la noticia completa<\/a>\n                                    <\/div>\n                                <\/div>\n                                                                                                <div class=\"swiper-slide noticia-slide-actualidad-block_1539d0247977073556aa1db08fe57150\" data-slide-index=\"6\">\n                                    <div class=\"noticia-slide-overlay-actualidad\"><\/div>\n                                    <div class=\"noticia-imagen-actualidad\">\n                                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/De-la-tesis-a-la-empresa-1024x572.webp\" class=\"noticia-img-actualidad wp-post-image\" alt=\"\" srcset=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/De-la-tesis-a-la-empresa-1024x572.webp 1024w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/De-la-tesis-a-la-empresa-300x167.webp 300w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/De-la-tesis-a-la-empresa-768x429.webp 768w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/De-la-tesis-a-la-empresa.webp 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                                                            <\/div>\n                                    <div class=\"noticia-contenido-actualidad\">\n                                        <h3 class=\"noticia-titulo-actualidad\">From lab to market: how DAT Alierta turns university science into business<\/h3>\n                                        <a href=\"https:\/\/datalierta.com\/en\/from-lab-to-market-how-dat-alierta-turns-university-science-into-business\/\" class=\"noticia-boton-actualidad\">Lee la noticia completa<\/a>\n                                    <\/div>\n                                <\/div>\n                                                                                                <div class=\"swiper-slide noticia-slide-actualidad-block_1539d0247977073556aa1db08fe57150\" data-slide-index=\"7\">\n                                    <div class=\"noticia-slide-overlay-actualidad\"><\/div>\n                                    <div class=\"noticia-imagen-actualidad\">\n                                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/lanzar-tu-startup-en-Aragon-1024x572.webp\" class=\"noticia-img-actualidad wp-post-image\" alt=\"\" srcset=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/lanzar-tu-startup-en-Aragon-1024x572.webp 1024w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/lanzar-tu-startup-en-Aragon-300x167.webp 300w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/lanzar-tu-startup-en-Aragon-768x429.webp 768w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/lanzar-tu-startup-en-Aragon.webp 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                                                            <\/div>\n                                    <div class=\"noticia-contenido-actualidad\">\n                                        <h3 class=\"noticia-titulo-actualidad\">Where to launch your startup in Aragon? Comparative guide: Walqa vs. MotorLand vs. DAT Alierta<\/h3>\n                                        <a href=\"https:\/\/datalierta.com\/en\/where-to-launch-your-startup-in-aragon-comparative-guide-walqa-vs-motorland-vs-dat-alierta\/\" class=\"noticia-boton-actualidad\">Lee la noticia completa<\/a>\n                                    <\/div>\n                                <\/div>\n                                                                                                <div class=\"swiper-slide noticia-slide-actualidad-block_1539d0247977073556aa1db08fe57150\" data-slide-index=\"8\">\n                                    <div class=\"noticia-slide-overlay-actualidad\"><\/div>\n                                    <div class=\"noticia-imagen-actualidad\">\n                                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Integra-Tecnologia-valida-el-modelo-DAT-Alierta-1024x572.webp\" class=\"noticia-img-actualidad wp-post-image\" alt=\"\" srcset=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Integra-Tecnologia-valida-el-modelo-DAT-Alierta-1024x572.webp 1024w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Integra-Tecnologia-valida-el-modelo-DAT-Alierta-300x167.webp 300w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Integra-Tecnologia-valida-el-modelo-DAT-Alierta-768x429.webp 768w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Integra-Tecnologia-valida-el-modelo-DAT-Alierta.webp 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                                                            <\/div>\n                                    <div class=\"noticia-contenido-actualidad\">\n                                        <h3 class=\"noticia-titulo-actualidad\">Integra tecnolog\u00eda validates the DAT Alierta model with a historic \u20ac25M investment<\/h3>\n                                        <a href=\"https:\/\/datalierta.com\/en\/integra-tecnologia-validates-the-dat-alierta-model-with-a-historic-e25m-investment\/\" class=\"noticia-boton-actualidad\">Lee la noticia completa<\/a>\n                                    <\/div>\n                                <\/div>\n                                                                                                <div class=\"swiper-slide noticia-slide-actualidad-block_1539d0247977073556aa1db08fe57150\" data-slide-index=\"9\">\n                                    <div class=\"noticia-slide-overlay-actualidad\"><\/div>\n                                    <div class=\"noticia-imagen-actualidad\">\n                                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/dat-empleo-1024x572.webp\" class=\"noticia-img-actualidad wp-post-image\" alt=\"\" srcset=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/dat-empleo-1024x572.webp 1024w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/dat-empleo-300x167.webp 300w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/dat-empleo-768x429.webp 768w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/dat-empleo.webp 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                                                            <\/div>\n                                    <div class=\"noticia-contenido-actualidad\">\n                                        <h3 class=\"noticia-titulo-actualidad\">Employment at DAT Alierta: the profiles Integra, Siemens, and AWS will fight for (2025-2030)<\/h3>\n                                        <a href=\"https:\/\/datalierta.com\/en\/employment-at-dat-alierta-the-profiles-integra-siemens-and-aws-will-fight-for-2025-2030\/\" class=\"noticia-boton-actualidad\">Lee la noticia completa<\/a>\n                                    <\/div>\n                                <\/div>\n                                                                                                                                                    <\/div>\n                    <\/div>\n                                        <div class=\"swiper-pagination noticias-pagination-actualidad-block_1539d0247977073556aa1db08fe57150\"><\/div>\n                                    <\/div>\n\n                                <script>\n                document.addEventListener('DOMContentLoaded', function() {\n                    if (typeof Swiper === 'undefined') return;\n\n                    let autoplayPaused = false;\n                    let userInteracting = false;\n                    \n                    \/\/ CONFIGURACI\u00d3N SWIPER SIMPLE Y EFECTIVA\n                    const newsSwiper = new Swiper('.noticias-swiper-actualidad-block_1539d0247977073556aa1db08fe57150', {\n                        slidesPerView: 2.4,\n                        spaceBetween: 20,\n                        centeredSlides: true,\n                        loop: true,\n                        speed: 600,\n                        \n                        autoplay: {\n                            delay: 1000,\n                            disableOnInteraction: false,\n                        },\n                        \n                        pagination: {\n                            el: '.noticias-pagination-actualidad-block_1539d0247977073556aa1db08fe57150',\n                            clickable: true,\n                        },\n                        \n                        grabCursor: true,\n                        simulateTouch: true,\n                        allowTouchMove: true,\n                        \n                        breakpoints: {\n                            320: {\n                                slidesPerView: 1.2,\n                                spaceBetween: 10,\n                            },\n                            768: {\n                                slidesPerView: 1.8,\n                                spaceBetween: 15,\n                            },\n                            1024: {\n                                slidesPerView: 2.4,\n                                spaceBetween: 20,\n                            }\n                        },\n                        \n                        on: {\n                            init: function() {\n                                console.log('\u2705 Swiper inicializado');\n                                setTimeout(() => {\n                                    this.params.autoplay.delay = 4000;\n                                }, 2000);\n                            },\n                            touchStart: function() {\n                                userInteracting = true;\n                                this.autoplay.stop();\n                                console.log('\u23f8\ufe0f Autoplay pausado (touch)');\n                            },\n                            touchEnd: function() {\n                                setTimeout(() => {\n                                    userInteracting = false;\n                                    if (!autoplayPaused) {\n                                        this.autoplay.start();\n                                        console.log('\u25b6\ufe0f Autoplay reanudado (touch)');\n                                    }\n                                }, 1000);\n                            }\n                        }\n                    });\n\n                    \/\/ PAUSAR AUTOPLAY CON MOUSE\n                    document.querySelector('.noticias-swiper-actualidad-block_1539d0247977073556aa1db08fe57150').addEventListener('mouseenter', () => {\n                        if (!userInteracting) {\n                            newsSwiper.autoplay.stop();\n                            autoplayPaused = true;\n                            console.log('\u23f8\ufe0f Autoplay pausado (mouse)');\n                        }\n                    });\n\n                    document.querySelector('.noticias-swiper-actualidad-block_1539d0247977073556aa1db08fe57150').addEventListener('mouseleave', () => {\n                        if (autoplayPaused && !userInteracting) {\n                            newsSwiper.autoplay.start();\n                            autoplayPaused = false;\n                            console.log('\u25b6\ufe0f Autoplay reanudado (mouse)');\n                        }\n                    });\n\n                    \/\/ CLICKS EN SLIDES\n                    document.querySelector('.noticias-swiper-actualidad-block_1539d0247977073556aa1db08fe57150').addEventListener('click', (e) => {\n                        \/\/ Si es un enlace, permitir navegaci\u00f3n normal\n                        if (e.target.closest('a')) return;\n                        \n                        const slide = e.target.closest('.swiper-slide');\n                        if (!slide) return;\n                        \n                        const slideIndex = parseInt(slide.getAttribute('data-slide-index'));\n                        if (!isNaN(slideIndex) && slideIndex !== newsSwiper.realIndex) {\n                            userInteracting = true;\n                            newsSwiper.autoplay.stop();\n                            newsSwiper.slideToLoop(slideIndex);\n                            console.log('\ud83c\udfaf Navegando a slide:', slideIndex);\n                            \n                            setTimeout(() => {\n                                userInteracting = false;\n                                if (!autoplayPaused) {\n                                    newsSwiper.autoplay.start();\n                                }\n                            }, 2000);\n                        }\n                    });\n\n                    console.log('\ud83c\udf89 Sistema de navegaci\u00f3n inicializado');\n                });\n                <\/script>\n                \n                \n                \n                    <\/div>\n    <\/div>\n<\/section>\n\n\n<style type=\"text\/css\">\n\t#contacto-block_535d415da66d00e493145f5609be60b6 {\n\t\t\/* Add styles that use ACF values here *\/\n                    background-image: url('https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/3-contacto.webp');\n        \t}\n\n    \/* Bloque de Contacto *\/\n    .bloque__contacto {\n        width: 100%;\n        height: 100vh;\n        position: relative;\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n        margin-left: calc(-50vw + 50%);\n        margin-right: calc(-50vw + 50%);\n        max-width: 100vw;\n        width: 100vw;\n    }\n\n    \/* Contenedor principal - m\u00e1ximo 1400px centrado *\/\n    .bloque__contacto__container {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 0 20px;\n        height: 100%; \/* A\u00d1ADIDO: Heredar altura completa *\/\n    }\n\n    \/* Contenedor superior - centrado arriba *\/\n    .bloque__contacto__container-sup {\n        text-align: center;\n        padding-top: 80px;\n    }\n\n    h2.bloque__contacto__container-sup__encabezado-principal {\n        font-family: Neopixel, Helvetica, Arial, sans-serif;\n        font-size: clamp(2.875rem, 6.389vw + 1.597rem, 7.188rem);\n        color: #1D1D3D;\n        text-transform: uppercase;\n    }\n\n    p.bloque__contacto__container-sup__subencabezado {\n        font-size: clamp(1.5rem, 0.741vw + 1.352rem, 2rem);\n        margin: 0;\n        line-height: 100%;\n    }\n\n    p.bloque__contacto__container-sup__contenido-encabezado {\n        font-size: clamp(1.5rem, 0.741vw + 1.352rem, 2rem);\n        margin: 0;\n        line-height: 100%;\n        color: #3561AB;\n    }\n\n    .bloque__contacto__container-sup__botonera {\n        display: flex;\n        gap: 1rem;\n        justify-content: center;\n        margin-block: 2rem;\n    }\n\n    a.bloque__contacto__container-sup__botonera__boton-1 {\n        background: #3561AB;\n        padding: 10px 1.3rem;\n        border-radius: 0 50px 0 0;\n        color: #ffffff;\n        text-decoration: none !important;\n        line-height: 100%;\n        font-size: clamp(1.125rem, 0.37vw + 1.051rem, 1.375rem);\n        border: 1.5px solid transparent;\n        font-weight: 500;\n    }\n\n    a.bloque__contacto__container-sup__botonera__boton-1:hover {\n        background: transparent;\n        color: #3561AB;\n        border: 1.5px solid #3561AB;\n        font-weight: 500;\n    }\n\n    a.bloque__contacto__container-sup__botonera__boton-2 {\n        padding: 10px 1.3rem;\n        color: #3561ab;\n        text-decoration: none !important;\n        line-height: 100%;\n        font-size: clamp(1.125rem, 0.37vw + 1.051rem, 1.375rem);\n        border: 1.5px solid;\n        border-radius: 20px;\n        font-weight: 500;\n    }\n\n    a.bloque__contacto__container-sup__botonera__boton-2:hover {\n        background: #3561AB;\n        color: #ffffff;\n        border: 1.5px solid #3561AB;\n    }\n\n    \/* IMAGEN CENTRADA - CORREGIDO *\/\n    .bloque__contacto__container-imagen__centrada {\n        width: 100%;\n        height: 100%; \/* Ocupa toda la altura del contenedor padre *\/\n        display: flex;\n        align-items: center; \/* Centra verticalmente *\/\n        justify-content: center; \/* Centra horizontalmente *\/\n    }\n\n    .bloque__contacto__container-imagen__centrada-img {\n        max-width: 100%; \/* Respeta el ancho del contenedor *\/\n        max-height: 90vh; \/* No excede el 90% de la altura de la pantalla *\/\n        height: auto; \/* Mantiene proporci\u00f3n *\/\n        width: auto; \/* Mantiene proporci\u00f3n *\/\n        object-fit: contain; \/* Asegura que la imagen se vea completa *\/\n    }\n\n    @media (max-width: 900px) {\n        .bloque__contacto__container-sup__botonera {\n            flex-direction: column;\n            width: fit-content;\n            margin-inline: auto;\n        }\n\n        .bloque__contacto__container-imagen__centrada-img {\n            max-width: 90%; \/* M\u00e1s peque\u00f1a en m\u00f3vil *\/\n            max-height: 80vh;\n        }\n    }\n\n    @media (max-width: 600px) {\n        .bloque__contacto__container-imagen__centrada-img {\n            max-width: 85%;\n            max-height: 70vh;\n        }\n    }\n    \n<\/style>\n\n<section id=\"contacto-block_535d415da66d00e493145f5609be60b6\" class=\"bloque__contacto block-contacto alignfull\">\n    <div class=\"bloque__contacto__container\">\n                    <div class=\"bloque__contacto__container-sup\">\n                                    <h2 class=\"bloque__contacto__container-sup__encabezado-principal\">CONTACT<\/h2>\n                                                    <p class=\"bloque__contacto__container-sup__subencabezado\">Connected to the world. Integrated into the<\/p>\n                                                    <p class=\"bloque__contacto__container-sup__contenido-encabezado\">&lt;city&gt;<\/p>\n                                                    <div class=\"bloque__contacto__container-sup__botonera\">\n                                                                                                                <a class=\"bloque__contacto__container-sup__botonera__boton-1\" href=\"https:\/\/datalierta.com\/en\/contact\/\"> Write to us<\/a>\n                                                                                                                    <a class=\"bloque__contacto__container-sup__botonera__boton-2\" href=\"https:\/\/datalierta.com\/en\/contact\/#mapa\">Find us on the map<\/a>\n                                                                        <\/div>\n                            <\/div>\n            <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"editor_notices":[],"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":66,"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":931,"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/22\/revisions\/931"}],"wp:attachment":[{"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}