{"id":26,"date":"2025-07-09T22:53:35","date_gmt":"2025-07-09T20:53:35","guid":{"rendered":"https:\/\/datalierta.com\/?page_id=26"},"modified":"2025-09-15T22:44:35","modified_gmt":"2025-09-15T20:44:35","slug":"our-vision","status":"publish","type":"page","link":"https:\/\/datalierta.com\/en\/our-vision\/","title":{"rendered":"Our vision"},"content":{"rendered":"\n<style type=\"text\/css\">\n\t#hero-block_0b8617947e50a5efc7578ebfa6da4fea {\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_0b8617947e50a5efc7578ebfa6da4fea\" 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                                    Our                                                    <span class=\"bloque__hero__container-sup__encabezado-secundario\" style=\"color: ;\">Vision_<\/span>\n                            <\/h1>\n                                                                                                <div class=\"bloque__hero__container-sup__botonera\">\n                                                                                                                    <\/div>\n                                    <\/div>\n                    <div class=\"bloque__hero__container-imagen\" \n                style=\"display: flex; justify-content: center;\">\n                \n                                                    <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/2-nuestra-vision.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 cutting-edge ecosystem where technology, talent and sustainability converge to create the next innovative epicentre in Europe.                <\/p>\n                                        <p class=\"bloque__hero__container-inf__contenido-extra\">\n                    Innovation \u00b7 Collaboration \u00b7 Future                <\/p>\n                    <\/div>\n    <\/div>\n<\/section>\n\n\n<style type=\"text\/css\">\n\t#video-imagen-block_bca84b1b8ee89cc88e2cde19b49f6987 {\n\t\t\/* Add styles that use ACF values here *\/\n\t}\n\n    \/* Bloque Video\/Imagen *\/\n    .bloque__video__imagen {\n        width: auto;\n        margin: 2rem 0;\n        margin-left: calc(-50vw + 50%) !important;\n        margin-right: calc(-50vw + 50%) !important;\n        max-width: 100vw !important;\n        width: 100vw;\n    }\n\n    .bloque__video__imagen__container {\n        width: 100%;\n        position: relative;\n        background: transparent;\n    }\n\n    \/* Contenedor de video con imagen de fondo *\/\n    .bloque__video__imagen__video-wrapper {\n        position: relative;\n        width: 100%;\n        height: 0;\n        padding-bottom: 56.25%; \/* Proporci\u00f3n 16:9 *\/\n        overflow: hidden;\n        cursor: pointer;\n    }\n\n    .bloque__video__imagen__video-wrapper.playing {\n        height: 0;\n        padding-bottom: 56.25%;\n    }\n\n    \/* Imagen de fondo del video *\/\n    .bloque__video__imagen__container__video-imagen-fondo {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        z-index: 1;\n    }\n\n    \/* Bot\u00f3n de play *\/\n    .bloque__video__imagen__play-button {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        z-index: 3;\n        width: 120px;\n        height: 120px;\n        background: rgba(0, 124, 186, 0.8);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 20px rgba(0, 124, 186, 0.4);\n        border: 3px solid rgba(255, 255, 255, 0.3);\n    }\n\n    .bloque__video__imagen__play-button:hover {\n        transform: translate(-50%, -50%) scale(1.1);\n        background: rgba(0, 90, 135, 0.9);\n        box-shadow: 0 6px 25px rgba(0, 124, 186, 0.6);\n        border-color: rgba(255, 255, 255, 0.5);\n    }\n\n    .bloque__video__imagen__play-button::after {\n        content: '';\n        width: 0;\n        height: 0;\n        border-left: 30px solid rgba(255, 255, 255, 0.9);\n        border-top: 18px solid transparent;\n        border-bottom: 18px solid transparent;\n        margin-left: 6px;\n        border-radius: 3px;\n    }\n\n    \/* Iframe del video *\/\n    .bloque__video__imagen__iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 2;\n        display: none;\n    }\n\n    .bloque__video__imagen__iframe.active {\n        display: block;\n    }\n\n    \/* Contenedor de imagen simple *\/\n    .bloque__video__imagen__imagen-wrapper {\n        width: 100%;\n        line-height: 0;\n    }\n\n    .bloque__video__imagen__container__imagen {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: cover;\n    }\n\n    \/* Slider de im\u00e1genes *\/\n    .bloque__video__imagen__slider-wrapper {\n        width: 100%;\n        position: relative;\n    }\n\n    .bloque__video__imagen__slider-unique {\n        width: 100%;\n        height: auto;\n    }\n\n    .bloque__video__imagen__slider-unique .swiper-slide {\n        width: 100%;\n        line-height: 0;\n    }\n\n    .bloque__video__imagen__slider-unique .swiper-slide img {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: cover;\n    }\n\n    \/* Paginaci\u00f3n del slider \u00fanica *\/\n    .bloque__video__imagen__pagination-unique {\n        position: relative !important;\n        margin-top: 20px;\n        text-align: center;\n        background: transparent !important;\n    }\n\n    .bloque__video__imagen__pagination-unique .swiper-pagination-bullet {\n        background: #007cba;\n        opacity: 0.5;\n        margin: 0 5px;\n        width: 12px;\n        height: 12px;\n    }\n\n    .bloque__video__imagen__pagination-unique .swiper-pagination-bullet-active {\n        opacity: 1;\n        background: #005a87;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 900px) {\n        .bloque__video__imagen__play-button {\n            width: 100px;\n            height: 100px;\n        }\n        \n        .bloque__video__imagen__play-button::after {\n            border-left: 26px solid rgba(255, 255, 255, 0.9);\n            border-top: 15px solid transparent;\n            border-bottom: 15px solid transparent;\n        }\n    }\n\n    @media (max-width: 600px) {\n        .bloque__video__imagen__play-button {\n            width: 80px;\n            height: 80px;\n        }\n        \n        .bloque__video__imagen__play-button::after {\n            border-left: 22px solid rgba(255, 255, 255, 0.9);\n            border-top: 13px solid transparent;\n            border-bottom: 13px solid transparent;\n        }\n    }\n    \n<\/style>\n\n<section id=\"video-imagen-block_bca84b1b8ee89cc88e2cde19b49f6987\" class=\"bloque__video__imagen block-video-imagen\">\n    <div class=\"bloque__video__imagen__container\">\n        \n                    <div class=\"bloque__video__imagen__video-wrapper\" data-video-url=\"https:\/\/vimeo.com\/1102023969\">\n                                                            <img decoding=\"async\" class=\"bloque__video__imagen__container__video-imagen-fondo\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/4-vision-portada-video.webp\" alt=\"\" \/>\n                                                    <div class=\"bloque__video__imagen__play-button\"><\/div>\n                <iframe class=\"bloque__video__imagen__iframe\" frameborder=\"0\" allowfullscreen><\/iframe>\n            <\/div>\n            \n                \n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    function initVideoBlocks() {\n        const videoWrappers = document.querySelectorAll('.bloque__video__imagen__video-wrapper');\n        \n        videoWrappers.forEach(function(wrapper) {\n            const playButton = wrapper.querySelector('.bloque__video__imagen__play-button');\n            const iframe = wrapper.querySelector('.bloque__video__imagen__iframe');\n            const backgroundImage = wrapper.querySelector('.bloque__video__imagen__container__video-imagen-fondo');\n            const videoUrl = wrapper.getAttribute('data-video-url');\n            \n            if (playButton && iframe && videoUrl) {\n                playButton.addEventListener('click', function() {\n                    let embedUrl = '';\n                    \n                    \/\/ Detectar YouTube - mejorado para manejar diferentes formatos\n                    if (videoUrl.includes('youtube.com') || videoUrl.includes('youtu.be')) {\n                        let videoId = '';\n                        \n                        if (videoUrl.includes('youtu.be\/')) {\n                            \/\/ Para enlaces como https:\/\/youtu.be\/GbC0mZRWJgA?si=...\n                            videoId = videoUrl.split('youtu.be\/')[1].split('?')[0].split('&')[0];\n                        } else if (videoUrl.includes('watch?v=')) {\n                            \/\/ Para enlaces como https:\/\/www.youtube.com\/watch?v=...\n                            videoId = videoUrl.split('watch?v=')[1].split('&')[0];\n                        } else if (videoUrl.includes('\/embed\/')) {\n                            \/\/ Para enlaces embed\n                            videoId = videoUrl.split('\/embed\/')[1].split('?')[0];\n                        }\n                        \n                        if (videoId) {\n                            embedUrl = 'https:\/\/www.youtube.com\/embed\/' + videoId + '?autoplay=1';\n                        }\n                    }\n                    \/\/ Detectar Vimeo\n                    else if (videoUrl.includes('vimeo.com')) {\n                        const vimeoId = videoUrl.split('\/').pop().split('?')[0];\n                        embedUrl = 'https:\/\/player.vimeo.com\/video\/' + vimeoId + '?autoplay=1';\n                    }\n                    \/\/ URL directa\n                    else {\n                        embedUrl = videoUrl;\n                    }\n                    \n                    if (embedUrl) {\n                        iframe.src = embedUrl;\n                        iframe.classList.add('active');\n                        \n                        if (backgroundImage) {\n                            backgroundImage.style.display = 'none';\n                        }\n                        playButton.style.display = 'none';\n                        \n                        wrapper.classList.add('playing');\n                    }\n                });\n            }\n        });\n    }\n    \n    initVideoBlocks();\n    \n    \/\/ Inicializar sliders\n    function initSliders() {\n        const sliders = document.querySelectorAll('.bloque__video__imagen__slider-unique');\n        \n        sliders.forEach(function(slider) {\n            new Swiper(slider, {\n                loop: true,\n                autoplay: {\n                    delay: 4000,\n                    disableOnInteraction: false,\n                },\n                pagination: {\n                    el: slider.querySelector('.bloque__video__imagen__pagination-unique'),\n                    clickable: true,\n                },\n                speed: 800,\n                effect: 'slide'\n            });\n        });\n    }\n    \n    initSliders();\n});\n<\/script>\n\n\n<style type=\"text\/css\">\n\t#contenido-principal-block_706ca4a51f3803054ae378d19679435f {\n\t\t\/* Add styles that use ACF values here *\/\n\t}\n\n    h2.bloque__contenido__principal__container__encabezado-principal {\n        font-size: clamp(2.25rem, 5.556vw + 1.139rem, 6rem);\n        line-height: 100%;\n        text-transform: uppercase;\n        margin-bottom: 3rem;\n        max-width: 1030px;\n    }\n\n    .bloque__contenido__principal__container {\n        margin-block: 4rem;\n        width: 100%;\n        max-width: 1180px;\n        margin-inline: auto;\n    }\n\n    h3.bloque__contenido__principal__container__subencabezado {\n        font-size: clamp(1.625rem, 2.037vw + 1.218rem, 3rem);\n        line-height: 100%;\n        margin-bottom: 3rem;\n    }\n\n    .bloque__contenido__principal__container__cta {\n        display: flex;\n        justify-content: center;\n        margin-block: 4rem;\n    }\n\n    a.bloque__contenido__principal__container__cta-boton {\n        background: linear-gradient(90deg, #3561ab 0%, #00b4cf 100%);\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        font-weight: 500;\n    }\n\n    a.bloque__contenido__principal__container__cta-boton:hover {\n        background: linear-gradient(90deg, #00b4cf 0%, #3561ab 100%);\n    }\n\n    p.bloque__contenido__principal__container__textos-inferiores {\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        margin-bottom: 1rem;\n    }\n\n    p.bloque__contenido__principal__container__textos-extras {\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.testimonio__dat {\n        margin-inline: auto;\n        margin-block: 4rem;\n        font-size: clamp(1.313rem, 1.759vw + 0.961rem, 2.5rem);\n        line-height: 100%;\n        color: #3561ab;\n    }\n    \n    @media (max-width: 900px) {\n\n        \n    }\n\n    @media (max-width: 600px) {\n\n      \n    }\n    \n<\/style>\n\n<section id=\"contenido-principal-block_706ca4a51f3803054ae378d19679435f\" class=\"bloque__contenido__principal block-contenido-principal\">\n    <div class=\"bloque__contenido__principal__container\">\n                    <h2 class=\"bloque__contenido__principal__container__encabezado-principal\">New centrality_<\/h2>\n                            <h3 class=\"bloque__contenido__principal__container__subencabezado\">A new centrality that builds bridges between the city, nature, innovation and people.<\/h3>\n                            <div class=\"bloque__contenido__principal__container__contenido-extendido\"><p class=\"p1\">DAT Alierta is the new\u00a0<b>Aragonese Technology District<\/b>, a strategic project designed to position Zaragoza and Aragon as a leading technology hub in Southern Europe. Promoted by the Government of Aragon with an initial investment of 100 million euros, this park is not only a space for companies, but a comprehensive ecosystem <b>designed for the knowledge economy.<\/b><b><\/b><\/p>\n<p class=\"p1\">Strategically located in the northern area of Zaragoza, <b>next to the R\u00edo Ebro<\/b> Campus of the University of Zaragoza, DAT Alierta occupies 79 hectares dedicated to the creation of <b>synergies between technological corporations, training areas, elite research centres, startups, and public administration<\/b>. Its design merges state-of-the-art infrastructure with a natural, sustainable environment, creating a unique place where ideas are transformed into global solutions and talent finds the ideal environment to thrive. It is <b>a project that thinks internationally and acts locally<\/b>, able to host over 40,000 professionals and shape the next generation of innovation.<\/p>\n<\/div>\n                \n                                        \n    <\/div>\n<\/section>\n\n\n<style type=\"text\/css\">\n    #hitos {\n        \/* Add styles that use ACF values here *\/\n        --color-tab-active: #3561ab;\n        --color-tab-border: #00b4cf;\n        --gradient-tabs: linear-gradient(90deg, #3561ab 0%, #00b4cf 100%);\n    }\n\n    \/* Bloque Tabs *\/\n    .bloque__tabs {\n        width: 100%;\n        margin: 2rem 0;\n        padding: 2rem 0;\n    }\n\n    .bloque__tabs__container {\n        max-width: 1080px;\n        margin-inline: auto;\n        padding: 0 20px;\n    }\n\n    \/* Encabezado principal *\/\n    .bloque__tabs__container__encabezado {\n        font-weight: bold !important;\n        background: var(--gradient-tabs);\n        -webkit-background-clip: text;\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n        color: transparent;\n        width: 100%;\n        text-align: center;\n        margin: 0 0 3rem 0;\n        font-size: clamp(2rem, 2.963vw + 1.407rem, 4rem) !important;\n        line-height: 100% !important;\n        max-width: 860px;\n        margin-inline: auto;\n    }\n\n    \/* MODO DESKTOP - TABS *\/\n    .bloque__tabs__desktop {\n        display: block;\n    }\n\n    .bloque__tabs__mobile {\n        display: none;\n    }\n\n    .bloque__tabs__headings {\n        border-bottom: 3px solid var(--color-tab-border);\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 0;\n        align-items: stretch;\n        margin-bottom: 2rem;\n        position: relative;\n    }\n\n    .bloque__tabs__tab-heading {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 1rem 1.5rem;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        font-size: clamp(1.5rem, 0.741vw + 1.352rem, 2rem);\n        line-height: 100%;\n        font-weight: 600;\n        color: var(--color-tab-active);\n        position: relative;\n        text-align: center;\n        white-space: normal;\n        min-height: 80px;\n        border-bottom: 5px solid transparent;\n        bottom: -4px;\n    }\n\n    .bloque__tabs__tab-heading:hover {\n        background: var(--gradient-tabs);\n        -webkit-background-clip: text;\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n        color: transparent;\n    }\n\n    .bloque__tabs__tab-heading.active {\n        background: var(--gradient-tabs);\n        -webkit-background-clip: text;\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n        color: transparent;\n        border-bottom: 5px solid var(--color-tab-active);\n    }\n\n    \/* Paneles de contenido *\/\n    .bloque__tabs__panels {\n        width: 100%;\n        display: flex;\n        justify-content: center;\n    }\n\n    .bloque__tabs__panel {\n        padding: 2rem 0;\n        display: none;\n        opacity: 0;\n        transition: opacity 0.3s ease;\n        width: 100%;\n        max-width: 800px;\n        text-align: center;\n    }\n\n    .bloque__tabs__panel.active {\n        display: block;\n        opacity: 1;\n    }\n\n    \/* MODO M\u00d3VIL - ACORDE\u00d3N *\/\n    .bloque__tabs__accordion {\n        width: 100%;\n    }\n\n    .bloque__tabs__accordion-item {\n        border: 1px solid #e5e7eb;\n        border-radius: 8px;\n        margin-bottom: 1rem;\n        overflow: hidden;\n    }\n\n    .bloque__tabs__accordion-header {\n        padding: 1rem 1.5rem;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        font-size: 1.125rem;\n        font-weight: 600;\n        color: var(--color-tab-active);\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        background: #f9fafb;\n        position: relative;\n    }\n\n    .bloque__tabs__accordion-header:hover {\n        background: #f3f4f6;\n    }\n\n    .bloque__tabs__accordion-header.active {\n        background: var(--gradient-tabs);\n        -webkit-background-clip: text;\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n        color: transparent;\n        background-color: #eff6ff;\n    }\n\n    .bloque__tabs__accordion-icon {\n        width: 20px;\n        height: 20px;\n        transition: transform 0.3s ease;\n        opacity: 0.6;\n    }\n\n    .bloque__tabs__accordion-header.active .bloque__tabs__accordion-icon {\n        transform: rotate(180deg);\n    }\n\n    .bloque__tabs__accordion-content {\n        padding: 0 1.5rem;\n        max-height: 0;\n        overflow: hidden;\n        transition: all 0.3s ease;\n        opacity: 0;\n    }\n\n    .bloque__tabs__accordion-content.active {\n        padding: 1.5rem;\n        max-height: 1000px;\n        opacity: 1;\n    }\n\n    \/* CTA *\/\n    .bloque__tabs__container__cta {\n        margin-top: 3rem;\n        text-align: center;\n    }\n\n    .bloque__tabs__container__cta-boton {\n        background: linear-gradient(90deg, #3561ab 0%, #00b4cf 100%);\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        font-weight: 500;\n        display: inline-block;\n        transition: all 0.3s ease;\n    }\n\n    .bloque__tabs__container__cta-boton:hover {\n        background: linear-gradient(90deg, #00b4cf 0%, #3561ab 100%);\n        color: #ffffff;\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(0, 180, 207, 0.3);\n    }\n\n    \/* Directorio Grid *\/\n    .bloque__tabs__directorio-grid {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 2rem;\n        justify-content: center;\n        padding: 2rem 0;\n    }\n\n    .bloque__tabs__directorio-item {\n        transition: transform 0.3s ease, opacity 0.3s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .bloque__tabs__directorio-item:hover {\n        transform: translateY(-5px);\n        opacity: 0.8;\n    }\n\n    .bloque__tabs__directorio-item img {\n        max-width: 200px;\n        height: auto;\n        display: block;\n    }\n\n    \/* RESPONSIVE BREAKPOINTS *\/\n    @media (max-width: 900px) {\n        .bloque__tabs__container {\n            padding: 0 15px;\n        }\n        \n        .bloque__tabs__headings {\n            grid-template-columns: repeat(2, 1fr);\n        }\n        \n        .bloque__tabs__tab-heading {\n            padding: 0.75rem 1rem;\n            min-height: 70px;\n            font-size: 1.25rem;\n        }\n\n        .bloque__tabs__panel {\n            padding: 1.5rem 0;\n        }\n\n        .bloque__tabs__directorio-grid {\n            gap: 1.5rem;\n        }\n\n        .bloque__tabs__directorio-item img {\n            max-width: 150px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        \/* CAMBIAR A MODO ACORDE\u00d3N *\/\n        .bloque__tabs__desktop {\n            display: none;\n        }\n\n        .bloque__tabs__mobile {\n            display: block;\n        }\n\n        .bloque__tabs__container {\n            padding: 0 15px;\n        }\n\n        .bloque__tabs__container__encabezado {\n            margin-bottom: 2rem;\n        }\n\n        .bloque__tabs__directorio-grid {\n            gap: 1rem;\n            padding: 1rem 0;\n        }\n\n        .bloque__tabs__directorio-item img {\n            max-width: 120px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .bloque__tabs__container {\n            padding: 0 10px;\n        }\n\n        .bloque__tabs__accordion-header {\n            padding: 0.875rem 1rem;\n            font-size: 1rem;\n        }\n\n        .bloque__tabs__accordion-content.active {\n            padding: 1rem;\n        }\n\n        .bloque__tabs__container__cta {\n            margin-top: 2rem;\n        }\n\n        .bloque__tabs__directorio-item img {\n            max-width: 100px;\n        }\n    }\n<\/style>\n\n<section id=\"hitos\" class=\"bloque__tabs block-tabs\">\n    <div class=\"bloque__tabs__container\">\n        \n                    <h2 class=\"bloque__tabs__container__encabezado\">\n                An ecosystem built on four strategic pillars.            <\/h2>\n                \n                \n                \n        <!-- VERSI\u00d3N DESKTOP - TABS -->\n        <div class=\"bloque__tabs__desktop\">\n            <div class=\"bloque__tabs__container__tabs\" x-data=\"{ activeTab: 0 }\">\n                \n                <!-- Tab Headings -->\n                <div class=\"bloque__tabs__headings\">\n                                                                                                <div \n                                class=\"bloque__tabs__tab-heading\"\n                                data-tab=\"0\"\n                                                                    :class=\"activeTab === 0 ? 'active' : ''\"\n                                    @click=\"activeTab = 0\"\n                                                            >\n                                Open innovation ecosystem                            <\/div>\n                                                                                                                        <div \n                                class=\"bloque__tabs__tab-heading\"\n                                data-tab=\"1\"\n                                                                    :class=\"activeTab === 1 ? 'active' : ''\"\n                                    @click=\"activeTab = 1\"\n                                                            >\n                                Sustainability and wellbeing                            <\/div>\n                                                                                                                        <div \n                                class=\"bloque__tabs__tab-heading\"\n                                data-tab=\"2\"\n                                                                    :class=\"activeTab === 2 ? 'active' : ''\"\n                                    @click=\"activeTab = 2\"\n                                                            >\n                                Total connectivity                            <\/div>\n                                                                                                                        <div \n                                class=\"bloque__tabs__tab-heading\"\n                                data-tab=\"3\"\n                                                                    :class=\"activeTab === 3 ? 'active' : ''\"\n                                    @click=\"activeTab = 3\"\n                                                            >\n                                Infrastructure for the future                            <\/div>\n                                                            <\/div>\n                \n                <!-- Tab Panels -->\n                <div class=\"bloque__tabs__panels\">\n                                            <div \n                            class=\"bloque__tabs__panel\"\n                            data-panel=\"0\"\n                                                            :class=\"activeTab === 0 ? 'active' : ''\"\n                                x-show=\"activeTab === 0\"\n                                x-transition:enter=\"transition ease-out duration-300\"\n                                x-transition:enter-start=\"opacity-0\"\n                                x-transition:enter-end=\"opacity-100\"\n                                x-transition:leave=\"transition ease-in duration-200\"\n                                x-transition:leave-start=\"opacity-100\"\n                                x-transition:leave-end=\"opacity-0\"\n                                                    >\n                                                            <!-- Contenido normal -->\n                                <div><p class=\"p1\">Connect with a knowledge engine that unites the University of Zaragoza, world-renowned R&amp;D centres, and leading technology companies. DAT Alierta is an environment designed for radical collaboration and technology transfer, where the physical proximity between academia and industry accelerates innovation cycles and generates unique business opportunities.<\/p>\n<\/div>\n                                                    <\/div>\n                                            <div \n                            class=\"bloque__tabs__panel\"\n                            data-panel=\"1\"\n                                                            :class=\"activeTab === 1 ? 'active' : ''\"\n                                x-show=\"activeTab === 1\"\n                                x-transition:enter=\"transition ease-out duration-300\"\n                                x-transition:enter-start=\"opacity-0\"\n                                x-transition:enter-end=\"opacity-100\"\n                                x-transition:leave=\"transition ease-in duration-200\"\n                                x-transition:leave-start=\"opacity-100\"\n                                x-transition:leave-end=\"opacity-0\"\n                                                    >\n                                                            <!-- Contenido normal -->\n                                <div><p class=\"p1\">DAT Alierta prioritises the health and balance of its residents. Its biophilic design, in direct contact with nature, fosters a more humane and healthy work environment. The green areas, friendly footpaths, and rest areas are designed to reduce stress, improve concentration, and enhance creativity. Furthermore, the natural environment contributes to emotional and physical wellbeing, creating a more satisfying and productive work experience.<\/p>\n<\/div>\n                                                    <\/div>\n                                            <div \n                            class=\"bloque__tabs__panel\"\n                            data-panel=\"2\"\n                                                            :class=\"activeTab === 2 ? 'active' : ''\"\n                                x-show=\"activeTab === 2\"\n                                x-transition:enter=\"transition ease-out duration-300\"\n                                x-transition:enter-start=\"opacity-0\"\n                                x-transition:enter-end=\"opacity-100\"\n                                x-transition:leave=\"transition ease-in duration-200\"\n                                x-transition:leave-start=\"opacity-100\"\n                                x-transition:leave-end=\"opacity-0\"\n                                                    >\n                                                            <!-- Contenido normal -->\n                                <div><p class=\"p1\">Enjoy a strategic location with immediate access to national and international transportation networks and state-of-the-art digital infrastructure. With its own optic fibre infrastructure and high-capacity networks, DAT Alierta is prepared for the demands of the digital economy. Its direct connection to the airport, the AVE (High Speed Train) station, and major highways places it at the centre of Spain\u2019s most important logistics corridors.<\/p>\n<\/div>\n                                                    <\/div>\n                                            <div \n                            class=\"bloque__tabs__panel\"\n                            data-panel=\"3\"\n                                                            :class=\"activeTab === 3 ? 'active' : ''\"\n                                x-show=\"activeTab === 3\"\n                                x-transition:enter=\"transition ease-out duration-300\"\n                                x-transition:enter-start=\"opacity-0\"\n                                x-transition:enter-end=\"opacity-100\"\n                                x-transition:leave=\"transition ease-in duration-200\"\n                                x-transition:leave-start=\"opacity-100\"\n                                x-transition:leave-end=\"opacity-0\"\n                                                    >\n                                                            <!-- Contenido normal -->\n                                <div><p class=\"p1\">DAT Alierta is built on infrastructure which is designed to connect people, ideas, and services. Its main building, which is open plan and multi-purpose is the heart of the park, while the dynamic buildings distributed throughout the site offer spaces for flexible work, dining, leisure, and work-life balance. All of this encourages a mixed use of the space that extends beyond working hours and integrates it with the surrounding urban life.<\/p>\n<\/div>\n                                                    <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- VERSI\u00d3N M\u00d3VIL - ACORDE\u00d3N -->\n        <div class=\"bloque__tabs__mobile\">\n            <div class=\"bloque__tabs__accordion\" x-data=\"{ activeAccordion: 0 }\">\n                                                                                <div class=\"bloque__tabs__accordion-item\">\n                            <div \n                                class=\"bloque__tabs__accordion-header\"\n                                data-accordion=\"0\"\n                                                                    :class=\"activeAccordion === 0 ? 'active' : ''\"\n                                    @click=\"activeAccordion = activeAccordion === 0 ? -1 : 0\"\n                                                            >\n                                <span>Open innovation ecosystem<\/span>\n                                <svg class=\"bloque__tabs__accordion-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <div \n                                class=\"bloque__tabs__accordion-content\"\n                                data-accordion-content=\"0\"\n                                                                    :class=\"activeAccordion === 0 ? 'active' : ''\"\n                                                            >\n                                                                    <!-- Contenido normal -->\n                                    <div><p class=\"p1\">Connect with a knowledge engine that unites the University of Zaragoza, world-renowned R&amp;D centres, and leading technology companies. DAT Alierta is an environment designed for radical collaboration and technology transfer, where the physical proximity between academia and industry accelerates innovation cycles and generates unique business opportunities.<\/p>\n<\/div>\n                                                            <\/div>\n                        <\/div>\n                                                                                                    <div class=\"bloque__tabs__accordion-item\">\n                            <div \n                                class=\"bloque__tabs__accordion-header\"\n                                data-accordion=\"1\"\n                                                                    :class=\"activeAccordion === 1 ? 'active' : ''\"\n                                    @click=\"activeAccordion = activeAccordion === 1 ? -1 : 1\"\n                                                            >\n                                <span>Sustainability and wellbeing<\/span>\n                                <svg class=\"bloque__tabs__accordion-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <div \n                                class=\"bloque__tabs__accordion-content\"\n                                data-accordion-content=\"1\"\n                                                                    :class=\"activeAccordion === 1 ? 'active' : ''\"\n                                                            >\n                                                                    <!-- Contenido normal -->\n                                    <div><p class=\"p1\">DAT Alierta prioritises the health and balance of its residents. Its biophilic design, in direct contact with nature, fosters a more humane and healthy work environment. The green areas, friendly footpaths, and rest areas are designed to reduce stress, improve concentration, and enhance creativity. Furthermore, the natural environment contributes to emotional and physical wellbeing, creating a more satisfying and productive work experience.<\/p>\n<\/div>\n                                                            <\/div>\n                        <\/div>\n                                                                                                    <div class=\"bloque__tabs__accordion-item\">\n                            <div \n                                class=\"bloque__tabs__accordion-header\"\n                                data-accordion=\"2\"\n                                                                    :class=\"activeAccordion === 2 ? 'active' : ''\"\n                                    @click=\"activeAccordion = activeAccordion === 2 ? -1 : 2\"\n                                                            >\n                                <span>Total connectivity<\/span>\n                                <svg class=\"bloque__tabs__accordion-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <div \n                                class=\"bloque__tabs__accordion-content\"\n                                data-accordion-content=\"2\"\n                                                                    :class=\"activeAccordion === 2 ? 'active' : ''\"\n                                                            >\n                                                                    <!-- Contenido normal -->\n                                    <div><p class=\"p1\">Enjoy a strategic location with immediate access to national and international transportation networks and state-of-the-art digital infrastructure. With its own optic fibre infrastructure and high-capacity networks, DAT Alierta is prepared for the demands of the digital economy. Its direct connection to the airport, the AVE (High Speed Train) station, and major highways places it at the centre of Spain\u2019s most important logistics corridors.<\/p>\n<\/div>\n                                                            <\/div>\n                        <\/div>\n                                                                                                    <div class=\"bloque__tabs__accordion-item\">\n                            <div \n                                class=\"bloque__tabs__accordion-header\"\n                                data-accordion=\"3\"\n                                                                    :class=\"activeAccordion === 3 ? 'active' : ''\"\n                                    @click=\"activeAccordion = activeAccordion === 3 ? -1 : 3\"\n                                                            >\n                                <span>Infrastructure for the future<\/span>\n                                <svg class=\"bloque__tabs__accordion-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <div \n                                class=\"bloque__tabs__accordion-content\"\n                                data-accordion-content=\"3\"\n                                                                    :class=\"activeAccordion === 3 ? 'active' : ''\"\n                                                            >\n                                                                    <!-- Contenido normal -->\n                                    <div><p class=\"p1\">DAT Alierta is built on infrastructure which is designed to connect people, ideas, and services. Its main building, which is open plan and multi-purpose is the heart of the park, while the dynamic buildings distributed throughout the site offer spaces for flexible work, dining, leisure, and work-life balance. All of this encourages a mixed use of the space that extends beyond working hours and integrates it with the surrounding urban life.<\/p>\n<\/div>\n                                                            <\/div>\n                        <\/div>\n                                                <\/div>\n        <\/div>\n        \n                \n                    <div class=\"bloque__tabs__container__cta\">\n                <a class=\"bloque__tabs__container__cta-boton\" href=\"https:\/\/datalierta.com\/en\/ecosystem\/\">\n                    Our ecosystem                <\/a>\n            <\/div>\n                \n    <\/div>\n<\/section>\n\n\n\n\n<style type=\"text\/css\">\n\t#video-imagen-block_08fb12414e4e194594e23b59b97d3d68 {\n\t\t\/* Add styles that use ACF values here *\/\n\t}\n\n    \/* Bloque Video\/Imagen *\/\n    .bloque__video__imagen {\n        width: auto;\n        margin: 2rem 0;\n        margin-left: calc(-50vw + 50%) !important;\n        margin-right: calc(-50vw + 50%) !important;\n        max-width: 100vw !important;\n        width: 100vw;\n    }\n\n    .bloque__video__imagen__container {\n        width: 100%;\n        position: relative;\n        background: transparent;\n    }\n\n    \/* Contenedor de video con imagen de fondo *\/\n    .bloque__video__imagen__video-wrapper {\n        position: relative;\n        width: 100%;\n        height: 0;\n        padding-bottom: 56.25%; \/* Proporci\u00f3n 16:9 *\/\n        overflow: hidden;\n        cursor: pointer;\n    }\n\n    .bloque__video__imagen__video-wrapper.playing {\n        height: 0;\n        padding-bottom: 56.25%;\n    }\n\n    \/* Imagen de fondo del video *\/\n    .bloque__video__imagen__container__video-imagen-fondo {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        z-index: 1;\n    }\n\n    \/* Bot\u00f3n de play *\/\n    .bloque__video__imagen__play-button {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        z-index: 3;\n        width: 120px;\n        height: 120px;\n        background: rgba(0, 124, 186, 0.8);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 20px rgba(0, 124, 186, 0.4);\n        border: 3px solid rgba(255, 255, 255, 0.3);\n    }\n\n    .bloque__video__imagen__play-button:hover {\n        transform: translate(-50%, -50%) scale(1.1);\n        background: rgba(0, 90, 135, 0.9);\n        box-shadow: 0 6px 25px rgba(0, 124, 186, 0.6);\n        border-color: rgba(255, 255, 255, 0.5);\n    }\n\n    .bloque__video__imagen__play-button::after {\n        content: '';\n        width: 0;\n        height: 0;\n        border-left: 30px solid rgba(255, 255, 255, 0.9);\n        border-top: 18px solid transparent;\n        border-bottom: 18px solid transparent;\n        margin-left: 6px;\n        border-radius: 3px;\n    }\n\n    \/* Iframe del video *\/\n    .bloque__video__imagen__iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 2;\n        display: none;\n    }\n\n    .bloque__video__imagen__iframe.active {\n        display: block;\n    }\n\n    \/* Contenedor de imagen simple *\/\n    .bloque__video__imagen__imagen-wrapper {\n        width: 100%;\n        line-height: 0;\n    }\n\n    .bloque__video__imagen__container__imagen {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: cover;\n    }\n\n    \/* Slider de im\u00e1genes *\/\n    .bloque__video__imagen__slider-wrapper {\n        width: 100%;\n        position: relative;\n    }\n\n    .bloque__video__imagen__slider-unique {\n        width: 100%;\n        height: auto;\n    }\n\n    .bloque__video__imagen__slider-unique .swiper-slide {\n        width: 100%;\n        line-height: 0;\n    }\n\n    .bloque__video__imagen__slider-unique .swiper-slide img {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: cover;\n    }\n\n    \/* Paginaci\u00f3n del slider \u00fanica *\/\n    .bloque__video__imagen__pagination-unique {\n        position: relative !important;\n        margin-top: 20px;\n        text-align: center;\n        background: transparent !important;\n    }\n\n    .bloque__video__imagen__pagination-unique .swiper-pagination-bullet {\n        background: #007cba;\n        opacity: 0.5;\n        margin: 0 5px;\n        width: 12px;\n        height: 12px;\n    }\n\n    .bloque__video__imagen__pagination-unique .swiper-pagination-bullet-active {\n        opacity: 1;\n        background: #005a87;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 900px) {\n        .bloque__video__imagen__play-button {\n            width: 100px;\n            height: 100px;\n        }\n        \n        .bloque__video__imagen__play-button::after {\n            border-left: 26px solid rgba(255, 255, 255, 0.9);\n            border-top: 15px solid transparent;\n            border-bottom: 15px solid transparent;\n        }\n    }\n\n    @media (max-width: 600px) {\n        .bloque__video__imagen__play-button {\n            width: 80px;\n            height: 80px;\n        }\n        \n        .bloque__video__imagen__play-button::after {\n            border-left: 22px solid rgba(255, 255, 255, 0.9);\n            border-top: 13px solid transparent;\n            border-bottom: 13px solid transparent;\n        }\n    }\n    \n<\/style>\n\n<section id=\"video-imagen-block_08fb12414e4e194594e23b59b97d3d68\" class=\"bloque__video__imagen block-video-imagen\">\n    <div class=\"bloque__video__imagen__container\">\n        \n                    <div class=\"bloque__video__imagen__imagen-wrapper\">\n                <img decoding=\"async\" class=\"bloque__video__imagen__container__imagen\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/Cesareo-Alierta-1.webp\" alt=\"\" \/>\n            <\/div>\n            \n                \n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    function initVideoBlocks() {\n        const videoWrappers = document.querySelectorAll('.bloque__video__imagen__video-wrapper');\n        \n        videoWrappers.forEach(function(wrapper) {\n            const playButton = wrapper.querySelector('.bloque__video__imagen__play-button');\n            const iframe = wrapper.querySelector('.bloque__video__imagen__iframe');\n            const backgroundImage = wrapper.querySelector('.bloque__video__imagen__container__video-imagen-fondo');\n            const videoUrl = wrapper.getAttribute('data-video-url');\n            \n            if (playButton && iframe && videoUrl) {\n                playButton.addEventListener('click', function() {\n                    let embedUrl = '';\n                    \n                    \/\/ Detectar YouTube - mejorado para manejar diferentes formatos\n                    if (videoUrl.includes('youtube.com') || videoUrl.includes('youtu.be')) {\n                        let videoId = '';\n                        \n                        if (videoUrl.includes('youtu.be\/')) {\n                            \/\/ Para enlaces como https:\/\/youtu.be\/GbC0mZRWJgA?si=...\n                            videoId = videoUrl.split('youtu.be\/')[1].split('?')[0].split('&')[0];\n                        } else if (videoUrl.includes('watch?v=')) {\n                            \/\/ Para enlaces como https:\/\/www.youtube.com\/watch?v=...\n                            videoId = videoUrl.split('watch?v=')[1].split('&')[0];\n                        } else if (videoUrl.includes('\/embed\/')) {\n                            \/\/ Para enlaces embed\n                            videoId = videoUrl.split('\/embed\/')[1].split('?')[0];\n                        }\n                        \n                        if (videoId) {\n                            embedUrl = 'https:\/\/www.youtube.com\/embed\/' + videoId + '?autoplay=1';\n                        }\n                    }\n                    \/\/ Detectar Vimeo\n                    else if (videoUrl.includes('vimeo.com')) {\n                        const vimeoId = videoUrl.split('\/').pop().split('?')[0];\n                        embedUrl = 'https:\/\/player.vimeo.com\/video\/' + vimeoId + '?autoplay=1';\n                    }\n                    \/\/ URL directa\n                    else {\n                        embedUrl = videoUrl;\n                    }\n                    \n                    if (embedUrl) {\n                        iframe.src = embedUrl;\n                        iframe.classList.add('active');\n                        \n                        if (backgroundImage) {\n                            backgroundImage.style.display = 'none';\n                        }\n                        playButton.style.display = 'none';\n                        \n                        wrapper.classList.add('playing');\n                    }\n                });\n            }\n        });\n    }\n    \n    initVideoBlocks();\n    \n    \/\/ Inicializar sliders\n    function initSliders() {\n        const sliders = document.querySelectorAll('.bloque__video__imagen__slider-unique');\n        \n        sliders.forEach(function(slider) {\n            new Swiper(slider, {\n                loop: true,\n                autoplay: {\n                    delay: 4000,\n                    disableOnInteraction: false,\n                },\n                pagination: {\n                    el: slider.querySelector('.bloque__video__imagen__pagination-unique'),\n                    clickable: true,\n                },\n                speed: 800,\n                effect: 'slide'\n            });\n        });\n    }\n    \n    initSliders();\n});\n<\/script>\n\n\n<style type=\"text\/css\">\n\t#contenido-principal-block_2321a3136e8aaa083a3586d61bfd440a {\n\t\t\/* Add styles that use ACF values here *\/\n\t}\n\n    h2.bloque__contenido__principal__container__encabezado-principal {\n        font-size: clamp(2.25rem, 5.556vw + 1.139rem, 6rem);\n        line-height: 100%;\n        text-transform: uppercase;\n        margin-bottom: 3rem;\n        max-width: 1030px;\n    }\n\n    .bloque__contenido__principal__container {\n        margin-block: 4rem;\n        width: 100%;\n        max-width: 1180px;\n        margin-inline: auto;\n    }\n\n    h3.bloque__contenido__principal__container__subencabezado {\n        font-size: clamp(1.625rem, 2.037vw + 1.218rem, 3rem);\n        line-height: 100%;\n        margin-bottom: 3rem;\n    }\n\n    .bloque__contenido__principal__container__cta {\n        display: flex;\n        justify-content: center;\n        margin-block: 4rem;\n    }\n\n    a.bloque__contenido__principal__container__cta-boton {\n        background: linear-gradient(90deg, #3561ab 0%, #00b4cf 100%);\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        font-weight: 500;\n    }\n\n    a.bloque__contenido__principal__container__cta-boton:hover {\n        background: linear-gradient(90deg, #00b4cf 0%, #3561ab 100%);\n    }\n\n    p.bloque__contenido__principal__container__textos-inferiores {\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        margin-bottom: 1rem;\n    }\n\n    p.bloque__contenido__principal__container__textos-extras {\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.testimonio__dat {\n        margin-inline: auto;\n        margin-block: 4rem;\n        font-size: clamp(1.313rem, 1.759vw + 0.961rem, 2.5rem);\n        line-height: 100%;\n        color: #3561ab;\n    }\n    \n    @media (max-width: 900px) {\n\n        \n    }\n\n    @media (max-width: 600px) {\n\n      \n    }\n    \n<\/style>\n\n<section id=\"contenido-principal-block_2321a3136e8aaa083a3586d61bfd440a\" class=\"bloque__contenido__principal block-contenido-principal\">\n    <div class=\"bloque__contenido__principal__container\">\n                    <h2 class=\"bloque__contenido__principal__container__encabezado-principal\">A legacy of vision_<\/h2>\n                            <h3 class=\"bloque__contenido__principal__container__subencabezado\">A tribute to C\u00e9sar Alierta. Inspired by a pioneer, built for the future.<\/h3>\n                            <div class=\"bloque__contenido__principal__container__contenido-extendido\"><p class=\"p1\">The park\u2019s name pays tribute to C\u00e9sar Alierta, the <b>Zaragoza-born businessman<\/b> who, as chairman of Telef\u00f3nica, was one of the key figures in Spain\u2019s <b>economic and technological transformation<\/b> at the turn of the century. His global vision, and his ability to anticipate the future, transformed a national company into a global telecommunications giant.<\/p>\n<p class=\"p1\">DAT Alierta was born with that same ambition: to be an innovative project, capable of technological understanding and transformation. Just as C\u00e9sar Alierta built bridges to connect people, the <b>technology park builds bridges between knowledge, business and society<\/b>, with the aim of consolidating Aragon as a major player in <b>global technology<\/b>.<\/p>\n<\/div>\n                \n                                        \n    <\/div>\n<\/section>\n\n\n<style type=\"text\/css\">\n\t#contenido-centrado-block_d9211c252d39627d64bce69c54f690a5 {\n\t\t\/* Add styles that use ACF values here *\/\n\t}\n\n    h2.bloque__contenido__centrado__container__encabezado-principal {\n        font-size: clamp(2rem, 2.963vw + 1.407rem, 4rem);\n        line-height: 100%;\n        text-align: center;\n        margin-bottom: 3rem;\n    }\n\n    .bloque__contenido__centrado__container {\n        padding: 4rem 1rem;\n        width: 100%;\n        max-width: 840px;\n        margin-inline: auto;\n    }\n\n    .bloque__contenido__centrado__container__cta {\n        display: flex;\n        justify-content: center;\n        margin-block: 4rem;\n    }\n\n    a.bloque__contenido__centrado__container__cta-boton {\n        background: linear-gradient(90deg, #3561ab 0%, #00b4cf 100%);\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        font-weight: 500;\n    }\n\n    a.bloque__contenido__centrado__container__cta-boton:hover {\n        background: linear-gradient(90deg, #00b4cf 0%, #3561ab 100%);\n    }\n\n    @media (max-width: 900px) {\n\n        \n    }\n\n    @media (max-width: 600px) {\n\n      \n    }\n    \n<\/style>\n\n<section id=\"contenido-centrado-block_d9211c252d39627d64bce69c54f690a5\" class=\"bloque__contenido__centrado block-contenido-centrado\">\n    <div class=\"bloque__contenido__centrado__container\">\n                            <h2 class=\"bloque__contenido__centrado__container__encabezado-principal\" \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            Join the leaders who are already building the future from Zaragoza.<\/h2>\n          \n                    <div class=\"bloque__contenido__centrado__container__contenido-extendido\"><p class=\"p1\">DAT Alierta\u2019s vision is now a tangible reality, backed by the trust of world leaders in industry and science. These pioneering organisations have not only chosen our park as their next destination, but are actively collaborating in the construction of its ecosystem.<\/p>\n<\/div>\n                                    <div class=\"bloque__contenido__centrado__container__cta\">\n                <a class=\"bloque__contenido__centrado__container__cta-boton\" href=\"https:\/\/datalierta.com\/en\/services\/\"> This is DatAlierta<\/a>\n            <\/div>\n            <\/div>\n<\/section>\n\n\n<style type=\"text\/css\">\n\t#contacto-block_e6e338c502991ffa3f2347497a0e56aa {\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_e6e338c502991ffa3f2347497a0e56aa\" 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-26","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/26","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=26"}],"version-history":[{"count":29,"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":709,"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/26\/revisions\/709"}],"wp:attachment":[{"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}