{"id":35,"date":"2025-07-09T22:54:55","date_gmt":"2025-07-09T20:54:55","guid":{"rendered":"https:\/\/datalierta.com\/?page_id=35"},"modified":"2025-09-15T22:47:02","modified_gmt":"2025-09-15T20:47:02","slug":"dat-news","status":"publish","type":"page","link":"https:\/\/datalierta.com\/en\/dat-news\/","title":{"rendered":"Dat news"},"content":{"rendered":"\n<style type=\"text\/css\">\n\t#hero-block_e2b1c4cace96a244cf2c3ef078ad7bc4 {\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_e2b1c4cace96a244cf2c3ef078ad7bc4\" 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                                    Dat news                                                    <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\/5-actualidad.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                Follow the milestones, investment announcements and developments that take place at DAT Alierta as the project grows and grows.\r\n                <\/p>\n                                        <p class=\"bloque__hero__container-inf__contenido-extra\">\n                    Milestones \u00b7 Investments \u00b7 Progress                <\/p>\n                    <\/div>\n    <\/div>\n<\/section>\n\n\n<style type=\"text\/css\">\n\t#video-imagen-block_1d76a30244333af5302a245f53935533 {\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_1d76a30244333af5302a245f53935533\" class=\"bloque__video__imagen block-video-imagen alignfull\">\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\/9-actualidad.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_c94f7de375afe98000fef4991bf331a3 {\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_c94f7de375afe98000fef4991bf331a3\" class=\"bloque__contenido__principal block-contenido-principal\">\n    <div class=\"bloque__contenido__principal__container\">\n                    <h2 class=\"bloque__contenido__principal__container__encabezado-principal\">News, Milestones and Advances_<\/h2>\n                            <h3 class=\"bloque__contenido__principal__container__subencabezado\">Stay up to date on the development of the technological district that is redefining the future of Aragon.<\/h3>\n                            <div class=\"bloque__contenido__principal__container__contenido-extendido\"><p class=\"p1\">This section is a real-time window into the dynamics of our project. Here you\u2019ll find the latest news, investment announcements, construction milestones, and events that set the <b>pace of our growth<\/b>. Discover how DAT Alierta advances day by day, turning a bold vision into a <b>solid and vibrant reality<\/b>.<\/p>\n<\/div>\n                \n                                        \n    <\/div>\n<\/section>\n\n    \n    <div id=\"posts-grid-container\" class=\"posts-grid-container\">\n        \n                <!-- Filtros -->\n        <div class=\"posts-grid-filters\">\n            <form id=\"posts-filter-form\" method=\"GET\" action=\"\">\n                <div class=\"filter-row\">\n                    <!-- Filtro de categor\u00edas -->\n                    <div class=\"filter-item\">\n                        <select name=\"categoria_filter\" id=\"categoria_filter\" class=\"posts-filter-select\">\n                            <option value=\"\">Topic<\/option>\n                                                            <option value=\"new\" \n                                    >\n                                    New                                <\/option>\n                                                    <\/select>\n                    <\/div>\n                    \n                    <!-- Filtro de a\u00f1os -->\n                    <div class=\"filter-item\">\n                        <select name=\"year_filter\" id=\"year_filter\" class=\"posts-filter-select\">\n                            <option value=\"\">Date<\/option>\n                                                            <option value=\"2025\" \n                                    >\n                                    2025                                <\/option>\n                                                            <option value=\"2024\" \n                                    >\n                                    2024                                <\/option>\n                                                    <\/select>\n                    <\/div>\n                    \n                    <!-- Bot\u00f3n limpiar filtros -->\n                    <div class=\"filter-item\">\n                        <button type=\"button\" id=\"clear-filters\" class=\"posts-clear-btn\">Clean filters<\/button>\n                    <\/div>\n                <\/div>\n            <\/form>\n        <\/div>\n                \n        <!-- Loading indicator -->\n        <div id=\"posts-loading\" class=\"posts-loading\" style=\"display: none;\">\n            <p>Cargando...<\/p>\n        <\/div>\n        \n        <!-- Grid de posts -->\n        <div id=\"posts-grid\" class=\"posts-grid\">\n                            <div class=\"posts-grid-wrapper\">\n                                            <article class=\"post-grid-item\">\n                            <div class=\"post-grid-image\">\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/04\/c79ce516-359a-49de-b721-89ee9dbb362f_source-aspect-ratio_default_0_x800y355-1024x682.webp\" class=\"post-img wp-post-image\" alt=\"\" srcset=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/04\/c79ce516-359a-49de-b721-89ee9dbb362f_source-aspect-ratio_default_0_x800y355-1024x682.webp 1024w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/04\/c79ce516-359a-49de-b721-89ee9dbb362f_source-aspect-ratio_default_0_x800y355-300x200.webp 300w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/04\/c79ce516-359a-49de-b721-89ee9dbb362f_source-aspect-ratio_default_0_x800y355-768x512.webp 768w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/04\/c79ce516-359a-49de-b721-89ee9dbb362f_source-aspect-ratio_default_0_x800y355-1536x1023.webp 1536w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/04\/c79ce516-359a-49de-b721-89ee9dbb362f_source-aspect-ratio_default_0_x800y355.webp 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                                                <div class=\"post-grid-overlay\"><\/div>\n                                <div class=\"post-grid-content\">\n                                    <h3 class=\"post-grid-title\">\n                                        <a href=\"https:\/\/datalierta.com\/en\/dga-and-zaragoza-join-forces-with-dat-alierta\/\">DGA and Zaragoza join forces with DAT Alierta<\/a>\n                                    <\/h3>\n                                    <a href=\"https:\/\/datalierta.com\/en\/dga-and-zaragoza-join-forces-with-dat-alierta\/\" class=\"post-grid-btn\">Read the full article<\/a>\n                                <\/div>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"post-grid-item\">\n                            <div class=\"post-grid-image\">\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"990\" height=\"743\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Portada-02.webp\" class=\"post-img wp-post-image\" alt=\"\" srcset=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Portada-02.webp 990w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Portada-02-300x225.webp 300w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Portada-02-768x576.webp 768w\" sizes=\"auto, (max-width: 990px) 100vw, 990px\" \/>                                                                <div class=\"post-grid-overlay\"><\/div>\n                                <div class=\"post-grid-content\">\n                                    <h3 class=\"post-grid-title\">\n                                        <a href=\"https:\/\/datalierta.com\/en\/idom-delivers-the-master-plan\/\">IDOM Delivers the Master Plan<\/a>\n                                    <\/h3>\n                                    <a href=\"https:\/\/datalierta.com\/en\/idom-delivers-the-master-plan\/\" class=\"post-grid-btn\">Read the full article<\/a>\n                                <\/div>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"post-grid-item\">\n                            <div class=\"post-grid-image\">\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Portada-01-1024x585.webp\" class=\"post-img wp-post-image\" alt=\"\" srcset=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Portada-01-1024x585.webp 1024w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Portada-01-300x171.webp 300w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Portada-01-768x438.webp 768w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2026\/01\/Portada-01.webp 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                                                <div class=\"post-grid-overlay\"><\/div>\n                                <div class=\"post-grid-content\">\n                                    <h3 class=\"post-grid-title\">\n                                        <a href=\"https:\/\/datalierta.com\/en\/everything-about-the-new-espanix-node\/\">Everything About the New Espanix Node<\/a>\n                                    <\/h3>\n                                    <a href=\"https:\/\/datalierta.com\/en\/everything-about-the-new-espanix-node\/\" class=\"post-grid-btn\">Read the full article<\/a>\n                                <\/div>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"post-grid-item\">\n                            <div class=\"post-grid-image\">\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/La-oportunidad-_Evergreen_-1024x572.webp\" class=\"post-img wp-post-image\" alt=\"\" srcset=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/La-oportunidad-_Evergreen_-1024x572.webp 1024w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/La-oportunidad-_Evergreen_-300x167.webp 300w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/La-oportunidad-_Evergreen_-768x429.webp 768w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/La-oportunidad-_Evergreen_.webp 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                                                <div class=\"post-grid-overlay\"><\/div>\n                                <div class=\"post-grid-content\">\n                                    <h3 class=\"post-grid-title\">\n                                        <a href=\"https:\/\/datalierta.com\/en\/the-evergreen-opportunity-how-aragons-smes-can-become-cloud-suppliers\/\">The &#8216;evergreen&#8217; opportunity: how Aragon&#8217;s SMEs can become cloud suppliers<\/a>\n                                    <\/h3>\n                                    <a href=\"https:\/\/datalierta.com\/en\/the-evergreen-opportunity-how-aragons-smes-can-become-cloud-suppliers\/\" class=\"post-grid-btn\">Read the full article<\/a>\n                                <\/div>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"post-grid-item\">\n                            <div class=\"post-grid-image\">\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/la-oportunidad-oculta-de-la-FP-1024x572.webp\" class=\"post-img wp-post-image\" alt=\"\" srcset=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/la-oportunidad-oculta-de-la-FP-1024x572.webp 1024w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/la-oportunidad-oculta-de-la-FP-300x167.webp 300w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/la-oportunidad-oculta-de-la-FP-768x429.webp 768w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/la-oportunidad-oculta-de-la-FP.webp 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                                                <div class=\"post-grid-overlay\"><\/div>\n                                <div class=\"post-grid-content\">\n                                    <h3 class=\"post-grid-title\">\n                                        <a href=\"https:\/\/datalierta.com\/en\/beyond-code-the-explosion-in-demand-for-technical-profiles-and-vocational-training-in-data-driven-aragon\/\">Beyond code: the explosion in demand for technical profiles and vocational training in Data-Driven Aragon<\/a>\n                                    <\/h3>\n                                    <a href=\"https:\/\/datalierta.com\/en\/beyond-code-the-explosion-in-demand-for-technical-profiles-and-vocational-training-in-data-driven-aragon\/\" class=\"post-grid-btn\">Read the full article<\/a>\n                                <\/div>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"post-grid-item\">\n                            <div class=\"post-grid-image\">\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Aragon-Tech-Hub-1024x572.webp\" class=\"post-img wp-post-image\" alt=\"\" srcset=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Aragon-Tech-Hub-1024x572.webp 1024w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Aragon-Tech-Hub-300x167.webp 300w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Aragon-Tech-Hub-768x429.webp 768w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/Aragon-Tech-Hub.webp 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                                                <div class=\"post-grid-overlay\"><\/div>\n                                <div class=\"post-grid-content\">\n                                    <h3 class=\"post-grid-title\">\n                                        <a href=\"https:\/\/datalierta.com\/en\/aragon-tech-hub-from-the-traction-of-the-wave-to-the-day-to-day-ecosystem-of-dat-alierta\/\">Aragon Tech Hub: from the traction of &#8216;The Wave&#8217; to the day-to-day ecosystem of DAT Alierta<\/a>\n                                    <\/h3>\n                                    <a href=\"https:\/\/datalierta.com\/en\/aragon-tech-hub-from-the-traction-of-the-wave-to-the-day-to-day-ecosystem-of-dat-alierta\/\" class=\"post-grid-btn\">Read the full article<\/a>\n                                <\/div>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"post-grid-item\">\n                            <div class=\"post-grid-image\">\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/De-la-tesis-a-la-empresa-1024x572.webp\" class=\"post-img wp-post-image\" alt=\"\" srcset=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/De-la-tesis-a-la-empresa-1024x572.webp 1024w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/De-la-tesis-a-la-empresa-300x167.webp 300w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/De-la-tesis-a-la-empresa-768x429.webp 768w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/De-la-tesis-a-la-empresa.webp 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                                                <div class=\"post-grid-overlay\"><\/div>\n                                <div class=\"post-grid-content\">\n                                    <h3 class=\"post-grid-title\">\n                                        <a href=\"https:\/\/datalierta.com\/en\/from-lab-to-market-how-dat-alierta-turns-university-science-into-business\/\">From lab to market: how DAT Alierta turns university science into business<\/a>\n                                    <\/h3>\n                                    <a href=\"https:\/\/datalierta.com\/en\/from-lab-to-market-how-dat-alierta-turns-university-science-into-business\/\" class=\"post-grid-btn\">Read the full article<\/a>\n                                <\/div>\n                            <\/div>\n                        <\/article>\n                                            <article class=\"post-grid-item\">\n                            <div class=\"post-grid-image\">\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/lanzar-tu-startup-en-Aragon-1024x572.webp\" class=\"post-img wp-post-image\" alt=\"\" srcset=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/lanzar-tu-startup-en-Aragon-1024x572.webp 1024w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/lanzar-tu-startup-en-Aragon-300x167.webp 300w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/lanzar-tu-startup-en-Aragon-768x429.webp 768w, https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/12\/lanzar-tu-startup-en-Aragon.webp 1376w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                                                                <div class=\"post-grid-overlay\"><\/div>\n                                <div class=\"post-grid-content\">\n                                    <h3 class=\"post-grid-title\">\n                                        <a href=\"https:\/\/datalierta.com\/en\/where-to-launch-your-startup-in-aragon-comparative-guide-walqa-vs-motorland-vs-dat-alierta\/\">Where to launch your startup in Aragon? Comparative guide: Walqa vs. MotorLand vs. DAT Alierta<\/a>\n                                    <\/h3>\n                                    <a href=\"https:\/\/datalierta.com\/en\/where-to-launch-your-startup-in-aragon-comparative-guide-walqa-vs-motorland-vs-dat-alierta\/\" class=\"post-grid-btn\">Read the full article<\/a>\n                                <\/div>\n                            <\/div>\n                        <\/article>\n                                    <\/div>\n                \n                <!-- Paginaci\u00f3n -->\n                                    <div class=\"posts-pagination\">\n                        <ul class='page-numbers'>\n\t<li><span aria-current=\"page\" class=\"page-numbers current\">1<\/span><\/li>\n\t<li><a class=\"page-numbers\" href=\"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/35\/?paged=2&#038;categoria_filter&#038;year_filter\">2<\/a><\/li>\n\t<li><a class=\"page-numbers\" href=\"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/35\/?paged=3&#038;categoria_filter&#038;year_filter\">3<\/a><\/li>\n\t<li><a class=\"page-numbers\" href=\"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/35\/?paged=4&#038;categoria_filter&#038;year_filter\">4<\/a><\/li>\n\t<li><a class=\"next page-numbers\" href=\"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/35\/?paged=2&#038;categoria_filter&#038;year_filter\">Next \u2192<\/a><\/li>\n<\/ul>\n                    <\/div>\n                                \n                    <\/div>\n    <\/div>\n    \n    <style>\n    \/* Container principal *\/\n    .posts-grid-container {\n        max-width: 1400px;\n        margin: 2rem auto;\n        padding: 0 20px;\n    }\n    \n    \/* Filtros *\/\n    .posts-grid-filters {\n        margin-bottom: 3rem;\n        background: #f8f9fa;\n        padding: 2rem;\n    }\n    \n    .filter-row {\n        display: flex;\n        gap: 1.5rem;\n        align-items: center;\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n    \n    .filter-item {\n        position: relative;\n    }\n    \n    .posts-filter-select {\n        appearance: none;\n        background: white;\n        border: 2px solid #e5e7eb;\n        padding: 14px 40px 14px 16px;\n        font-size: 16px;\n        font-weight: 500;\n        color: #374151;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        min-width: 180px;\n        height: 50px;\n        line-height: 1;\n    }\n    \n    .posts-filter-select:focus {\n        outline: none;\n        border-color: #00B4CF;\n    }\n    \n    .posts-filter-select:hover {\n        border-color: #00B4CF;\n    }\n    \n    \/* Flecha del dropdown *\/\n    .filter-item::after {\n        content: '\u25bc';\n        position: absolute;\n        right: 8px;\n        top: 50%;\n        transform: translateY(-50%);\n        color: #6b7280;\n        pointer-events: none;\n        font-size: 12px;\n    }\n    \n    .posts-clear-btn {\n        background: transparent;\n        border: 2px solid #6b7280;\n        padding: 14px 20px;\n        font-size: 16px;\n        font-weight: 500;\n        color: #6b7280;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        height: 50px;\n        line-height: 1;\n    }\n    \n    .posts-clear-btn:hover {\n        background: #6b7280;\n        color: white;\n    }\n    \n    \/* Loading *\/\n    .posts-loading {\n        text-align: center;\n        padding: 2rem;\n        color: #6b7280;\n    }\n    \n    \/* Grid de posts *\/\n    .posts-grid-wrapper {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 1rem;\n        margin-bottom: 3rem;\n    }\n\t\n\th3.post-grid-title {\n\t\ttext-transform: uppercase;\n\t}\n    \n    .post-grid-item {\n        position: relative;\n        aspect-ratio: 16\/9;\n        overflow: hidden;\n    }\n    \n    .post-grid-image {\n        position: relative;\n        width: 100%;\n        height: 100%;\n    }\n    \n    .post-img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n        display: block;\n    }\n    \n    .post-grid-content {\n        position: absolute;\n        bottom: 24px;\n        left: 0;\n        z-index: 3;\n        color: white;\n        max-width: 80%;\n        padding-left: 20px;\n    }\n    \n    .post-grid-title {\n        margin: 0 0 15px 0;\n        font-size: clamp(1.2rem, 2vw, 1.6rem);\n        line-height: 1.3;\n    }\n    \n    .post-grid-title a {\n        color: white;\n        text-decoration: none !important;\n    }\n    \n    .post-grid-btn {\n        background: linear-gradient(90deg, #3561ab 0%, #00b4cf 100%);\n\t\tpadding: 10px 1.3rem;\n\t\tborder-radius: 0 50px 0 0;\n\t\tcolor: #ffffff;\n\t\ttext-decoration: none !important;\n\t\tline-height: 100%;\n\t\tfont-size: clamp(1.125rem, 0.37vw + 1.051rem, 1.375rem);\n\t\tfont-weight: 500;\n    }\n    \n    .post-grid-btn:hover {\n        background: linear-gradient(90deg, #00b4cf 0%, #3561ab 100%) !important;\n    \tcolor: #ffffff;\n    }\n    \n    \/* Sin resultados *\/\n    .posts-no-results {\n        text-align: center;\n        padding: 3rem;\n        color: #6b7280;\n        font-size: 18px;\n    }\n    \n    \/* Paginaci\u00f3n *\/\n    .posts-pagination {\n        display: flex;\n        justify-content: center;\n        margin-top: 3rem;\n    }\n    \n    .posts-pagination ul {\n        display: flex;\n        list-style: none;\n        gap: 0.5rem;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .posts-pagination a,\n    .posts-pagination span {\n        display: block;\n        padding: 10px 15px;\n        color: #374151;\n        text-decoration: none;\n        border: 1px solid #e5e7eb;\n        transition: all 0.3s ease;\n    }\n    \n    .posts-pagination a:hover {\n        background: #00B4CF;\n        color: white;\n        border-color: #00B4CF;\n    }\n    \n    .posts-pagination .current {\n        background: #00B4CF;\n        color: white;\n        border-color: #00B4CF;\n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 900px) {\n        .posts-grid-wrapper {\n            grid-template-columns: 1fr;\n            gap: 1rem;\n        }\n        \n        .filter-row {\n            flex-direction: column;\n            gap: 1rem;\n        }\n        \n        .posts-filter-select {\n            min-width: 250px;\n        }\n        \n        .posts-grid-filters {\n            padding: 1.5rem;\n        }\n        \n        .post-grid-content {\n            bottom: 16px;\n            padding-left: 16px;\n            max-width: 85%;\n        }\n    }\n    \n    @media (max-width: 600px) {\n        .posts-grid-container {\n            padding: 0 15px;\n        }\n        \n        .posts-filter-select {\n            min-width: 200px;\n        }\n        \n        .post-grid-content {\n            bottom: 10px;\n            padding-left: 10px;\n            max-width: 90%;\n        }\n    }\n    <\/style>\n    \n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const form = document.getElementById('posts-filter-form');\n        const categoriaSelect = document.getElementById('categoria_filter');\n        const yearSelect = document.getElementById('year_filter');\n        const clearBtn = document.getElementById('clear-filters');\n        const postsGrid = document.getElementById('posts-grid');\n        const loading = document.getElementById('posts-loading');\n        const container = document.getElementById('posts-grid-container');\n        \n        \/\/ Funci\u00f3n para hacer scroll suave al contenedor\n        function scrollToContainer() {\n            const offsetTop = container.offsetTop - 100; \/\/ 100px de margen superior\n            window.scrollTo({\n                top: offsetTop,\n                behavior: 'smooth'\n            });\n        }\n        \n        \/\/ Funci\u00f3n para hacer AJAX request\n        function filterPosts(page = 1, shouldScroll = false) {\n            const categoria = categoriaSelect.value;\n            const year = yearSelect.value;\n            \n            \/\/ Mostrar loading\n            loading.style.display = 'block';\n            postsGrid.style.opacity = '0.5';\n            \n            \/\/ Preparar datos para AJAX\n            const formData = new FormData();\n            formData.append('action', 'filter_posts_grid');\n            formData.append('categoria_filter', categoria);\n            formData.append('year_filter', year);\n            formData.append('paged', page);\n            formData.append('posts_per_page', 8);\n            \n            \/\/ Hacer request AJAX\n            fetch('https:\/\/datalierta.com\/en\/wp-admin\/admin-ajax.php', {\n                method: 'POST',\n                body: formData\n            })\n            .then(response => response.text())\n            .then(data => {\n                \/\/ Actualizar contenido\n                postsGrid.innerHTML = data;\n                \n                \/\/ Ocultar loading\n                loading.style.display = 'none';\n                postsGrid.style.opacity = '1';\n                \n                \/\/ Hacer scroll si es necesario (cambio de p\u00e1gina)\n                if (shouldScroll) {\n                    setTimeout(() => {\n                        scrollToContainer();\n                    }, 100); \/\/ Peque\u00f1o delay para asegurar que el contenido se haya renderizado\n                }\n                \n                \/\/ Actualizar URL sin recargar\n                const url = new URL(window.location);\n                if (categoria) {\n                    url.searchParams.set('categoria_filter', categoria);\n                } else {\n                    url.searchParams.delete('categoria_filter');\n                }\n                \n                if (year) {\n                    url.searchParams.set('year_filter', year);\n                } else {\n                    url.searchParams.delete('year_filter');\n                }\n                \n                if (page > 1) {\n                    url.searchParams.set('paged', page);\n                } else {\n                    url.searchParams.delete('paged');\n                }\n                \n                window.history.pushState({}, '', url);\n                \n                \/\/ Re-attach pagination events\n                attachPaginationEvents();\n            })\n            .catch(error => {\n                console.error('Error:', error);\n                loading.style.display = 'none';\n                postsGrid.style.opacity = '1';\n            });\n        }\n        \n        \/\/ Funci\u00f3n para adjuntar eventos de paginaci\u00f3n\n        function attachPaginationEvents() {\n            const paginationLinks = document.querySelectorAll('.posts-pagination a');\n            paginationLinks.forEach(link => {\n                link.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    const url = new URL(this.href);\n                    const page = url.searchParams.get('paged') || 1;\n                    \/\/ Pasar true para indicar que debe hacer scroll\n                    filterPosts(page, true);\n                });\n            });\n        }\n        \n        \/\/ Event listeners para filtros (sin scroll autom\u00e1tico)\n        categoriaSelect.addEventListener('change', () => filterPosts(1, false));\n        yearSelect.addEventListener('change', () => filterPosts(1, false));\n        \n        \/\/ Limpiar filtros (sin scroll autom\u00e1tico)\n        clearBtn.addEventListener('click', function() {\n            categoriaSelect.value = '';\n            yearSelect.value = '';\n            filterPosts(1, false);\n        });\n        \n        \/\/ Adjuntar eventos de paginaci\u00f3n al cargar\n        attachPaginationEvents();\n    });\n    <\/script>\n    \n    \n\n\n\n<style type=\"text\/css\">\n\t#contacto-block_b61d76b87b69ca0f3619dbb113ed083d {\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_b61d76b87b69ca0f3619dbb113ed083d\" 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-35","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/35","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=35"}],"version-history":[{"count":17,"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":717,"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/35\/revisions\/717"}],"wp:attachment":[{"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}