{"id":29,"date":"2025-07-09T22:54:02","date_gmt":"2025-07-09T20:54:02","guid":{"rendered":"https:\/\/datalierta.com\/?page_id=29"},"modified":"2025-09-15T22:45:44","modified_gmt":"2025-09-15T20:45:44","slug":"services","status":"publish","type":"page","link":"https:\/\/datalierta.com\/en\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\n<style type=\"text\/css\">\n\t#hero-block_1d8192ad62e2e6d1c76e3a0a8edf209d {\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_1d8192ad62e2e6d1c76e3a0a8edf209d\" 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                                    Services                                                    <span class=\"bloque__hero__container-sup__encabezado-secundario\" style=\"color: ;\">_<\/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\/3-servicios.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                An environment designed to integrate flexible infrastructure and sustainable design that enhances talent and wellbeing.                <\/p>\n                                        <p class=\"bloque__hero__container-inf__contenido-extra\">\n                    Sustainability \u00b7 Wellbeing \u00b7 Productivity                <\/p>\n                    <\/div>\n    <\/div>\n<\/section>\n\n\n<style type=\"text\/css\">\n\t#video-imagen-block_5bef44a3fcdba1e45db5b936aa5cc8e2 {\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_5bef44a3fcdba1e45db5b936aa5cc8e2\" class=\"bloque__video__imagen block-video-imagen\">\n    <div class=\"bloque__video__imagen__container\">\n        \n                    <div class=\"bloque__video__imagen__slider-wrapper\">\n                <div class=\"swiper bloque__video__imagen__slider-unique\">\n                    <div class=\"swiper-wrapper\">\n                                                                                                                <div class=\"swiper-slide\">\n                                    <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/1-home-normal.webp\" alt=\"\" \/>\n                                <\/div>\n                                                                                                                                            <div class=\"swiper-slide\">\n                                    <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/3-contacto.webp\" alt=\"\" \/>\n                                <\/div>\n                                                                                                                                            <div class=\"swiper-slide\">\n                                    <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/4-vision-portada-video.webp\" alt=\"\" \/>\n                                <\/div>\n                                                                                                                                            <div class=\"swiper-slide\">\n                                    <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/5-servicios-carrusel.webp\" alt=\"\" \/>\n                                <\/div>\n                                                                                                                                            <div class=\"swiper-slide\">\n                                    <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/6-servicios-carrusel.webp\" alt=\"\" \/>\n                                <\/div>\n                                                                                                                                            <div class=\"swiper-slide\">\n                                    <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/7-servicios-carrusel.webp\" alt=\"\" \/>\n                                <\/div>\n                                                                                                                                            <div class=\"swiper-slide\">\n                                    <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/8-ecosistema.webp\" alt=\"\" \/>\n                                <\/div>\n                                                                                                                                            <div class=\"swiper-slide\">\n                                    <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/9-actualidad.webp\" alt=\"\" \/>\n                                <\/div>\n                                                                        <\/div>\n                    <div class=\"swiper-pagination bloque__video__imagen__pagination-unique\"><\/div>\n                <\/div>\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_53fb6422d57fa1afc993029092968ac0 {\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_53fb6422d57fa1afc993029092968ac0\" class=\"bloque__contenido__principal block-contenido-principal\">\n    <div class=\"bloque__contenido__principal__container\">\n                    <h2 class=\"bloque__contenido__principal__container__encabezado-principal\">HIGH PERFORMANCE_<\/h2>\n                            <h3 class=\"bloque__contenido__principal__container__subencabezado\">A top-level environment designed to put innovation at the heart of everything that happens.\r\n<\/h3>\n                            <div class=\"bloque__contenido__principal__container__contenido-extendido\"><p class=\"p1\">DAT Alierta offers more than just a physical space; it provides a <b>complete ecosystem<\/b> of state-of-the-art services and infrastructure, designed to <b>accelerate growth<\/b>, foster collaboration, and attract top talent. Every element of the park, from its digital connectivity to its <b>green spaces<\/b>, is designed to maximise your company\u2019s potential and ensure an exceptional work environment. Explore the components that make DAT Alierta <b>the perfect foundation for your success.<\/b><b><\/b><\/p>\n<\/div>\n                \n                                        \n    <\/div>\n<\/section>\n\n\n<style type=\"text\/css\">\n    #infraestructura {\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=\"infraestructura\" class=\"bloque__tabs block-tabs\">\n    <div class=\"bloque__tabs__container\">\n        \n                    <h2 class=\"bloque__tabs__container__encabezado\">\n                Infrastructure and environment: the foundations of tomorrow.\r\n            <\/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                                Digital Connectivity                            <\/div>\n                                                                                                                        <div \n                                class=\"bloque__tabs__tab-heading\"\n                                data-tab=\"1\"\n                                                                    :class=\"activeTab === 1 ? 'active' : ''\"\n                                    @click=\"activeTab = 1\"\n                                                            >\n                                Urban Mobility                            <\/div>\n                                                                                                                        <div \n                                class=\"bloque__tabs__tab-heading\"\n                                data-tab=\"2\"\n                                                                    :class=\"activeTab === 2 ? 'active' : ''\"\n                                    @click=\"activeTab = 2\"\n                                                            >\n                                Responsible architecture                            <\/div>\n                                                                                                                        <div \n                                class=\"bloque__tabs__tab-heading\"\n                                data-tab=\"3\"\n                                                                    :class=\"activeTab === 3 ? 'active' : ''\"\n                                    @click=\"activeTab = 3\"\n                                                            >\n                                Flexible buildings and spaces                            <\/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\">At the core of DAT Alierta is its digital infrastructure which is designed for the future. The park boasts its own optic fibre infrastructure and high-capacity telecommunications networks, ensuring robust, secure, low-latency connectivity, essential for technology-based companies, data centres, and R&amp;D institutions. This infrastructure is aligned with Zaragoza\u2019s Smart City Strategy, designed for intelligent data management and interoperability among all ecosystem stakeholders.<\/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\">The park is designed as a Low Emission Zone (LEZ) and integrates seamlessly into Zaragoza\u2019s mobility network. We promote clean, efficient transportation with:<\/p>\n<ul class=\"ul1\">\n<li class=\"li1\">Public transport: direct connections between the tram and multiple urban bus lines.<\/li>\n<li class=\"li1\">Soft mobility: a comprehensive network of cycle paths and Bizi public bicycle sharing service stations, connecting the park with residential neighbourhoods and the city centre.<\/li>\n<li class=\"li1\">Ready for the future: the design of the perimeter road and internal spaces are prepared for the future integration of self-driving vehicles and other smart mobility solutions.<\/li>\n<\/ul>\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\">Nature is a structural part of the park. DAT Alierta is structured around an ecological corridor that connects Zaragoza\u2019s Green Belt to the El Rabal irrigation channel, integrating the topography through terraces that facilitate the transition of the terrain. The use of low-maintenance native vegetation and green roofs reduces ambient temperatures, mitigates the heat island effect, and improves the energy efficiency of the park as a whole. This approach makes the park a model of sustainable urban planning that interacts with its surroundings.<\/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 able to accommodate projects of any size. The master plan includes 30 hectares available for new developments, with a total area of 158,000 m\u00b2 of mixed use for business development. We offer flexible development models to adapt to your strategic needs:<\/p>\n<ul class=\"ul1\">\n<li class=\"li1\">Rental of space in office buildings promoted by the Government of Aragon.<\/li>\n<li class=\"li1\">Transfer of land rights for 75 years for the construction of corporate headquarters.<\/li>\n<li class=\"li1\">Direct sale of land for large-scale projects.<\/li>\n<\/ul>\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>Digital 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=\"0\"\n                                                                    :class=\"activeAccordion === 0 ? 'active' : ''\"\n                                                            >\n                                                                    <!-- Contenido normal -->\n                                    <div><p class=\"p1\">At the core of DAT Alierta is its digital infrastructure which is designed for the future. The park boasts its own optic fibre infrastructure and high-capacity telecommunications networks, ensuring robust, secure, low-latency connectivity, essential for technology-based companies, data centres, and R&amp;D institutions. This infrastructure is aligned with Zaragoza\u2019s Smart City Strategy, designed for intelligent data management and interoperability among all ecosystem stakeholders.<\/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>Urban Mobility<\/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\">The park is designed as a Low Emission Zone (LEZ) and integrates seamlessly into Zaragoza\u2019s mobility network. We promote clean, efficient transportation with:<\/p>\n<ul class=\"ul1\">\n<li class=\"li1\">Public transport: direct connections between the tram and multiple urban bus lines.<\/li>\n<li class=\"li1\">Soft mobility: a comprehensive network of cycle paths and Bizi public bicycle sharing service stations, connecting the park with residential neighbourhoods and the city centre.<\/li>\n<li class=\"li1\">Ready for the future: the design of the perimeter road and internal spaces are prepared for the future integration of self-driving vehicles and other smart mobility solutions.<\/li>\n<\/ul>\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>Responsible architecture<\/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\">Nature is a structural part of the park. DAT Alierta is structured around an ecological corridor that connects Zaragoza\u2019s Green Belt to the El Rabal irrigation channel, integrating the topography through terraces that facilitate the transition of the terrain. The use of low-maintenance native vegetation and green roofs reduces ambient temperatures, mitigates the heat island effect, and improves the energy efficiency of the park as a whole. This approach makes the park a model of sustainable urban planning that interacts with its surroundings.<\/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>Flexible buildings and spaces<\/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 able to accommodate projects of any size. The master plan includes 30 hectares available for new developments, with a total area of 158,000 m\u00b2 of mixed use for business development. We offer flexible development models to adapt to your strategic needs:<\/p>\n<ul class=\"ul1\">\n<li class=\"li1\">Rental of space in office buildings promoted by the Government of Aragon.<\/li>\n<li class=\"li1\">Transfer of land rights for 75 years for the construction of corporate headquarters.<\/li>\n<li class=\"li1\">Direct sale of land for large-scale projects.<\/li>\n<\/ul>\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\/contact\/\">\n                    Join the adventure                <\/a>\n            <\/div>\n                \n    <\/div>\n<\/section>\n\n\n\n\n<style type=\"text\/css\">\n\t#video-imagen-block_284432de2d4b7f112a85f46c3733cbbf {\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_284432de2d4b7f112a85f46c3733cbbf\" 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\/Plano.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_c630c491471b1d535f13ad10ab18b7a3 {\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_c630c491471b1d535f13ad10ab18b7a3\" class=\"bloque__contenido__principal block-contenido-principal\">\n    <div class=\"bloque__contenido__principal__container\">\n                    <h2 class=\"bloque__contenido__principal__container__encabezado-principal\">PROJECT SCHEDULE_<\/h2>\n                            <h3 class=\"bloque__contenido__principal__container__subencabezado\">Building the future, phase by phase.<\/h3>\n                            <div class=\"bloque__contenido__principal__container__contenido-extendido\"><p class=\"p1\">DAT Alierta is not a promise; it is a <b>project in progress<\/b>. Our detailed timeline reflects a solid, transparent development plan, supported by <b>institutional commitment<\/b> and continuous progress. These key milestones ensure the delivery of a world-class ecosystem <b>on schedule<\/b>, providing certainty and confidence for our partners and investors.<\/p>\n<\/div>\n                \n                                        \n    <\/div>\n<\/section>\n\n\n<style type=\"text\/css\">\n\t#time-line-block_72a6b9ecc45e749cc4f3f08eb5bbb861 {\n        --gradient-timeline: linear-gradient(90deg, #3561ab 0%, #00b4cf 100%);\n        --color-line: #00B4CF;\n\t}\n\n    \/* Timeline Container *\/\n    .block-time-line {\n        width: 100%;\n        max-width: 1400px;\n        margin: 2rem auto;\n        padding: 2rem 20px;\n        position: relative;\n    }\n\n    \/* L\u00ednea central continua *\/\n    .timeline-main-line {\n        position: absolute;\n        left: 50%;\n        top: 0;\n        bottom: 0;\n        width: 3px;\n        background-color: var(--color-line);\n        transform: translateX(-50%);\n        z-index: 1;\n    }\n\n    \/* Timeline Item - Cada fase es una fila *\/\n    .timeline-item {\n        display: grid;\n        grid-template-columns: 1fr 60px 1fr;\n        gap: 0;\n        margin-bottom: 2rem;\n        position: relative;\n        align-items: flex-start;\n    }\n\n    .timeline-item:last-child {\n        margin-bottom: 0;\n    }\n\n    \/* Columna Izquierda - Fases *\/\n    .timeline-left {\n        text-align: right;\n        padding-right: 2rem;\n        padding-top: 8px; \/* Alinear con el punto *\/\n    }\n\n    .timeline-fase h3 {\n        font-size: 32px;\n        font-weight: 600;\n        line-height: 1.2;\n        margin: 0;\n        background: var(--gradient-timeline);\n        -webkit-background-clip: text;\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n        color: transparent;\n    }\n\n    \/* Columna Centro - Punto *\/\n    .timeline-center {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        padding-top: 8px;\n        z-index: 2;\n    }\n\n    .timeline-point {\n        width: 16px;\n        height: 16px;\n        background-color: var(--color-line);\n        border-radius: 50%;\n        position: relative;\n        z-index: 2;\n        flex-shrink: 0;\n    }\n\n    \/* Columna Derecha - Contenido *\/\n    .timeline-right {\n        padding-left: 2rem;\n    }\n\n    .timeline-content {\n        \/* Sin margin-bottom aqu\u00ed *\/\n    }\n\n    .timeline-ano {\n        font-size: 20px;\n        font-weight: 700;\n        color: #00B4CF;\n        margin-bottom: 0.5rem;\n    }\n\n    .timeline-mes {\n        font-size: 18px;\n        font-weight: 600;\n        color: #1D1D3D;\n        text-transform: uppercase;\n        margin-bottom: 0.5rem;\n        margin-top: 1rem;\n    }\n\n    .timeline-mes:first-of-type {\n        margin-top: 0.5rem;\n    }\n\n    .timeline-avance {\n        color: #1D1D3D;\n        line-height: 1.6;\n        margin-bottom: 0; \/* SIN MARGIN-BOTTOM *\/\n        font-size: 18px;\n    }\n\n    .bloque__time__line__container__botonera {\n        margin-block: 5rem;\n        margin-inline: auto;\n        text-align: center;\n    }\n\n    a.bloque__time__line__container__botonera__boton1 {\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__time__line__container__botonera__boton1:hover {\n        background: linear-gradient(90deg, #00b4cf 0%, #3561ab 100%);\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 900px) {\n        .timeline-item {\n            grid-template-columns: 1fr 40px 1fr;\n        }\n\n        .timeline-left {\n            padding-right: 1rem;\n        }\n\n        .timeline-right {\n            padding-left: 1rem;\n        }\n\n        .timeline-fase h3 {\n            font-size: 28px;\n        }\n\n        .timeline-ano {\n            font-size: 18px;\n        }\n\n        .timeline-mes {\n            font-size: 16px;\n        }\n\n        .timeline-avance {\n            font-size: 16px;\n        }\n    }\n\n    @media (max-width: 600px) {\n        \/* Ocultar l\u00ednea principal en m\u00f3vil *\/\n        .timeline-main-line {\n            display: none;\n        }\n\n        .timeline-item {\n            grid-template-columns: 1fr;\n            margin-bottom: 2rem;\n            border-left: 3px solid var(--color-line);\n            padding-left: 1rem;\n            position: relative;\n        }\n\n        .timeline-item::before {\n            content: '';\n            width: 12px;\n            height: 12px;\n            background-color: var(--color-line);\n            border-radius: 50%;\n            position: absolute;\n            left: -7.5px;\n            top: 8px;\n        }\n\n        .timeline-left,\n        .timeline-right {\n            padding: 0;\n        }\n\n        .timeline-left {\n            text-align: left;\n            margin-bottom: 1rem;\n        }\n\n        .timeline-center {\n            display: none;\n        }\n\n        .timeline-fase h3 {\n            font-size: 24px;\n        }\n\n        .timeline-ano {\n            font-size: 18px;\n        }\n    }\n<\/style>\n\n<div id=\"time-line-block_72a6b9ecc45e749cc4f3f08eb5bbb861\" class=\"bloque__time__line block-time-line\">\n    <div class=\"bloque__time__line__container\">\n            \n        <!-- L\u00ednea central continua -->\n        <div class=\"timeline-main-line\"><\/div>\n        \n                    <div class=\"timeline-item\">\n                \n                <!-- Columna Izquierda - Fase -->\n                <div class=\"timeline-left\">\n                    <div class=\"timeline-fase\">\n                        <h3>Phase 1: Planning and bidding<\/h3>\n                    <\/div>\n                <\/div>\n                \n                <!-- Columna Centro - Punto -->\n                <div class=\"timeline-center\">\n                    <div class=\"timeline-point\"><\/div>\n                <\/div>\n                \n                <!-- Columna Derecha - Contenido -->\n                <div class=\"timeline-right\">\n                    <div class=\"timeline-content\">\n                        <!-- Mostrar a\u00f1o de la fase -->\n                                                                            <div class=\"timeline-ano\">2025<\/div>\n                                                \n                                                                                    <div class=\"timeline-mes\">February<\/div>\n                                \n                                                                                                            <p class=\"timeline-avance\">Conclusion of the drafting of the Master Plan<\/p>\n                                                                                                    \n                                                            <div class=\"timeline-mes\">March<\/div>\n                                \n                                                                                                            <p class=\"timeline-avance\">Tender for the first projects (including the expansion of the ITA)<\/p>\n                                                                                                    \n                                                            <div class=\"timeline-mes\"><\/div>\n                                \n                                                                                                            <p class=\"timeline-avance\">Approval of the Declaration of General Interest of Aragon (DIGA)<\/p>\n                                                                                                    \n                                                                        <\/div>\n                <\/div>\n                \n            <\/div>\n                    <div class=\"timeline-item\">\n                \n                <!-- Columna Izquierda - Fase -->\n                <div class=\"timeline-left\">\n                    <div class=\"timeline-fase\">\n                        <h3>Phase 2: Regulatory approvals<\/h3>\n                    <\/div>\n                <\/div>\n                \n                <!-- Columna Centro - Punto -->\n                <div class=\"timeline-center\">\n                    <div class=\"timeline-point\"><\/div>\n                <\/div>\n                \n                <!-- Columna Derecha - Contenido -->\n                <div class=\"timeline-right\">\n                    <div class=\"timeline-content\">\n                        <!-- Mostrar a\u00f1o de la fase -->\n                                                                            <div class=\"timeline-ano\">2026<\/div>\n                                                \n                                                                                    <div class=\"timeline-mes\"><\/div>\n                                \n                                                                                                            <p class=\"timeline-avance\">Final approval of the Project of General Interest for Aragon (PIGA)<\/p>\n                                                                                                    \n                                                            <div class=\"timeline-mes\"><\/div>\n                                \n                                                                                                            <p class=\"timeline-avance\">Start of construction of the first buildings<\/p>\n                                                                                                    \n                                                                        <\/div>\n                <\/div>\n                \n            <\/div>\n                    <div class=\"timeline-item\">\n                \n                <!-- Columna Izquierda - Fase -->\n                <div class=\"timeline-left\">\n                    <div class=\"timeline-fase\">\n                        <h3>Phase 3: start of works<\/h3>\n                    <\/div>\n                <\/div>\n                \n                <!-- Columna Centro - Punto -->\n                <div class=\"timeline-center\">\n                    <div class=\"timeline-point\"><\/div>\n                <\/div>\n                \n                <!-- Columna Derecha - Contenido -->\n                <div class=\"timeline-right\">\n                    <div class=\"timeline-content\">\n                        <!-- Mostrar a\u00f1o de la fase -->\n                                                                            <div class=\"timeline-ano\">2027<\/div>\n                                                \n                                                                                    <div class=\"timeline-mes\"><\/div>\n                                \n                                                                                                            <p class=\"timeline-avance\">Start of urbanisation and construction of the Headquarters<\/p>\n                                                                                                    \n                                                                        <\/div>\n                <\/div>\n                \n            <\/div>\n                    <div class=\"timeline-item\">\n                \n                <!-- Columna Izquierda - Fase -->\n                <div class=\"timeline-left\">\n                    <div class=\"timeline-fase\">\n                        <h3>Phase 4: handover of first buildings<\/h3>\n                    <\/div>\n                <\/div>\n                \n                <!-- Columna Centro - Punto -->\n                <div class=\"timeline-center\">\n                    <div class=\"timeline-point\"><\/div>\n                <\/div>\n                \n                <!-- Columna Derecha - Contenido -->\n                <div class=\"timeline-right\">\n                    <div class=\"timeline-content\">\n                        <!-- Mostrar a\u00f1o de la fase -->\n                                                                            <div class=\"timeline-ano\">2028<\/div>\n                                                \n                                                                                    <div class=\"timeline-mes\"><\/div>\n                                \n                                                                                                            <p class=\"timeline-avance\">Completion of first buildings<\/p>\n                                                                                                    \n                                                                        <\/div>\n                <\/div>\n                \n            <\/div>\n                    <div class=\"timeline-item\">\n                \n                <!-- Columna Izquierda - Fase -->\n                <div class=\"timeline-left\">\n                    <div class=\"timeline-fase\">\n                        <h3>Phase 5: Completion and Expansion<\/h3>\n                    <\/div>\n                <\/div>\n                \n                <!-- Columna Centro - Punto -->\n                <div class=\"timeline-center\">\n                    <div class=\"timeline-point\"><\/div>\n                <\/div>\n                \n                <!-- Columna Derecha - Contenido -->\n                <div class=\"timeline-right\">\n                    <div class=\"timeline-content\">\n                        <!-- Mostrar a\u00f1o de la fase -->\n                                                                            <div class=\"timeline-ano\">2029<\/div>\n                                                \n                                                                                    <div class=\"timeline-mes\"><\/div>\n                                \n                                                                                                            <p class=\"timeline-avance\">Completion of the works contained in the PIGA<\/p>\n                                                                                                    \n                                                            <div class=\"timeline-mes\"><\/div>\n                                \n                                                                                                            <p class=\"timeline-avance\">Execution of remaining works and new implementations<\/p>\n                                                                                                    \n                                                                        <\/div>\n                <\/div>\n                \n            <\/div>\n            <\/div>\n    <\/div>\n<div class=\"bloque__time__line__container__botonera\">\n                <a class=\"bloque__time__line__container__botonera__boton1\" href=\"https:\/\/datalierta.com\/en\/present\/\">Read the latest news<\/a>\n    <\/div>\n\n\n<style type=\"text\/css\">\n\t#contacto-block_f7a23dd05d20a2564cd7c9170e3ca4fc {\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_f7a23dd05d20a2564cd7c9170e3ca4fc\" 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-29","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/29","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=29"}],"version-history":[{"count":37,"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":713,"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/29\/revisions\/713"}],"wp:attachment":[{"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}