{"id":59,"date":"2026-07-25T03:36:25","date_gmt":"2026-07-25T03:36:25","guid":{"rendered":"https:\/\/dimensioncreativa.com.mx\/Develop\/?page_id=59"},"modified":"2026-08-26T20:45:56","modified_gmt":"2026-08-26T20:45:56","slug":"enfoque","status":"publish","type":"page","link":"https:\/\/dimensioncreativa.com.mx\/Develop\/enfoque\/","title":{"rendered":"Enfoque"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"59\" class=\"elementor elementor-59\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19c917e e-con e-atomic-element e-flexbox-base e-40b42bc \" data-id=\"19c917e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"19c917e\">\n    \t\t<div class=\"elementor-element elementor-element-2eebd0d elementor-widget elementor-widget-html\" data-id=\"2eebd0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.dc-header,.dc-header *{box-sizing:border-box;}\n\n.dc-header{\n    position:relative;\n    z-index:999;\n    width:100%;\n    background:#080b0d;\n    font-family:'Oswald',sans-serif;\n}\n\n.dc-header__inner{\n    width:min(100% - 60px,1280px);\n    min-height:92px;\n    margin:auto;\n    display:grid;\n    grid-template-columns:200px 1fr;\n    align-items:center;\n}\n\n.dc-header__logo{\n    width:185px;\n    display:flex;\n    align-items:center;\n    text-decoration:none;\n}\n\n.dc-header__logo img{\n    width:185px;\n    display:block;\n}\n\n.dc-header__right{\n    width:100%;\n    display:flex;\n    justify-content:flex-end;\n    align-items:center;\n    gap:56px;\n}\n\n.dc-header__nav{\n    display:flex;\n    align-items:center;\n    gap:40px;\n}\n\n.dc-header__nav a{\n    position:relative;\n    color:rgba(255,255,255,.93);\n    text-decoration:none;\n    text-transform:uppercase;\n    font-size:16px;\n    font-weight:400;\n    letter-spacing:1px;\n    transition:.25s;\n}\n\n.dc-header__nav a:hover{\n    color:#C2265B;\n}\n\n\/* \u00daNICA DIFERENCIA DE ESTA P\u00c1GINA:\n   ENFOQUE APARECE SUBRAYADO, SIN CAMBIO DE COLOR *\/\n.dc-header__nav a.is-active::after{\n    content:\"\";\n    position:absolute;\n    left:0;\n    right:0;\n    bottom:-8px;\n    height:2px;\n    background:#C2265B;\n}\n\n.dc-header__button{\n    width:145px;\n    height:44px;\n    border:1.5px solid #C2265B;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    text-decoration:none;\n    color:#FFF;\n    text-transform:uppercase;\n    font-size:15px;\n    letter-spacing:1px;\n    transition:.25s;\n}\n\n.dc-header__button:hover{\n    background:#C2265B;\n}\n\n\/* BOT\u00d3N M\u00d3VIL *\/\n.dc-header__toggle{\n    display:none;\n    width:42px;\n    height:42px;\n    padding:0;\n    border:0;\n    background:transparent;\n    cursor:pointer;\n    align-items:center;\n    justify-content:center;\n}\n\n.dc-header__toggle-icon,\n.dc-header__toggle-icon::before,\n.dc-header__toggle-icon::after{\n    width:24px;\n    height:1.5px;\n    background:#fff;\n    display:block;\n    transition:.25s;\n}\n\n.dc-header__toggle-icon{\n    position:relative;\n}\n\n.dc-header__toggle-icon::before,\n.dc-header__toggle-icon::after{\n    content:\"\";\n    position:absolute;\n    left:0;\n}\n\n.dc-header__toggle-icon::before{top:-7px;}\n.dc-header__toggle-icon::after{top:7px;}\n\n.dc-header.is-open .dc-header__toggle-icon{\n    background:transparent;\n}\n\n.dc-header.is-open .dc-header__toggle-icon::before{\n    top:0;\n    transform:rotate(45deg);\n}\n\n.dc-header.is-open .dc-header__toggle-icon::after{\n    top:0;\n    transform:rotate(-45deg);\n}\n\n@media(max-width:1100px){\n    .dc-header__inner{\n        width:min(100% - 40px,1280px);\n        grid-template-columns:170px 1fr;\n    }\n\n    .dc-header__logo,\n    .dc-header__logo img{\n        width:160px;\n    }\n\n    .dc-header__right{\n        gap:34px;\n    }\n\n    .dc-header__nav{\n        gap:26px;\n    }\n\n    .dc-header__nav a{\n        font-size:14px;\n    }\n}\n\n@media(max-width:850px){\n    .dc-header__inner{\n        grid-template-columns:1fr auto;\n        min-height:78px;\n    }\n\n    .dc-header__logo,\n    .dc-header__logo img{\n        width:155px;\n    }\n\n    .dc-header__toggle{\n        display:flex;\n    }\n\n    .dc-header__right{\n        position:absolute;\n        top:100%;\n        left:0;\n        right:0;\n        width:100%;\n        display:none;\n        flex-direction:column;\n        align-items:flex-start;\n        gap:22px;\n        padding:24px 20px 28px;\n        background:#080b0d;\n        border-top:1px solid rgba(255,255,255,.08);\n        box-shadow:0 16px 28px rgba(0,0,0,.18);\n    }\n\n    .dc-header.is-open .dc-header__right{\n        display:flex;\n    }\n\n    .dc-header__nav{\n        width:100%;\n        flex-direction:column;\n        align-items:flex-start;\n        gap:18px;\n    }\n\n    .dc-header__nav a{\n        font-size:15px;\n    }\n\n    .dc-header__button{\n        width:100%;\n        max-width:220px;\n    }\n}\n<\/style>\n\n<header class=\"dc-header\">\n    <div class=\"dc-header__inner\">\n\n        <a class=\"dc-header__logo\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/\">\n            <img decoding=\"async\" src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/logo_dimension_creativa_transparente.png\" alt=\"Dimensi\u00f3n Creativa\">\n        <\/a>\n\n        <button\n            class=\"dc-header__toggle\"\n            type=\"button\"\n            aria-label=\"Abrir men\u00fa\"\n            aria-expanded=\"false\"\n        >\n            <span class=\"dc-header__toggle-icon\" aria-hidden=\"true\"><\/span>\n        <\/button>\n\n        <div class=\"dc-header__right\">\n\n            <nav class=\"dc-header__nav\">\n                <a href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/\">INICIO<\/a>\n                <a class=\"is-active\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/enfoque\/\" aria-current=\"page\">ENFOQUE<\/a>\n                <a href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/servicios\/\">SERVICIOS<\/a>\n                <a href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/proyectos\/\">PROYECTOS<\/a>\n                <a href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/dimensiones\/\">DIMENSIONES<\/a>\n            <\/nav>\n\n            <a class=\"dc-header__button\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/hablemos\/\">HABLEMOS<\/a>\n\n        <\/div>\n\n    <\/div>\n<\/header>\n\n<script>\n(function(){\n\n    function initHeader(){\n\n        document.querySelectorAll('.dc-header').forEach(function(header){\n\n            if(header.dataset.menuReady === 'true'){\n                return;\n            }\n\n            var button = header.querySelector('.dc-header__toggle');\n\n            if(!button){\n                return;\n            }\n\n            header.dataset.menuReady = 'true';\n\n            button.addEventListener('click', function(){\n\n                var isOpen = header.classList.toggle('is-open');\n\n                button.setAttribute(\n                    'aria-expanded',\n                    isOpen ? 'true' : 'false'\n                );\n\n                button.setAttribute(\n                    'aria-label',\n                    isOpen ? 'Cerrar men\u00fa' : 'Abrir men\u00fa'\n                );\n            });\n\n            header.querySelectorAll('.dc-header__nav a, .dc-header__button')\n                .forEach(function(link){\n                    link.addEventListener('click', function(){\n                        header.classList.remove('is-open');\n                        button.setAttribute('aria-expanded','false');\n                        button.setAttribute('aria-label','Abrir men\u00fa');\n                    });\n                });\n        });\n    }\n\n    if(document.readyState === 'loading'){\n        document.addEventListener('DOMContentLoaded', initHeader);\n    }else{\n        initHeader();\n    }\n\n    window.addEventListener('elementor\/frontend\/init', initHeader);\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f8fb218 e-con e-atomic-element e-flexbox-base e-ae5d2a0 \" data-id=\"f8fb218\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f8fb218\">\n    \t\t<div class=\"elementor-element elementor-element-3690d20 elementor-widget elementor-widget-html\" data-id=\"3690d20\" 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 HERO ENFOQUE\n================================================== *\/\n\n.dc-enfoque-hero,\n.dc-enfoque-hero * {\n    box-sizing: border-box;\n}\n\n.dc-enfoque-hero {\n    --dc-pink: #C2265B;\n    --dc-white: #F5F5F3;\n    --dc-dark: #080B0D;\n\n    position: relative;\n\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    min-height: 650px;\n\n    overflow: hidden;\n\n    color: var(--dc-white);\n\n    background-color: var(--dc-dark);\n\n    font-family: \"Manrope\", sans-serif;\n}\n\n\n\/* ==================================================\n   IMAGEN PRINCIPAL \/ LCP\n================================================== *\/\n\n.dc-enfoque-hero__media {\n    position: absolute;\n    z-index: 0;\n    inset: 0;\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    overflow: hidden;\n\n    pointer-events: none;\n}\n\n.dc-enfoque-hero__media img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center center;\n}\n\n\n\/* ==================================================\n   OSCURECIMIENTO LATERAL\n================================================== *\/\n\n.dc-enfoque-hero::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n\n    pointer-events: none;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(5, 7, 8, 0.98) 0%,\n            rgba(5, 7, 8, 0.94) 22%,\n            rgba(5, 7, 8, 0.72) 39%,\n            rgba(5, 7, 8, 0.20) 58%,\n            rgba(5, 7, 8, 0.03) 78%,\n            rgba(5, 7, 8, 0.12) 100%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(0, 0, 0, 0.16) 0%,\n            rgba(0, 0, 0, 0.02) 57%,\n            rgba(0, 0, 0, 0.54) 100%\n        );\n}\n\n\n\/* ==================================================\n   CONTENEDOR\n================================================== *\/\n\n.dc-enfoque-hero__inner {\n    position: relative;\n    z-index: 2;\n\n    width: min(calc(100% - 80px), 1360px);\n    margin: 0 auto;\n\n    padding: 75px 0 70px;\n}\n\n.dc-enfoque-hero__content {\n    width: min(100%, 610px);\n}\n\n\n\/* ==================================================\n   BREADCRUMB\n================================================== *\/\n\n.dc-enfoque-hero__breadcrumb {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    margin-bottom: 35px;\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 0.8px;\n    text-transform: uppercase;\n}\n\n.dc-enfoque-hero__breadcrumb a {\n    color: rgba(245, 245, 243, 0.92);\n\n    text-decoration: none;\n\n    transition: color 0.25s ease;\n}\n\n.dc-enfoque-hero__breadcrumb a:hover {\n    color: var(--dc-pink);\n}\n\n.dc-enfoque-hero__breadcrumb-arrow {\n    color: rgba(245, 245, 243, 0.45);\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: 20px;\n    font-weight: 300;\n    line-height: 1;\n}\n\n.dc-enfoque-hero__breadcrumb-current {\n    color: var(--dc-pink);\n}\n\n\n\/* ==================================================\n   T\u00cdTULO\n================================================== *\/\n\n.dc-enfoque-hero__title {\n    margin: 0;\n\n    color: var(--dc-white);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: clamp(58px, 5.7vw, 88px);\n    font-weight: 500;\n    line-height: 0.95;\n    letter-spacing: -0.8px;\n    text-transform: uppercase;\n}\n\n.dc-enfoque-hero__accent {\n    color: var(--dc-pink);\n    font-weight: 500;\n}\n\n\n\/* ==================================================\n   L\u00cdNEA\n================================================== *\/\n\n.dc-enfoque-hero__line {\n    width: 48px;\n    height: 3px;\n\n    margin: 34px 0 30px;\n\n    background: var(--dc-pink);\n}\n\n\n\/* ==================================================\n   TEXTO\n================================================== *\/\n\n.dc-enfoque-hero__text {\n    max-width: 500px;\n    margin: 0;\n\n    color: rgba(245, 245, 243, 0.78);\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 1.8;\n\n    text-align: left;\n    text-wrap: pretty;\n}\n\n.dc-enfoque-hero__text-line {\n    display: block;\n}\n\n.dc-enfoque-hero__text strong {\n    color: var(--dc-white);\n    font-weight: 600;\n}\n\n\n\/* ==================================================\n   ANIMACI\u00d3N\n================================================== *\/\n\n.dc-enfoque-hero__breadcrumb,\n.dc-enfoque-hero__title,\n.dc-enfoque-hero__line,\n.dc-enfoque-hero__text {\n    opacity: 0;\n    transform: translateY(24px);\n\n    transition:\n        opacity 0.8s ease,\n        transform 0.8s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-enfoque-hero.is-visible\n.dc-enfoque-hero__breadcrumb {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.dc-enfoque-hero.is-visible\n.dc-enfoque-hero__title {\n    opacity: 1;\n    transform: translateY(0);\n\n    transition-delay: 0.12s;\n}\n\n.dc-enfoque-hero.is-visible\n.dc-enfoque-hero__line {\n    opacity: 1;\n    transform: translateY(0);\n\n    transition-delay: 0.22s;\n}\n\n.dc-enfoque-hero.is-visible\n.dc-enfoque-hero__text {\n    opacity: 1;\n    transform: translateY(0);\n\n    transition-delay: 0.3s;\n}\n\n\n\/* ==================================================\n   TABLET\n================================================== *\/\n\n@media (max-width: 1050px) {\n\n    .dc-enfoque-hero {\n        min-height: 620px;\n    }\n\n    .dc-enfoque-hero__media img {\n        object-position: 57% center;\n    }\n\n    .dc-enfoque-hero__inner {\n        width: min(calc(100% - 50px), 1100px);\n    }\n\n    .dc-enfoque-hero__content {\n        width: min(100%, 540px);\n    }\n\n    .dc-enfoque-hero__title {\n        font-size: clamp(52px, 6vw, 72px);\n        line-height: 0.98;\n        letter-spacing: -0.6px;\n    }\n\n    .dc-enfoque-hero__text {\n        max-width: 470px;\n\n        font-size: 17px;\n        line-height: 1.75;\n    }\n}\n\n\n\/* ==================================================\n   M\u00d3VIL\n================================================== *\/\n\n@media (max-width: 700px) {\n\n    .dc-enfoque-hero {\n        min-height: 780px;\n\n        align-items: flex-start;\n    }\n\n    .dc-enfoque-hero__media img {\n        object-position: center top;\n    }\n\n    .dc-enfoque-hero::before {\n        background:\n            linear-gradient(\n                90deg,\n                rgba(5, 7, 8, 0.82) 0%,\n                rgba(5, 7, 8, 0.58) 58%,\n                rgba(5, 7, 8, 0.16) 100%\n            ),\n            linear-gradient(\n                180deg,\n                rgba(5, 7, 8, 0.72) 0%,\n                rgba(5, 7, 8, 0.54) 34%,\n                rgba(5, 7, 8, 0.16) 58%,\n                rgba(5, 7, 8, 0.28) 78%,\n                rgba(5, 7, 8, 0.56) 100%\n            );\n    }\n\n    .dc-enfoque-hero__inner {\n        width: calc(100% - 32px);\n\n        padding: 42px 0 330px;\n    }\n\n    .dc-enfoque-hero__content {\n        width: 100%;\n        max-width: 440px;\n    }\n\n    .dc-enfoque-hero__breadcrumb {\n        margin-bottom: 28px;\n\n        font-size: 13px;\n    }\n\n    .dc-enfoque-hero__title {\n        font-size: clamp(43px, 11.7vw, 56px);\n        line-height: 1;\n        letter-spacing: -0.4px;\n    }\n\n    .dc-enfoque-hero__line {\n        margin: 25px 0 22px;\n    }\n\n    .dc-enfoque-hero__text {\n        max-width: 355px;\n\n        font-size: 15.5px;\n        line-height: 1.62;\n    }\n}\n\n\n\/* ==================================================\n   M\u00d3VIL PEQUE\u00d1O\n================================================== *\/\n\n@media (max-width: 390px) {\n\n    .dc-enfoque-hero {\n        min-height: 750px;\n    }\n\n    .dc-enfoque-hero__media img {\n        object-position: center top;\n    }\n\n    .dc-enfoque-hero__inner {\n        padding: 36px 0 300px;\n    }\n\n    .dc-enfoque-hero__breadcrumb {\n        margin-bottom: 24px;\n    }\n\n    .dc-enfoque-hero__title {\n        font-size: 40px;\n        letter-spacing: -0.3px;\n    }\n\n    .dc-enfoque-hero__text {\n        font-size: 15px;\n    }\n}\n\n\n\/* ==================================================\n   MOVIMIENTO REDUCIDO\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .dc-enfoque-hero__breadcrumb,\n    .dc-enfoque-hero__title,\n    .dc-enfoque-hero__line,\n    .dc-enfoque-hero__text {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n}\n<\/style>\n\n\n<section class=\"dc-enfoque-hero\">\n\n    <!-- =============================================\n         IMAGEN LCP\n         Desktop + imagen espec\u00edfica para m\u00f3vil\n    ============================================== -->\n\n    <picture\n        class=\"dc-enfoque-hero__media\"\n        aria-hidden=\"true\"\n    >\n\n        <source\n            media=\"(max-width: 700px)\"\n            srcset=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-30-jul-2026-18_51_42.png\"\n        >\n\n        <img\n            src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-24-jul-2026-15_00_40.png\"\n            alt=\"\"\n            fetchpriority=\"high\"\n            loading=\"eager\"\n            decoding=\"async\"\n        >\n\n    <\/picture>\n\n\n    <div class=\"dc-enfoque-hero__inner\">\n\n        <div class=\"dc-enfoque-hero__content\">\n\n            <div class=\"dc-enfoque-hero__breadcrumb\">\n\n                <a href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/\">\n                    Inicio\n                <\/a>\n\n                <span\n                    class=\"dc-enfoque-hero__breadcrumb-arrow\"\n                    aria-hidden=\"true\"\n                >\n                    \u203a\n                <\/span>\n\n                <span class=\"dc-enfoque-hero__breadcrumb-current\">\n                    Enfoque\n                <\/span>\n\n            <\/div>\n\n            <h1 class=\"dc-enfoque-hero__title\">\n                NUESTRO ENFOQUE<br>\n                EN\n                <span class=\"dc-enfoque-hero__accent\">\n                    4 PILARES.\n                <\/span>\n            <\/h1>\n\n            <div\n                class=\"dc-enfoque-hero__line\"\n                aria-hidden=\"true\"\n            ><\/div>\n\n            <p class=\"dc-enfoque-hero__text\">\n\n                <span class=\"dc-enfoque-hero__text-line\">\n                    No creemos en f\u00f3rmulas gen\u00e9ricas.\n                <\/span>\n\n                <span class=\"dc-enfoque-hero__text-line\">\n                    Aplicamos creatividad estrat\u00e9gica para analizar,\n                    definir y comunicar lo que hace \u00fanico a tu negocio.\n                <\/span>\n\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n    function initializeDcEnfoqueHero() {\n\n        const sections =\n            document.querySelectorAll(\n                \".dc-enfoque-hero\"\n            );\n\n        sections.forEach(function (section) {\n\n            if (\n                section.dataset.animationReady === \"true\"\n            ) {\n                return;\n            }\n\n            section.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                section.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\n                                entry.target.classList.add(\n                                    \"is-visible\"\n                                );\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n                            }\n\n                        });\n\n                    },\n                    {\n                        threshold: 0.15\n                    }\n                );\n\n            observer.observe(section);\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeDcEnfoqueHero\n        );\n\n    } else {\n\n        initializeDcEnfoqueHero();\n    }\n\n    window.addEventListener(\n        \"elementor\/frontend\/init\",\n        initializeDcEnfoqueHero\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6a8f5b6 e-con e-atomic-element e-flexbox-base e-5ef5632 \" data-id=\"6a8f5b6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6a8f5b6\">\n    \t\t<div class=\"elementor-element elementor-element-f2e3dc4 elementor-widget elementor-widget-html\" data-id=\"f2e3dc4\" 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 VEMOS LO QUE OTROS NO VEN\n================================================== *\/\n\n.dc-enfoque-vision,\n.dc-enfoque-vision * {\n    box-sizing: border-box;\n}\n\n.dc-enfoque-vision {\n    --dc-pink: #C2265B;\n    --dc-dark: #080B0D;\n    --dc-light: #F5F5F3;\n\n    width: 100%;\n    overflow: hidden;\n\n    background: var(--dc-light);\n\n    font-family: \"Manrope\", sans-serif;\n}\n\n\/* ==================================================\n   ESTRUCTURA GENERAL\n================================================== *\/\n\n.dc-enfoque-vision__grid {\n    display: grid;\n    grid-template-columns: 34% 66%;\n\n    width: 100%;\n    min-height: 610px;\n\n    background: var(--dc-light);\n}\n\n\/* ==================================================\n   COLUMNA DE TEXTO\n================================================== *\/\n\n.dc-enfoque-vision__content {\n    position: relative;\n    z-index: 2;\n\n    display: flex;\n    align-items: center;\n\n    padding:\n        clamp(60px, 6vw, 95px)\n        clamp(35px, 4.8vw, 76px);\n\n    background: var(--dc-light);\n}\n\n.dc-enfoque-vision__content-inner {\n    width: 100%;\n    max-width: 430px;\n    margin-left: auto;\n}\n\n\/* ==================================================\n   ETIQUETA\n================================================== *\/\n\n.dc-enfoque-vision__eyebrow {\n    margin: 0 0 27px;\n\n    color: var(--dc-pink);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 0.8px;\n    text-transform: uppercase;\n}\n\n\/* ==================================================\n   T\u00cdTULO\n================================================== *\/\n\n.dc-enfoque-vision__title {\n    margin: 0;\n\n    color: var(--dc-dark);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: clamp(47px, 4vw, 65px);\n    font-weight: 500;\n    line-height: 0.98;\n    letter-spacing: -0.5px;\n    text-transform: uppercase;\n}\n\n.dc-enfoque-vision__accent {\n    color: var(--dc-pink);\n}\n\n\/* ==================================================\n   L\u00cdNEA\n================================================== *\/\n\n.dc-enfoque-vision__line {\n    width: 45px;\n    height: 3px;\n\n    margin: 29px 0 27px;\n\n    background: var(--dc-pink);\n}\n\n\/* ==================================================\n   TEXTOS\n================================================== *\/\n\n.dc-enfoque-vision__text {\n    margin: 0;\n\n    color: rgba(8, 11, 13, 0.72);\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.75;\n\n    text-align: left;\n    text-wrap: pretty;\n}\n\n.dc-enfoque-vision__text +\n.dc-enfoque-vision__text {\n    margin-top: 26px;\n}\n\n\/* ==================================================\n   \u00c1REA DE IMAGEN\n================================================== *\/\n\n.dc-enfoque-vision__visual {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    min-width: 0;\n    min-height: 610px;\n\n    padding: 22px 28px 22px 0;\n\n    overflow: visible;\n\n    background: var(--dc-light);\n}\n\n\/* Imagen completa, sin recorte y sin sombra *\/\n\n.dc-enfoque-vision__image {\n    display: block;\n\n    width: 100%;\n    height: auto;\n\n    max-width: 100%;\n    max-height: 570px;\n\n    object-fit: contain;\n    object-position: center center;\n\n    filter: none;\n    box-shadow: none;\n\n    transform-origin: center center;\n}\n\n\/* ==================================================\n   ANIMACIONES\n================================================== *\/\n\n.dc-enfoque-vision__eyebrow,\n.dc-enfoque-vision__title,\n.dc-enfoque-vision__line,\n.dc-enfoque-vision__text {\n    opacity: 0;\n    transform: translateY(22px);\n\n    transition:\n        opacity 0.8s ease,\n        transform 0.8s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-enfoque-vision__image {\n    opacity: 0;\n    transform: translateX(35px) scale(0.98);\n\n    transition:\n        opacity 1s ease,\n        transform 1.2s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-enfoque-vision.is-visible\n.dc-enfoque-vision__eyebrow {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.dc-enfoque-vision.is-visible\n.dc-enfoque-vision__title {\n    opacity: 1;\n    transform: translateY(0);\n\n    transition-delay: 0.1s;\n}\n\n.dc-enfoque-vision.is-visible\n.dc-enfoque-vision__line {\n    opacity: 1;\n    transform: translateY(0);\n\n    transition-delay: 0.2s;\n}\n\n.dc-enfoque-vision.is-visible\n.dc-enfoque-vision__text {\n    opacity: 1;\n    transform: translateY(0);\n\n    transition-delay: 0.28s;\n}\n\n.dc-enfoque-vision.is-visible\n.dc-enfoque-vision__text:nth-of-type(2) {\n    transition-delay: 0.36s;\n}\n\n.dc-enfoque-vision.is-visible\n.dc-enfoque-vision__image {\n    opacity: 1;\n    transform: translateX(0) scale(1);\n\n    transition-delay: 0.08s;\n}\n\n\/* ==================================================\n   LAPTOP\n================================================== *\/\n\n@media (max-width: 1200px) {\n\n    .dc-enfoque-vision__grid {\n        grid-template-columns: 37% 63%;\n        min-height: 570px;\n    }\n\n    .dc-enfoque-vision__content {\n        padding: 65px 42px;\n    }\n\n    .dc-enfoque-vision__visual {\n        min-height: 570px;\n        padding-right: 20px;\n    }\n\n    .dc-enfoque-vision__image {\n        max-height: 530px;\n\n        filter: none;\n        box-shadow: none;\n    }\n\n    .dc-enfoque-vision__title {\n        font-size: clamp(43px, 4.5vw, 57px);\n        line-height: 0.98;\n    }\n\n    .dc-enfoque-vision__text {\n        font-size: 15px;\n    }\n}\n\n\/* ==================================================\n   TABLET\n================================================== *\/\n\n@media (max-width: 900px) {\n\n    .dc-enfoque-vision__grid {\n        grid-template-columns: 42% 58%;\n        min-height: 530px;\n    }\n\n    .dc-enfoque-vision__content {\n        padding: 55px 32px;\n    }\n\n    .dc-enfoque-vision__visual {\n        min-height: 530px;\n        padding: 20px 20px 20px 0;\n    }\n\n    .dc-enfoque-vision__image {\n        max-height: 490px;\n\n        filter: none;\n        box-shadow: none;\n    }\n\n    .dc-enfoque-vision__title {\n        font-size: clamp(40px, 5vw, 51px);\n        line-height: 1;\n    }\n}\n\n\/* ==================================================\n   M\u00d3VIL\n================================================== *\/\n\n@media (max-width: 760px) {\n\n    .dc-enfoque-vision__grid {\n        grid-template-columns: 1fr;\n        min-height: auto;\n    }\n\n    .dc-enfoque-vision__content {\n        order: 1;\n\n        padding: 62px 22px 42px;\n    }\n\n    .dc-enfoque-vision__content-inner {\n        max-width: 100%;\n        margin: 0;\n    }\n\n    .dc-enfoque-vision__visual {\n        order: 2;\n\n        min-height: auto;\n\n        padding: 0 12px 42px;\n\n        align-items: center;\n        justify-content: center;\n    }\n\n    .dc-enfoque-vision__image {\n        width: 100%;\n        height: auto;\n\n        max-width: 720px;\n        max-height: none;\n\n        object-fit: contain;\n        object-position: center;\n\n        filter: none;\n        box-shadow: none;\n    }\n\n    .dc-enfoque-vision__eyebrow {\n        margin-bottom: 22px;\n\n        font-size: 14px;\n    }\n\n    .dc-enfoque-vision__title {\n        font-size: clamp(44px, 12vw, 57px);\n        line-height: 0.98;\n        letter-spacing: -0.3px;\n    }\n\n    .dc-enfoque-vision__line {\n        margin: 24px 0;\n    }\n\n    .dc-enfoque-vision__text {\n        font-size: 16px;\n        line-height: 1.7;\n    }\n}\n\n\/* ==================================================\n   M\u00d3VIL PEQUE\u00d1O\n================================================== *\/\n\n@media (max-width: 420px) {\n\n    .dc-enfoque-vision__content {\n        padding-right: 18px;\n        padding-left: 18px;\n    }\n\n    .dc-enfoque-vision__visual {\n        padding-right: 6px;\n        padding-bottom: 34px;\n        padding-left: 6px;\n    }\n\n    .dc-enfoque-vision__title {\n        font-size: 43px;\n    }\n}\n\n\/* ==================================================\n   MOVIMIENTO REDUCIDO\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .dc-enfoque-vision__eyebrow,\n    .dc-enfoque-vision__title,\n    .dc-enfoque-vision__line,\n    .dc-enfoque-vision__text,\n    .dc-enfoque-vision__image {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n}\n<\/style>\n\n<section class=\"dc-enfoque-vision\">\n\n    <div class=\"dc-enfoque-vision__grid\">\n\n        <div class=\"dc-enfoque-vision__content\">\n\n            <div class=\"dc-enfoque-vision__content-inner\">\n\n                <p class=\"dc-enfoque-vision__eyebrow\">\n                    NUESTRO ENFOQUE\n                <\/p>\n\n                <h2 class=\"dc-enfoque-vision__title\">\n                    VEMOS LO QUE<br>\n                    OTROS\n                    <span class=\"dc-enfoque-vision__accent\">\n                        NO VEN.\n                    <\/span>\n                <\/h2>\n\n                <div\n                    class=\"dc-enfoque-vision__line\"\n                    aria-hidden=\"true\"\n                ><\/div>\n\n                <p class=\"dc-enfoque-vision__text\">\n                    Analizamos negocios desde m\u00faltiples perspectivas\n                    para descubrir oportunidades, construir diferenciaci\u00f3n\n                    y dise\u00f1ar estrategias que generen crecimiento real.\n                <\/p>\n\n                <p class=\"dc-enfoque-vision__text\">\n                    La creatividad sin direcci\u00f3n es ruido.<br>\n                    La estrategia convierte las ideas en\n                    <span class=\"dc-enfoque-vision__accent\">\n                        crecimiento.\n                    <\/span>\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n        <div class=\"dc-enfoque-vision__visual\">\n\n            <img\n                class=\"dc-enfoque-vision__image\"\n                src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-24-jul-2026-15_17_03.png\"\n                alt=\"Mesa de an\u00e1lisis y estrategia de Dimensi\u00f3n Creativa\"\n                loading=\"lazy\"\n                decoding=\"async\"\n            >\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n\n    function initializeDcEnfoqueVision() {\n\n        const sections =\n            document.querySelectorAll(\n                \".dc-enfoque-vision\"\n            );\n\n        sections.forEach(function (section) {\n\n            if (\n                section.dataset.animationReady === \"true\"\n            ) {\n                return;\n            }\n\n            section.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                section.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\n                                entry.target.classList.add(\n                                    \"is-visible\"\n                                );\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n                            }\n\n                        });\n\n                    },\n                    {\n                        threshold: 0.13\n                    }\n                );\n\n            observer.observe(section);\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeDcEnfoqueVision\n        );\n\n    } else {\n\n        initializeDcEnfoqueVision();\n    }\n\n    window.addEventListener(\n        \"elementor\/frontend\/init\",\n        initializeDcEnfoqueVision\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-52afefd e-con e-atomic-element e-flexbox-base e-9090cc3 \" data-id=\"52afefd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"52afefd\">\n    \t\t<div class=\"elementor-element elementor-element-b01ea25 elementor-widget elementor-widget-html\" data-id=\"b01ea25\" 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 4 PILARES DEL ENFOQUE\n================================================== *\/\n\n.dc-pilares,\n.dc-pilares * {\n    box-sizing: border-box;\n}\n\n.dc-pilares {\n    --dc-pink: #C2265B;\n    --dc-dark: #080B0D;\n    --dc-text: rgba(8, 11, 13, 0.72);\n    --dc-light: #F5F5F3;\n    --dc-line: rgba(194, 38, 91, 0.22);\n\n    position: relative;\n\n    width: 100%;\n    overflow: hidden;\n\n    padding:\n        clamp(75px, 8vw, 120px)\n        clamp(18px, 2.6vw, 42px)\n        clamp(80px, 8vw, 120px);\n\n    background: var(--dc-light);\n\n    font-family: \"Manrope\", sans-serif;\n}\n\n\/* ==================================================\n   CONTENEDOR\n================================================== *\/\n\n.dc-pilares__container {\n    width: 100%;\n    max-width: 1680px;\n    margin: 0 auto;\n}\n\n\/* ==================================================\n   ENCABEZADO\n================================================== *\/\n\n.dc-pilares__header {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 24px;\n\n    margin-bottom: clamp(48px, 5vw, 72px);\n}\n\n.dc-pilares__header-line {\n    width: clamp(55px, 7vw, 105px);\n    height: 1px;\n\n    background: rgba(194, 38, 91, 0.42);\n}\n\n.dc-pilares__eyebrow {\n    margin: 0;\n\n    color: var(--dc-pink);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: clamp(14px, 1.2vw, 18px);\n    font-weight: 500;\n    line-height: 1.1;\n    letter-spacing: 1.2px;\n\n    text-align: center;\n    text-transform: uppercase;\n}\n\n\/* ==================================================\n   CUADR\u00cdCULA\n================================================== *\/\n\n.dc-pilares__grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n\n    width: 100%;\n}\n\n.dc-pilares__item {\n    position: relative;\n\n    min-width: 0;\n\n    padding: 0 clamp(10px, 1.2vw, 18px);\n\n    text-align: center;\n}\n\n.dc-pilares__item:not(:last-child)::after {\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n    right: 0;\n\n    width: 1px;\n    height: 100%;\n\n    background: var(--dc-line);\n}\n\n\/* ==================================================\n   IM\u00c1GENES\n================================================== *\/\n\n.dc-pilares__image-wrap {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: calc(100% + 28px);\n    max-width: none;\n    aspect-ratio: 1 \/ 0.92;\n\n    margin-right: -14px;\n    margin-bottom: 24px;\n    margin-left: -14px;\n\n    overflow: visible;\n\n    background: transparent;\n}\n\n.dc-pilares__image {\n    display: block;\n\n    width: 108%;\n    height: 108%;\n    max-width: none;\n\n    object-fit: contain;\n    object-position: center;\n\n    background: transparent;\n\n    box-shadow: none;\n    filter: none;\n\n    transform: scale(1);\n\n    transition:\n        transform 0.75s cubic-bezier(.22, 1, .36, 1),\n        filter 0.75s ease;\n}\n\n\/* ==================================================\n   NUMERACI\u00d3N\n================================================== *\/\n\n.dc-pilares__number {\n    display: block;\n\n    margin-bottom: 13px;\n\n    color: var(--dc-pink);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 1px;\n}\n\n\/* ==================================================\n   T\u00cdTULOS\n================================================== *\/\n\n.dc-pilares__title {\n    margin: 0 0 17px;\n\n    color: var(--dc-dark);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: clamp(27px, 2vw, 37px);\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: -0.3px;\n\n    text-transform: uppercase;\n\n    transition: color 0.35s ease;\n}\n\n\/* ==================================================\n   DESCRIPCIONES\n================================================== *\/\n\n.dc-pilares__description {\n    max-width: 315px;\n    margin: 0 auto;\n\n    color: var(--dc-text);\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: clamp(14px, 1vw, 16px);\n    font-weight: 400;\n    line-height: 1.65;\n\n    text-align: center;\n    text-wrap: pretty;\n}\n\n\/* ==================================================\n   INTERACCI\u00d3N\n================================================== *\/\n\n@media (hover: hover) {\n\n    .dc-pilares__item:hover\n    .dc-pilares__image {\n        transform: scale(1.045);\n        filter: contrast(1.04);\n    }\n\n    .dc-pilares__item:hover\n    .dc-pilares__title {\n        color: var(--dc-pink);\n    }\n}\n\n\/* ==================================================\n   ANIMACI\u00d3N\n================================================== *\/\n\n.dc-pilares__header,\n.dc-pilares__item {\n    opacity: 0;\n    transform: translateY(30px);\n\n    transition:\n        opacity 0.85s ease,\n        transform 0.85s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-pilares.is-visible\n.dc-pilares__header,\n.dc-pilares.is-visible\n.dc-pilares__item {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.dc-pilares.is-visible\n.dc-pilares__item:nth-child(1) {\n    transition-delay: 0.1s;\n}\n\n.dc-pilares.is-visible\n.dc-pilares__item:nth-child(2) {\n    transition-delay: 0.2s;\n}\n\n.dc-pilares.is-visible\n.dc-pilares__item:nth-child(3) {\n    transition-delay: 0.3s;\n}\n\n.dc-pilares.is-visible\n.dc-pilares__item:nth-child(4) {\n    transition-delay: 0.4s;\n}\n\n\/* ==================================================\n   LAPTOP\n================================================== *\/\n\n@media (max-width: 1180px) {\n\n    .dc-pilares {\n        padding-right: 22px;\n        padding-left: 22px;\n    }\n\n    .dc-pilares__item {\n        padding-right: 10px;\n        padding-left: 10px;\n    }\n\n    .dc-pilares__image-wrap {\n        width: calc(100% + 20px);\n\n        margin-right: -10px;\n        margin-bottom: 22px;\n        margin-left: -10px;\n    }\n\n    .dc-pilares__image {\n        width: 106%;\n        height: 106%;\n    }\n\n    .dc-pilares__title {\n        font-size: clamp(25px, 2.4vw, 32px);\n        line-height: 1;\n    }\n\n    .dc-pilares__description {\n        font-size: 14px;\n    }\n}\n\n\/* ==================================================\n   TABLET\n================================================== *\/\n\n@media (max-width: 900px) {\n\n    .dc-pilares {\n        padding: 75px 24px 85px;\n    }\n\n    .dc-pilares__grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        row-gap: 58px;\n    }\n\n    .dc-pilares__item {\n        padding-right: 18px;\n        padding-left: 18px;\n    }\n\n    .dc-pilares__item:nth-child(2)::after {\n        display: none;\n    }\n\n    .dc-pilares__item:nth-child(3)::before,\n    .dc-pilares__item:nth-child(4)::before {\n        content: \"\";\n\n        position: absolute;\n        top: -29px;\n        right: 18px;\n        left: 18px;\n\n        height: 1px;\n\n        background: var(--dc-line);\n    }\n\n    .dc-pilares__image-wrap {\n        width: calc(100% + 30px);\n        aspect-ratio: 1 \/ 0.9;\n\n        margin-right: -15px;\n        margin-left: -15px;\n    }\n\n    .dc-pilares__image {\n        width: 108%;\n        height: 108%;\n    }\n\n    .dc-pilares__title {\n        font-size: 32px;\n        line-height: 1;\n    }\n\n    .dc-pilares__description {\n        max-width: 330px;\n\n        font-size: 15px;\n    }\n}\n\n\/* ==================================================\n   M\u00d3VIL\n================================================== *\/\n\n@media (max-width: 620px) {\n\n    .dc-pilares {\n        padding: 68px 18px 78px;\n    }\n\n    .dc-pilares__header {\n        gap: 13px;\n\n        margin-bottom: 45px;\n    }\n\n    .dc-pilares__header-line {\n        width: 34px;\n    }\n\n    .dc-pilares__eyebrow {\n        max-width: 230px;\n\n        font-size: 14px;\n        line-height: 1.3;\n    }\n\n    .dc-pilares__grid {\n        grid-template-columns: 1fr;\n        row-gap: 52px;\n    }\n\n    .dc-pilares__item {\n        padding: 0;\n    }\n\n    .dc-pilares__item::after {\n        display: none;\n    }\n\n    .dc-pilares__item:nth-child(2)::before,\n    .dc-pilares__item:nth-child(3)::before,\n    .dc-pilares__item:nth-child(4)::before {\n        content: \"\";\n\n        position: absolute;\n        top: -26px;\n        right: 0;\n        left: 0;\n\n        height: 1px;\n\n        background: var(--dc-line);\n    }\n\n    .dc-pilares__image-wrap {\n        width: calc(100% + 20px);\n        aspect-ratio: 1 \/ 0.92;\n\n        margin-right: -10px;\n        margin-bottom: 23px;\n        margin-left: -10px;\n    }\n\n    .dc-pilares__image {\n        width: 106%;\n        height: 106%;\n    }\n\n    .dc-pilares__number {\n        margin-bottom: 12px;\n    }\n\n    .dc-pilares__title {\n        margin-bottom: 14px;\n\n        font-size: clamp(31px, 9vw, 39px);\n        line-height: 1;\n        letter-spacing: -0.2px;\n    }\n\n    .dc-pilares__description {\n        max-width: 350px;\n\n        font-size: 16px;\n        line-height: 1.65;\n    }\n}\n\n\/* ==================================================\n   MOVIMIENTO REDUCIDO\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .dc-pilares__header,\n    .dc-pilares__item {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n\n    .dc-pilares__image,\n    .dc-pilares__title {\n        transition: none;\n    }\n}\n<\/style>\n\n<section class=\"dc-pilares\">\n\n    <div class=\"dc-pilares__container\">\n\n        <div class=\"dc-pilares__header\">\n\n            <span\n                class=\"dc-pilares__header-line\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n            <p class=\"dc-pilares__eyebrow\">\n                LOS 4 PILARES DE NUESTRO ENFOQUE\n            <\/p>\n\n            <span\n                class=\"dc-pilares__header-line\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n        <\/div>\n\n        <div class=\"dc-pilares__grid\">\n\n            <article class=\"dc-pilares__item\">\n\n                <div class=\"dc-pilares__image-wrap\">\n\n                    <img\n                        class=\"dc-pilares__image\"\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-24-jul-2026-18_57_09.png\"\n                        alt=\"Visi\u00f3n estrat\u00e9gica de Dimensi\u00f3n Creativa\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n\n                <\/div>\n\n                <span class=\"dc-pilares__number\">\n                    01\n                <\/span>\n\n                <h3 class=\"dc-pilares__title\">\n                    VISI\u00d3N ESTRAT\u00c9GICA\n                <\/h3>\n\n                <p class=\"dc-pilares__description\">\n                    Miramos m\u00e1s all\u00e1 de lo evidente para encontrar\n                    oportunidades reales de crecimiento.\n                <\/p>\n\n            <\/article>\n\n            <article class=\"dc-pilares__item\">\n\n                <div class=\"dc-pilares__image-wrap\">\n\n                    <img\n                        class=\"dc-pilares__image\"\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-24-jul-2026-19_00_15.png\"\n                        alt=\"Diferenciaci\u00f3n de negocios\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n\n                <\/div>\n\n                <span class=\"dc-pilares__number\">\n                    02\n                <\/span>\n\n                <h3 class=\"dc-pilares__title\">\n                    DIFERENCIACI\u00d3N\n                <\/h3>\n\n                <p class=\"dc-pilares__description\">\n                    Creamos propuestas \u00fanicas que te hacen destacar\n                    en un mercado saturado.\n                <\/p>\n\n            <\/article>\n\n            <article class=\"dc-pilares__item\">\n\n                <div class=\"dc-pilares__image-wrap\">\n\n                    <img\n                        class=\"dc-pilares__image\"\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-24-jul-2026-19_15_29.png\"\n                        alt=\"Conexi\u00f3n humana y comunicaci\u00f3n\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n\n                <\/div>\n\n                <span class=\"dc-pilares__number\">\n                    03\n                <\/span>\n\n                <h3 class=\"dc-pilares__title\">\n                    CONEXI\u00d3N HUMANA\n                <\/h3>\n\n                <p class=\"dc-pilares__description\">\n                    Conectamos con las personas a trav\u00e9s de mensajes\n                    aut\u00e9nticos y relevantes.\n                <\/p>\n\n            <\/article>\n\n            <article class=\"dc-pilares__item\">\n\n                <div class=\"dc-pilares__image-wrap\">\n\n                    <img\n                        class=\"dc-pilares__image\"\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-24-jul-2026-19_12_28.png\"\n                        alt=\"Resultados medibles y objetivos\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n\n                <\/div>\n\n                <span class=\"dc-pilares__number\">\n                    04\n                <\/span>\n\n                <h3 class=\"dc-pilares__title\">\n                    RESULTADOS MEDIBLES\n                <\/h3>\n\n                <p class=\"dc-pilares__description\">\n                    Todo lo que hacemos est\u00e1 alineado a objetivos claros\n                    y resultados concretos.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n\n    function initializeDcPilares() {\n\n        const sections =\n            document.querySelectorAll(\n                \".dc-pilares\"\n            );\n\n        sections.forEach(function (section) {\n\n            if (\n                section.dataset.animationReady === \"true\"\n            ) {\n                return;\n            }\n\n            section.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                section.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\n                                entry.target.classList.add(\n                                    \"is-visible\"\n                                );\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n                            }\n\n                        });\n\n                    },\n                    {\n                        threshold: 0.12\n                    }\n                );\n\n            observer.observe(section);\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeDcPilares\n        );\n\n    } else {\n\n        initializeDcPilares();\n    }\n\n    window.addEventListener(\n        \"elementor\/frontend\/init\",\n        initializeDcPilares\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e8dec80 e-con e-atomic-element e-flexbox-base e-ff06de4 \" data-id=\"e8dec80\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e8dec80\">\n    \t\t<div class=\"elementor-element elementor-element-3458ac8 elementor-widget elementor-widget-html\" data-id=\"3458ac8\" 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 NUESTRO PROCESO\n================================================== *\/\n\n.dc-proceso,\n.dc-proceso * {\n    box-sizing: border-box;\n}\n\n.dc-proceso {\n    --dc-pink: #C2265B;\n    --dc-dark: #080B0D;\n    --dc-text: rgba(8, 11, 13, 0.7);\n    --dc-light: #F5F5F3;\n    --dc-line: rgba(194, 38, 91, 0.28);\n    --dc-soft-line: rgba(8, 11, 13, 0.17);\n\n    position: relative;\n\n    width: 100%;\n    overflow: hidden;\n\n    padding:\n        clamp(75px, 8vw, 120px)\n        clamp(24px, 4vw, 64px)\n        clamp(85px, 8vw, 125px);\n\n    background: var(--dc-light);\n\n    font-family: \"Manrope\", sans-serif;\n}\n\n\/* ==================================================\n   CONTENEDOR\n================================================== *\/\n\n.dc-proceso__container {\n    width: 100%;\n    max-width: 1540px;\n    margin: 0 auto;\n}\n\n\/* ==================================================\n   ENCABEZADO\n================================================== *\/\n\n.dc-proceso__header {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 24px;\n\n    margin-bottom: clamp(55px, 6vw, 82px);\n}\n\n.dc-proceso__header-line {\n    width: clamp(55px, 7vw, 105px);\n    height: 1px;\n\n    background: rgba(194, 38, 91, 0.42);\n}\n\n.dc-proceso__eyebrow {\n    margin: 0;\n\n    color: var(--dc-pink);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: clamp(14px, 1.2vw, 18px);\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 1.2px;\n\n    text-align: center;\n    text-transform: uppercase;\n}\n\n\/* ==================================================\n   GRID\n================================================== *\/\n\n.dc-proceso__grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n\n    width: calc(100% - 44px);\n\n    margin-right: 44px;\n}\n\n\/* ==================================================\n   ETAPA\n================================================== *\/\n\n.dc-proceso__step {\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    min-width: 0;\n\n    padding: 0 clamp(22px, 2.4vw, 40px);\n\n    text-align: center;\n}\n\n\/* ==================================================\n   CONECTOR ENTRE ETAPAS\n================================================== *\/\n\n.dc-proceso__step:not(:last-child)::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 1;\n    top: 116px;\n    left: calc(50% + 102px);\n\n    width: calc(100% - 204px);\n    height: 2px;\n\n    background: var(--dc-pink);\n}\n\n.dc-proceso__step:not(:last-child)::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: 2;\n    top: 110px;\n    right: -1px;\n\n    width: 12px;\n    height: 12px;\n\n    border-top: 2px solid var(--dc-pink);\n    border-right: 2px solid var(--dc-pink);\n\n    transform: rotate(45deg);\n}\n\n\/* ==================================================\n   N\u00daMERO\n================================================== *\/\n\n.dc-proceso__number {\n    display: block;\n\n    margin-bottom: 16px;\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: 1px;\n}\n\n\/* ==================================================\n   C\u00cdRCULO\n================================================== *\/\n\n.dc-proceso__circle {\n    position: relative;\n    z-index: 3;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: clamp(150px, 12vw, 190px);\n    height: clamp(150px, 12vw, 190px);\n\n    margin-bottom: 28px;\n\n    border: 1px solid var(--dc-soft-line);\n    border-radius: 50%;\n\n    background: var(--dc-light);\n\n    transition:\n        transform 0.5s cubic-bezier(.22, 1, .36, 1),\n        border-color 0.4s ease;\n}\n\n.dc-proceso__circle::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 10px;\n\n    border: 1px solid rgba(8, 11, 13, 0.16);\n    border-radius: 50%;\n}\n\n.dc-proceso__circle::after {\n    content: \"\";\n\n    position: absolute;\n    inset: -4px;\n\n    border-radius: 50%;\n\n    background:\n        linear-gradient(var(--dc-dark), var(--dc-dark))\n            center top \/ 1px 8px no-repeat,\n        linear-gradient(var(--dc-dark), var(--dc-dark))\n            center bottom \/ 1px 8px no-repeat,\n        linear-gradient(var(--dc-dark), var(--dc-dark))\n            left center \/ 8px 1px no-repeat,\n        linear-gradient(var(--dc-dark), var(--dc-dark))\n            right center \/ 8px 1px no-repeat;\n\n    opacity: 0.55;\n\n    pointer-events: none;\n}\n\n\/* ==================================================\n   ICONO\n================================================== *\/\n\n.dc-proceso__icon {\n    position: relative;\n    z-index: 2;\n\n    width: clamp(55px, 5vw, 72px);\n    height: clamp(55px, 5vw, 72px);\n\n    color: var(--dc-dark);\n\n    transition:\n        color 0.35s ease,\n        transform 0.5s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-proceso__icon svg {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n}\n\n\/* ==================================================\n   PALABRAS LATERALES\n================================================== *\/\n\n.dc-proceso__keywords {\n    position: absolute;\n    z-index: 4;\n\n    top: 58px;\n    left: calc(50% + 92px);\n\n    width: 128px;\n\n    color: rgba(8, 11, 13, 0.68);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.5;\n    letter-spacing: 0.45px;\n\n    text-align: left;\n    text-transform: uppercase;\n}\n\n.dc-proceso__step:last-child\n.dc-proceso__keywords {\n    left: calc(50% + 82px);\n\n    width: 115px;\n}\n\n.dc-proceso__keyword {\n    position: relative;\n\n    display: block;\n\n    margin-bottom: 12px;\n    padding-left: 23px;\n}\n\n.dc-proceso__keyword::before {\n    content: \"\";\n\n    position: absolute;\n    top: 50%;\n    left: 0;\n\n    width: 14px;\n    height: 1px;\n\n    background: rgba(8, 11, 13, 0.5);\n\n    transform: rotate(-18deg);\n}\n\n\/* ==================================================\n   T\u00cdTULO\n================================================== *\/\n\n.dc-proceso__title {\n    margin: 0 0 15px;\n\n    color: var(--dc-dark);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: clamp(24px, 1.9vw, 32px);\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: -0.2px;\n\n    text-transform: uppercase;\n\n    transition: color 0.35s ease;\n}\n\n\/* ==================================================\n   DESCRIPCI\u00d3N\n================================================== *\/\n\n.dc-proceso__description {\n    max-width: 285px;\n    margin: 0 auto;\n\n    color: var(--dc-text);\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: clamp(14px, 1vw, 16px);\n    font-weight: 400;\n    line-height: 1.7;\n\n    text-align: center;\n    text-wrap: pretty;\n}\n\n\/* ==================================================\n   HOVER\n================================================== *\/\n\n@media (hover: hover) {\n\n    .dc-proceso__step:hover\n    .dc-proceso__circle {\n        border-color: rgba(194, 38, 91, 0.5);\n\n        transform: translateY(-8px);\n    }\n\n    .dc-proceso__step:hover\n    .dc-proceso__icon {\n        color: var(--dc-pink);\n\n        transform: scale(1.05);\n    }\n\n    .dc-proceso__step:hover\n    .dc-proceso__title {\n        color: var(--dc-pink);\n    }\n}\n\n\/* ==================================================\n   ANIMACI\u00d3N DE ENTRADA\n================================================== *\/\n\n.dc-proceso__header,\n.dc-proceso__step {\n    opacity: 0;\n    transform: translateY(30px);\n\n    transition:\n        opacity 0.85s ease,\n        transform 0.85s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-proceso.is-visible\n.dc-proceso__header,\n.dc-proceso.is-visible\n.dc-proceso__step {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.dc-proceso.is-visible\n.dc-proceso__step:nth-child(1) {\n    transition-delay: 0.1s;\n}\n\n.dc-proceso.is-visible\n.dc-proceso__step:nth-child(2) {\n    transition-delay: 0.2s;\n}\n\n.dc-proceso.is-visible\n.dc-proceso__step:nth-child(3) {\n    transition-delay: 0.3s;\n}\n\n.dc-proceso.is-visible\n.dc-proceso__step:nth-child(4) {\n    transition-delay: 0.4s;\n}\n\n\/* ==================================================\n   LAPTOP\n================================================== *\/\n\n@media (max-width: 1250px) {\n\n    .dc-proceso {\n        padding-right: 28px;\n        padding-left: 28px;\n    }\n\n    .dc-proceso__grid {\n        width: 100%;\n\n        margin-right: 0;\n    }\n\n    .dc-proceso__step {\n        padding-right: 22px;\n        padding-left: 22px;\n    }\n\n    .dc-proceso__keywords {\n        display: none;\n    }\n\n    .dc-proceso__step:not(:last-child)::after {\n        top: 108px;\n        left: calc(50% + 83px);\n\n        width: calc(100% - 166px);\n    }\n\n    .dc-proceso__step:not(:last-child)::before {\n        top: 102px;\n    }\n}\n\n\/* ==================================================\n   TABLET\n================================================== *\/\n\n@media (max-width: 900px) {\n\n    .dc-proceso {\n        padding: 75px 24px 90px;\n    }\n\n    .dc-proceso__grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n\n        row-gap: 70px;\n    }\n\n    .dc-proceso__step {\n        padding-right: 30px;\n        padding-left: 30px;\n    }\n\n    .dc-proceso__step:nth-child(2)::after,\n    .dc-proceso__step:nth-child(2)::before {\n        display: none;\n    }\n\n    .dc-proceso__step:nth-child(3)::before,\n    .dc-proceso__step:nth-child(3)::after {\n        display: block;\n    }\n\n    .dc-proceso__circle {\n        width: 175px;\n        height: 175px;\n    }\n\n    .dc-proceso__step:not(:last-child)::after {\n        top: 112px;\n        left: calc(50% + 95px);\n\n        width: calc(100% - 190px);\n    }\n\n    .dc-proceso__step:not(:last-child)::before {\n        top: 106px;\n    }\n\n    .dc-proceso__title {\n        font-size: 29px;\n        line-height: 1;\n    }\n\n    .dc-proceso__description {\n        max-width: 310px;\n\n        font-size: 15px;\n    }\n}\n\n\/* ==================================================\n   M\u00d3VIL\n================================================== *\/\n\n@media (max-width: 620px) {\n\n    .dc-proceso {\n        padding: 68px 18px 80px;\n    }\n\n    .dc-proceso__header {\n        gap: 13px;\n\n        margin-bottom: 50px;\n    }\n\n    .dc-proceso__header-line {\n        width: 36px;\n    }\n\n    .dc-proceso__eyebrow {\n        font-size: 14px;\n    }\n\n    .dc-proceso__grid {\n        grid-template-columns: 1fr;\n\n        row-gap: 65px;\n    }\n\n    .dc-proceso__step {\n        padding: 0 12px 52px;\n    }\n\n    .dc-proceso__step:not(:last-child)::after {\n        top: auto;\n        right: auto;\n        bottom: -13px;\n        left: 50%;\n\n        width: 2px;\n        height: 40px;\n\n        transform: translateX(-50%);\n    }\n\n    .dc-proceso__step:not(:last-child)::before {\n        top: auto;\n        right: auto;\n        bottom: -15px;\n        left: 50%;\n\n        width: 10px;\n        height: 10px;\n\n        transform:\n            translateX(-50%)\n            rotate(135deg);\n    }\n\n    .dc-proceso__circle {\n        width: 175px;\n        height: 175px;\n\n        margin-bottom: 25px;\n    }\n\n    .dc-proceso__number {\n        margin-bottom: 14px;\n    }\n\n    .dc-proceso__title {\n        margin-bottom: 13px;\n\n        font-size: 30px;\n        line-height: 1;\n    }\n\n    .dc-proceso__description {\n        max-width: 340px;\n\n        font-size: 16px;\n    }\n}\n\n\/* ==================================================\n   MOVIMIENTO REDUCIDO\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .dc-proceso__header,\n    .dc-proceso__step {\n        opacity: 1;\n        transform: none;\n\n        transition: none;\n    }\n\n    .dc-proceso__circle,\n    .dc-proceso__icon,\n    .dc-proceso__title {\n        transition: none;\n    }\n}\n<\/style>\n\n<section class=\"dc-proceso\">\n\n    <div class=\"dc-proceso__container\">\n\n        <div class=\"dc-proceso__header\">\n\n            <span\n                class=\"dc-proceso__header-line\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n            <p class=\"dc-proceso__eyebrow\">\n                NUESTRO PROCESO\n            <\/p>\n\n            <span\n                class=\"dc-proceso__header-line\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n        <\/div>\n\n        <div class=\"dc-proceso__grid\">\n\n            <article class=\"dc-proceso__step\">\n\n                <span class=\"dc-proceso__number\">\n                    01\n                <\/span>\n\n                <div class=\"dc-proceso__circle\">\n\n                    <div class=\"dc-proceso__icon\">\n\n                        <svg\n                            viewBox=\"0 0 80 80\"\n                            fill=\"none\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                            aria-hidden=\"true\"\n                        >\n                            <circle\n                                cx=\"34\"\n                                cy=\"34\"\n                                r=\"20\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"5\"\n                            \/>\n\n                            <path\n                                d=\"M49 49L67 67\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"5\"\n                                stroke-linecap=\"round\"\n                            \/>\n                        <\/svg>\n\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"dc-proceso__keywords\">\n\n                    <span class=\"dc-proceso__keyword\">\n                        OBJETIVO\n                    <\/span>\n\n                    <span class=\"dc-proceso__keyword\">\n                        INVESTIGACI\u00d3N\n                    <\/span>\n\n                <\/div>\n\n                <h3 class=\"dc-proceso__title\">\n                    DESCUBRIMOS\n                <\/h3>\n\n                <p class=\"dc-proceso__description\">\n                    Investigamos a fondo tu negocio y tu entorno\n                    para encontrar oportunidades reales.\n                <\/p>\n\n            <\/article>\n\n            <article class=\"dc-proceso__step\">\n\n                <span class=\"dc-proceso__number\">\n                    02\n                <\/span>\n\n                <div class=\"dc-proceso__circle\">\n\n                    <div class=\"dc-proceso__icon\">\n\n                        <svg\n                            viewBox=\"0 0 80 80\"\n                            fill=\"none\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                            aria-hidden=\"true\"\n                        >\n                            <circle\n                                cx=\"40\"\n                                cy=\"40\"\n                                r=\"28\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"4\"\n                            \/>\n\n                            <circle\n                                cx=\"40\"\n                                cy=\"40\"\n                                r=\"11\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"4\"\n                            \/>\n\n                            <path\n                                d=\"M40 5V25\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"4\"\n                                stroke-linecap=\"round\"\n                            \/>\n\n                            <path\n                                d=\"M40 55V75\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"4\"\n                                stroke-linecap=\"round\"\n                            \/>\n\n                            <path\n                                d=\"M5 40H25\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"4\"\n                                stroke-linecap=\"round\"\n                            \/>\n\n                            <path\n                                d=\"M55 40H75\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"4\"\n                                stroke-linecap=\"round\"\n                            \/>\n                        <\/svg>\n\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"dc-proceso__keywords\">\n\n                    <span class=\"dc-proceso__keyword\">\n                        AN\u00c1LISIS\n                    <\/span>\n\n                    <span class=\"dc-proceso__keyword\">\n                        INSIGHTS\n                    <\/span>\n\n                <\/div>\n\n                <h3 class=\"dc-proceso__title\">\n                    DEFINIMOS\n                <\/h3>\n\n                <p class=\"dc-proceso__description\">\n                    Dise\u00f1amos una estrategia creativa alineada\n                    a tus objetivos y a lo que tu cliente necesita.\n                <\/p>\n\n            <\/article>\n\n            <article class=\"dc-proceso__step\">\n\n                <span class=\"dc-proceso__number\">\n                    03\n                <\/span>\n\n                <div class=\"dc-proceso__circle\">\n\n                    <div class=\"dc-proceso__icon\">\n\n                        <svg\n                            viewBox=\"0 0 80 80\"\n                            fill=\"none\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                            aria-hidden=\"true\"\n                        >\n                            <path\n                                d=\"M10 38L70 12L48 68L35 46L10 38Z\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"4\"\n                                stroke-linejoin=\"round\"\n                            \/>\n\n                            <path\n                                d=\"M35 46L70 12\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"4\"\n                                stroke-linecap=\"round\"\n                            \/>\n                        <\/svg>\n\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"dc-proceso__keywords\">\n\n                    <span class=\"dc-proceso__keyword\">\n                        MENSAJE\n                    <\/span>\n\n                    <span class=\"dc-proceso__keyword\">\n                        ACCIONES\n                    <\/span>\n\n                <\/div>\n\n                <h3 class=\"dc-proceso__title\">\n                    CONSTRUIMOS\n                <\/h3>\n\n                <p class=\"dc-proceso__description\">\n                    Creamos y desarrollamos los activos que\n                    comunicar\u00e1n tu valor diferencial.\n                <\/p>\n\n            <\/article>\n\n            <article class=\"dc-proceso__step\">\n\n                <span class=\"dc-proceso__number\">\n                    04\n                <\/span>\n\n                <div class=\"dc-proceso__circle\">\n\n                    <div class=\"dc-proceso__icon\">\n\n                        <svg\n                            viewBox=\"0 0 80 80\"\n                            fill=\"none\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                            aria-hidden=\"true\"\n                        >\n                            <path\n                                d=\"M10 62L29 43L40 54L65 25\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"5\"\n                                stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\"\n                            \/>\n\n                            <path\n                                d=\"M51 25H65V39\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"5\"\n                                stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\"\n                            \/>\n                        <\/svg>\n\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"dc-proceso__keywords\">\n\n                    <span class=\"dc-proceso__keyword\">\n                        MEDICI\u00d3N\n                    <\/span>\n\n                    <span class=\"dc-proceso__keyword\">\n                        OPTIMIZACI\u00d3N\n                    <\/span>\n\n                    <span class=\"dc-proceso__keyword\">\n                        CRECIMIENTO\n                    <\/span>\n\n                <\/div>\n\n                <h3 class=\"dc-proceso__title\">\n                    EVOLUCIONAMOS\n                <\/h3>\n\n                <p class=\"dc-proceso__description\">\n                    Medimos, aprendemos y evolucionamos para\n                    seguir creciendo contigo.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n\n    function initializeDcProceso() {\n\n        const sections =\n            document.querySelectorAll(\n                \".dc-proceso\"\n            );\n\n        sections.forEach(function (section) {\n\n            if (\n                section.dataset.animationReady === \"true\"\n            ) {\n                return;\n            }\n\n            section.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                section.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\n                                entry.target.classList.add(\n                                    \"is-visible\"\n                                );\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n                            }\n\n                        });\n\n                    },\n                    {\n                        threshold: 0.12\n                    }\n                );\n\n            observer.observe(section);\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeDcProceso\n        );\n\n    } else {\n\n        initializeDcProceso();\n    }\n\n    window.addEventListener(\n        \"elementor\/frontend\/init\",\n        initializeDcProceso\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-01619f3 e-con e-atomic-element e-flexbox-base e-acfd6d5 \" data-id=\"01619f3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"01619f3\">\n    \t\t<div class=\"elementor-element elementor-element-3b46123 elementor-widget elementor-widget-html\" data-id=\"3b46123\" 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 CTA DIRECCI\u00d3N\n   BANDA EDITORIAL DIVIDIDA\n================================================== *\/\n\n.dc-cta-direccion,\n.dc-cta-direccion * {\n    box-sizing: border-box;\n}\n\n.dc-cta-direccion {\n    --dc-pink: #C2265B;\n    --dc-black: #080B0D;\n    --dc-light: #F5F5F3;\n\n    position: relative;\n\n    width: 100%;\n    overflow: hidden;\n\n    background: var(--dc-black);\n\n    font-family: \"Manrope\", sans-serif;\n}\n\n\/* ==================================================\n   ESTRUCTURA GENERAL\n================================================== *\/\n\n.dc-cta-direccion__layout {\n    display: grid;\n    grid-template-columns:\n        minmax(390px, 38%)\n        minmax(0, 62%);\n\n    width: 100%;\n    min-height: clamp(360px, 28vw, 460px);\n}\n\n\/* ==================================================\n   BLOQUE DE TEXTO\n================================================== *\/\n\n.dc-cta-direccion__content {\n    position: relative;\n    z-index: 2;\n\n    display: flex;\n    align-items: center;\n\n    min-width: 0;\n\n    padding:\n        clamp(42px, 4.5vw, 68px)\n        clamp(38px, 5vw, 82px);\n\n    background: var(--dc-black);\n}\n\n.dc-cta-direccion__content-inner {\n    width: 100%;\n    max-width: 570px;\n}\n\n\/* ==================================================\n   TITULAR\n================================================== *\/\n\n.dc-cta-direccion__title {\n    margin: 0 0 17px;\n\n    color: var(--dc-light);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: clamp(39px, 3.6vw, 61px);\n    font-weight: 500;\n    line-height: 0.98;\n    letter-spacing: -0.6px;\n\n    text-transform: uppercase;\n}\n\n.dc-cta-direccion__title-accent {\n    color: var(--dc-pink);\n}\n\n\/* ==================================================\n   L\u00cdNEA\n================================================== *\/\n\n.dc-cta-direccion__line {\n    display: block;\n\n    width: 48px;\n    height: 2px;\n\n    margin-bottom: 18px;\n\n    background: var(--dc-pink);\n}\n\n\/* ==================================================\n   DESCRIPCI\u00d3N\n================================================== *\/\n\n.dc-cta-direccion__description {\n    max-width: 490px;\n    margin: 0 0 27px;\n\n    color: rgba(245, 245, 243, 0.72);\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: clamp(15px, 1.05vw, 17px);\n    font-weight: 400;\n    line-height: 1.65;\n\n    text-align: left;\n    text-wrap: pretty;\n}\n\n\/* ==================================================\n   BOT\u00d3N\n================================================== *\/\n\n.dc-cta-direccion__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 30px;\n\n    min-width: 190px;\n    min-height: 52px;\n\n    padding: 13px 20px;\n\n    border: 1px solid var(--dc-pink);\n\n    color: var(--dc-light);\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.3px;\n\n    text-decoration: none;\n    text-transform: uppercase;\n\n    transition:\n        color 0.35s ease,\n        background-color 0.35s ease,\n        border-color 0.35s ease,\n        transform 0.35s ease;\n}\n\n.dc-cta-direccion__button-arrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    color: var(--dc-pink);\n\n    font-size: 23px;\n    font-weight: 300;\n    line-height: 1;\n\n    transition:\n        color 0.35s ease,\n        transform 0.35s cubic-bezier(.22, 1, .36, 1);\n}\n\n\/* ==================================================\n   CONTENEDOR DE LA IMAGEN\n================================================== *\/\n\n.dc-cta-direccion__visual {\n    position: relative;\n\n    min-width: 0;\n    min-height: clamp(360px, 28vw, 460px);\n\n    overflow: hidden;\n\n    background: #11171B;\n}\n\n\/* ==================================================\n   IMAGEN\n================================================== *\/\n\n.dc-cta-direccion__image {\n    position: absolute;\n    inset: 0;\n\n    display: block;\n\n    width: 100% !important;\n    height: 100% !important;\n\n    min-width: 100%;\n    min-height: 100%;\n    max-width: none !important;\n    max-height: none !important;\n\n    margin: 0 !important;\n\n    object-fit: cover;\n    object-position: center center;\n\n    background: transparent;\n    box-shadow: none;\n    filter: none;\n\n    transform: scale(1.002);\n\n    transition:\n        transform 1.2s cubic-bezier(.22, 1, .36, 1);\n}\n\n\/* Degradado m\u00ednimo para integrar ambas columnas *\/\n\n.dc-cta-direccion__visual::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 2;\n    inset: 0 auto 0 0;\n\n    width: 55px;\n\n    pointer-events: none;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(8, 11, 13, 0.24) 0%,\n            rgba(8, 11, 13, 0) 100%\n        );\n}\n\n\/* ==================================================\n   HOVER\n================================================== *\/\n\n@media (hover: hover) {\n\n    .dc-cta-direccion__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-cta-direccion__button:hover\n    .dc-cta-direccion__button-arrow {\n        color: var(--dc-light);\n\n        transform: translateX(5px);\n    }\n\n    .dc-cta-direccion:hover\n    .dc-cta-direccion__image {\n        transform: scale(1.025);\n    }\n}\n\n\/* ==================================================\n   ANIMACI\u00d3N DE ENTRADA\n================================================== *\/\n\n.dc-cta-direccion__title,\n.dc-cta-direccion__line,\n.dc-cta-direccion__description,\n.dc-cta-direccion__button {\n    opacity: 0;\n    transform: translateY(22px);\n\n    transition:\n        opacity 0.85s ease,\n        transform 0.85s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-cta-direccion__visual {\n    opacity: 0;\n    transform: translateX(28px);\n\n    transition:\n        opacity 1s ease,\n        transform 1s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-cta-direccion.is-visible\n.dc-cta-direccion__title {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.dc-cta-direccion.is-visible\n.dc-cta-direccion__line {\n    opacity: 1;\n    transform: translateY(0);\n\n    transition-delay: 0.1s;\n}\n\n.dc-cta-direccion.is-visible\n.dc-cta-direccion__description {\n    opacity: 1;\n    transform: translateY(0);\n\n    transition-delay: 0.2s;\n}\n\n.dc-cta-direccion.is-visible\n.dc-cta-direccion__button {\n    opacity: 1;\n    transform: translateY(0);\n\n    transition-delay: 0.3s;\n}\n\n.dc-cta-direccion.is-visible\n.dc-cta-direccion__visual {\n    opacity: 1;\n    transform: translateX(0);\n\n    transition-delay: 0.08s;\n}\n\n\/* ==================================================\n   LAPTOP\n================================================== *\/\n\n@media (max-width: 1180px) {\n\n    .dc-cta-direccion__layout {\n        grid-template-columns:\n            minmax(360px, 42%)\n            minmax(0, 58%);\n\n        min-height: 400px;\n    }\n\n    .dc-cta-direccion__content {\n        padding: 46px 40px;\n    }\n\n    .dc-cta-direccion__visual {\n        min-height: 400px;\n    }\n\n    .dc-cta-direccion__title {\n        font-size: clamp(38px, 4.4vw, 54px);\n        line-height: 0.98;\n    }\n\n    .dc-cta-direccion__description {\n        font-size: 15px;\n    }\n\n    .dc-cta-direccion__image {\n        object-position: 58% center;\n    }\n}\n\n\/* ==================================================\n   TABLET\n================================================== *\/\n\n@media (max-width: 900px) {\n\n    .dc-cta-direccion__layout {\n        grid-template-columns: 1fr;\n        min-height: auto;\n    }\n\n    .dc-cta-direccion__visual {\n        order: 1;\n\n        min-height: 400px;\n    }\n\n    .dc-cta-direccion__content {\n        order: 2;\n\n        padding:\n            52px\n            38px\n            58px;\n    }\n\n    .dc-cta-direccion__content-inner {\n        max-width: 630px;\n    }\n\n    .dc-cta-direccion__image {\n        object-position: center center;\n    }\n\n    .dc-cta-direccion__visual::after {\n        display: none;\n    }\n\n    .dc-cta-direccion__title {\n        max-width: 620px;\n\n        font-size: clamp(44px, 8vw, 62px);\n        line-height: 0.98;\n    }\n\n    .dc-cta-direccion__description {\n        max-width: 560px;\n    }\n}\n\n\/* ==================================================\n   M\u00d3VIL\n================================================== *\/\n\n@media (max-width: 620px) {\n\n    .dc-cta-direccion__visual {\n        min-height: 300px;\n    }\n\n    .dc-cta-direccion__image {\n        object-position: 57% center;\n    }\n\n    .dc-cta-direccion__content {\n        padding:\n            42px\n            22px\n            48px;\n    }\n\n    .dc-cta-direccion__title {\n        margin-bottom: 17px;\n\n        font-size: clamp(39px, 12vw, 52px);\n        line-height: 0.98;\n        letter-spacing: -0.4px;\n    }\n\n    .dc-cta-direccion__line {\n        margin-bottom: 18px;\n    }\n\n    .dc-cta-direccion__description {\n        margin-bottom: 25px;\n\n        font-size: 16px;\n        line-height: 1.6;\n    }\n\n    .dc-cta-direccion__button {\n        min-width: 180px;\n        min-height: 50px;\n\n        padding-right: 18px;\n        padding-left: 18px;\n    }\n}\n\n\/* ==================================================\n   M\u00d3VIL PEQUE\u00d1O\n================================================== *\/\n\n@media (max-width: 390px) {\n\n    .dc-cta-direccion__visual {\n        min-height: 270px;\n    }\n\n    .dc-cta-direccion__content {\n        padding:\n            38px\n            18px\n            44px;\n    }\n\n    .dc-cta-direccion__title {\n        font-size: 38px;\n        line-height: 0.98;\n    }\n}\n\n\/* ==================================================\n   MOVIMIENTO REDUCIDO\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .dc-cta-direccion__title,\n    .dc-cta-direccion__line,\n    .dc-cta-direccion__description,\n    .dc-cta-direccion__button,\n    .dc-cta-direccion__visual {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n\n    .dc-cta-direccion__image,\n    .dc-cta-direccion__button,\n    .dc-cta-direccion__button-arrow {\n        transition: none;\n    }\n}\n<\/style>\n\n<section class=\"dc-cta-direccion\">\n\n    <div class=\"dc-cta-direccion__layout\">\n\n        <div class=\"dc-cta-direccion__content\">\n\n            <div class=\"dc-cta-direccion__content-inner\">\n\n                <h2 class=\"dc-cta-direccion__title\">\n                    NO SEGUIMOS TENDENCIAS,<br>\n                    CREAMOS\n                    <span class=\"dc-cta-direccion__title-accent\">\n                        DIRECCI\u00d3N.\n                    <\/span>\n                <\/h2>\n\n                <span\n                    class=\"dc-cta-direccion__line\"\n                    aria-hidden=\"true\"\n                ><\/span>\n\n                <p class=\"dc-cta-direccion__description\">\n                    Estrategia, creatividad y ejecuci\u00f3n en perfecta\n                    sincron\u00eda para llevar tu negocio m\u00e1s lejos.\n                <\/p>\n\n                <a\n                    class=\"dc-cta-direccion__button\"\n                    href=\"\/Develop\/hablemos\/\"\n                    aria-label=\"Hablemos de tu proyecto\"\n                >\n                    <span>HABLEMOS<\/span>\n\n                    <span\n                        class=\"dc-cta-direccion__button-arrow\"\n                        aria-hidden=\"true\"\n                    >\n                        \u2192\n                    <\/span>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n        <div class=\"dc-cta-direccion__visual\">\n\n            <img\n                class=\"dc-cta-direccion__image\"\n                src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-24-jul-2026-20_05_06.png\"\n                alt=\"Astronauta de Dimensi\u00f3n Creativa desarrollando una estrategia\"\n                loading=\"lazy\"\n                decoding=\"async\"\n            >\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n\n    function initializeDcCtaDireccion() {\n\n        const sections =\n            document.querySelectorAll(\n                \".dc-cta-direccion\"\n            );\n\n        sections.forEach(function (section) {\n\n            if (\n                section.dataset.animationReady === \"true\"\n            ) {\n                return;\n            }\n\n            section.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                section.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\n                                entry.target.classList.add(\n                                    \"is-visible\"\n                                );\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n                            }\n\n                        });\n\n                    },\n                    {\n                        threshold: 0.15\n                    }\n                );\n\n            observer.observe(section);\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeDcCtaDireccion\n        );\n\n    } else {\n\n        initializeDcCtaDireccion();\n    }\n\n    window.addEventListener(\n        \"elementor\/frontend\/init\",\n        initializeDcCtaDireccion\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f061000 e-con e-atomic-element e-flexbox-base e-bb62748 \" data-id=\"f061000\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f061000\">\n    \t\t<div class=\"elementor-element elementor-element-f0dd6cc elementor-widget elementor-widget-html\" data-id=\"f0dd6cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.dc-footer,.dc-footer *{box-sizing:border-box}.dc-footer{--dc-pink:#C2265B;--dc-white:#F5F5F3;--dc-gray:#A7A7A7;--dc-dark-gray:#6E6E6E;--dc-black:#080b0d;--dc-line:rgba(255,255,255,.10);position:relative;width:100%;overflow:hidden;background:radial-gradient(circle at 85% 0%,rgba(194,38,91,.07),transparent 32%),var(--dc-black);color:var(--dc-white);font-family:\"Manrope\",sans-serif;border-top:1px solid var(--dc-line)}.dc-footer::before{content:\"\";position:absolute;inset:0;opacity:.045;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:80px 80px}.dc-footer__inner{position:relative;z-index:2;width:min(calc(100% - 80px),1440px);margin:0 auto;padding:68px 0 42px}.dc-footer__grid{display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(150px,.7fr) minmax(180px,.75fr) minmax(270px,1fr);gap:64px;align-items:start}.dc-footer__brand{max-width:320px}.dc-footer__logo-link{display:inline-block;text-decoration:none;transition:opacity .3s ease,transform .3s ease}.dc-footer__logo-link:hover{opacity:.86;transform:translateY(-2px)}.dc-footer__logo{display:block;width:245px;max-width:100%;height:auto}.dc-footer__description{margin:25px 0 0;max-width:300px;color:var(--dc-gray);font-size:14px;font-weight:400;line-height:1.7}.dc-footer__heading{margin:0 0 22px;color:var(--dc-pink);font-family:\"Oswald\",sans-serif;font-size:17px;font-weight:500;line-height:1;letter-spacing:.8px;text-transform:uppercase}.dc-footer__list{display:flex;flex-direction:column;gap:13px;margin:0;padding:0;list-style:none}.dc-footer__link{position:relative;display:inline-flex;align-items:center;width:fit-content;color:var(--dc-gray);font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;transition:color .3s ease,transform .3s ease}.dc-footer__link::after{content:\"\";position:absolute;right:0;bottom:-4px;left:0;height:1px;background:var(--dc-pink);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.dc-footer__link:hover{color:var(--dc-white);transform:translateX(4px)}.dc-footer__link:hover::after{transform:scaleX(1)}.dc-footer__contact-list{display:flex;flex-direction:column;gap:17px;margin:0;padding:0;list-style:none}.dc-footer__contact-item{display:flex;align-items:flex-start;gap:13px}.dc-footer__contact-icon{flex:0 0 20px;width:20px;height:20px;margin-top:1px;color:var(--dc-pink)}.dc-footer__contact-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dc-footer__contact-link,.dc-footer__contact-text{color:var(--dc-gray);font-size:14px;font-weight:500;line-height:1.55;text-decoration:none;transition:color .3s ease}.dc-footer__contact-link:hover{color:var(--dc-white)}.dc-footer__social{display:flex;align-items:center;gap:12px;margin-top:25px}.dc-footer__social-link{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(194,38,91,.55);color:var(--dc-white);background:transparent;text-decoration:none;transition:color .3s ease,background-color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}.dc-footer__social-link svg{width:19px;height:19px;fill:currentColor}.dc-footer__social-link:hover{color:#fff;background:var(--dc-pink);border-color:var(--dc-pink);transform:translateY(-3px);box-shadow:0 12px 25px rgba(194,38,91,.20)}.dc-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:54px;padding-top:24px;border-top:1px solid var(--dc-line)}.dc-footer__bottom-text{margin:0;color:var(--dc-dark-gray);font-size:12px;line-height:1.5}.dc-footer__bottom-links{display:flex;flex-wrap:wrap;gap:24px}.dc-footer__bottom-link{color:var(--dc-dark-gray);font-size:12px;line-height:1.5;text-decoration:none;transition:color .3s ease}.dc-footer__bottom-link:hover{color:var(--dc-white)}.dc-footer__column,.dc-footer__bottom{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}.dc-footer.is-visible .dc-footer__column,.dc-footer.is-visible .dc-footer__bottom{opacity:1;transform:translateY(0)}.dc-footer.is-visible .dc-footer__column:nth-child(2){transition-delay:.08s}.dc-footer.is-visible .dc-footer__column:nth-child(3){transition-delay:.16s}.dc-footer.is-visible .dc-footer__column:nth-child(4){transition-delay:.24s}.dc-footer.is-visible .dc-footer__bottom{transition-delay:.30s}@media(max-width:1100px){.dc-footer__inner{width:min(calc(100% - 50px),1100px)}.dc-footer__grid{grid-template-columns:minmax(250px,1.2fr) minmax(140px,.7fr) minmax(170px,.75fr) minmax(235px,1fr);gap:38px}.dc-footer__logo{width:220px}}@media(max-width:820px){.dc-footer__inner{width:min(calc(100% - 40px),820px);padding-top:56px}.dc-footer__grid{grid-template-columns:1.2fr .8fr;gap:52px 40px}.dc-footer__brand{max-width:360px}.dc-footer__bottom{align-items:flex-start;flex-direction:column;gap:15px}}@media(max-width:560px){.dc-footer__inner{width:calc(100% - 30px);padding:48px 0 30px}.dc-footer__grid{display:block}.dc-footer__column+.dc-footer__column{margin-top:42px}.dc-footer__brand{max-width:100%}.dc-footer__logo{width:225px}.dc-footer__description{max-width:330px}.dc-footer__heading{margin-bottom:18px}.dc-footer__bottom{margin-top:44px}.dc-footer__bottom-links{flex-direction:column;gap:10px}.dc-footer__social-link{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.dc-footer__column,.dc-footer__bottom{opacity:1;transform:none;transition:none}.dc-footer__link,.dc-footer__link::after,.dc-footer__social-link,.dc-footer__logo-link{transition:none}}\n<\/style>\n<footer class=\"dc-footer\"><div class=\"dc-footer__inner\"><div class=\"dc-footer__grid\"><div class=\"dc-footer__column dc-footer__brand\"><a class=\"dc-footer__logo-link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/\" aria-label=\"Ir al inicio de Dimensi\u00f3n Creativa\"><img decoding=\"async\" class=\"dc-footer__logo\" src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/logo_dimension_creativa_transparente.png\" alt=\"Dimensi\u00f3n Creativa\" loading=\"lazy\"><\/a><p class=\"dc-footer__description\">Creatividad estrat\u00e9gica para negocios que quieren dejar de parecer uno m\u00e1s y convertirse en la elecci\u00f3n.<\/p><\/div><div class=\"dc-footer__column\"><h2 class=\"dc-footer__heading\">Navegaci\u00f3n<\/h2><ul class=\"dc-footer__list\"><li><a class=\"dc-footer__link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/\">Inicio<\/a><\/li><li><a class=\"dc-footer__link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/enfoque\/\">Enfoque<\/a><\/li><li><a class=\"dc-footer__link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/servicios\/\">Servicios<\/a><\/li><li><a class=\"dc-footer__link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/proyectos\/\">Proyectos<\/a><\/li><li><a class=\"dc-footer__link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/dimensiones\/\">Dimensiones<\/a><\/li><\/ul><\/div><div class=\"dc-footer__column\"><h2 class=\"dc-footer__heading\">Legal<\/h2><ul class=\"dc-footer__list\"><li><a class=\"dc-footer__link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/aviso-de-privacidad\/\">Aviso de privacidad<\/a><\/li><li><a class=\"dc-footer__link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/terminos-y-condiciones\/\">T\u00e9rminos y condiciones<\/a><\/li><\/ul><\/div><div class=\"dc-footer__column\"><h2 class=\"dc-footer__heading\">Contacto<\/h2><ul class=\"dc-footer__contact-list\"><li class=\"dc-footer__contact-item\"><span class=\"dc-footer__contact-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect><path d=\"M3 7l9 6 9-6\"><\/path><\/svg><\/span><a class=\"dc-footer__contact-link\" href=\"mailto:info@dimensioncreativa.com.mx\">info@dimensioncreativa.com.mx<\/a><\/li><li class=\"dc-footer__contact-item\"><span class=\"dc-footer__contact-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path 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\"><\/path><\/svg><\/span><a class=\"dc-footer__contact-link\" href=\"tel:+525561862271\">+52 55 6186 2271<\/a><\/li><li class=\"dc-footer__contact-item\"><span class=\"dc-footer__contact-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"2.5\"><\/circle><\/svg><\/span><span class=\"dc-footer__contact-text\">CDMX, M\u00e9xico<\/span><\/li><\/ul><div class=\"dc-footer__social\"><a class=\"dc-footer__social-link\" href=\"https:\/\/www.instagram.com\/_dimension_creativa_?igsh=NzdxZXF5amF2dDls\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram de Dimensi\u00f3n Creativa\"><svg viewBox=\"0 0 24 24\"><path 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\"><\/path><\/svg><\/a><a class=\"dc-footer__social-link\" href=\"https:\/\/www.facebook.com\/share\/14e3Jpmk48K\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook de Dimensi\u00f3n Creativa\"><svg viewBox=\"0 0 24 24\"><path 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\"><\/path><\/svg><\/a><\/div><\/div><\/div><div class=\"dc-footer__bottom\"><p class=\"dc-footer__bottom-text\">\u00a9 <span class=\"dc-footer__year\"><\/span> Dimensi\u00f3n Creativa. Todos los derechos reservados.<\/p><div class=\"dc-footer__bottom-links\"><a class=\"dc-footer__bottom-link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/aviso-de-privacidad\/\">Privacidad<\/a><a class=\"dc-footer__bottom-link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/terminos-y-condiciones\/\">T\u00e9rminos<\/a><\/div><\/div><\/div><\/footer>\n<script>(function(){function initializeDcFooter(){const footers=document.querySelectorAll('.dc-footer');footers.forEach(function(footer){const year=footer.querySelector('.dc-footer__year');if(year){year.textContent=new Date().getFullYear()}if(footer.dataset.animationReady==='true'){return}footer.dataset.animationReady='true';const reducedMotion=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;if(reducedMotion||!('IntersectionObserver' in window)){footer.classList.add('is-visible');return}const observer=new IntersectionObserver(function(entries){entries.forEach(function(entry){if(entry.isIntersecting){entry.target.classList.add('is-visible');observer.unobserve(entry.target)}})},{threshold:.12,rootMargin:'0px 0px -30px 0px'});observer.observe(footer)})}if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',initializeDcFooter)}else{initializeDcFooter()}window.addEventListener('elementor\/frontend\/init',initializeDcFooter)})();<\/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 Inicio \u203a Enfoque NUESTRO ENFOQUE EN 4 PILARES. No creemos en f\u00f3rmulas gen\u00e9ricas. Aplicamos creatividad estrat\u00e9gica para analizar, definir y comunicar lo que hace \u00fanico a tu negocio. NUESTRO ENFOQUE VEMOS LO QUE OTROS NO VEN. Analizamos negocios desde m\u00faltiples perspectivas para descubrir oportunidades, construir diferenciaci\u00f3n y dise\u00f1ar estrategias [&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-59","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/pages\/59","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=59"}],"version-history":[{"count":13,"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":184,"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/pages\/59\/revisions\/184"}],"wp:attachment":[{"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}