{"id":32,"date":"2025-07-09T22:54:33","date_gmt":"2025-07-09T20:54:33","guid":{"rendered":"https:\/\/datalierta.com\/?page_id=32"},"modified":"2025-09-15T22:46:18","modified_gmt":"2025-09-15T20:46:18","slug":"ecosystem","status":"publish","type":"page","link":"https:\/\/datalierta.com\/en\/ecosystem\/","title":{"rendered":"Ecosystem"},"content":{"rendered":"\n<style type=\"text\/css\">\n\t#hero-block_0d14075df119860ca2bd7e5b9e008175 {\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_0d14075df119860ca2bd7e5b9e008175\" 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                                    ECOSYSTEM                                                    <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\/4-ecosistema.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                Meet the pioneers in industry, science, and academia who are already building the future at DAT Alierta.\r\n                <\/p>\n                                        <p class=\"bloque__hero__container-inf__contenido-extra\">\n                    Companies \u00b7 Science \u00b7 Talent                <\/p>\n                    <\/div>\n    <\/div>\n<\/section>\n\n\n<style type=\"text\/css\">\n\t#video-imagen-block_3c38f34aed2ab119a3c95d5782d23a0b {\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_3c38f34aed2ab119a3c95d5782d23a0b\" 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\/8-ecosistema.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_a4d796066d0b5d498db8c243f70ad124 {\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_a4d796066d0b5d498db8c243f70ad124\" class=\"bloque__contenido__principal block-contenido-principal\">\n    <div class=\"bloque__contenido__principal__container\">\n                    <h2 class=\"bloque__contenido__principal__container__encabezado-principal\">Companies and institutions_<\/h2>\n                            <h3 class=\"bloque__contenido__principal__container__subencabezado\">The true value of DAT Alierta lies in all the private companies and public institutions that comprise it.\r\n<\/h3>\n                            <div class=\"bloque__contenido__principal__container__contenido-extendido\"><p class=\"p1\">A vibrant and collaborative ecosystem of <b>academic institutions, elite research centres, and pioneering technology companies<\/b> that are already building the future from Zaragoza. By establishing your company here, your company will not only occupy a space, but will form part of a <b>network of knowledge, talent and business opportunities<\/b>.<\/p>\n<p class=\"p1\">This ecosystem did not just emerge from nowhere, but is the result of a deliberate strategy. It is built on the solid foundation of the University of Zaragoza\u2019s <b>academic talent<\/b> and the applied <b>R&amp;D experience<\/b> of centres such as the ITA. This foundation has attracted powerhouses of pure research like CIRCE and the CSIC (Spanish National Research Council), which have invested millions to build ambitious new facilities.<\/p>\n<p class=\"p1\">This combination of talent, <b>applied research, and fundamental science<\/b> has created an irresistible magnet for global <b>corporate leaders<\/b> like Siemens, seeking to be at the epicentre of innovation. To ensure the sustainability of this virtuous circle, the ecosystem is complemented by a <b>strategic investment<\/b> in a new <b>Vocational Training<\/b> Centre, thus guaranteeing a constant flow of highly qualified technical talent.<\/p>\n<\/div>\n                \n                                        \n    <\/div>\n<\/section>\n\n\n<style type=\"text\/css\">\n    #ecosistema {\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=\"ecosistema\" class=\"bloque__tabs block-tabs\">\n    <div class=\"bloque__tabs__container\">\n        \n                    <h2 class=\"bloque__tabs__container__encabezado\">\n                Browse the ecosystem we are creating.            <\/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                                Private companies                            <\/div>\n                                                                                                                        <div \n                                class=\"bloque__tabs__tab-heading\"\n                                data-tab=\"1\"\n                                                                    :class=\"activeTab === 1 ? 'active' : ''\"\n                                    @click=\"activeTab = 1\"\n                                                            >\n                                Public institutions                            <\/div>\n                                                                                                                        <div \n                                class=\"bloque__tabs__tab-heading\"\n                                data-tab=\"2\"\n                                                                    :class=\"activeTab === 2 ? 'active' : ''\"\n                                    @click=\"activeTab = 2\"\n                                                            >\n                                Research centers                            <\/div>\n                                                                                                                        <div \n                                class=\"bloque__tabs__tab-heading\"\n                                data-tab=\"3\"\n                                                                    :class=\"activeTab === 3 ? 'active' : ''\"\n                                    @click=\"activeTab = 3\"\n                                                            >\n                                Training centers                            <\/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 de directorio -->\n                                <div class=\"bloque__tabs__directorio-grid\">\n                                                                                    <div class=\"bloque__tabs__directorio-item\">\n                                                    <a href=\"https:\/\/datalierta.com\/en\/directorio\/integra-tecnologia-strategic-partner-in-digital-transformation\/\">\n                                                        <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/10\/Integra-Tecnologia.png\" alt=\"Integra Tecnolog\u00eda: strategic partner in digital transformation\" \/>\n                                                    <\/a>\n                                                <\/div>\n                                                                                    <div class=\"bloque__tabs__directorio-item\">\n                                                    <a href=\"https:\/\/datalierta.com\/en\/directorio\/siemens-socio-estrategico-en-digitalizacion-e-impulso-de-talento\/\">\n                                                        <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/Siemens.png\" alt=\"Siemens: strategic partner in digitalization and talent promotion\" \/>\n                                                    <\/a>\n                                                <\/div>\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 de directorio -->\n                                <div class=\"bloque__tabs__directorio-grid\">\n                                                                                    <div class=\"bloque__tabs__directorio-item\">\n                                                    <a href=\"https:\/\/datalierta.com\/en\/directorio\/ita-rdi-and-technology-transfer-engine\/\">\n                                                        <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/ITA.png\" alt=\"ITA: R&amp;D+i and technology transfer engine\" \/>\n                                                    <\/a>\n                                                <\/div>\n                                                                                    <div class=\"bloque__tabs__directorio-item\">\n                                                    <a href=\"https:\/\/datalierta.com\/en\/directorio\/ceei-aragon-center-for-entrepreneurship-and-innovation-support\/\">\n                                                        <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/logo-ceeiaragon.png\" alt=\"CEEI Arag\u00f3n: center for entrepreneurship and innovation support\" \/>\n                                                    <\/a>\n                                                <\/div>\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 de directorio -->\n                                <div class=\"bloque__tabs__directorio-grid\">\n                                                                                    <div class=\"bloque__tabs__directorio-item\">\n                                                    <a href=\"https:\/\/datalierta.com\/en\/directorio\/circe-energy-pioneer-and-first-tenant\/\">\n                                                        <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/CIRCE-Centro-tecnologico-1.png\" alt=\"CIRCE: energy pioneer and first tenant\" \/>\n                                                    <\/a>\n                                                <\/div>\n                                                                                    <div class=\"bloque__tabs__directorio-item\">\n                                                    <a href=\"https:\/\/datalierta.com\/en\/directorio\/csic-scientific-excellence-and-energy-hub\/\">\n                                                        <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/CSIC-scaled.png\" alt=\"CSIC: scientific excellence and energy hub\" \/>\n                                                    <\/a>\n                                                <\/div>\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 de directorio -->\n                                <div class=\"bloque__tabs__directorio-grid\">\n                                                                                    <div class=\"bloque__tabs__directorio-item\">\n                                                    <a href=\"https:\/\/datalierta.com\/en\/directorio\/university-of-zaragoza-talent-training-and-ecosystem-connector\/\">\n                                                        <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/Unizar.png\" alt=\"University of Zaragoza: talent training and ecosystem connector\" \/>\n                                                    <\/a>\n                                                <\/div>\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>Private companies<\/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 de directorio -->\n                                    <div class=\"bloque__tabs__directorio-grid\">\n                                                                                            <div class=\"bloque__tabs__directorio-item\">\n                                                        <a href=\"https:\/\/datalierta.com\/en\/directorio\/integra-tecnologia-strategic-partner-in-digital-transformation\/\">\n                                                            <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/10\/Integra-Tecnologia.png\" alt=\"Integra Tecnolog\u00eda: strategic partner in digital transformation\" \/>\n                                                        <\/a>\n                                                    <\/div>\n                                                                                            <div class=\"bloque__tabs__directorio-item\">\n                                                        <a href=\"https:\/\/datalierta.com\/en\/directorio\/siemens-socio-estrategico-en-digitalizacion-e-impulso-de-talento\/\">\n                                                            <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/Siemens.png\" alt=\"Siemens: strategic partner in digitalization and talent promotion\" \/>\n                                                        <\/a>\n                                                    <\/div>\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>Public institutions<\/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 de directorio -->\n                                    <div class=\"bloque__tabs__directorio-grid\">\n                                                                                            <div class=\"bloque__tabs__directorio-item\">\n                                                        <a href=\"https:\/\/datalierta.com\/en\/directorio\/ita-rdi-and-technology-transfer-engine\/\">\n                                                            <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/ITA.png\" alt=\"ITA: R&amp;D+i and technology transfer engine\" \/>\n                                                        <\/a>\n                                                    <\/div>\n                                                                                            <div class=\"bloque__tabs__directorio-item\">\n                                                        <a href=\"https:\/\/datalierta.com\/en\/directorio\/ceei-aragon-center-for-entrepreneurship-and-innovation-support\/\">\n                                                            <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/logo-ceeiaragon.png\" alt=\"CEEI Arag\u00f3n: center for entrepreneurship and innovation support\" \/>\n                                                        <\/a>\n                                                    <\/div>\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>Research centers<\/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 de directorio -->\n                                    <div class=\"bloque__tabs__directorio-grid\">\n                                                                                            <div class=\"bloque__tabs__directorio-item\">\n                                                        <a href=\"https:\/\/datalierta.com\/en\/directorio\/circe-energy-pioneer-and-first-tenant\/\">\n                                                            <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/CIRCE-Centro-tecnologico-1.png\" alt=\"CIRCE: energy pioneer and first tenant\" \/>\n                                                        <\/a>\n                                                    <\/div>\n                                                                                            <div class=\"bloque__tabs__directorio-item\">\n                                                        <a href=\"https:\/\/datalierta.com\/en\/directorio\/csic-scientific-excellence-and-energy-hub\/\">\n                                                            <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/CSIC-scaled.png\" alt=\"CSIC: scientific excellence and energy hub\" \/>\n                                                        <\/a>\n                                                    <\/div>\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>Training centers<\/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 de directorio -->\n                                    <div class=\"bloque__tabs__directorio-grid\">\n                                                                                            <div class=\"bloque__tabs__directorio-item\">\n                                                        <a href=\"https:\/\/datalierta.com\/en\/directorio\/university-of-zaragoza-talent-training-and-ecosystem-connector\/\">\n                                                            <img decoding=\"async\" src=\"https:\/\/datalierta.com\/en\/wp-content\/uploads\/sites\/2\/2025\/07\/Unizar.png\" alt=\"University of Zaragoza: talent training and ecosystem connector\" \/>\n                                                        <\/a>\n                                                    <\/div>\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\/services\/\">\n                    Learn about our services                <\/a>\n            <\/div>\n                \n    <\/div>\n<\/section>\n\n\n\n\n<style type=\"text\/css\">\n\t#contacto-block_213d70dac62d0cf39cb3444551116216 {\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_213d70dac62d0cf39cb3444551116216\" 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-32","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/32","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=32"}],"version-history":[{"count":17,"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":715,"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/pages\/32\/revisions\/715"}],"wp:attachment":[{"href":"https:\/\/datalierta.com\/en\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}