{"id":94,"date":"2026-07-30T00:24:09","date_gmt":"2026-07-30T00:24:09","guid":{"rendered":"https:\/\/dimensioncreativa.com.mx\/Develop\/?page_id=94"},"modified":"2026-08-26T20:53:35","modified_gmt":"2026-08-26T20:53:35","slug":"dimensiones","status":"publish","type":"page","link":"https:\/\/dimensioncreativa.com.mx\/Develop\/dimensiones\/","title":{"rendered":"Dimensiones"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"94\" class=\"elementor elementor-94\">\n\t\t\t\t<div class=\"elementor-element elementor-element-075686e e-con e-atomic-element e-flexbox-base e-a35562b \" data-id=\"075686e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"075686e\">\n    \t\t<div class=\"elementor-element elementor-element-eb6443e elementor-widget elementor-widget-html\" data-id=\"eb6443e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==================================================\n   DIMENSI\u00d3N CREATIVA \u2014 HEADER DIMENSIONES\n================================================== *\/\n\n.dc-header-proyectos,\n.dc-header-proyectos * {\n    box-sizing: border-box;\n}\n\n.dc-header-proyectos {\n    --dc-pink: #C2265B;\n    --dc-dark: #080B0D;\n    --dc-light: #F5F5F3;\n    --dc-border: rgba(8, 11, 13, 0.16);\n\n    position: relative;\n    z-index: 1000;\n\n    width: 100%;\n\n    background: var(--dc-light);\n\n    font-family: \"Manrope\", sans-serif;\n}\n\n\/* ==================================================\n   CONTENEDOR\n================================================== *\/\n\n.dc-header-proyectos__container {\n    display: grid;\n    grid-template-columns:\n        minmax(250px, 1fr)\n        auto\n        minmax(190px, 1fr);\n\n    align-items: center;\n    gap: clamp(28px, 4vw, 72px);\n\n    width: 100%;\n    max-width: 1920px;\n    min-height: 112px;\n\n    margin: 0 auto;\n\n    padding:\n        20px\n        clamp(28px, 4.5vw, 78px);\n}\n\n\/* ==================================================\n   LOGO\n================================================== *\/\n\n.dc-header-proyectos__brand {\n    display: inline-flex;\n    align-items: center;\n\n    width: fit-content;\n\n    text-decoration: none;\n}\n\n.dc-header-proyectos__logo {\n    display: block;\n\n    width: clamp(190px, 17vw, 265px);\n    height: auto;\n    max-width: 100%;\n\n    object-fit: contain;\n}\n\n\/* ==================================================\n   NAVEGACI\u00d3N\n================================================== *\/\n\n.dc-header-proyectos__nav {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: clamp(26px, 3vw, 58px);\n}\n\n.dc-header-proyectos__link {\n    position: relative;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    min-height: 44px;\n\n    padding: 4px 0;\n\n    color: var(--dc-dark);\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1;\n    letter-spacing: 0.2px;\n\n    text-decoration: none;\n    text-transform: uppercase;\n    white-space: nowrap;\n\n    transition: color 0.3s ease;\n}\n\n.dc-header-proyectos__link::after {\n    content: \"\";\n\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    height: 3px;\n\n    background: var(--dc-pink);\n\n    transform: scaleX(0);\n    transform-origin: center;\n\n    transition:\n        transform 0.35s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-header-proyectos__link.is-active {\n    color: var(--dc-pink);\n}\n\n.dc-header-proyectos__link.is-active::after {\n    transform: scaleX(1);\n}\n\n\/* ==================================================\n   CTA\n================================================== *\/\n\n.dc-header-proyectos__actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n}\n\n.dc-header-proyectos__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 28px;\n\n    min-width: 190px;\n    min-height: 56px;\n\n    padding: 14px 22px;\n\n    border: 1px solid var(--dc-pink);\n\n    color: var(--dc-dark);\n    background: transparent;\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1;\n    letter-spacing: 0.2px;\n\n    text-decoration: none;\n    text-transform: uppercase;\n\n    transition:\n        color 0.3s ease,\n        background-color 0.3s ease,\n        border-color 0.3s ease,\n        transform 0.3s ease;\n}\n\n.dc-header-proyectos__button-arrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    color: var(--dc-pink);\n\n    font-size: 24px;\n    font-weight: 300;\n    line-height: 1;\n\n    transition:\n        color 0.3s ease,\n        transform 0.35s cubic-bezier(.22, 1, .36, 1);\n}\n\n\/* ==================================================\n   HOVER\n================================================== *\/\n\n@media (hover: hover) {\n\n    .dc-header-proyectos__link:hover {\n        color: var(--dc-pink);\n    }\n\n    .dc-header-proyectos__link:hover::after {\n        transform: scaleX(1);\n    }\n\n    .dc-header-proyectos__button:hover {\n        color: var(--dc-light);\n        background: var(--dc-pink);\n        border-color: var(--dc-pink);\n\n        transform: translateY(-2px);\n    }\n\n    .dc-header-proyectos__button:hover\n    .dc-header-proyectos__button-arrow {\n        color: var(--dc-light);\n\n        transform: translateX(5px);\n    }\n}\n\n\/* ==================================================\n   BOT\u00d3N M\u00d3VIL\n================================================== *\/\n\n.dc-header-proyectos__toggle {\n    display: none;\n    align-items: center;\n    justify-content: center;\n\n    width: 48px;\n    height: 48px;\n\n    padding: 0;\n\n    border: 1px solid var(--dc-border);\n\n    color: var(--dc-dark);\n    background: transparent;\n\n    cursor: pointer;\n}\n\n.dc-header-proyectos__toggle-lines {\n    position: relative;\n\n    display: block;\n\n    width: 21px;\n    height: 14px;\n}\n\n.dc-header-proyectos__toggle-lines::before,\n.dc-header-proyectos__toggle-lines::after,\n.dc-header-proyectos__toggle-line {\n    content: \"\";\n\n    position: absolute;\n    left: 0;\n\n    width: 100%;\n    height: 2px;\n\n    background: currentColor;\n\n    transition:\n        top 0.3s ease,\n        bottom 0.3s ease,\n        transform 0.3s ease,\n        opacity 0.3s ease;\n}\n\n.dc-header-proyectos__toggle-lines::before {\n    top: 0;\n}\n\n.dc-header-proyectos__toggle-line {\n    top: 6px;\n}\n\n.dc-header-proyectos__toggle-lines::after {\n    bottom: 0;\n}\n\n.dc-header-proyectos.is-open\n.dc-header-proyectos__toggle-lines::before {\n    top: 6px;\n\n    transform: rotate(45deg);\n}\n\n.dc-header-proyectos.is-open\n.dc-header-proyectos__toggle-line {\n    opacity: 0;\n}\n\n.dc-header-proyectos.is-open\n.dc-header-proyectos__toggle-lines::after {\n    bottom: 6px;\n\n    transform: rotate(-45deg);\n}\n\n\/* ==================================================\n   PANEL M\u00d3VIL\n================================================== *\/\n\n.dc-header-proyectos__mobile {\n    display: none;\n}\n\n\/* ==================================================\n   LAPTOP\n================================================== *\/\n\n@media (max-width: 1280px) {\n\n    .dc-header-proyectos__container {\n        grid-template-columns:\n            minmax(210px, 1fr)\n            auto\n            minmax(170px, 1fr);\n\n        gap: 28px;\n\n        padding-right: 32px;\n        padding-left: 32px;\n    }\n\n    .dc-header-proyectos__nav {\n        gap: 28px;\n    }\n\n    .dc-header-proyectos__link {\n        font-size: 13px;\n    }\n\n    .dc-header-proyectos__button {\n        min-width: 172px;\n    }\n}\n\n\/* ==================================================\n   TABLET Y M\u00d3VIL\n================================================== *\/\n\n@media (max-width: 1024px) {\n\n    .dc-header-proyectos__container {\n        grid-template-columns: 1fr auto;\n\n        min-height: 90px;\n\n        padding:\n            16px\n            24px;\n    }\n\n    .dc-header-proyectos__nav,\n    .dc-header-proyectos__actions {\n        display: none;\n    }\n\n    .dc-header-proyectos__toggle {\n        display: inline-flex;\n    }\n\n    .dc-header-proyectos__logo {\n        width: clamp(185px, 30vw, 230px);\n    }\n\n    .dc-header-proyectos__mobile {\n        position: absolute;\n        top: 100%;\n        right: 0;\n        left: 0;\n        z-index: 999;\n\n        display: grid;\n        grid-template-rows: 0fr;\n\n        overflow: hidden;\n\n        background: var(--dc-light);\n        border-top: 1px solid var(--dc-border);\n\n        opacity: 0;\n        visibility: hidden;\n\n        transition:\n            grid-template-rows 0.4s cubic-bezier(.22, 1, .36, 1),\n            opacity 0.3s ease,\n            visibility 0.3s ease;\n    }\n\n    .dc-header-proyectos.is-open\n    .dc-header-proyectos__mobile {\n        grid-template-rows: 1fr;\n\n        opacity: 1;\n        visibility: visible;\n    }\n\n    .dc-header-proyectos__mobile-inner {\n        min-height: 0;\n        overflow: hidden;\n\n        padding:\n            0\n            24px;\n    }\n\n    .dc-header-proyectos.is-open\n    .dc-header-proyectos__mobile-inner {\n        padding-top: 24px;\n        padding-bottom: 28px;\n    }\n\n    .dc-header-proyectos__mobile-nav {\n        display: flex;\n        flex-direction: column;\n        align-items: stretch;\n    }\n\n    .dc-header-proyectos__mobile-link {\n        position: relative;\n\n        display: flex;\n        align-items: center;\n\n        min-height: 54px;\n\n        border-bottom: 1px solid var(--dc-border);\n\n        color: var(--dc-dark);\n\n        font-family: \"Manrope\", sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        line-height: 1;\n\n        text-decoration: none;\n        text-transform: uppercase;\n\n        transition:\n            color 0.3s ease,\n            padding-left 0.3s ease;\n    }\n\n    .dc-header-proyectos__mobile-link.is-active {\n        color: var(--dc-pink);\n    }\n\n    .dc-header-proyectos__mobile-link.is-active::before {\n        content: \"\";\n\n        width: 24px;\n        height: 2px;\n\n        margin-right: 12px;\n\n        background: var(--dc-pink);\n    }\n\n    .dc-header-proyectos__mobile-button {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n\n        min-height: 54px;\n\n        margin-top: 24px;\n        padding: 14px 18px;\n\n        border: 1px solid var(--dc-pink);\n\n        color: var(--dc-dark);\n\n        font-family: \"Manrope\", sans-serif;\n        font-size: 14px;\n        font-weight: 700;\n        line-height: 1;\n\n        text-decoration: none;\n        text-transform: uppercase;\n    }\n\n    .dc-header-proyectos__mobile-button span:last-child {\n        color: var(--dc-pink);\n    }\n}\n\n\/* ==================================================\n   M\u00d3VIL\n================================================== *\/\n\n@media (max-width: 620px) {\n\n    .dc-header-proyectos__container {\n        min-height: 80px;\n\n        padding:\n            14px\n            18px;\n    }\n\n    .dc-header-proyectos__logo {\n        width: 190px;\n    }\n\n    .dc-header-proyectos__toggle {\n        width: 44px;\n        height: 44px;\n    }\n\n    .dc-header-proyectos__mobile-inner {\n        padding-right: 18px;\n        padding-left: 18px;\n    }\n}\n\n\/* ==================================================\n   MOVIMIENTO REDUCIDO\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .dc-header-proyectos__link,\n    .dc-header-proyectos__link::after,\n    .dc-header-proyectos__button,\n    .dc-header-proyectos__button-arrow,\n    .dc-header-proyectos__mobile,\n    .dc-header-proyectos__toggle-lines::before,\n    .dc-header-proyectos__toggle-lines::after,\n    .dc-header-proyectos__toggle-line {\n        transition: none;\n    }\n}\n<\/style>\n\n<header class=\"dc-header-proyectos\">\n\n    <div class=\"dc-header-proyectos__container\">\n\n        <a\n            class=\"dc-header-proyectos__brand\"\n            href=\"\/Develop\/\"\n            aria-label=\"Ir al inicio de Dimensi\u00f3n Creativa\"\n        >\n            <img\n                class=\"dc-header-proyectos__logo\"\n                src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/logo_dimension_creativa_negro_transparente.png\"\n                alt=\"Dimensi\u00f3n Creativa\"\n                width=\"300\"\n                height=\"90\"\n                decoding=\"async\"\n            >\n        <\/a>\n\n        <nav\n            class=\"dc-header-proyectos__nav\"\n            aria-label=\"Navegaci\u00f3n principal\"\n        >\n            <a\n                class=\"dc-header-proyectos__link\"\n                href=\"\/Develop\/\"\n            >\n                INICIO\n            <\/a>\n\n            <a\n                class=\"dc-header-proyectos__link\"\n                href=\"\/Develop\/enfoque\/\"\n            >\n                ENFOQUE\n            <\/a>\n\n            <a\n                class=\"dc-header-proyectos__link\"\n                href=\"\/Develop\/servicios\/\"\n            >\n                SERVICIOS\n            <\/a>\n\n            <a\n                class=\"dc-header-proyectos__link\"\n                href=\"\/Develop\/proyectos\/\"\n            >\n                PROYECTOS\n            <\/a>\n\n            <a\n                class=\"dc-header-proyectos__link is-active\"\n                href=\"\/Develop\/dimensiones\/\"\n                aria-current=\"page\"\n            >\n                DIMENSIONES\n            <\/a>\n        <\/nav>\n\n        <div class=\"dc-header-proyectos__actions\">\n\n            <a\n                class=\"dc-header-proyectos__button\"\n                href=\"\/Develop\/hablemos\/\"\n            >\n                <span>HABLEMOS<\/span>\n\n                <span\n                    class=\"dc-header-proyectos__button-arrow\"\n                    aria-hidden=\"true\"\n                >\n                    \u2192\n                <\/span>\n            <\/a>\n\n        <\/div>\n\n        <button\n            class=\"dc-header-proyectos__toggle\"\n            type=\"button\"\n            aria-expanded=\"false\"\n            aria-controls=\"dc-header-proyectos-mobile\"\n            aria-label=\"Abrir men\u00fa\"\n        >\n            <span class=\"dc-header-proyectos__toggle-lines\">\n                <span class=\"dc-header-proyectos__toggle-line\"><\/span>\n            <\/span>\n        <\/button>\n\n    <\/div>\n\n    <div\n        class=\"dc-header-proyectos__mobile\"\n        id=\"dc-header-proyectos-mobile\"\n    >\n        <div class=\"dc-header-proyectos__mobile-inner\">\n\n            <nav\n                class=\"dc-header-proyectos__mobile-nav\"\n                aria-label=\"Navegaci\u00f3n m\u00f3vil\"\n            >\n                <a\n                    class=\"dc-header-proyectos__mobile-link\"\n                    href=\"\/Develop\/\"\n                >\n                    INICIO\n                <\/a>\n\n                <a\n                    class=\"dc-header-proyectos__mobile-link\"\n                    href=\"\/Develop\/enfoque\/\"\n                >\n                    ENFOQUE\n                <\/a>\n\n                <a\n                    class=\"dc-header-proyectos__mobile-link\"\n                    href=\"\/Develop\/servicios\/\"\n                >\n                    SERVICIOS\n                <\/a>\n\n                <a\n                    class=\"dc-header-proyectos__mobile-link\"\n                    href=\"\/Develop\/proyectos\/\"\n                >\n                    PROYECTOS\n                <\/a>\n\n                <a\n                    class=\"dc-header-proyectos__mobile-link is-active\"\n                    href=\"\/Develop\/dimensiones\/\"\n                    aria-current=\"page\"\n                >\n                    DIMENSIONES\n                <\/a>\n            <\/nav>\n\n            <a\n                class=\"dc-header-proyectos__mobile-button\"\n                href=\"\/Develop\/hablemos\/\"\n            >\n                <span>HABLEMOS<\/span>\n                <span aria-hidden=\"true\">\u2192<\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/header>\n\n<script>\n(function () {\n\n    function initializeDcHeaderProyectos() {\n\n        const headers =\n            document.querySelectorAll(\n                \".dc-header-proyectos\"\n            );\n\n        headers.forEach(function (header) {\n\n            if (\n                header.dataset.headerReady === \"true\"\n            ) {\n                return;\n            }\n\n            header.dataset.headerReady = \"true\";\n\n            const toggle =\n                header.querySelector(\n                    \".dc-header-proyectos__toggle\"\n                );\n\n            const mobilePanel =\n                header.querySelector(\n                    \".dc-header-proyectos__mobile\"\n                );\n\n            const mobileLinks =\n                header.querySelectorAll(\n                    \".dc-header-proyectos__mobile-link, .dc-header-proyectos__mobile-button\"\n                );\n\n            if (!toggle || !mobilePanel) {\n                return;\n            }\n\n            function closeMenu() {\n\n                header.classList.remove(\"is-open\");\n\n                toggle.setAttribute(\n                    \"aria-expanded\",\n                    \"false\"\n                );\n\n                toggle.setAttribute(\n                    \"aria-label\",\n                    \"Abrir men\u00fa\"\n                );\n            }\n\n            function openMenu() {\n\n                header.classList.add(\"is-open\");\n\n                toggle.setAttribute(\n                    \"aria-expanded\",\n                    \"true\"\n                );\n\n                toggle.setAttribute(\n                    \"aria-label\",\n                    \"Cerrar men\u00fa\"\n                );\n            }\n\n            toggle.addEventListener(\n                \"click\",\n                function () {\n\n                    const isOpen =\n                        header.classList.contains(\n                            \"is-open\"\n                        );\n\n                    if (isOpen) {\n                        closeMenu();\n                    } else {\n                        openMenu();\n                    }\n\n                }\n            );\n\n            mobileLinks.forEach(function (link) {\n\n                link.addEventListener(\n                    \"click\",\n                    closeMenu\n                );\n\n            });\n\n            document.addEventListener(\n                \"keydown\",\n                function (event) {\n\n                    if (event.key === \"Escape\") {\n                        closeMenu();\n                    }\n\n                }\n            );\n\n            window.addEventListener(\n                \"resize\",\n                function () {\n\n                    if (window.innerWidth > 1024) {\n                        closeMenu();\n                    }\n\n                }\n            );\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeDcHeaderProyectos\n        );\n\n    } else {\n\n        initializeDcHeaderProyectos();\n    }\n\n    window.addEventListener(\n        \"elementor\/frontend\/init\",\n        initializeDcHeaderProyectos\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c110f7e e-con e-atomic-element e-flexbox-base e-38b026a \" data-id=\"c110f7e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c110f7e\">\n    \t\t<div class=\"elementor-element elementor-element-23abb7d elementor-widget elementor-widget-html\" data-id=\"23abb7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Dimensi\u00f3n Creativa \u2014 Ecosistema interactivo<\/title>\n\n  <style>\n    :root {\n      --dc-pink: #C2265B;\n      --dc-dark: #080B0D;\n      --dc-light: #F5F5F3;\n      --dc-white: #FFFFFF;\n      --dc-text: rgba(8, 11, 13, 0.76);\n      --dc-muted: rgba(8, 11, 13, 0.54);\n      --dc-border: rgba(8, 11, 13, 0.08);\n      --dc-shadow: 0 24px 64px rgba(8, 11, 13, 0.15);\n      --dc-ease: cubic-bezier(.22, 1, .36, 1);\n    }\n\n    * {\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      margin: 0;\n      color: var(--dc-dark);\n      background: var(--dc-light);\n      font-family: \"Manrope\", Arial, sans-serif;\n    }\n\n    button,\n    a {\n      font: inherit;\n    }\n\n    .dc-ecosystem,\n    .dc-ecosystem * {\n      box-sizing: border-box;\n    }\n\n    .dc-ecosystem {\n      position: relative;\n      width: 100%;\n      overflow: hidden;\n      isolation: isolate;\n      background:\n        radial-gradient(circle at 16% 20%, rgba(194, 38, 91, 0.055), transparent 28%),\n        radial-gradient(circle at 84% 6%, rgba(255,255,255,.84), transparent 24%),\n        var(--dc-light);\n    }\n\n    .dc-ecosystem::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: 0;\n      pointer-events: none;\n      opacity: .025;\n      background-image:\n        linear-gradient(rgba(8, 11, 13, .45) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(8, 11, 13, .35) 1px, transparent 1px);\n      background-size: 72px 72px;\n    }\n\n    .dc-ecosystem__inner {\n      position: relative;\n      z-index: 2;\n      width: min(100%, 1920px);\n      min-height: 1080px;\n      margin: 0 auto;\n      padding: clamp(76px, 6vw, 118px) clamp(28px, 4.5vw, 86px);\n    }\n\n    .dc-ecosystem__intro {\n      position: relative;\n      z-index: 12;\n      width: min(31%, 500px);\n      opacity: 0;\n      transform: translateY(28px);\n      transition: opacity .9s ease, transform .9s var(--dc-ease);\n    }\n\n    .dc-ecosystem.is-visible .dc-ecosystem__intro {\n      opacity: 1;\n      transform: none;\n    }\n\n    .dc-ecosystem__eyebrow {\n      margin: 0 0 32px;\n      color: var(--dc-pink);\n      font-family: \"Oswald\", Arial, sans-serif;\n      font-size: 15px;\n      font-weight: 500;\n      letter-spacing: .04em;\n      text-transform: uppercase;\n    }\n\n    .dc-ecosystem__title {\n      margin: 0;\n      color: var(--dc-dark);\n      font-family: \"Oswald\", Arial, sans-serif;\n      font-size: clamp(58px, 5vw, 92px);\n      font-weight: 400;\n      line-height: .98;\n      letter-spacing: -.025em;\n      text-transform: uppercase;\n      text-wrap: balance;\n    }\n\n    .dc-ecosystem__title span {\n      display: block;\n      margin-top: 8px;\n      color: var(--dc-pink);\n    }\n\n    .dc-ecosystem__rule {\n      width: 38px;\n      height: 3px;\n      margin: 31px 0 24px;\n      background: var(--dc-pink);\n    }\n\n    .dc-ecosystem__description {\n      max-width: 420px;\n      margin: 0;\n      color: var(--dc-text);\n      font-size: clamp(16px, 1.04vw, 19px);\n      font-weight: 500;\n      line-height: 1.82;\n      text-wrap: pretty;\n    }\n\n    .dc-ecosystem__hint {\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      max-width: 380px;\n      margin-top: 38px;\n    }\n\n    .dc-ecosystem__hint svg {\n      width: 36px;\n      height: 36px;\n      flex: 0 0 36px;\n      color: var(--dc-pink);\n      fill: none;\n      stroke: currentColor;\n      stroke-width: 1.7;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n      animation: dcHintFloat 3.2s ease-in-out infinite;\n    }\n\n    .dc-ecosystem__hint p {\n      margin: 0;\n      color: var(--dc-dark);\n      font-size: 14px;\n      font-weight: 700;\n      line-height: 1.5;\n    }\n\n    @keyframes dcHintFloat {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-5px); }\n    }\n\n    .dc-ecosystem__scene {\n      position: absolute;\n      inset: 22px 0 0 21%;\n      z-index: 2;\n      opacity: 0;\n      transform: translateY(34px);\n      transition: opacity 1s ease, transform 1.05s var(--dc-ease);\n      perspective: 1200px;\n    }\n\n    .dc-ecosystem.is-visible .dc-ecosystem__scene {\n      opacity: 1;\n      transform: none;\n    }\n\n    .dc-city {\n      position: absolute;\n      inset: 0;\n      overflow: hidden;\n      transform-style: preserve-3d;\n    }\n\n    .dc-city__image {\n      position: absolute;\n      inset: -1.5%;\n      width: 103%;\n      height: 103%;\n      object-fit: cover;\n      object-position: center;\n      user-select: none;\n      pointer-events: none;\n      transform: translate3d(0,0,0) scale(1.018);\n      transform-origin: center;\n      transition: transform .35s ease-out, filter .45s ease;\n    }\n\n    .dc-city::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: 2;\n      pointer-events: none;\n      background:\n        linear-gradient(90deg,\n          var(--dc-light) 0%,\n          rgba(245,245,243,.98) 5%,\n          rgba(245,245,243,.72) 13%,\n          rgba(245,245,243,.17) 28%,\n          transparent 41%),\n        linear-gradient(180deg,\n          rgba(245,245,243,.2) 0%,\n          transparent 14%,\n          transparent 86%,\n          rgba(245,245,243,.12) 100%);\n    }\n\n    .dc-city::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: 3;\n      pointer-events: none;\n      background:\n        radial-gradient(circle at 74% 10%, rgba(245,245,243,.48), transparent 22%),\n        radial-gradient(circle at 42% 46%, transparent 36%, rgba(8,11,13,.04) 100%);\n    }\n\n    .dc-scene-overlay {\n      position: absolute;\n      inset: 0;\n      z-index: 6;\n      background: rgba(8, 11, 13, 0);\n      opacity: 0;\n      pointer-events: none;\n      transition: opacity .42s ease, background .42s ease;\n    }\n\n    .dc-ecosystem__scene.has-expanded-card .dc-scene-overlay {\n      opacity: 1;\n      background: rgba(8, 11, 13, .08);\n    }\n\n    .dc-ecosystem__scene.has-expanded-card .dc-city__image {\n      filter: saturate(.92) brightness(.96);\n    }\n\n    .dc-hotspot-layer {\n      position: absolute;\n      inset: 0;\n      z-index: 7;\n      pointer-events: none;\n    }\n\n    .dc-hotspot {\n      position: absolute;\n      width: 92px;\n      height: 92px;\n      padding: 0;\n      border: 0;\n      border-radius: 50%;\n      background: transparent;\n      cursor: pointer;\n      outline: none;\n      pointer-events: auto;\n    }\n\n    .dc-hotspot::before,\n    .dc-hotspot::after {\n      content: \"\";\n      position: absolute;\n      inset: 50% auto auto 50%;\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n      pointer-events: none;\n    }\n\n    .dc-hotspot::before {\n      width: 18px;\n      height: 18px;\n      border: 2px solid rgba(255,255,255,.96);\n      background: var(--dc-pink);\n      box-shadow: 0 6px 16px rgba(8,11,13,.24);\n      transition: transform .35s var(--dc-ease), box-shadow .35s ease;\n    }\n\n    .dc-hotspot::after {\n      width: 44px;\n      height: 44px;\n      border: 1px solid rgba(194,38,91,.48);\n      animation: dcPulse 2.3s ease-out infinite;\n    }\n\n    .dc-hotspot:hover::before,\n    .dc-hotspot:focus-visible::before,\n    .dc-hotspot.is-active::before {\n      transform: translate(-50%, -50%) scale(1.24);\n      box-shadow: 0 0 0 10px rgba(194,38,91,.12), 0 8px 22px rgba(8,11,13,.28);\n    }\n\n    @keyframes dcPulse {\n      0% { transform: translate(-50%, -50%) scale(.7); opacity: .85; }\n      100% { transform: translate(-50%, -50%) scale(1.55); opacity: 0; }\n    }\n\n    .dc-hotspot--dc { top: 29%; left: 54%; }\n    .dc-hotspot--despega { top: 37%; left: 78%; }\n    .dc-hotspot--merkatico { top: 66%; left: 32%; }\n    .dc-hotspot--demente { top: 64%; left: 78%; }\n    .dc-hotspot--future { top: 82%; left: 58%; }\n\n    .dc-light {\n      position: absolute;\n      z-index: 5;\n      width: 180px;\n      height: 180px;\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(194,38,91,.22) 0%, rgba(194,38,91,.08) 35%, transparent 72%);\n      filter: blur(8px);\n      opacity: 0;\n      transform: translate(-50%, -50%) scale(.75);\n      transition: opacity .42s ease, transform .5s var(--dc-ease);\n      pointer-events: none;\n    }\n\n    .dc-light.is-active {\n      opacity: 1;\n      transform: translate(-50%, -50%) scale(1);\n    }\n\n    .dc-ecosystem__scene.has-expanded-card .dc-light.is-active {\n      opacity: 1;\n      transform: translate(-50%, -50%) scale(1.28);\n    }\n\n    .dc-light--dc { top: 29%; left: 54%; }\n    .dc-light--despega { top: 37%; left: 78%; }\n    .dc-light--merkatico { top: 66%; left: 32%; }\n    .dc-light--demente { top: 64%; left: 78%; }\n    .dc-light--future { top: 82%; left: 58%; }\n\n    .dc-lines {\n      position: absolute;\n      inset: 0;\n      z-index: 8;\n      width: 100%;\n      height: 100%;\n      overflow: visible;\n      pointer-events: none;\n    }\n\n    .dc-line {\n      fill: none;\n      stroke: rgba(194,38,91,.72);\n      stroke-width: 1.6;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n      stroke-dasharray: 320;\n      stroke-dashoffset: 320;\n      opacity: 0;\n      transition: stroke-dashoffset .75s var(--dc-ease), opacity .25s ease;\n    }\n\n    .dc-line.is-active {\n      opacity: 1;\n      stroke-dashoffset: 0;\n    }\n\n    .dc-cards {\n      position: absolute;\n      inset: 0;\n      z-index: 9;\n      pointer-events: none;\n    }\n\n    .dc-card {\n      position: absolute;\n      display: flex;\n      align-items: center;\n      gap: 15px;\n      width: clamp(230px, 16vw, 300px);\n      min-height: 88px;\n      padding: 17px 16px 17px 18px;\n      border: 1px solid rgba(8,11,13,.07);\n      background: linear-gradient(135deg, rgba(255,255,255,.97), rgba(248,247,244,.94));\n      box-shadow: var(--dc-shadow);\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      opacity: 0;\n      visibility: hidden;\n      transform: translateY(18px) scale(.98);\n      transition:\n        opacity .42s ease,\n        visibility .42s ease,\n        transform .5s var(--dc-ease),\n        box-shadow .35s ease,\n        border-color .35s ease;\n      pointer-events: auto;\n    }\n\n    .dc-card::before {\n      content: \"\";\n      position: absolute;\n      inset: 0 auto 0 0;\n      width: 3px;\n      background: var(--dc-pink);\n      transform: scaleY(0);\n      transform-origin: bottom;\n      transition: transform .35s var(--dc-ease);\n    }\n\n    .dc-card.is-active {\n      opacity: 1;\n      visibility: visible;\n      transform: none;\n    }\n\n    .dc-card:hover {\n      border-color: rgba(194,38,91,.22);\n      box-shadow: 0 30px 64px rgba(8,11,13,.18), 0 10px 24px rgba(8,11,13,.09);\n      transform: translateY(-6px);\n    }\n\n    .dc-card:hover::before {\n      transform: scaleY(1);\n    }\n\n    .dc-card--dc { top: 17%; left: 34%; }\n    .dc-card--despega { top: 25%; right: 7%; }\n    .dc-card--merkatico { top: 52%; left: 4%; }\n    .dc-card--demente { top: 54%; right: 6%; }\n    .dc-card--future { right: 26%; bottom: 5%; }\n\n    .dc-card__icon {\n      flex: 0 0 48px;\n      display: grid;\n      place-items: center;\n      width: 48px;\n      height: 48px;\n      padding: 7px;\n      overflow: hidden;\n      border: 1px solid rgba(8,11,13,.08);\n      background: rgba(245,245,243,.78);\n    }\n\n    .dc-card__icon img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n    }\n\n    .dc-card__copy {\n      flex: 1 1 auto;\n      min-width: 0;\n    }\n\n    .dc-card__title {\n      margin: 0;\n      color: var(--dc-dark);\n      font-family: \"Oswald\", Arial, sans-serif;\n      font-size: clamp(17px, 1.05vw, 21px);\n      font-weight: 500;\n      line-height: 1.12;\n      text-transform: uppercase;\n    }\n\n    .dc-card__desc {\n      margin: 5px 0 0;\n      color: var(--dc-muted);\n      font-size: clamp(11px, .74vw, 14px);\n      font-weight: 500;\n      line-height: 1.4;\n    }\n\n    .dc-card__plus {\n      flex: 0 0 34px;\n      display: grid;\n      place-items: center;\n      width: 34px;\n      height: 34px;\n      padding: 0;\n      border: 0;\n      border-radius: 50%;\n      color: #fff;\n      background: var(--dc-pink);\n      box-shadow: 0 8px 18px rgba(194,38,91,.22);\n      font-size: 22px;\n      line-height: 1;\n      cursor: pointer;\n      transition: transform .35s var(--dc-ease), box-shadow .35s ease;\n    }\n\n    .dc-card__plus:hover,\n    .dc-card__plus:focus-visible {\n      transform: rotate(90deg) scale(1.08);\n      box-shadow: 0 12px 26px rgba(194,38,91,.32);\n      outline: none;\n    }\n\n    .dc-expanded-layer {\n      position: absolute;\n      inset: 0;\n      z-index: 12;\n      pointer-events: none;\n    }\n\n    .dc-expanded {\n      position: absolute;\n      width: min(430px, 36vw);\n      padding: 30px;\n      border: 1px solid rgba(8,11,13,.09);\n      background: rgba(255,255,255,.98);\n      box-shadow: 0 34px 90px rgba(8,11,13,.24);\n      backdrop-filter: blur(18px);\n      -webkit-backdrop-filter: blur(18px);\n      opacity: 0;\n      visibility: hidden;\n      transform: translateY(22px) scale(.965);\n      transition:\n        opacity .4s ease,\n        visibility .4s ease,\n        transform .52s var(--dc-ease);\n      pointer-events: auto;\n    }\n\n    .dc-expanded.is-open {\n      opacity: 1;\n      visibility: visible;\n      transform: none;\n    }\n\n    .dc-expanded--dc { top: 11%; left: 32%; }\n    .dc-expanded--despega { top: 17%; right: 5%; }\n    .dc-expanded--merkatico { top: 43%; left: 3%; }\n    .dc-expanded--demente { top: 45%; right: 4%; }\n    .dc-expanded--future { right: 23%; bottom: 4%; }\n\n    .dc-expanded__close {\n      position: absolute;\n      top: 18px;\n      right: 18px;\n      display: grid;\n      place-items: center;\n      width: 34px;\n      height: 34px;\n      padding: 0;\n      border: 1px solid rgba(8,11,13,.1);\n      border-radius: 50%;\n      color: var(--dc-dark);\n      background: rgba(245,245,243,.78);\n      cursor: pointer;\n      font-size: 21px;\n      line-height: 1;\n      transition: transform .3s var(--dc-ease), background .3s ease;\n    }\n\n    .dc-expanded__close:hover,\n    .dc-expanded__close:focus-visible {\n      transform: rotate(90deg);\n      background: var(--dc-light);\n      outline: none;\n    }\n\n    .dc-expanded__head {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      padding-right: 44px;\n    }\n\n    .dc-expanded__icon {\n      flex: 0 0 58px;\n      display: grid;\n      place-items: center;\n      width: 58px;\n      height: 58px;\n      padding: 9px;\n      border: 1px solid rgba(8,11,13,.08);\n      background: var(--dc-light);\n    }\n\n    .dc-expanded__icon img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n    }\n\n    .dc-expanded__label {\n      margin: 0 0 4px;\n      color: var(--dc-pink);\n      font-family: \"Oswald\", Arial, sans-serif;\n      font-size: 12px;\n      font-weight: 500;\n      letter-spacing: .05em;\n      text-transform: uppercase;\n    }\n\n    .dc-expanded__title {\n      margin: 0;\n      font-family: \"Oswald\", Arial, sans-serif;\n      font-size: clamp(25px, 2vw, 34px);\n      font-weight: 500;\n      line-height: 1.05;\n      text-transform: uppercase;\n    }\n\n    .dc-expanded__subtitle {\n      margin: 8px 0 0;\n      color: var(--dc-muted);\n      font-size: 14px;\n      font-weight: 600;\n    }\n\n    .dc-expanded__rule {\n      width: 34px;\n      height: 3px;\n      margin: 24px 0 19px;\n      background: var(--dc-pink);\n    }\n\n    .dc-expanded__text {\n      margin: 0;\n      color: var(--dc-text);\n      font-size: 15px;\n      font-weight: 500;\n      line-height: 1.76;\n      text-wrap: pretty;\n    }\n\n    .dc-expanded__cta {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      min-height: 48px;\n      margin-top: 25px;\n      padding: 0 22px;\n      border: 1px solid var(--dc-pink);\n      color: #fff;\n      background: var(--dc-pink);\n      text-decoration: none;\n      font-family: \"Manrope\", Arial, sans-serif;\n      font-size: 13px;\n      font-weight: 800;\n      letter-spacing: .01em;\n      transition: transform .3s var(--dc-ease), box-shadow .3s ease, background .3s ease;\n    }\n\n    .dc-expanded__cta:hover,\n    .dc-expanded__cta:focus-visible {\n      transform: translateY(-3px);\n      background: #a91f4e;\n      box-shadow: 0 14px 30px rgba(194,38,91,.26);\n      outline: none;\n    }\n\n    .dc-expanded__cta svg {\n      width: 15px;\n      height: 15px;\n      fill: none;\n      stroke: currentColor;\n      stroke-width: 1.8;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n      transition: transform .3s var(--dc-ease);\n    }\n\n    .dc-expanded__cta:hover svg {\n      transform: translateX(4px);\n    }\n\n    .dc-expanded__coming {\n      display: inline-flex;\n      align-items: center;\n      min-height: 42px;\n      margin-top: 24px;\n      padding: 0 17px;\n      border: 1px solid rgba(8,11,13,.1);\n      color: var(--dc-dark);\n      background: var(--dc-light);\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: .04em;\n      text-transform: uppercase;\n    }\n\n    .dc-mobile-list {\n      display: none;\n    }\n\n    @media (max-width: 1280px) {\n      .dc-ecosystem__inner {\n        min-height: 920px;\n        padding: 76px 36px 68px;\n      }\n\n      .dc-ecosystem__scene {\n        left: 22%;\n      }\n\n      .dc-card {\n        width: 216px;\n        min-height: 76px;\n        gap: 11px;\n        padding: 13px;\n      }\n\n      .dc-card__icon {\n        flex-basis: 39px;\n        width: 39px;\n        height: 39px;\n        padding: 5px;\n      }\n\n      .dc-card__title { font-size: 16px; }\n      .dc-card__desc { font-size: 11px; }\n\n      .dc-card__plus {\n        flex-basis: 29px;\n        width: 29px;\n        height: 29px;\n        font-size: 18px;\n      }\n\n      .dc-expanded {\n        width: min(390px, 36vw);\n        padding: 25px;\n      }\n\n      .dc-expanded__text {\n        font-size: 14px;\n        line-height: 1.65;\n      }\n    }\n\n    @media (max-width: 1024px) {\n      .dc-ecosystem {\n        overflow: visible;\n      }\n\n      .dc-ecosystem__inner {\n        min-height: 0;\n        padding: 68px 28px 82px;\n      }\n\n      .dc-ecosystem__intro {\n        width: 100%;\n        max-width: 780px;\n      }\n\n      .dc-ecosystem__title {\n        max-width: 760px;\n        font-size: clamp(58px, 9vw, 86px);\n      }\n\n      .dc-ecosystem__description {\n        max-width: 680px;\n        font-size: 18px;\n      }\n\n      .dc-ecosystem__scene {\n        position: relative;\n        inset: auto;\n        height: auto;\n        margin-top: 48px;\n        perspective: none;\n      }\n\n      .dc-city {\n        position: relative;\n        height: clamp(500px, 72vw, 680px);\n      }\n\n      .dc-city::before {\n        background: linear-gradient(180deg, rgba(245,245,243,.04), transparent 13%, transparent 88%, rgba(245,245,243,.14));\n      }\n\n      .dc-hotspot-layer,\n      .dc-lines,\n      .dc-cards,\n      .dc-expanded-layer,\n      .dc-light,\n      .dc-scene-overlay {\n        display: none;\n      }\n\n      .dc-mobile-list {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0,1fr));\n        gap: 17px;\n        margin-top: 20px;\n      }\n\n      .dc-mobile-card {\n        border: 1px solid rgba(8,11,13,.07);\n        background: rgba(255,255,255,.94);\n        box-shadow: 0 18px 44px rgba(8,11,13,.09);\n      }\n\n      .dc-mobile-card:last-child {\n        grid-column: 1 \/ -1;\n        width: calc(50% - 8.5px);\n        margin: 0 auto;\n      }\n\n      .dc-mobile-card__summary {\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        width: 100%;\n        min-height: 96px;\n        padding: 17px;\n        border: 0;\n        color: var(--dc-dark);\n        background: transparent;\n        text-align: left;\n        cursor: pointer;\n      }\n\n      .dc-mobile-card__icon {\n        flex: 0 0 45px;\n        width: 45px;\n        height: 45px;\n        padding: 7px;\n        border: 1px solid rgba(8,11,13,.08);\n        background: var(--dc-light);\n      }\n\n      .dc-mobile-card__icon img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n      }\n\n      .dc-mobile-card__copy {\n        flex: 1 1 auto;\n      }\n\n      .dc-mobile-card__title {\n        margin: 0;\n        font-family: \"Oswald\", Arial, sans-serif;\n        font-size: 19px;\n        font-weight: 500;\n        text-transform: uppercase;\n      }\n\n      .dc-mobile-card__desc {\n        margin: 4px 0 0;\n        color: var(--dc-muted);\n        font-size: 13px;\n        line-height: 1.4;\n      }\n\n      .dc-mobile-card__plus {\n        flex: 0 0 32px;\n        display: grid;\n        place-items: center;\n        width: 32px;\n        height: 32px;\n        border-radius: 50%;\n        color: #fff;\n        background: var(--dc-pink);\n        font-size: 20px;\n        transition: transform .35s var(--dc-ease);\n      }\n\n      .dc-mobile-card.is-open .dc-mobile-card__plus {\n        transform: rotate(45deg);\n      }\n\n      .dc-mobile-card__detail {\n        display: grid;\n        grid-template-rows: 0fr;\n        overflow: hidden;\n        transition: grid-template-rows .45s var(--dc-ease);\n      }\n\n      .dc-mobile-card.is-open .dc-mobile-card__detail {\n        grid-template-rows: 1fr;\n      }\n\n      .dc-mobile-card__detail-inner {\n        min-height: 0;\n      }\n\n      .dc-mobile-card__detail-content {\n        padding: 0 18px 20px 76px;\n      }\n\n      .dc-mobile-card__detail-content p {\n        margin: 0;\n        color: var(--dc-text);\n        font-size: 14px;\n        line-height: 1.7;\n      }\n\n      .dc-mobile-card__cta {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 44px;\n        margin-top: 18px;\n        padding: 0 18px;\n        color: #fff;\n        background: var(--dc-pink);\n        text-decoration: none;\n        font-size: 13px;\n        font-weight: 800;\n      }\n\n      .dc-mobile-card__coming {\n        display: inline-flex;\n        margin-top: 17px;\n        padding: 11px 15px;\n        color: var(--dc-dark);\n        background: var(--dc-light);\n        font-size: 12px;\n        font-weight: 800;\n        text-transform: uppercase;\n      }\n    }\n\n    @media (max-width: 680px) {\n      .dc-ecosystem__inner {\n        padding: 56px 18px 68px;\n      }\n\n      .dc-ecosystem__eyebrow {\n        margin-bottom: 21px;\n        font-size: 14px;\n      }\n\n      .dc-ecosystem__title {\n        font-size: clamp(48px, 14vw, 65px);\n        line-height: 1;\n      }\n\n      .dc-ecosystem__rule {\n        margin: 26px 0 21px;\n      }\n\n      .dc-ecosystem__description {\n        font-size: 16px;\n        line-height: 1.72;\n      }\n\n      .dc-ecosystem__hint {\n        align-items: flex-start;\n        margin-top: 28px;\n      }\n\n      .dc-ecosystem__scene {\n        margin-top: 38px;\n      }\n\n      .dc-city {\n        height: clamp(390px, 112vw, 535px);\n      }\n\n      .dc-mobile-list {\n        grid-template-columns: 1fr;\n        gap: 13px;\n        margin-top: 16px;\n      }\n\n      .dc-mobile-card,\n      .dc-mobile-card:last-child {\n        grid-column: auto;\n        width: 100%;\n        margin: 0;\n      }\n\n      .dc-mobile-card__summary {\n        min-height: 86px;\n        padding: 15px;\n      }\n\n      .dc-mobile-card__title { font-size: 18px; }\n      .dc-mobile-card__desc { font-size: 13px; }\n\n      .dc-mobile-card__detail-content {\n        padding: 0 15px 18px 74px;\n      }\n    }\n\n    \/* ==================================================\n       EXPERIENCIA M\u00d3VIL DEL ECOSISTEMA\n    ================================================== *\/\n    @media (max-width: 1024px) {\n      .dc-ecosystem{overflow:hidden;}\n      .dc-ecosystem__inner{min-height:0;padding:72px 28px 88px;}\n      .dc-ecosystem__intro{width:100%;max-width:780px;}\n      .dc-ecosystem__title{max-width:760px;font-size:clamp(58px,9vw,86px);}\n      .dc-ecosystem__description{max-width:680px;font-size:18px;}\n      .dc-ecosystem__hint{display:none;}\n      .dc-ecosystem__scene{position:relative;inset:auto;height:auto;margin-top:48px;perspective:none;}\n      .dc-city,.dc-hotspot-layer,.dc-lines,.dc-cards,.dc-expanded-layer,.dc-light,.dc-scene-overlay{display:none;}\n      .dc-mobile-list{display:block;margin-top:0;}\n      .dc-mobile-map{\n        position:relative;\n        width:100%;\n        min-height:0;\n        aspect-ratio:941 \/ 1672;\n        overflow:hidden;\n        background:transparent;\n    }\n      .dc-mobile-map__image{\n        position:absolute;\n        inset:0;\n        display:block;\n        width:100%;\n        height:100%;\n        max-width:100%;\n        object-fit:cover;\n        object-position:center;\n    }\n      .dc-mobile-map::after{content:\"\";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(245,245,243,.04) 0%,rgba(245,245,243,0) 28%,rgba(8,11,13,.025) 100%);}\n      .dc-mobile-map__help{position:absolute;z-index:8;top:14px;left:14px;width:min(88%,420px);}\n      .dc-mobile-map__help-tab{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 14px;border:1px solid rgba(8,11,13,.1);color:var(--dc-dark);background:rgba(255,255,255,.95);box-shadow:0 10px 28px rgba(8,11,13,.13);font-size:12px;font-weight:800;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}\n      .dc-mobile-map__help-tab::before{content:\"\";width:8px;height:8px;border-radius:50%;background:var(--dc-pink);box-shadow:0 0 0 4px rgba(194,38,91,.12);}\n      .dc-mobile-map__help-tab::after{content:\"+\";font-size:18px;font-weight:500;line-height:1;transition:transform .3s var(--dc-ease);}\n      .dc-mobile-map__help.is-open .dc-mobile-map__help-tab::after{transform:rotate(45deg);}\n      .dc-mobile-map__intro{display:grid;grid-template-rows:0fr;overflow:hidden;visibility:hidden;opacity:0;transition:grid-template-rows .4s var(--dc-ease),opacity .25s ease,visibility .25s ease;}\n      .dc-mobile-map__help.is-open .dc-mobile-map__intro{grid-template-rows:1fr;visibility:visible;opacity:1;}\n      .dc-mobile-map__intro-inner{min-height:0;}\n      .dc-mobile-map__intro-content{position:relative;margin-top:8px;padding:15px 42px 15px 16px;border:1px solid rgba(8,11,13,.09);border-left:3px solid var(--dc-pink);background:rgba(255,255,255,.95);box-shadow:0 14px 34px rgba(8,11,13,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}\n      .dc-mobile-map__intro p{margin:0;color:var(--dc-dark);font-size:13px;font-weight:700;line-height:1.55;}\n      .dc-mobile-map__intro-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(8,11,13,.12);border-radius:50%;color:var(--dc-dark);background:var(--dc-light);font-size:18px;line-height:1;cursor:pointer;transition:transform .25s ease,background .25s ease;}\n      .dc-mobile-map__intro-close:hover,.dc-mobile-map__intro-close:focus-visible{transform:rotate(90deg);background:#fff;outline:none;}\n      .dc-mobile-map__label{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 11px;border:1px solid rgba(8,11,13,.09);color:var(--dc-dark);background:rgba(255,255,255,.92);box-shadow:0 10px 26px rgba(8,11,13,.14);text-decoration:none;font-family:\"Oswald\",Arial,sans-serif;font-size:13px;font-weight:500;line-height:1;letter-spacing:.02em;text-transform:uppercase;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);}\n      .dc-mobile-map__label::before{content:\"\";width:9px;height:9px;flex:0 0 9px;border:2px solid #fff;border-radius:50%;background:var(--dc-pink);box-shadow:0 0 0 5px rgba(194,38,91,.15);}\n      .dc-mobile-map__label--dc{top:28%;left:43%;}\n      .dc-mobile-map__label--despega{top:38%;right:5%;}\n      .dc-mobile-map__label--merkatico{top:65%;left:4%;}\n      .dc-mobile-map__label--demente{top:64%;right:5%;}\n      .dc-mobile-map__label--future{right:18%;bottom:6%;}\n      .dc-mobile-dimensions{\n        position:relative;\n        z-index:2;\n        margin-top:64px;\n        padding-top:0;\n        border-top:1px solid rgba(8,11,13,.12);\n        background:var(--dc-light);\n    }\n      .dc-mobile-dimension{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);gap:20px;padding:34px 0 38px;border-bottom:1px solid rgba(8,11,13,.12);scroll-margin-top:100px;}\n      .dc-mobile-dimension__number{color:var(--dc-pink);font-family:\"Oswald\",Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:.05em;}\n      .dc-mobile-dimension__content{min-width:0;}\n      .dc-mobile-dimension__label{margin:0 0 14px;color:var(--dc-pink);font-family:\"Oswald\",Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;}\n      .dc-mobile-dimension__head{display:flex;align-items:center;gap:14px;}\n      .dc-mobile-dimension__icon{flex:0 0 52px;display:grid;place-items:center;width:52px;height:52px;padding:8px;border:1px solid rgba(8,11,13,.08);background:rgba(255,255,255,.78);}\n      .dc-mobile-dimension__icon img{width:100%;height:100%;object-fit:contain;}\n      .dc-mobile-dimension__title{margin:0;color:var(--dc-dark);font-family:\"Oswald\",Arial,sans-serif;font-size:28px;font-weight:500;line-height:1.05;text-transform:uppercase;}\n      .dc-mobile-dimension__subtitle{margin:5px 0 0;color:var(--dc-muted);font-size:13px;font-weight:700;line-height:1.4;}\n      .dc-mobile-dimension__rule{width:32px;height:3px;margin:23px 0 17px;background:var(--dc-pink);}\n      .dc-mobile-dimension__text{max-width:680px;margin:0;color:var(--dc-text);font-size:15px;font-weight:500;line-height:1.72;}\n      .dc-mobile-dimension__cta{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:22px;padding:0 18px;border:1px solid var(--dc-pink);color:var(--dc-pink);background:transparent;text-decoration:none;font-size:13px;font-weight:800;}\n      .dc-mobile-dimension__cta::after{content:\"\u2192\";font-size:17px;font-weight:400;}\n      .dc-mobile-dimension__coming{display:inline-flex;align-items:center;min-height:40px;margin-top:21px;padding:0 15px;border:1px solid rgba(8,11,13,.1);color:var(--dc-dark);background:rgba(255,255,255,.64);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;}\n    }\n\n    @media (max-width: 680px) {\n      .dc-ecosystem__inner{padding:56px 18px 70px;}\n      .dc-ecosystem__eyebrow{margin-bottom:21px;font-size:14px;}\n      .dc-ecosystem__title{font-size:clamp(48px,14vw,65px);line-height:1;}\n      .dc-ecosystem__rule{margin:26px 0 21px;}\n      .dc-ecosystem__description{font-size:16px;line-height:1.7;}\n      .dc-ecosystem__scene{margin-top:34px;}\n      .dc-mobile-map{\n        width:100%;\n        min-height:0;\n        margin:0;\n        aspect-ratio:941 \/ 1672;\n        overflow:hidden;\n    }\n      .dc-mobile-map__help{top:10px;left:12px;width:calc(100% - 24px);}\n      .dc-mobile-map__intro p{font-size:12px;}\n      .dc-mobile-map__label{min-height:32px;gap:7px;padding:7px 9px;font-size:11px;}\n      .dc-mobile-map__label::before{width:7px;height:7px;flex-basis:7px;box-shadow:0 0 0 4px rgba(194,38,91,.14);}\n      .dc-mobile-map__label--dc{top:30%;left:38%;}\n      .dc-mobile-map__label--despega{top:41%;right:2%;}\n      .dc-mobile-map__label--merkatico{top:65%;left:2%;}\n      .dc-mobile-map__label--demente{top:67%;right:2%;}\n      .dc-mobile-map__label--future{right:10%;bottom:5%;}\n      .dc-mobile-dimensions{\n        margin-top:56px;\n    }\n      .dc-mobile-dimension{\n        grid-template-columns:40px minmax(0,1fr);\n        gap:12px;\n        padding:34px 0 36px;\n    }\n\n    .dc-mobile-dimension:first-child{\n        padding-top:38px;\n    }\n      .dc-mobile-dimension__number{font-size:13px;}\n      .dc-mobile-dimension__label{margin-bottom:12px;font-size:11px;}\n      .dc-mobile-dimension__head{align-items:flex-start;gap:12px;}\n      .dc-mobile-dimension__icon{flex-basis:46px;width:46px;height:46px;padding:7px;}\n      .dc-mobile-dimension__title{font-size:24px;}\n      .dc-mobile-dimension__subtitle{font-size:12px;}\n      .dc-mobile-dimension__rule{margin:20px 0 15px;}\n      .dc-mobile-dimension__text{font-size:14px;line-height:1.68;}\n      .dc-mobile-dimension__cta{min-height:42px;margin-top:20px;padding:0 15px;font-size:12px;}\n    }\n\n\n    @media (max-width: 680px) {\n      .dc-mobile-list,\n      .dc-mobile-map,\n      .dc-mobile-dimensions,\n      .dc-mobile-dimension {\n        width:100%;\n        max-width:100%;\n        min-width:0;\n      }\n\n      .dc-mobile-map {\n        contain:layout paint;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .dc-ecosystem__intro,\n      .dc-ecosystem__scene {\n        opacity: 1;\n        transform: none;\n        transition: none;\n      }\n\n      .dc-city__image,\n      .dc-card,\n      .dc-line,\n      .dc-light,\n      .dc-expanded,\n      .dc-mobile-card__detail {\n        transition: none;\n      }\n\n      .dc-ecosystem__hint svg,\n      .dc-hotspot::after {\n        animation: none;\n      }\n    }\n  <\/style>\n<\/head>\n\n<body>\n\n<section class=\"dc-ecosystem\" aria-labelledby=\"dc-ecosystem-title\">\n  <div class=\"dc-ecosystem__inner\">\n\n    <div class=\"dc-ecosystem__intro\">\n      <p class=\"dc-ecosystem__eyebrow\">Nuestro ecosistema<\/p>\n\n      <h2 class=\"dc-ecosystem__title\" id=\"dc-ecosystem-title\">\n        Una ciudad.\n        <span>Distintas dimensiones.<\/span>\n      <\/h2>\n\n      <div class=\"dc-ecosystem__rule\" aria-hidden=\"true\"><\/div>\n\n      <p class=\"dc-ecosystem__description\">\n        Cada dimensi\u00f3n responde a una necesidad distinta, pero todas comparten\n        una misma l\u00f3gica: construir ideas, marcas y negocios con mayor claridad,\n        diferenciaci\u00f3n y capacidad de crecer.\n      <\/p>\n\n      <div class=\"dc-ecosystem__hint\">\n        <svg viewBox=\"0 0 40 40\" aria-hidden=\"true\">\n          <path d=\"M20 3v12\"><\/path>\n          <path d=\"M15 10l5 5 5-5\"><\/path>\n          <rect x=\"8\" y=\"18\" width=\"24\" height=\"17\" rx=\"2\"><\/rect>\n          <path d=\"M14 24h12\"><\/path>\n          <path d=\"M14 29h8\"><\/path>\n        <\/svg>\n        <p>Explora la ciudad. Selecciona una dimensi\u00f3n y pulsa el signo \u201c+\u201d para conocerla.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"dc-ecosystem__scene\" data-dc-scene>\n\n      <div class=\"dc-city\">\n        <picture>\n          <source\n            media=\"(min-width: 1025px)\"\n            srcset=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-28-jul-2026-21_02_36.png\"\n          >\n          <img\n            class=\"dc-city__image\"\n            src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\"\n            alt=\"Ciudad conceptual que representa el ecosistema de Dimensi\u00f3n Creativa\"\n            fetchpriority=\"high\"\n            loading=\"eager\"\n            decoding=\"async\"\n          >\n        <\/picture>\n\n        <span class=\"dc-light dc-light--dc\" data-light=\"dc\"><\/span>\n        <span class=\"dc-light dc-light--despega\" data-light=\"despega\"><\/span>\n        <span class=\"dc-light dc-light--merkatico\" data-light=\"merkatico\"><\/span>\n        <span class=\"dc-light dc-light--demente\" data-light=\"demente\"><\/span>\n        <span class=\"dc-light dc-light--future\" data-light=\"future\"><\/span>\n      <\/div>\n\n      <div class=\"dc-scene-overlay\" data-scene-overlay><\/div>\n\n      <svg class=\"dc-lines\" viewBox=\"0 0 1000 1000\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n        <path class=\"dc-line\" data-line=\"dc\" d=\"M540 290 C520 230, 465 205, 430 190\"><\/path>\n        <path class=\"dc-line\" data-line=\"despega\" d=\"M780 370 C815 315, 842 282, 872 270\"><\/path>\n        <path class=\"dc-line\" data-line=\"merkatico\" d=\"M320 660 C250 630, 205 585, 175 550\"><\/path>\n        <path class=\"dc-line\" data-line=\"demente\" d=\"M780 640 C822 610, 845 575, 870 560\"><\/path>\n        <path class=\"dc-line\" data-line=\"future\" d=\"M580 820 C570 860, 555 900, 520 925\"><\/path>\n      <\/svg>\n\n      <div class=\"dc-hotspot-layer\">\n        <button class=\"dc-hotspot dc-hotspot--dc\" data-target=\"dc\" aria-label=\"Mostrar Dimensi\u00f3n Creativa\"><\/button>\n        <button class=\"dc-hotspot dc-hotspot--despega\" data-target=\"despega\" aria-label=\"Mostrar Despega\"><\/button>\n        <button class=\"dc-hotspot dc-hotspot--merkatico\" data-target=\"merkatico\" aria-label=\"Mostrar Merkatico\"><\/button>\n        <button class=\"dc-hotspot dc-hotspot--demente\" data-target=\"demente\" aria-label=\"Mostrar Demente\"><\/button>\n        <button class=\"dc-hotspot dc-hotspot--future\" data-target=\"future\" aria-label=\"Mostrar Futuras Dimensiones\"><\/button>\n      <\/div>\n\n      <div class=\"dc-cards\">\n\n        <article class=\"dc-card dc-card--dc\" data-card=\"dc\">\n          <div class=\"dc-card__icon\">\n            <img decoding=\"async\" src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/isotipo-dimension-creativa-negro-transparente.png\" alt=\"\">\n          <\/div>\n          <div class=\"dc-card__copy\">\n            <h3 class=\"dc-card__title\">Dimensi\u00f3n Creativa<\/h3>\n            <p class=\"dc-card__desc\">Estrategia y crecimiento<\/p>\n          <\/div>\n          <button class=\"dc-card__plus\" data-expand=\"dc\" aria-label=\"Conocer Dimensi\u00f3n Creativa\">+<\/button>\n        <\/article>\n\n        <article class=\"dc-card dc-card--despega\" data-card=\"despega\">\n          <div class=\"dc-card__icon\">\n            <img decoding=\"async\" src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/isotipo-despega-transparente.png\" alt=\"\">\n          <\/div>\n          <div class=\"dc-card__copy\">\n            <h3 class=\"dc-card__title\">Despega<\/h3>\n            <p class=\"dc-card__desc\">Nuevos negocios<\/p>\n          <\/div>\n          <button class=\"dc-card__plus\" data-expand=\"despega\" aria-label=\"Conocer Despega\">+<\/button>\n        <\/article>\n\n        <article class=\"dc-card dc-card--merkatico\" data-card=\"merkatico\">\n          <div class=\"dc-card__icon\">\n            <img decoding=\"async\" src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/isotipo-merkatico-transparente.png\" alt=\"\">\n          <\/div>\n          <div class=\"dc-card__copy\">\n            <h3 class=\"dc-card__title\">Merkatico<\/h3>\n            <p class=\"dc-card__desc\">Bazar digital curado<\/p>\n          <\/div>\n          <button class=\"dc-card__plus\" data-expand=\"merkatico\" aria-label=\"Conocer Merkatico\">+<\/button>\n        <\/article>\n\n        <article class=\"dc-card dc-card--demente\" data-card=\"demente\">\n          <div class=\"dc-card__icon\">\n            <img decoding=\"async\" src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/isotipo-demente-negro-transparente.png\" alt=\"\">\n          <\/div>\n          <div class=\"dc-card__copy\">\n            <h3 class=\"dc-card__title\">Demente<\/h3>\n            <p class=\"dc-card__desc\">Criterio para construir<\/p>\n          <\/div>\n          <button class=\"dc-card__plus\" data-expand=\"demente\" aria-label=\"Conocer Demente\">+<\/button>\n        <\/article>\n\n        <article class=\"dc-card dc-card--future\" data-card=\"future\">\n          <div class=\"dc-card__icon\">\n            <img decoding=\"async\" src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/signo-interrogacion-negro-transparente.png\" alt=\"\">\n          <\/div>\n          <div class=\"dc-card__copy\">\n            <h3 class=\"dc-card__title\">Futuras dimensiones<\/h3>\n            <p class=\"dc-card__desc\">Nuevos retos, nuevas formas de impacto<\/p>\n          <\/div>\n          <button class=\"dc-card__plus\" data-expand=\"future\" aria-label=\"Conocer Futuras Dimensiones\">+<\/button>\n        <\/article>\n\n      <\/div>\n\n      <div class=\"dc-expanded-layer\">\n\n        <article class=\"dc-expanded dc-expanded--dc\" data-expanded=\"dc\" aria-hidden=\"true\">\n          <button class=\"dc-expanded__close\" data-close-expanded aria-label=\"Cerrar\">\u00d7<\/button>\n          <div class=\"dc-expanded__head\">\n            <div class=\"dc-expanded__icon\">\n              <img decoding=\"async\" src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/isotipo-dimension-creativa-negro-transparente.png\" alt=\"\">\n            <\/div>\n            <div>\n              <p class=\"dc-expanded__label\">Dimensi\u00f3n principal<\/p>\n              <h3 class=\"dc-expanded__title\">Dimensi\u00f3n Creativa<\/h3>\n              <p class=\"dc-expanded__subtitle\">Estrategia y crecimiento<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"dc-expanded__rule\"><\/div>\n          <p class=\"dc-expanded__text\">\n            Ayudamos a los negocios a construir una propuesta m\u00e1s clara, diferente y valiosa,\n            utilizando el entorno digital como canal de expansi\u00f3n. Integramos estrategia,\n            creatividad, marca, contenido, visibilidad y sistemas para generar crecimiento\n            con direcci\u00f3n, no solo m\u00e1s actividad.\n          <\/p>\n          <!-- Sustituye el href cuando definas la URL final -->\n          <a class=\"dc-expanded__cta\" href=\"#\" data-placeholder-link>\n            Empezar ahora\n            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"M4 10h12\"><\/path>\n              <path d=\"M11 5l5 5-5 5\"><\/path>\n            <\/svg>\n          <\/a>\n        <\/article>\n\n        <article class=\"dc-expanded dc-expanded--despega\" data-expanded=\"despega\" aria-hidden=\"true\">\n          <button class=\"dc-expanded__close\" data-close-expanded aria-label=\"Cerrar\">\u00d7<\/button>\n          <div class=\"dc-expanded__head\">\n            <div class=\"dc-expanded__icon\">\n              <img decoding=\"async\" src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/isotipo-despega-transparente.png\" alt=\"\">\n            <\/div>\n            <div>\n              <p class=\"dc-expanded__label\">Dimensi\u00f3n de creaci\u00f3n<\/p>\n              <h3 class=\"dc-expanded__title\">Despega<\/h3>\n              <p class=\"dc-expanded__subtitle\">Nuevos negocios<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"dc-expanded__rule\"><\/div>\n          <p class=\"dc-expanded__text\">\n            Despega convierte una idea en un negocio digital construido y lanzado en conjunto.\n            Combina el conocimiento y la iniciativa del emprendedor con la estrategia,\n            desarrollo, comunicaci\u00f3n y ejecuci\u00f3n de Dimensi\u00f3n Creativa para crear una propuesta\n            lista para probarse en el mercado.\n          <\/p>\n          <!-- Sustituye el href cuando definas la URL final -->\n          <a class=\"dc-expanded__cta\" href=\"#\" data-placeholder-link>\n            Conocer Despega\n            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"M4 10h12\"><\/path>\n              <path d=\"M11 5l5 5-5 5\"><\/path>\n            <\/svg>\n          <\/a>\n        <\/article>\n\n        <article class=\"dc-expanded dc-expanded--merkatico\" data-expanded=\"merkatico\" aria-hidden=\"true\">\n          <button class=\"dc-expanded__close\" data-close-expanded aria-label=\"Cerrar\">\u00d7<\/button>\n          <div class=\"dc-expanded__head\">\n            <div class=\"dc-expanded__icon\">\n              <img decoding=\"async\" src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/isotipo-merkatico-transparente.png\" alt=\"\">\n            <\/div>\n            <div>\n              <p class=\"dc-expanded__label\">Dimensi\u00f3n comercial<\/p>\n              <h3 class=\"dc-expanded__title\">Merkatico<\/h3>\n              <p class=\"dc-expanded__subtitle\">Bazar digital curado<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"dc-expanded__rule\"><\/div>\n          <p class=\"dc-expanded__text\">\n            Merkatico ser\u00e1 un bazar digital curado donde las personas puedan descubrir productos\n            seleccionados por su calidad, propuesta e historial de satisfacci\u00f3n. Una experiencia\n            inspirada en la riqueza de un bazar f\u00edsico, pero organizada para comprar con mayor\n            confianza en un entorno digital.\n          <\/p>\n          <!-- Sustituye el href cuando definas la URL final -->\n          <a class=\"dc-expanded__cta\" href=\"#\" data-placeholder-link>\n            Explorar Merkatico\n            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"M4 10h12\"><\/path>\n              <path d=\"M11 5l5 5-5 5\"><\/path>\n            <\/svg>\n          <\/a>\n        <\/article>\n\n        <article class=\"dc-expanded dc-expanded--demente\" data-expanded=\"demente\" aria-hidden=\"true\">\n          <button class=\"dc-expanded__close\" data-close-expanded aria-label=\"Cerrar\">\u00d7<\/button>\n          <div class=\"dc-expanded__head\">\n            <div class=\"dc-expanded__icon\">\n              <img decoding=\"async\" src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/isotipo-demente-negro-transparente.png\" alt=\"\">\n            <\/div>\n            <div>\n              <p class=\"dc-expanded__label\">Dimensi\u00f3n educativa<\/p>\n              <h3 class=\"dc-expanded__title\">Demente<\/h3>\n              <p class=\"dc-expanded__subtitle\">Criterio para construir<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"dc-expanded__rule\"><\/div>\n          <p class=\"dc-expanded__text\">\n            Demente desarrolla criterio, creatividad y estructura mental para construir negocios\n            funcionales. No busca entregar f\u00f3rmulas r\u00e1pidas, sino ayudar a pensar mejor, cuestionar\n            lo establecido y tomar decisiones con una visi\u00f3n m\u00e1s estrat\u00e9gica, consciente y \u00fatil.\n          <\/p>\n          <!-- Sustituye el href cuando definas la URL final -->\n          <a class=\"dc-expanded__cta\" href=\"#\" data-placeholder-link>\n            Descubrir Demente\n            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"M4 10h12\"><\/path>\n              <path d=\"M11 5l5 5-5 5\"><\/path>\n            <\/svg>\n          <\/a>\n        <\/article>\n\n        <article class=\"dc-expanded dc-expanded--future\" data-expanded=\"future\" aria-hidden=\"true\">\n          <button class=\"dc-expanded__close\" data-close-expanded aria-label=\"Cerrar\">\u00d7<\/button>\n          <div class=\"dc-expanded__head\">\n            <div class=\"dc-expanded__icon\">\n              <img decoding=\"async\" src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/signo-interrogacion-negro-transparente.png\" alt=\"\">\n            <\/div>\n            <div>\n              <p class=\"dc-expanded__label\">Ecosistema en evoluci\u00f3n<\/p>\n              <h3 class=\"dc-expanded__title\">Futuras dimensiones<\/h3>\n              <p class=\"dc-expanded__subtitle\">Nuevos retos, nuevas formas de impacto<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"dc-expanded__rule\"><\/div>\n          <p class=\"dc-expanded__text\">\n            El ecosistema seguir\u00e1 creciendo conforme aparezcan nuevas oportunidades, problemas\n            y formas de crear valor. Cada futura dimensi\u00f3n tendr\u00e1 una funci\u00f3n propia, pero estar\u00e1\n            conectada con la misma visi\u00f3n: convertir ideas en sistemas capaces de generar impacto.\n          <\/p>\n          <span class=\"dc-expanded__coming\">Pr\u00f3ximamente<\/span>\n        <\/article>\n\n      <\/div>\n\n      <div class=\"dc-mobile-list\">\n\n        <div class=\"dc-mobile-map\" aria-label=\"Mapa del ecosistema de Dimensi\u00f3n Creativa\">\n          <picture>\n            <source\n              media=\"(max-width: 1024px)\"\n              srcset=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-30-jul-2026-21_29_34.png\"\n            >\n            <img\n              class=\"dc-mobile-map__image\"\n              src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\"\n              alt=\"Ciudad conceptual que representa las distintas dimensiones del ecosistema\"\n              fetchpriority=\"high\"\n              loading=\"eager\"\n              decoding=\"async\"\n            >\n          <\/picture>\n\n          <div class=\"dc-mobile-map__intro\">\n            <p>Cada punto representa una funci\u00f3n distinta dentro de un mismo ecosistema. Toca una dimensi\u00f3n para conocer su papel.<\/p>\n          <\/div>\n\n          <a class=\"dc-mobile-map__label dc-mobile-map__label--dc\" href=\"#dimension-dc\">Dimensi\u00f3n Creativa<\/a>\n          <a class=\"dc-mobile-map__label dc-mobile-map__label--despega\" href=\"#dimension-despega\">Despega<\/a>\n          <a class=\"dc-mobile-map__label dc-mobile-map__label--merkatico\" href=\"#dimension-merkatico\">Merkatico<\/a>\n          <a class=\"dc-mobile-map__label dc-mobile-map__label--demente\" href=\"#dimension-demente\">Demente<\/a>\n          <a class=\"dc-mobile-map__label dc-mobile-map__label--future\" href=\"#dimension-future\">Futuras dimensiones<\/a>\n        <\/div>\n\n        <div class=\"dc-mobile-dimensions\">\n\n          <article class=\"dc-mobile-dimension\" id=\"dimension-dc\">\n            <div class=\"dc-mobile-dimension__number\">01<\/div>\n            <div class=\"dc-mobile-dimension__content\">\n              <p class=\"dc-mobile-dimension__label\">Dimensi\u00f3n principal<\/p>\n              <div class=\"dc-mobile-dimension__head\">\n                <div class=\"dc-mobile-dimension__icon\"><img decoding=\"async\" src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/isotipo-dimension-creativa-negro-transparente.png\" alt=\"\"><\/div>\n                <div><h3 class=\"dc-mobile-dimension__title\">Dimensi\u00f3n Creativa<\/h3><p class=\"dc-mobile-dimension__subtitle\">Estrategia y crecimiento<\/p><\/div>\n              <\/div>\n              <div class=\"dc-mobile-dimension__rule\" aria-hidden=\"true\"><\/div>\n              <p class=\"dc-mobile-dimension__text\">Ayudamos a los negocios a construir una propuesta m\u00e1s clara, diferente y valiosa, utilizando el entorno digital como canal de expansi\u00f3n. Integramos estrategia, creatividad, marca, contenido, visibilidad y sistemas para crecer con direcci\u00f3n.<\/p>\n              <a class=\"dc-mobile-dimension__cta\" href=\"#\" data-placeholder-link>Empezar ahora<\/a>\n            <\/div>\n          <\/article>\n\n          <article class=\"dc-mobile-dimension\" id=\"dimension-despega\">\n            <div class=\"dc-mobile-dimension__number\">02<\/div>\n            <div class=\"dc-mobile-dimension__content\">\n              <p class=\"dc-mobile-dimension__label\">Dimensi\u00f3n de creaci\u00f3n<\/p>\n              <div class=\"dc-mobile-dimension__head\">\n                <div class=\"dc-mobile-dimension__icon\"><img decoding=\"async\" src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/isotipo-despega-transparente.png\" alt=\"\"><\/div>\n                <div><h3 class=\"dc-mobile-dimension__title\">Despega<\/h3><p class=\"dc-mobile-dimension__subtitle\">Nuevos negocios<\/p><\/div>\n              <\/div>\n              <div class=\"dc-mobile-dimension__rule\" aria-hidden=\"true\"><\/div>\n              <p class=\"dc-mobile-dimension__text\">Despega convierte una idea en un negocio digital construido y lanzado en conjunto. Combina la iniciativa del emprendedor con la estrategia, desarrollo, comunicaci\u00f3n y ejecuci\u00f3n de Dimensi\u00f3n Creativa.<\/p>\n              <a class=\"dc-mobile-dimension__cta\" href=\"#\" data-placeholder-link>Conocer Despega<\/a>\n            <\/div>\n          <\/article>\n\n          <article class=\"dc-mobile-dimension\" id=\"dimension-merkatico\">\n            <div class=\"dc-mobile-dimension__number\">03<\/div>\n            <div class=\"dc-mobile-dimension__content\">\n              <p class=\"dc-mobile-dimension__label\">Dimensi\u00f3n comercial<\/p>\n              <div class=\"dc-mobile-dimension__head\">\n                <div class=\"dc-mobile-dimension__icon\"><img decoding=\"async\" src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/isotipo-merkatico-transparente.png\" alt=\"\"><\/div>\n                <div><h3 class=\"dc-mobile-dimension__title\">Merkatico<\/h3><p class=\"dc-mobile-dimension__subtitle\">Bazar digital curado<\/p><\/div>\n              <\/div>\n              <div class=\"dc-mobile-dimension__rule\" aria-hidden=\"true\"><\/div>\n              <p class=\"dc-mobile-dimension__text\">Un bazar digital curado para descubrir productos seleccionados por su calidad, propuesta e historial de satisfacci\u00f3n. Una experiencia inspirada en la riqueza de un bazar f\u00edsico, organizada para comprar con mayor confianza.<\/p>\n              <a class=\"dc-mobile-dimension__cta\" href=\"#\" data-placeholder-link>Explorar Merkatico<\/a>\n            <\/div>\n          <\/article>\n\n          <article class=\"dc-mobile-dimension\" id=\"dimension-demente\">\n            <div class=\"dc-mobile-dimension__number\">04<\/div>\n            <div class=\"dc-mobile-dimension__content\">\n              <p class=\"dc-mobile-dimension__label\">Dimensi\u00f3n educativa<\/p>\n              <div class=\"dc-mobile-dimension__head\">\n                <div class=\"dc-mobile-dimension__icon\"><img decoding=\"async\" src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/isotipo-demente-negro-transparente.png\" alt=\"\"><\/div>\n                <div><h3 class=\"dc-mobile-dimension__title\">Demente<\/h3><p class=\"dc-mobile-dimension__subtitle\">Criterio para construir<\/p><\/div>\n              <\/div>\n              <div class=\"dc-mobile-dimension__rule\" aria-hidden=\"true\"><\/div>\n              <p class=\"dc-mobile-dimension__text\">Demente desarrolla criterio, creatividad y estructura mental para construir negocios funcionales. No entrega f\u00f3rmulas r\u00e1pidas: ayuda a pensar mejor, cuestionar lo establecido y decidir con mayor claridad.<\/p>\n              <a class=\"dc-mobile-dimension__cta\" href=\"#\" data-placeholder-link>Descubrir Demente<\/a>\n            <\/div>\n          <\/article>\n\n          <article class=\"dc-mobile-dimension\" id=\"dimension-future\">\n            <div class=\"dc-mobile-dimension__number\">05<\/div>\n            <div class=\"dc-mobile-dimension__content\">\n              <p class=\"dc-mobile-dimension__label\">Ecosistema en evoluci\u00f3n<\/p>\n              <div class=\"dc-mobile-dimension__head\">\n                <div class=\"dc-mobile-dimension__icon\"><img decoding=\"async\" src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/signo-interrogacion-negro-transparente.png\" alt=\"\"><\/div>\n                <div><h3 class=\"dc-mobile-dimension__title\">Futuras dimensiones<\/h3><p class=\"dc-mobile-dimension__subtitle\">Nuevos retos, nuevas formas de impacto<\/p><\/div>\n              <\/div>\n              <div class=\"dc-mobile-dimension__rule\" aria-hidden=\"true\"><\/div>\n              <p class=\"dc-mobile-dimension__text\">El ecosistema seguir\u00e1 creciendo conforme aparezcan nuevas oportunidades, problemas y formas de crear valor. Cada futura dimensi\u00f3n tendr\u00e1 una funci\u00f3n propia, conectada con la misma visi\u00f3n.<\/p>\n              <span class=\"dc-mobile-dimension__coming\">Pr\u00f3ximamente<\/span>\n            <\/div>\n          <\/article>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  const section = document.querySelector('.dc-ecosystem');\n  const scene = section?.querySelector('[data-dc-scene]');\n\n  if (!section || !scene) return;\n\n  const image = scene.querySelector('.dc-city__image');\n  const hotspots = [...scene.querySelectorAll('.dc-hotspot')];\n  const cards = [...scene.querySelectorAll('.dc-card')];\n  const lines = [...scene.querySelectorAll('.dc-line')];\n  const lights = [...scene.querySelectorAll('.dc-light')];\n  const expandButtons = [...scene.querySelectorAll('[data-expand]')];\n  const expandedCards = [...scene.querySelectorAll('[data-expanded]')];\n  const closeButtons = [...scene.querySelectorAll('[data-close-expanded]')];\n  const placeholderLinks = [...section.querySelectorAll('[data-placeholder-link]')];\n\n  let lockedTarget = null;\n  let expandedTarget = null;\n  let leaveTimer = null;\n\n  const getBy = (collection, attr, value) =>\n    collection.find(element => element.getAttribute(attr) === value);\n\n  const clearPreview = () => {\n    hotspots.forEach(element => element.classList.remove('is-active'));\n    cards.forEach(element => element.classList.remove('is-active'));\n    lines.forEach(element => element.classList.remove('is-active'));\n    lights.forEach(element => element.classList.remove('is-active'));\n  };\n\n  const activatePreview = (target) => {\n    clearTimeout(leaveTimer);\n    clearPreview();\n\n    getBy(hotspots, 'data-target', target)?.classList.add('is-active');\n    getBy(cards, 'data-card', target)?.classList.add('is-active');\n    getBy(lines, 'data-line', target)?.classList.add('is-active');\n    getBy(lights, 'data-light', target)?.classList.add('is-active');\n  };\n\n  const schedulePreviewClear = () => {\n    if (lockedTarget || expandedTarget) return;\n\n    clearTimeout(leaveTimer);\n    leaveTimer = setTimeout(clearPreview, 140);\n  };\n\n  const closeExpanded = () => {\n    expandedCards.forEach(card => {\n      card.classList.remove('is-open');\n      card.setAttribute('aria-hidden', 'true');\n    });\n\n    scene.classList.remove('has-expanded-card');\n    expandedTarget = null;\n    lockedTarget = null;\n    clearPreview();\n  };\n\n  const openExpanded = (target) => {\n    expandedCards.forEach(card => {\n      const isTarget = card.dataset.expanded === target;\n      card.classList.toggle('is-open', isTarget);\n      card.setAttribute('aria-hidden', isTarget ? 'false' : 'true');\n    });\n\n    expandedTarget = target;\n    lockedTarget = target;\n    scene.classList.add('has-expanded-card');\n    activatePreview(target);\n\n    const activePanel = getBy(expandedCards, 'data-expanded', target);\n    activePanel?.querySelector('[data-close-expanded]')?.focus({ preventScroll: true });\n  };\n\n  hotspots.forEach(hotspot => {\n    const target = hotspot.dataset.target;\n\n    hotspot.addEventListener('mouseenter', () => {\n      if (!expandedTarget) activatePreview(target);\n    });\n\n    hotspot.addEventListener('focus', () => {\n      if (!expandedTarget) activatePreview(target);\n    });\n\n    hotspot.addEventListener('mouseleave', schedulePreviewClear);\n    hotspot.addEventListener('blur', schedulePreviewClear);\n\n    hotspot.addEventListener('click', () => {\n      if (expandedTarget) return;\n\n      if (lockedTarget === target) {\n        lockedTarget = null;\n        clearPreview();\n      } else {\n        lockedTarget = target;\n        activatePreview(target);\n      }\n    });\n  });\n\n  cards.forEach(card => {\n    const target = card.dataset.card;\n\n    card.addEventListener('mouseenter', () => {\n      if (!expandedTarget) activatePreview(target);\n    });\n\n    card.addEventListener('mouseleave', schedulePreviewClear);\n  });\n\n  expandButtons.forEach(button => {\n    button.addEventListener('click', event => {\n      event.stopPropagation();\n      openExpanded(button.dataset.expand);\n    });\n  });\n\n  closeButtons.forEach(button => {\n    button.addEventListener('click', closeExpanded);\n  });\n\n  document.addEventListener('keydown', event => {\n    if (event.key === 'Escape' && expandedTarget) {\n      closeExpanded();\n    }\n  });\n\n  document.addEventListener('click', event => {\n    if (!scene.contains(event.target)) {\n      closeExpanded();\n    }\n  });\n\n  placeholderLinks.forEach(link => {\n    link.addEventListener('click', event => {\n      if (link.getAttribute('href') === '#') {\n        event.preventDefault();\n      }\n    });\n  });\n\n\n  const mobileMapHelp = section.querySelector('[data-mobile-map-help]');\n  const toggleMobileMapHelp = section.querySelector('[data-toggle-mobile-map-help]');\n  const closeMobileMapNote = section.querySelector('[data-close-mobile-map-note]');\n\n  const setMobileMapHelp = (open) => {\n    mobileMapHelp?.classList.toggle('is-open', open);\n    toggleMobileMapHelp?.setAttribute('aria-expanded', open ? 'true' : 'false');\n  };\n\n  setMobileMapHelp(mobileMapHelp?.classList.contains('is-open'));\n\n  toggleMobileMapHelp?.addEventListener('click', () => {\n    setMobileMapHelp(!mobileMapHelp?.classList.contains('is-open'));\n  });\n\n  closeMobileMapNote?.addEventListener('click', () => {\n    setMobileMapHelp(false);\n  });\n\n\n  if ('IntersectionObserver' in window) {\n    const observer = new IntersectionObserver((entries, currentObserver) => {\n      entries.forEach(entry => {\n        if (!entry.isIntersecting) return;\n\n        section.classList.add('is-visible');\n        currentObserver.unobserve(entry.target);\n      });\n    }, {\n      threshold: .16,\n      rootMargin: '0px 0px -7% 0px'\n    });\n\n    observer.observe(section);\n  } else {\n    section.classList.add('is-visible');\n  }\n\n  const reducedMotion =\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  const desktopPointer =\n    window.matchMedia('(pointer: fine)').matches;\n\n  if (!reducedMotion && desktopPointer && image) {\n    scene.addEventListener('mousemove', event => {\n      if (expandedTarget) return;\n\n      const rect = scene.getBoundingClientRect();\n      const x = (event.clientX - rect.left) \/ rect.width - .5;\n      const y = (event.clientY - rect.top) \/ rect.height - .5;\n\n      image.style.transform =\n        `translate3d(${x * -10}px, ${y * -7}px, 0) scale(1.028)`;\n\n      cards.forEach((card, index) => {\n        const factor = 2.4 + (index % 3) * .7;\n        card.style.marginLeft = `${x * factor}px`;\n        card.style.marginTop = `${y * factor}px`;\n      });\n    });\n\n    scene.addEventListener('mouseleave', () => {\n      image.style.transform = 'translate3d(0,0,0) scale(1.018)';\n\n      cards.forEach(card => {\n        card.style.marginLeft = '';\n        card.style.marginTop = '';\n      });\n\n      schedulePreviewClear();\n    });\n  }\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-92cb9eb e-con e-atomic-element e-flexbox-base e-3d659e7 \" data-id=\"92cb9eb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"92cb9eb\">\n    \t\t<div class=\"elementor-element elementor-element-03a8a39 elementor-widget elementor-widget-html\" data-id=\"03a8a39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>CTA Dimensi\u00f3n Creativa<\/title>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@500;600;700;800&display=swap');\n\n:root{\n  --dc-pink:#C2265B;\n  --dc-bg:#F5F5F3;\n  --dc-dark:#080B0D;\n  --dc-copy:rgba(8,11,13,.72);\n  --dc-border:rgba(8,11,13,.22);\n  --dc-ease:cubic-bezier(.22,1,.36,1);\n}\n\n*{\n  box-sizing:border-box;\n}\n\nhtml,\nbody{\n  margin:0;\n  background:var(--dc-bg);\n  font-family:\"Manrope\",Arial,sans-serif;\n  color:var(--dc-dark);\n}\n\n.dc-closing{\n  width:100%;\n  padding:32px;\n  background:var(--dc-bg);\n}\n\n.dc-closing__box{\n  width:100%;\n  max-width:1700px;\n  margin:0 auto;\n  padding:64px;\n  display:grid;\n  grid-template-columns:minmax(0,1.55fr) minmax(220px,.72fr) minmax(270px,.78fr);\n  align-items:center;\n  gap:clamp(44px,5vw,84px);\n  border:1px solid var(--dc-border);\n  background:transparent;\n  opacity:0;\n  transform:translateY(20px);\n  transition:opacity .8s ease, transform .9s var(--dc-ease);\n}\n\n.dc-closing.is-visible .dc-closing__box{\n  opacity:1;\n  transform:none;\n}\n\n.dc-closing__title{\n  margin:0;\n  max-width:780px;\n  font-family:\"Manrope\",Arial,sans-serif;\n  font-size:clamp(38px,3.4vw,64px);\n  font-weight:700;\n  line-height:1.08;\n  letter-spacing:-.045em;\n  text-wrap:balance;\n}\n\n.dc-closing__title span{\n  color:var(--dc-pink);\n}\n\n.dc-closing__rule{\n  width:28px;\n  height:3px;\n  margin-top:28px;\n  background:var(--dc-pink);\n  transform:scaleX(0);\n  transform-origin:left;\n  transition:transform .65s .35s var(--dc-ease);\n}\n\n.dc-closing.is-visible .dc-closing__rule{\n  transform:scaleX(1);\n}\n\n.dc-closing__copy{\n  max-width:270px;\n  margin:0;\n  color:var(--dc-copy);\n  font-size:clamp(15px,1vw,18px);\n  font-weight:600;\n  line-height:1.75;\n  text-wrap:pretty;\n}\n\n.dc-closing__cta-wrap{\n  display:flex;\n  justify-content:flex-end;\n}\n\n.dc-closing__cta{\n  position:relative;\n  width:min(100%,320px);\n  min-height:72px;\n  padding:0 30px 0 34px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:28px;\n  overflow:hidden;\n  border:2px solid var(--dc-pink);\n  background:transparent;\n  color:var(--dc-dark);\n  text-decoration:none;\n  font-family:\"Manrope\",Arial,sans-serif;\n  font-size:15px;\n  font-weight:800;\n  letter-spacing:.01em;\n  text-transform:uppercase;\n  transition:\n    color .35s ease,\n    transform .35s var(--dc-ease),\n    box-shadow .35s ease;\n}\n\n.dc-closing__cta::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:var(--dc-pink);\n  transform:translateX(-102%);\n  transition:transform .45s var(--dc-ease);\n}\n\n.dc-closing__cta span,\n.dc-closing__cta svg{\n  position:relative;\n  z-index:1;\n}\n\n.dc-closing__cta svg{\n  width:29px;\n  height:29px;\n  fill:none;\n  stroke:var(--dc-pink);\n  stroke-width:1.8;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n  transition:stroke .35s ease, transform .35s var(--dc-ease);\n}\n\n.dc-closing__cta:hover,\n.dc-closing__cta:focus-visible{\n  color:#fff;\n  transform:translateY(-3px);\n  box-shadow:0 15px 32px rgba(194,38,91,.18);\n  outline:none;\n}\n\n.dc-closing__cta:hover::before,\n.dc-closing__cta:focus-visible::before{\n  transform:translateX(0);\n}\n\n.dc-closing__cta:hover svg,\n.dc-closing__cta:focus-visible svg{\n  stroke:#fff;\n  transform:translateX(4px);\n}\n\n@media (max-width:1050px){\n  .dc-closing__box{\n    grid-template-columns:1.2fr .8fr;\n    gap:36px 48px;\n    padding:48px;\n  }\n\n  .dc-closing__cta-wrap{\n    grid-column:1 \/ -1;\n    justify-content:flex-start;\n  }\n\n  .dc-closing__cta{\n    width:300px;\n  }\n}\n\n@media (max-width:680px){\n  .dc-closing{\n    padding:16px;\n  }\n\n  .dc-closing__box{\n    grid-template-columns:1fr;\n    gap:28px;\n    padding:34px 24px 28px;\n  }\n\n  .dc-closing__title{\n    font-size:clamp(36px,10vw,48px);\n    line-height:1.08;\n    letter-spacing:-.04em;\n  }\n\n  .dc-closing__copy{\n    max-width:100%;\n    font-size:15px;\n  }\n\n  .dc-closing__cta-wrap{\n    grid-column:auto;\n  }\n\n  .dc-closing__cta{\n    width:100%;\n    min-height:64px;\n    padding:0 23px;\n  }\n}\n\n@media (prefers-reduced-motion:reduce){\n  .dc-closing__box,\n  .dc-closing__rule,\n  .dc-closing__cta,\n  .dc-closing__cta::before,\n  .dc-closing__cta svg{\n    transition:none;\n  }\n\n  .dc-closing__box{\n    opacity:1;\n    transform:none;\n  }\n\n  .dc-closing__rule{\n    transform:scaleX(1);\n  }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<section class=\"dc-closing\" aria-labelledby=\"dc-closing-title\">\n  <div class=\"dc-closing__box\">\n\n    <div>\n      <h2 class=\"dc-closing__title\" id=\"dc-closing-title\">\n        Exploramos para entender.<br>\n        Creamos para transformar.<br>\n        Construimos para <span>trascender.<\/span>\n      <\/h2>\n\n      <div class=\"dc-closing__rule\" aria-hidden=\"true\"><\/div>\n    <\/div>\n\n    <p class=\"dc-closing__copy\">\n      Esta es una muestra de todas las dimensiones que seguimos construyendo juntos.\n    <\/p>\n\n    <div class=\"dc-closing__cta-wrap\">\n      <!-- Reemplaza # por la URL final de contacto -->\n      <a class=\"dc-closing__cta\" href=\"#\">\n        <span>Hablemos<\/span>\n\n        <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\">\n          <path d=\"M5 16h21\"><\/path>\n          <path d=\"M19 9l7 7-7 7\"><\/path>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  const section=document.querySelector('.dc-closing');\n  const button=section?.querySelector('.dc-closing__cta');\n\n  if(!section) return;\n\n  if('IntersectionObserver' in window){\n    const observer=new IntersectionObserver((entries,currentObserver)=>{\n      entries.forEach(entry=>{\n        if(!entry.isIntersecting) return;\n        section.classList.add('is-visible');\n        currentObserver.unobserve(entry.target);\n      });\n    },{\n      threshold:.2,\n      rootMargin:'0px 0px -8% 0px'\n    });\n\n    observer.observe(section);\n  }else{\n    section.classList.add('is-visible');\n  }\n\n  button?.addEventListener('click',event=>{\n    if(button.getAttribute('href')==='#'){\n      event.preventDefault();\n    }\n  });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d1bfeb7 e-con e-atomic-element e-flexbox-base e-64a2881 \" data-id=\"d1bfeb7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d1bfeb7\">\n    \t\t<div class=\"elementor-element elementor-element-8ee98cb elementor-widget elementor-widget-html\" data-id=\"8ee98cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   DIMENSI\u00d3N CREATIVA \u2014 FOOTER CLARO\n========================================================= *\/\n\n.dc-footer,\n.dc-footer * {\n    box-sizing: border-box;\n}\n\n.dc-footer {\n    --dc-pink: #C2265B;\n    --dc-background: #F5F5F3;\n    --dc-black: #080B0D;\n    --dc-gray: rgba(8, 11, 13, 0.66);\n    --dc-dark-gray: rgba(8, 11, 13, 0.48);\n    --dc-line: rgba(8, 11, 13, 0.11);\n\n    position: relative;\n\n    width: 100%;\n    overflow: hidden;\n\n    border-top: 1px solid var(--dc-line);\n\n    color: var(--dc-black);\n    background:\n        radial-gradient(\n            circle at 85% 0%,\n            rgba(194, 38, 91, 0.055),\n            transparent 32%\n        ),\n        var(--dc-background);\n\n    font-family: \"Manrope\", sans-serif;\n}\n\n\/* Cuadr\u00edcula editorial de fondo *\/\n.dc-footer::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    pointer-events: none;\n\n    opacity: 0.035;\n\n    background-image:\n        linear-gradient(\n            rgba(8, 11, 13, 0.45) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(8, 11, 13, 0.35) 1px,\n            transparent 1px\n        );\n\n    background-size: 80px 80px;\n}\n\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n\n.dc-footer__inner {\n    position: relative;\n    z-index: 2;\n\n    width: min(calc(100% - 80px), 1440px);\n\n    margin: 0 auto;\n    padding: 68px 0 42px;\n}\n\n.dc-footer__grid {\n    display: grid;\n    grid-template-columns:\n        minmax(260px, 1.25fr)\n        minmax(150px, 0.7fr)\n        minmax(180px, 0.75fr)\n        minmax(270px, 1fr);\n\n    align-items: start;\n\n    gap: 64px;\n}\n\n\/* =========================================================\n   MARCA\n========================================================= *\/\n\n.dc-footer__brand {\n    max-width: 320px;\n}\n\n.dc-footer__logo-link {\n    display: inline-block;\n\n    text-decoration: none;\n\n    transition:\n        opacity 0.3s ease,\n        transform 0.3s ease;\n}\n\n.dc-footer__logo-link:hover {\n    opacity: 0.72;\n    transform: translateY(-2px);\n}\n\n.dc-footer__logo {\n    display: block;\n\n    width: 245px;\n    max-width: 100%;\n    height: auto;\n}\n\n.dc-footer__description {\n    max-width: 300px;\n\n    margin: 25px 0 0;\n\n    color: var(--dc-gray);\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.7;\n}\n\n\/* =========================================================\n   T\u00cdTULOS\n========================================================= *\/\n\n.dc-footer__heading {\n    margin: 0 0 22px;\n\n    color: var(--dc-pink);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: 17px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 0.8px;\n\n    text-transform: uppercase;\n}\n\n\/* =========================================================\n   NAVEGACI\u00d3N\n========================================================= *\/\n\n.dc-footer__list {\n    display: flex;\n    flex-direction: column;\n\n    gap: 13px;\n\n    margin: 0;\n    padding: 0;\n\n    list-style: none;\n}\n\n.dc-footer__link {\n    position: relative;\n\n    display: inline-flex;\n    align-items: center;\n\n    width: fit-content;\n\n    color: var(--dc-gray);\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.4;\n\n    text-decoration: none;\n\n    transition:\n        color 0.3s ease,\n        transform 0.3s ease;\n}\n\n.dc-footer__link::after {\n    content: \"\";\n\n    position: absolute;\n    right: 0;\n    bottom: -4px;\n    left: 0;\n\n    height: 1px;\n\n    background: var(--dc-pink);\n\n    transform: scaleX(0);\n    transform-origin: left;\n\n    transition: transform 0.3s ease;\n}\n\n.dc-footer__link:hover {\n    color: var(--dc-black);\n    transform: translateX(4px);\n}\n\n.dc-footer__link:hover::after {\n    transform: scaleX(1);\n}\n\n\/* =========================================================\n   CONTACTO\n========================================================= *\/\n\n.dc-footer__contact-list {\n    display: flex;\n    flex-direction: column;\n\n    gap: 17px;\n\n    margin: 0;\n    padding: 0;\n\n    list-style: none;\n}\n\n.dc-footer__contact-item {\n    display: flex;\n    align-items: flex-start;\n\n    gap: 13px;\n}\n\n.dc-footer__contact-icon {\n    flex: 0 0 20px;\n\n    width: 20px;\n    height: 20px;\n\n    margin-top: 1px;\n\n    color: var(--dc-pink);\n}\n\n.dc-footer__contact-icon svg {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.dc-footer__contact-link,\n.dc-footer__contact-text {\n    color: var(--dc-gray);\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.55;\n\n    text-decoration: none;\n\n    transition: color 0.3s ease;\n}\n\n.dc-footer__contact-link:hover {\n    color: var(--dc-black);\n}\n\n\/* =========================================================\n   REDES SOCIALES\n========================================================= *\/\n\n.dc-footer__social {\n    display: flex;\n    align-items: center;\n\n    gap: 12px;\n\n    margin-top: 25px;\n}\n\n.dc-footer__social-link {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 42px;\n    height: 42px;\n\n    border: 1px solid rgba(194, 38, 91, 0.58);\n\n    color: var(--dc-black);\n    background: transparent;\n\n    text-decoration: none;\n\n    transition:\n        color 0.3s ease,\n        background-color 0.3s ease,\n        border-color 0.3s ease,\n        transform 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.dc-footer__social-link svg {\n    width: 19px;\n    height: 19px;\n\n    fill: currentColor;\n}\n\n.dc-footer__social-link:hover {\n    color: #FFFFFF;\n    background: var(--dc-pink);\n    border-color: var(--dc-pink);\n\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 12px 25px rgba(194, 38, 91, 0.18);\n}\n\n\/* =========================================================\n   FRANJA INFERIOR\n========================================================= *\/\n\n.dc-footer__bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 30px;\n\n    margin-top: 54px;\n    padding-top: 24px;\n\n    border-top: 1px solid var(--dc-line);\n}\n\n.dc-footer__bottom-text {\n    margin: 0;\n\n    color: var(--dc-dark-gray);\n\n    font-size: 12px;\n    line-height: 1.5;\n}\n\n.dc-footer__bottom-links {\n    display: flex;\n    flex-wrap: wrap;\n\n    gap: 24px;\n}\n\n.dc-footer__bottom-link {\n    color: var(--dc-dark-gray);\n\n    font-size: 12px;\n    line-height: 1.5;\n\n    text-decoration: none;\n\n    transition: color 0.3s ease;\n}\n\n.dc-footer__bottom-link:hover {\n    color: var(--dc-black);\n}\n\n\/* =========================================================\n   ANIMACIONES\n========================================================= *\/\n\n.dc-footer__column,\n.dc-footer__bottom {\n    opacity: 0;\n    transform: translateY(22px);\n\n    transition:\n        opacity 0.75s ease,\n        transform 0.75s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-footer.is-visible .dc-footer__column,\n.dc-footer.is-visible .dc-footer__bottom {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.dc-footer.is-visible\n.dc-footer__column:nth-child(2) {\n    transition-delay: 0.08s;\n}\n\n.dc-footer.is-visible\n.dc-footer__column:nth-child(3) {\n    transition-delay: 0.16s;\n}\n\n.dc-footer.is-visible\n.dc-footer__column:nth-child(4) {\n    transition-delay: 0.24s;\n}\n\n.dc-footer.is-visible\n.dc-footer__bottom {\n    transition-delay: 0.30s;\n}\n\n\/* =========================================================\n   TABLET GRANDE\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n    .dc-footer__inner {\n        width: min(calc(100% - 50px), 1100px);\n    }\n\n    .dc-footer__grid {\n        grid-template-columns:\n            minmax(250px, 1.2fr)\n            minmax(140px, 0.7fr)\n            minmax(170px, 0.75fr)\n            minmax(235px, 1fr);\n\n        gap: 38px;\n    }\n\n    .dc-footer__logo {\n        width: 220px;\n    }\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 820px) {\n\n    .dc-footer__inner {\n        width: min(calc(100% - 40px), 820px);\n\n        padding-top: 56px;\n    }\n\n    .dc-footer__grid {\n        grid-template-columns: 1.2fr 0.8fr;\n\n        gap: 52px 40px;\n    }\n\n    .dc-footer__brand {\n        max-width: 360px;\n    }\n\n    .dc-footer__bottom {\n        align-items: flex-start;\n        flex-direction: column;\n\n        gap: 15px;\n    }\n}\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 560px) {\n\n    .dc-footer__inner {\n        width: calc(100% - 30px);\n\n        padding: 48px 0 30px;\n    }\n\n    .dc-footer__grid {\n        display: block;\n    }\n\n    .dc-footer__column +\n    .dc-footer__column {\n        margin-top: 42px;\n    }\n\n    .dc-footer__brand {\n        max-width: 100%;\n    }\n\n    .dc-footer__logo {\n        width: 225px;\n    }\n\n    .dc-footer__description {\n        max-width: 330px;\n    }\n\n    .dc-footer__heading {\n        margin-bottom: 18px;\n    }\n\n    .dc-footer__bottom {\n        margin-top: 44px;\n    }\n\n    .dc-footer__bottom-links {\n        flex-direction: column;\n\n        gap: 10px;\n    }\n\n    .dc-footer__social-link {\n        width: 44px;\n        height: 44px;\n    }\n}\n\n\/* =========================================================\n   MOVIMIENTO REDUCIDO\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .dc-footer__column,\n    .dc-footer__bottom {\n        opacity: 1;\n        transform: none;\n\n        transition: none;\n    }\n\n    .dc-footer__link,\n    .dc-footer__link::after,\n    .dc-footer__social-link,\n    .dc-footer__logo-link {\n        transition: none;\n    }\n}\n<\/style>\n\n<footer class=\"dc-footer\">\n\n    <div class=\"dc-footer__inner\">\n\n        <div class=\"dc-footer__grid\">\n\n            <!-- MARCA -->\n            <div class=\"dc-footer__column dc-footer__brand\">\n\n                <a\n                    class=\"dc-footer__logo-link\"\n                    href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/\"\n                    aria-label=\"Ir al inicio de Dimensi\u00f3n Creativa\"\n                >\n                    <img decoding=\"async\"\n                        class=\"dc-footer__logo\"\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/logo_dimension_creativa_negro_transparente.png\"\n                        alt=\"Dimensi\u00f3n Creativa\"\n                        loading=\"lazy\"\n                    >\n                <\/a>\n\n                <p class=\"dc-footer__description\">\n                    Creatividad estrat\u00e9gica para negocios que\n                    quieren dejar de parecer uno m\u00e1s y convertirse\n                    en la elecci\u00f3n.\n                <\/p>\n\n            <\/div>\n\n            <!-- NAVEGACI\u00d3N -->\n            <div class=\"dc-footer__column\">\n\n                <h2 class=\"dc-footer__heading\">\n                    Navegaci\u00f3n\n                <\/h2>\n\n                <ul class=\"dc-footer__list\">\n\n                    <li>\n                        <a\n                            class=\"dc-footer__link\"\n                            href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/\"\n                        >\n                            Inicio\n                        <\/a>\n                    <\/li>\n\n                    <li>\n                        <a\n                            class=\"dc-footer__link\"\n                            href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/enfoque\/\"\n                        >\n                            Enfoque\n                        <\/a>\n                    <\/li>\n\n                    <li>\n                        <a\n                            class=\"dc-footer__link\"\n                            href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/servicios\/\"\n                        >\n                            Servicios\n                        <\/a>\n                    <\/li>\n\n                    <li>\n                        <a\n                            class=\"dc-footer__link\"\n                            href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/proyectos\/\"\n                        >\n                            Proyectos\n                        <\/a>\n                    <\/li>\n\n                    <li>\n                        <a\n                            class=\"dc-footer__link\"\n                            href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/dimensiones\/\"\n                        >\n                            Dimensiones\n                        <\/a>\n                    <\/li>\n\n                <\/ul>\n\n            <\/div>\n\n            <!-- LEGAL -->\n            <div class=\"dc-footer__column\">\n\n                <h2 class=\"dc-footer__heading\">\n                    Legal\n                <\/h2>\n\n                <ul class=\"dc-footer__list\">\n\n                    <li>\n                        <a\n                            class=\"dc-footer__link\"\n                            href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/aviso-de-privacidad\/\"\n                        >\n                            Aviso de privacidad\n                        <\/a>\n                    <\/li>\n\n                    <li>\n                        <a\n                            class=\"dc-footer__link\"\n                            href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/terminos-y-condiciones\/\"\n                        >\n                            T\u00e9rminos y condiciones\n                        <\/a>\n                    <\/li>\n\n                <\/ul>\n\n            <\/div>\n\n            <!-- CONTACTO -->\n            <div class=\"dc-footer__column\">\n\n                <h2 class=\"dc-footer__heading\">\n                    Contacto\n                <\/h2>\n\n                <ul class=\"dc-footer__contact-list\">\n\n                    <li class=\"dc-footer__contact-item\">\n\n                        <span\n                            class=\"dc-footer__contact-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <rect\n                                    x=\"3\"\n                                    y=\"5\"\n                                    width=\"18\"\n                                    height=\"14\"\n                                    rx=\"2\"\n                                ><\/rect>\n\n                                <path d=\"M3 7l9 6 9-6\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <a\n                            class=\"dc-footer__contact-link\"\n                            href=\"mailto:info@dimensioncreativa.com.mx\"\n                        >\n                            info@dimensioncreativa.com.mx\n                        <\/a>\n\n                    <\/li>\n\n                    <li class=\"dc-footer__contact-item\">\n\n                        <span\n                            class=\"dc-footer__contact-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path\n                                    d=\"M5 4h4l2 5-3 2a16 16 0 0 0 5 5l2-3 5 2v4a2 2 0 0 1-2 2C10 21 3 14 3 6a2 2 0 0 1 2-2z\"\n                                ><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <a\n                            class=\"dc-footer__contact-link\"\n                            href=\"tel:+525561862271\"\n                        >\n                            +52 55 6186 2271\n                        <\/a>\n\n                    <\/li>\n\n                    <li class=\"dc-footer__contact-item\">\n\n                        <span\n                            class=\"dc-footer__contact-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path\n                                    d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0z\"\n                                ><\/path>\n\n                                <circle\n                                    cx=\"12\"\n                                    cy=\"10\"\n                                    r=\"2.5\"\n                                ><\/circle>\n                            <\/svg>\n                        <\/span>\n\n                        <span class=\"dc-footer__contact-text\">\n                            CDMX, M\u00e9xico\n                        <\/span>\n\n                    <\/li>\n\n                <\/ul>\n\n                <div class=\"dc-footer__social\">\n\n                    <a\n                        class=\"dc-footer__social-link\"\n                        href=\"https:\/\/www.instagram.com\/_dimension_creativa_?igsh=NzdxZXF5amF2dDls\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        aria-label=\"Instagram de Dimensi\u00f3n Creativa\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path\n                                d=\"M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm5 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm6.5-.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5z\"\n                            ><\/path>\n                        <\/svg>\n                    <\/a>\n\n                    <a\n                        class=\"dc-footer__social-link\"\n                        href=\"https:\/\/www.facebook.com\/share\/14e3Jpmk48K\/?mibextid=wwXIfr\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        aria-label=\"Facebook de Dimensi\u00f3n Creativa\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path\n                                d=\"M14 8h4V3.5c-.7-.1-2.1-.3-4-.3-4 0-6.7 2.4-6.7 6.9V14H3v5h4.3v12h5.2V19h4.3l.7-5h-5v-3.4C12.5 9.1 12.9 8 14 8z\"\n                            ><\/path>\n                        <\/svg>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- PARTE INFERIOR -->\n        <div class=\"dc-footer__bottom\">\n\n            <p class=\"dc-footer__bottom-text\">\n                \u00a9 <span class=\"dc-footer__year\"><\/span>\n                Dimensi\u00f3n Creativa. Todos los derechos reservados.\n            <\/p>\n\n            <div class=\"dc-footer__bottom-links\">\n\n                <a\n                    class=\"dc-footer__bottom-link\"\n                    href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/aviso-de-privacidad\/\"\n                >\n                    Privacidad\n                <\/a>\n\n                <a\n                    class=\"dc-footer__bottom-link\"\n                    href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/terminos-y-condiciones\/\"\n                >\n                    T\u00e9rminos\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/footer>\n\n<script>\n(function () {\n\n    function initializeDcFooter() {\n\n        const footers =\n            document.querySelectorAll(\".dc-footer\");\n\n        footers.forEach(function (footer) {\n\n            const year =\n                footer.querySelector(\".dc-footer__year\");\n\n            if (year) {\n                year.textContent =\n                    new Date().getFullYear();\n            }\n\n            if (\n                footer.dataset.animationReady === \"true\"\n            ) {\n                return;\n            }\n\n            footer.dataset.animationReady = \"true\";\n\n            const reducedMotion =\n                window.matchMedia &&\n                window.matchMedia(\n                    \"(prefers-reduced-motion: reduce)\"\n                ).matches;\n\n            if (\n                reducedMotion ||\n                !(\"IntersectionObserver\" in window)\n            ) {\n                footer.classList.add(\"is-visible\");\n                return;\n            }\n\n            const observer =\n                new IntersectionObserver(\n                    function (entries) {\n\n                        entries.forEach(function (entry) {\n\n                            if (!entry.isIntersecting) {\n                                return;\n                            }\n\n                            entry.target.classList.add(\n                                \"is-visible\"\n                            );\n\n                            observer.unobserve(\n                                entry.target\n                            );\n\n                        });\n\n                    },\n                    {\n                        threshold: 0.12,\n                        rootMargin: \"0px 0px -30px 0px\"\n                    }\n                );\n\n            observer.observe(footer);\n\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeDcFooter\n        );\n\n    } else {\n\n        initializeDcFooter();\n    }\n\n    window.addEventListener(\n        \"elementor\/frontend\/init\",\n        initializeDcFooter\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>INICIO ENFOQUE SERVICIOS PROYECTOS DIMENSIONES HABLEMOS \u2192 INICIO ENFOQUE SERVICIOS PROYECTOS DIMENSIONES HABLEMOS \u2192 Dimensi\u00f3n Creativa \u2014 Ecosistema interactivo Nuestro ecosistema Una ciudad. Distintas dimensiones. Cada dimensi\u00f3n responde a una necesidad distinta, pero todas comparten una misma l\u00f3gica: construir ideas, marcas y negocios con mayor claridad, diferenciaci\u00f3n y capacidad de crecer. Explora la ciudad. Selecciona [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-94","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/pages\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":16,"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/pages\/94\/revisions"}],"predecessor-version":[{"id":187,"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/pages\/94\/revisions\/187"}],"wp:attachment":[{"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/media?parent=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}