{"id":87,"date":"2026-07-29T02:32:52","date_gmt":"2026-07-29T02:32:52","guid":{"rendered":"https:\/\/dimensioncreativa.com.mx\/Develop\/?page_id=87"},"modified":"2026-08-26T20:51:46","modified_gmt":"2026-08-26T20:51:46","slug":"proyectos","status":"publish","type":"page","link":"https:\/\/dimensioncreativa.com.mx\/Develop\/proyectos\/","title":{"rendered":"Proyectos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"87\" class=\"elementor elementor-87\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5944af8 e-con e-atomic-element e-flexbox-base e-396886e \" data-id=\"5944af8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5944af8\">\n    \t\t<div class=\"elementor-element elementor-element-542fcc5 elementor-widget elementor-widget-html\" data-id=\"542fcc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==================================================\n   DIMENSI\u00d3N CREATIVA \u2014 HEADER PROYECTOS\n================================================== *\/\n\n.dc-header-proyectos,\n.dc-header-proyectos * {\n    box-sizing: border-box;\n}\n\n.dc-header-proyectos {\n    --dc-pink: #C2265B;\n    --dc-dark: #080B0D;\n    --dc-light: #F5F5F3;\n    --dc-border: rgba(8, 11, 13, 0.16);\n\n    position: relative;\n    z-index: 1000;\n\n    width: 100%;\n\n    background: var(--dc-light);\n\n    font-family: \"Manrope\", sans-serif;\n}\n\n\/* ==================================================\n   CONTENEDOR\n================================================== *\/\n\n.dc-header-proyectos__container {\n    display: grid;\n    grid-template-columns:\n        minmax(250px, 1fr)\n        auto\n        minmax(190px, 1fr);\n\n    align-items: center;\n    gap: clamp(28px, 4vw, 72px);\n\n    width: 100%;\n    max-width: 1920px;\n    min-height: 112px;\n\n    margin: 0 auto;\n\n    padding:\n        20px\n        clamp(28px, 4.5vw, 78px);\n}\n\n\/* ==================================================\n   LOGO\n================================================== *\/\n\n.dc-header-proyectos__brand {\n    display: inline-flex;\n    align-items: center;\n\n    width: fit-content;\n\n    text-decoration: none;\n}\n\n.dc-header-proyectos__logo {\n    display: block;\n\n    width: clamp(190px, 17vw, 265px);\n    height: auto;\n    max-width: 100%;\n\n    object-fit: contain;\n}\n\n\/* ==================================================\n   NAVEGACI\u00d3N\n================================================== *\/\n\n.dc-header-proyectos__nav {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: clamp(26px, 3vw, 58px);\n}\n\n.dc-header-proyectos__link {\n    position: relative;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    min-height: 44px;\n\n    padding: 4px 0;\n\n    color: var(--dc-dark);\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1;\n    letter-spacing: 0.2px;\n\n    text-decoration: none;\n    text-transform: uppercase;\n    white-space: nowrap;\n\n    transition: color 0.3s ease;\n}\n\n.dc-header-proyectos__link::after {\n    content: \"\";\n\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    height: 3px;\n\n    background: var(--dc-pink);\n\n    transform: scaleX(0);\n    transform-origin: center;\n\n    transition:\n        transform 0.35s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-header-proyectos__link.is-active {\n    color: var(--dc-pink);\n}\n\n.dc-header-proyectos__link.is-active::after {\n    transform: scaleX(1);\n}\n\n\/* ==================================================\n   CTA\n================================================== *\/\n\n.dc-header-proyectos__actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n}\n\n.dc-header-proyectos__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 28px;\n\n    min-width: 190px;\n    min-height: 56px;\n\n    padding: 14px 22px;\n\n    border: 1px solid var(--dc-pink);\n\n    color: var(--dc-dark);\n    background: transparent;\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1;\n    letter-spacing: 0.2px;\n\n    text-decoration: none;\n    text-transform: uppercase;\n\n    transition:\n        color 0.3s ease,\n        background-color 0.3s ease,\n        border-color 0.3s ease,\n        transform 0.3s ease;\n}\n\n.dc-header-proyectos__button-arrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    color: var(--dc-pink);\n\n    font-size: 24px;\n    font-weight: 300;\n    line-height: 1;\n\n    transition:\n        color 0.3s ease,\n        transform 0.35s cubic-bezier(.22, 1, .36, 1);\n}\n\n\/* ==================================================\n   HOVER\n================================================== *\/\n\n@media (hover: hover) {\n\n    .dc-header-proyectos__link:hover {\n        color: var(--dc-pink);\n    }\n\n    .dc-header-proyectos__link:hover::after {\n        transform: scaleX(1);\n    }\n\n    .dc-header-proyectos__button:hover {\n        color: var(--dc-light);\n        background: var(--dc-pink);\n        border-color: var(--dc-pink);\n\n        transform: translateY(-2px);\n    }\n\n    .dc-header-proyectos__button:hover\n    .dc-header-proyectos__button-arrow {\n        color: var(--dc-light);\n\n        transform: translateX(5px);\n    }\n}\n\n\/* ==================================================\n   BOT\u00d3N M\u00d3VIL\n================================================== *\/\n\n.dc-header-proyectos__toggle {\n    display: none;\n    align-items: center;\n    justify-content: center;\n\n    width: 48px;\n    height: 48px;\n\n    padding: 0;\n\n    border: 1px solid var(--dc-border);\n\n    color: var(--dc-dark);\n    background: transparent;\n\n    cursor: pointer;\n}\n\n.dc-header-proyectos__toggle-lines {\n    position: relative;\n\n    display: block;\n\n    width: 21px;\n    height: 14px;\n}\n\n.dc-header-proyectos__toggle-lines::before,\n.dc-header-proyectos__toggle-lines::after,\n.dc-header-proyectos__toggle-line {\n    content: \"\";\n\n    position: absolute;\n    left: 0;\n\n    width: 100%;\n    height: 2px;\n\n    background: currentColor;\n\n    transition:\n        top 0.3s ease,\n        bottom 0.3s ease,\n        transform 0.3s ease,\n        opacity 0.3s ease;\n}\n\n.dc-header-proyectos__toggle-lines::before {\n    top: 0;\n}\n\n.dc-header-proyectos__toggle-line {\n    top: 6px;\n}\n\n.dc-header-proyectos__toggle-lines::after {\n    bottom: 0;\n}\n\n.dc-header-proyectos.is-open\n.dc-header-proyectos__toggle-lines::before {\n    top: 6px;\n\n    transform: rotate(45deg);\n}\n\n.dc-header-proyectos.is-open\n.dc-header-proyectos__toggle-line {\n    opacity: 0;\n}\n\n.dc-header-proyectos.is-open\n.dc-header-proyectos__toggle-lines::after {\n    bottom: 6px;\n\n    transform: rotate(-45deg);\n}\n\n\/* ==================================================\n   PANEL M\u00d3VIL\n================================================== *\/\n\n.dc-header-proyectos__mobile {\n    display: none;\n}\n\n\/* ==================================================\n   LAPTOP\n================================================== *\/\n\n@media (max-width: 1280px) {\n\n    .dc-header-proyectos__container {\n        grid-template-columns:\n            minmax(210px, 1fr)\n            auto\n            minmax(170px, 1fr);\n\n        gap: 28px;\n\n        padding-right: 32px;\n        padding-left: 32px;\n    }\n\n    .dc-header-proyectos__nav {\n        gap: 28px;\n    }\n\n    .dc-header-proyectos__link {\n        font-size: 13px;\n    }\n\n    .dc-header-proyectos__button {\n        min-width: 172px;\n    }\n}\n\n\/* ==================================================\n   TABLET Y M\u00d3VIL\n================================================== *\/\n\n@media (max-width: 1024px) {\n\n    .dc-header-proyectos__container {\n        grid-template-columns: 1fr auto;\n\n        min-height: 90px;\n\n        padding:\n            16px\n            24px;\n    }\n\n    .dc-header-proyectos__nav,\n    .dc-header-proyectos__actions {\n        display: none;\n    }\n\n    .dc-header-proyectos__toggle {\n        display: inline-flex;\n    }\n\n    .dc-header-proyectos__logo {\n        width: clamp(185px, 30vw, 230px);\n    }\n\n    .dc-header-proyectos__mobile {\n        position: absolute;\n        top: 100%;\n        right: 0;\n        left: 0;\n        z-index: 999;\n\n        display: grid;\n        grid-template-rows: 0fr;\n\n        overflow: hidden;\n\n        background: var(--dc-light);\n        border-top: 1px solid var(--dc-border);\n\n        opacity: 0;\n        visibility: hidden;\n\n        transition:\n            grid-template-rows 0.4s cubic-bezier(.22, 1, .36, 1),\n            opacity 0.3s ease,\n            visibility 0.3s ease;\n    }\n\n    .dc-header-proyectos.is-open\n    .dc-header-proyectos__mobile {\n        grid-template-rows: 1fr;\n\n        opacity: 1;\n        visibility: visible;\n    }\n\n    .dc-header-proyectos__mobile-inner {\n        min-height: 0;\n        overflow: hidden;\n\n        padding:\n            0\n            24px;\n    }\n\n    .dc-header-proyectos.is-open\n    .dc-header-proyectos__mobile-inner {\n        padding-top: 24px;\n        padding-bottom: 28px;\n    }\n\n    .dc-header-proyectos__mobile-nav {\n        display: flex;\n        flex-direction: column;\n        align-items: stretch;\n    }\n\n    .dc-header-proyectos__mobile-link {\n        position: relative;\n\n        display: flex;\n        align-items: center;\n\n        min-height: 54px;\n\n        border-bottom: 1px solid var(--dc-border);\n\n        color: var(--dc-dark);\n\n        font-family: \"Manrope\", sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        line-height: 1;\n\n        text-decoration: none;\n        text-transform: uppercase;\n\n        transition:\n            color 0.3s ease,\n            padding-left 0.3s ease;\n    }\n\n    .dc-header-proyectos__mobile-link.is-active {\n        color: var(--dc-pink);\n    }\n\n    .dc-header-proyectos__mobile-link.is-active::before {\n        content: \"\";\n\n        width: 24px;\n        height: 2px;\n\n        margin-right: 12px;\n\n        background: var(--dc-pink);\n    }\n\n    .dc-header-proyectos__mobile-button {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n\n        min-height: 54px;\n\n        margin-top: 24px;\n        padding: 14px 18px;\n\n        border: 1px solid var(--dc-pink);\n\n        color: var(--dc-dark);\n\n        font-family: \"Manrope\", sans-serif;\n        font-size: 14px;\n        font-weight: 700;\n        line-height: 1;\n\n        text-decoration: none;\n        text-transform: uppercase;\n    }\n\n    .dc-header-proyectos__mobile-button span:last-child {\n        color: var(--dc-pink);\n    }\n}\n\n\/* ==================================================\n   M\u00d3VIL\n================================================== *\/\n\n@media (max-width: 620px) {\n\n    .dc-header-proyectos__container {\n        min-height: 80px;\n\n        padding:\n            14px\n            18px;\n    }\n\n    .dc-header-proyectos__logo {\n        width: 190px;\n    }\n\n    .dc-header-proyectos__toggle {\n        width: 44px;\n        height: 44px;\n    }\n\n    .dc-header-proyectos__mobile-inner {\n        padding-right: 18px;\n        padding-left: 18px;\n    }\n}\n\n\/* ==================================================\n   MOVIMIENTO REDUCIDO\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .dc-header-proyectos__link,\n    .dc-header-proyectos__link::after,\n    .dc-header-proyectos__button,\n    .dc-header-proyectos__button-arrow,\n    .dc-header-proyectos__mobile,\n    .dc-header-proyectos__toggle-lines::before,\n    .dc-header-proyectos__toggle-lines::after,\n    .dc-header-proyectos__toggle-line {\n        transition: none;\n    }\n}\n<\/style>\n\n<header class=\"dc-header-proyectos\">\n\n    <div class=\"dc-header-proyectos__container\">\n\n        <a\n            class=\"dc-header-proyectos__brand\"\n            href=\"\/Develop\/\"\n            aria-label=\"Ir al inicio de Dimensi\u00f3n Creativa\"\n        >\n            <img\n                class=\"dc-header-proyectos__logo\"\n                src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/logo_dimension_creativa_negro_transparente.png\"\n                alt=\"Dimensi\u00f3n Creativa\"\n                width=\"300\"\n                height=\"90\"\n                decoding=\"async\"\n            >\n        <\/a>\n\n        <nav\n            class=\"dc-header-proyectos__nav\"\n            aria-label=\"Navegaci\u00f3n principal\"\n        >\n            <a\n                class=\"dc-header-proyectos__link\"\n                href=\"\/Develop\/\"\n            >\n                INICIO\n            <\/a>\n\n            <a\n                class=\"dc-header-proyectos__link\"\n                href=\"\/Develop\/enfoque\/\"\n            >\n                ENFOQUE\n            <\/a>\n\n            <a\n                class=\"dc-header-proyectos__link\"\n                href=\"\/Develop\/servicios\/\"\n            >\n                SERVICIOS\n            <\/a>\n\n            <a\n                class=\"dc-header-proyectos__link is-active\"\n                href=\"\/Develop\/proyectos\/\"\n                aria-current=\"page\"\n            >\n                PROYECTOS\n            <\/a>\n\n            <a\n                class=\"dc-header-proyectos__link\"\n                href=\"\/Develop\/dimensiones\/\"\n            >\n                DIMENSIONES\n            <\/a>\n        <\/nav>\n\n        <div class=\"dc-header-proyectos__actions\">\n\n            <a\n                class=\"dc-header-proyectos__button\"\n                href=\"\/Develop\/hablemos\/\"\n            >\n                <span>HABLEMOS<\/span>\n\n                <span\n                    class=\"dc-header-proyectos__button-arrow\"\n                    aria-hidden=\"true\"\n                >\n                    \u2192\n                <\/span>\n            <\/a>\n\n        <\/div>\n\n        <button\n            class=\"dc-header-proyectos__toggle\"\n            type=\"button\"\n            aria-expanded=\"false\"\n            aria-controls=\"dc-header-proyectos-mobile\"\n            aria-label=\"Abrir men\u00fa\"\n        >\n            <span class=\"dc-header-proyectos__toggle-lines\">\n                <span class=\"dc-header-proyectos__toggle-line\"><\/span>\n            <\/span>\n        <\/button>\n\n    <\/div>\n\n    <div\n        class=\"dc-header-proyectos__mobile\"\n        id=\"dc-header-proyectos-mobile\"\n    >\n        <div class=\"dc-header-proyectos__mobile-inner\">\n\n            <nav\n                class=\"dc-header-proyectos__mobile-nav\"\n                aria-label=\"Navegaci\u00f3n m\u00f3vil\"\n            >\n                <a\n                    class=\"dc-header-proyectos__mobile-link\"\n                    href=\"\/Develop\/\"\n                >\n                    INICIO\n                <\/a>\n\n                <a\n                    class=\"dc-header-proyectos__mobile-link\"\n                    href=\"\/Develop\/enfoque\/\"\n                >\n                    ENFOQUE\n                <\/a>\n\n                <a\n                    class=\"dc-header-proyectos__mobile-link\"\n                    href=\"\/Develop\/servicios\/\"\n                >\n                    SERVICIOS\n                <\/a>\n\n                <a\n                    class=\"dc-header-proyectos__mobile-link is-active\"\n                    href=\"\/Develop\/proyectos\/\"\n                    aria-current=\"page\"\n                >\n                    PROYECTOS\n                <\/a>\n\n                <a\n                    class=\"dc-header-proyectos__mobile-link\"\n                    href=\"\/Develop\/dimensiones\/\"\n                >\n                    DIMENSIONES\n                <\/a>\n            <\/nav>\n\n            <a\n                class=\"dc-header-proyectos__mobile-button\"\n                href=\"\/Develop\/hablemos\/\"\n            >\n                <span>HABLEMOS<\/span>\n                <span aria-hidden=\"true\">\u2192<\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/header>\n\n<script>\n(function () {\n\n    function initializeDcHeaderProyectos() {\n\n        const headers =\n            document.querySelectorAll(\n                \".dc-header-proyectos\"\n            );\n\n        headers.forEach(function (header) {\n\n            if (\n                header.dataset.headerReady === \"true\"\n            ) {\n                return;\n            }\n\n            header.dataset.headerReady = \"true\";\n\n            const toggle =\n                header.querySelector(\n                    \".dc-header-proyectos__toggle\"\n                );\n\n            const mobilePanel =\n                header.querySelector(\n                    \".dc-header-proyectos__mobile\"\n                );\n\n            const mobileLinks =\n                header.querySelectorAll(\n                    \".dc-header-proyectos__mobile-link, .dc-header-proyectos__mobile-button\"\n                );\n\n            if (!toggle || !mobilePanel) {\n                return;\n            }\n\n            function closeMenu() {\n\n                header.classList.remove(\"is-open\");\n\n                toggle.setAttribute(\n                    \"aria-expanded\",\n                    \"false\"\n                );\n\n                toggle.setAttribute(\n                    \"aria-label\",\n                    \"Abrir men\u00fa\"\n                );\n            }\n\n            function openMenu() {\n\n                header.classList.add(\"is-open\");\n\n                toggle.setAttribute(\n                    \"aria-expanded\",\n                    \"true\"\n                );\n\n                toggle.setAttribute(\n                    \"aria-label\",\n                    \"Cerrar men\u00fa\"\n                );\n            }\n\n            toggle.addEventListener(\n                \"click\",\n                function () {\n\n                    const isOpen =\n                        header.classList.contains(\n                            \"is-open\"\n                        );\n\n                    if (isOpen) {\n                        closeMenu();\n                    } else {\n                        openMenu();\n                    }\n\n                }\n            );\n\n            mobileLinks.forEach(function (link) {\n\n                link.addEventListener(\n                    \"click\",\n                    closeMenu\n                );\n\n            });\n\n            document.addEventListener(\n                \"keydown\",\n                function (event) {\n\n                    if (event.key === \"Escape\") {\n                        closeMenu();\n                    }\n\n                }\n            );\n\n            window.addEventListener(\n                \"resize\",\n                function () {\n\n                    if (window.innerWidth > 1024) {\n                        closeMenu();\n                    }\n\n                }\n            );\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeDcHeaderProyectos\n        );\n\n    } else {\n\n        initializeDcHeaderProyectos();\n    }\n\n    window.addEventListener(\n        \"elementor\/frontend\/init\",\n        initializeDcHeaderProyectos\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-965686a e-con e-atomic-element e-flexbox-base e-1260631 \" data-id=\"965686a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"965686a\">\n    \t\t<div class=\"elementor-element elementor-element-b718599 elementor-widget elementor-widget-html\" data-id=\"b718599\" 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\n   SECCI\u00d3N \u2014 CASOS DE DIFERENCIACI\u00d3N\n========================================================= *\/\n\n.dc-casos,\n.dc-casos * {\n    box-sizing: border-box;\n}\n\n.dc-casos {\n    --dc-pink: #C2265B;\n    --dc-dark: #080B0D;\n    --dc-background: #F5F5F3;\n    --dc-paper: #FAF9F6;\n    --dc-paper-secondary: #F0EDE6;\n    --dc-text: rgba(8, 11, 13, 0.78);\n    --dc-line: rgba(8, 11, 13, 0.12);\n    --dc-red-line: rgba(194, 38, 91, 0.62);\n    --dc-shadow:\n        0 26px 44px rgba(8, 11, 13, 0.12),\n        0 8px 16px rgba(8, 11, 13, 0.08);\n\n    position: relative;\n\n    width: 100%;\n    overflow: hidden;\n\n    background: var(--dc-background);\n\n    font-family: \"Manrope\", sans-serif;\n}\n\n\/* =========================================================\n   FONDO EDITORIAL\n========================================================= *\/\n\n.dc-casos::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    pointer-events: none;\n\n    background-image:\n        linear-gradient(\n            rgba(8, 11, 13, 0.025) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(8, 11, 13, 0.025) 1px,\n            transparent 1px\n        );\n\n    background-size: 34px 34px;\n\n    -webkit-mask-image:\n        linear-gradient(\n            90deg,\n            transparent 0%,\n            rgba(0, 0, 0, 0.22) 28%,\n            rgba(0, 0, 0, 0.8) 58%,\n            rgba(0, 0, 0, 0.4) 100%\n        );\n\n    mask-image:\n        linear-gradient(\n            90deg,\n            transparent 0%,\n            rgba(0, 0, 0, 0.22) 28%,\n            rgba(0, 0, 0, 0.8) 58%,\n            rgba(0, 0, 0, 0.4) 100%\n        );\n}\n\n.dc-casos::after {\n    content: \"\";\n\n    position: absolute;\n    top: -180px;\n    right: -160px;\n\n    width: 720px;\n    height: 720px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(194, 38, 91, 0.035) 0%,\n            rgba(194, 38, 91, 0) 68%\n        );\n\n    pointer-events: none;\n}\n\n\/* =========================================================\n   CONTENEDOR GENERAL\n========================================================= *\/\n\n.dc-casos__container {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n    max-width: 1920px;\n    min-height: 1280px;\n\n    margin: 0 auto;\n\n    padding:\n        clamp(80px, 7vw, 130px)\n        clamp(28px, 4.6vw, 88px)\n        clamp(90px, 8vw, 150px);\n}\n\n\/* =========================================================\n   INTRODUCCI\u00d3N\n========================================================= *\/\n\n.dc-casos__intro {\n    position: relative;\n    z-index: 20;\n\n    width: 31%;\n    max-width: 500px;\n\n    padding-top: 30px;\n}\n\n.dc-casos__label {\n    display: block;\n\n    margin-bottom: 38px;\n\n    color: var(--dc-pink);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 0.3px;\n\n    text-transform: uppercase;\n}\n\n.dc-casos__title {\n    margin: 0;\n\n    color: var(--dc-dark);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: clamp(62px, 5.1vw, 96px);\n    font-weight: 400;\n    line-height: 0.98;\n    letter-spacing: -1.8px;\n\n    text-transform: uppercase;\n}\n\n.dc-casos__title-accent {\n    display: block;\n\n    margin-top: 8px;\n\n    color: var(--dc-pink);\n}\n\n.dc-casos__intro-line {\n    display: block;\n\n    width: 38px;\n    height: 3px;\n\n    margin: 34px 0 28px;\n\n    background: var(--dc-pink);\n}\n\n.dc-casos__description {\n    max-width: 460px;\n\n    margin: 0;\n\n    color: var(--dc-text);\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: clamp(16px, 1.05vw, 19px);\n    font-weight: 500;\n    line-height: 1.9;\n\n    text-wrap: pretty;\n}\n\n.dc-casos__description strong {\n    color: var(--dc-pink);\n    font-weight: 700;\n}\n\n\/* =========================================================\n   LIENZO VISUAL\n========================================================= *\/\n\n.dc-casos__board {\n    position: absolute;\n    z-index: 3;\n\n    top: 58px;\n    right: 12px;\n    bottom: 45px;\n    left: 27%;\n\n    min-height: 1140px;\n}\n\n\/* =========================================================\n   PAPEL T\u00c9CNICO DE FONDO\n========================================================= *\/\n\n.dc-casos__technical-paper {\n    position: absolute;\n    z-index: 0;\n\n    top: 84px;\n    right: 7%;\n    bottom: 88px;\n    left: 13%;\n\n    overflow: hidden;\n\n    background:\n        linear-gradient(\n            rgba(8, 11, 13, 0.035) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(8, 11, 13, 0.035) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            135deg,\n            rgba(255, 255, 255, 0.86),\n            rgba(240, 237, 230, 0.72)\n        );\n\n    background-size:\n        24px 24px,\n        24px 24px,\n        100% 100%;\n\n    box-shadow:\n        0 18px 42px rgba(8, 11, 13, 0.04);\n\n    transform: rotate(0.6deg);\n}\n\n.dc-casos__technical-paper::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background-image:\n        radial-gradient(\n            circle at 19% 20%,\n            rgba(8, 11, 13, 0.045) 0 1px,\n            transparent 1.5px\n        );\n\n    background-size: 26px 26px;\n\n    opacity: 0.5;\n}\n\n.dc-casos__technical-paper::after {\n    content: \"\";\n\n    position: absolute;\n    right: 6%;\n    bottom: 11%;\n\n    width: 190px;\n    height: 100px;\n\n    border-right: 1px solid rgba(8, 11, 13, 0.12);\n    border-bottom: 1px solid rgba(8, 11, 13, 0.12);\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent 20%,\n            rgba(8, 11, 13, 0.08) 21%,\n            transparent 22%\n        ),\n        linear-gradient(\n            0deg,\n            transparent 32%,\n            rgba(8, 11, 13, 0.08) 33%,\n            transparent 34%\n        );\n\n    opacity: 0.5;\n}\n\n\/* =========================================================\n   L\u00cdNEAS DE CONEXI\u00d3N\n========================================================= *\/\n\n.dc-casos__connections {\n    position: absolute;\n    z-index: 1;\n\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    overflow: visible;\n\n    pointer-events: none;\n}\n\n.dc-casos__connections line {\n    stroke: var(--dc-red-line);\n    stroke-width: 1.5;\n}\n\n.dc-casos__connections circle {\n    fill: var(--dc-dark);\n}\n\n.dc-casos__connection-glow {\n    opacity: 0;\n\n    transition: opacity 0.35s ease;\n}\n\n\/* =========================================================\n   BR\u00daJULA CENTRAL\n========================================================= *\/\n\n.dc-casos__compass {\n    position: absolute;\n    z-index: 12;\n\n    top: 50.7%;\n    left: 53.5%;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 108px;\n    height: 108px;\n\n    border: 5px solid #D9C098;\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle at 38% 32%,\n            #44433E 0%,\n            #1B1C1D 45%,\n            #080B0D 100%\n        );\n\n    box-shadow:\n        0 18px 22px rgba(8, 11, 13, 0.22),\n        inset 0 0 0 3px rgba(8, 11, 13, 0.82),\n        inset 0 0 0 5px rgba(217, 192, 152, 0.5);\n\n    transform:\n        translate(-50%, -50%)\n        rotate(0deg);\n\n    transition:\n        transform 0.9s cubic-bezier(.22, 1, .36, 1),\n        box-shadow 0.45s ease;\n}\n\n.dc-casos__compass::before,\n.dc-casos__compass::after {\n    content: \"\";\n\n    position: absolute;\n    top: 50%;\n    left: 50%;\n\n    width: 65px;\n    height: 2px;\n\n    background: #D9C098;\n\n    transform:\n        translate(-50%, -50%)\n        rotate(45deg);\n}\n\n.dc-casos__compass::after {\n    transform:\n        translate(-50%, -50%)\n        rotate(-45deg);\n}\n\n.dc-casos__compass-star {\n    position: relative;\n    z-index: 2;\n\n    width: 43px;\n    height: 43px;\n\n    background: #D9C098;\n\n    clip-path:\n        polygon(\n            50% 0%,\n            59% 37%,\n            100% 50%,\n            59% 60%,\n            50% 100%,\n            40% 60%,\n            0% 50%,\n            40% 38%\n        );\n}\n\n.dc-casos__compass-star::after {\n    content: \"\";\n\n    position: absolute;\n    inset: 8px;\n\n    background: #17191A;\n\n    clip-path:\n        polygon(\n            50% 0%,\n            59% 37%,\n            100% 50%,\n            59% 60%,\n            50% 100%,\n            40% 60%,\n            0% 50%,\n            40% 38%\n        );\n}\n\n\/* =========================================================\n   CHINCHETAS\n========================================================= *\/\n\n.dc-casos__pin {\n    position: absolute;\n    z-index: 10;\n\n    width: 14px;\n    height: 14px;\n\n    border: 3px solid #25282A;\n    border-radius: 50%;\n\n    background: #080B0D;\n\n    box-shadow:\n        0 3px 4px rgba(8, 11, 13, 0.28);\n}\n\n.dc-casos__pin--1 {\n    top: 34.5%;\n    left: 44%;\n}\n\n.dc-casos__pin--2 {\n    top: 35%;\n    left: 65.8%;\n}\n\n.dc-casos__pin--3 {\n    top: 51.4%;\n    left: 39.8%;\n}\n\n.dc-casos__pin--4 {\n    top: 51.5%;\n    left: 68%;\n}\n\n.dc-casos__pin--5 {\n    top: 65.8%;\n    left: 49%;\n}\n\n.dc-casos__pin--6 {\n    top: 68.5%;\n    left: 65.5%;\n}\n\n\/* =========================================================\n   PROYECTO GEN\u00c9RICO\n========================================================= *\/\n\n.dc-casos__project {\n    position: absolute;\n    z-index: 7;\n\n    transition:\n        z-index 0s linear 0.3s;\n}\n\n.dc-casos__project:hover {\n    z-index: 30;\n\n    transition-delay: 0s;\n}\n\n\/* =========================================================\n   FOTOGRAF\u00cdAS\n========================================================= *\/\n\n.dc-casos__photo {\n    position: absolute;\n    z-index: 2;\n\n    margin: 0;\n\n    padding: 13px 13px 37px;\n\n    background: #FAF9F6;\n\n    box-shadow: var(--dc-shadow);\n\n    transform: rotate(var(--photo-rotation, 0deg));\n\n    transition:\n        transform 0.65s cubic-bezier(.22, 1, .36, 1),\n        box-shadow 0.45s ease;\n}\n\n.dc-casos__photo::after {\n    content: \"\";\n\n    position: absolute;\n    right: 12px;\n    bottom: 13px;\n    left: 12px;\n\n    height: 13px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(8, 11, 13, 0.02),\n            rgba(8, 11, 13, 0.08),\n            rgba(8, 11, 13, 0.02)\n        );\n\n    filter: blur(9px);\n\n    opacity: 0.45;\n}\n\n.dc-casos__photo img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    filter:\n        saturate(0.94)\n        contrast(1.02);\n}\n\n.dc-casos__project:hover\n.dc-casos__photo {\n    box-shadow:\n        0 34px 52px rgba(8, 11, 13, 0.16),\n        0 12px 20px rgba(8, 11, 13, 0.1);\n\n    transform:\n        translateY(-10px)\n        rotate(0deg)\n        scale(1.02);\n}\n\n\/* =========================================================\n   TARJETAS EDITORIALES\n========================================================= *\/\n\n.dc-casos__card {\n    position: absolute;\n    z-index: 5;\n\n    padding: 38px 28px 30px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #FAF9F6,\n            #F0EDE6\n        );\n\n    box-shadow:\n        0 22px 32px rgba(8, 11, 13, 0.12),\n        0 6px 12px rgba(8, 11, 13, 0.07);\n\n    transform: rotate(var(--card-rotation, 0deg));\n\n    transition:\n        transform 0.65s cubic-bezier(.22, 1, .36, 1),\n        box-shadow 0.45s ease;\n}\n\n.dc-casos__project:hover\n.dc-casos__card {\n    box-shadow:\n        0 28px 42px rgba(8, 11, 13, 0.16),\n        0 9px 16px rgba(8, 11, 13, 0.08);\n\n    transform:\n        translateY(-7px)\n        rotate(0deg);\n}\n\n.dc-casos__card-line {\n    display: block;\n\n    width: 22px;\n    height: 2px;\n\n    margin-bottom: 20px;\n\n    background: var(--dc-pink);\n}\n\n.dc-casos__card-category {\n    margin: 0 0 19px;\n\n    color: var(--dc-dark);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: clamp(20px, 1.55vw, 29px);\n    font-weight: 400;\n    line-height: 1.13;\n    letter-spacing: -0.25px;\n\n    text-transform: uppercase;\n}\n\n.dc-casos__card-client {\n    margin: 0 0 7px;\n\n    color: var(--dc-pink);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: clamp(16px, 1.1vw, 21px);\n    font-weight: 500;\n    line-height: 1.2;\n}\n\n.dc-casos__card-service {\n    margin: 0 0 23px;\n\n    color: rgba(8, 11, 13, 0.74);\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.45;\n}\n\n.dc-casos__card-quote {\n    margin: 0;\n\n    color: rgba(8, 11, 13, 0.79);\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: clamp(12px, 0.87vw, 15px);\n    font-weight: 500;\n    line-height: 1.85;\n\n    text-wrap: pretty;\n}\n\n\/* =========================================================\n   CLIPS\n========================================================= *\/\n\n.dc-casos__clip {\n    position: absolute;\n    z-index: 15;\n\n    top: -13px;\n    left: 50%;\n\n    width: 26px;\n    height: 35px;\n\n    border: 3px solid #17191A;\n    border-bottom: 0;\n    border-radius: 12px 12px 2px 2px;\n\n    transform: translateX(-50%);\n\n    filter:\n        drop-shadow(0 3px 2px rgba(8, 11, 13, 0.25));\n}\n\n.dc-casos__clip::before {\n    content: \"\";\n\n    position: absolute;\n    top: 7px;\n    right: 4px;\n    left: 4px;\n\n    height: 20px;\n\n    border: 2px solid #17191A;\n    border-bottom: 0;\n    border-radius: 8px 8px 0 0;\n}\n\n\/* =========================================================\n   CINTA ADHESIVA\n========================================================= *\/\n\n.dc-casos__tape {\n    position: absolute;\n    z-index: 13;\n\n    width: 74px;\n    height: 23px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(232, 205, 145, 0.45),\n            rgba(244, 220, 163, 0.72),\n            rgba(232, 205, 145, 0.45)\n        );\n\n    box-shadow:\n        inset 0 0 8px rgba(255, 255, 255, 0.32);\n\n    opacity: 0.78;\n}\n\n.dc-casos__tape--left {\n    top: 9px;\n    left: -18px;\n\n    transform: rotate(-4deg);\n}\n\n.dc-casos__tape--right {\n    top: 20px;\n    right: -18px;\n\n    transform: rotate(7deg);\n}\n\n\/* =========================================================\n   POSICIONES \u2014 LOS PUEBLOS\n========================================================= *\/\n\n.dc-casos__project--pueblos {\n    top: 90px;\n    left: 11%;\n\n    width: 36%;\n    height: 370px;\n}\n\n.dc-casos__project--pueblos\n.dc-casos__photo {\n    top: 34px;\n    right: 0;\n\n    width: 67%;\n    height: 315px;\n\n    --photo-rotation: -2deg;\n}\n\n.dc-casos__project--pueblos\n.dc-casos__photo img {\n    object-position: center 52%;\n}\n\n.dc-casos__project--pueblos\n.dc-casos__card {\n    right: 58%;\n    bottom: -42px;\n\n    width: 205px;\n    min-height: 245px;\n\n    --card-rotation: -1.7deg;\n}\n\n\/* =========================================================\n   POSICIONES \u2014 KARLA S\u00c1NCHEZ\n========================================================= *\/\n\n.dc-casos__project--karla {\n    top: 13px;\n    right: 3%;\n\n    width: 46%;\n    height: 365px;\n}\n\n.dc-casos__project--karla\n.dc-casos__photo {\n    top: 18px;\n    left: 0;\n\n    width: 68%;\n    height: 286px;\n\n    --photo-rotation: 4deg;\n}\n\n.dc-casos__project--karla\n.dc-casos__photo img {\n    object-position: center 40%;\n}\n\n.dc-casos__project--karla\n.dc-casos__card {\n    top: 69px;\n    right: 0;\n\n    width: 235px;\n    min-height: 305px;\n\n    --card-rotation: 3deg;\n}\n\n\/* =========================================================\n   POSICIONES \u2014 MARIANA\n========================================================= *\/\n\n.dc-casos__project--mariana {\n    top: 495px;\n    left: -9%;\n\n    width: 50%;\n    height: 430px;\n}\n\n.dc-casos__project--mariana\n.dc-casos__photo {\n    top: 0;\n    left: 0;\n\n    width: 65%;\n    height: 380px;\n\n    --photo-rotation: -4deg;\n}\n\n.dc-casos__project--mariana\n.dc-casos__photo img {\n    object-position: center 28%;\n}\n\n.dc-casos__project--mariana\n.dc-casos__card {\n    top: 65px;\n    right: 0;\n\n    width: 222px;\n    min-height: 300px;\n\n    --card-rotation: 1.6deg;\n}\n\n\/* =========================================================\n   POSICIONES \u2014 ASAI\n========================================================= *\/\n\n.dc-casos__project--asai {\n    top: 425px;\n    right: 0;\n\n    width: 47%;\n    height: 420px;\n}\n\n.dc-casos__project--asai\n.dc-casos__photo {\n    top: 0;\n    left: 0;\n\n    width: 67%;\n    height: 350px;\n\n    --photo-rotation: 4deg;\n}\n\n.dc-casos__project--asai\n.dc-casos__photo img {\n    object-position: center 42%;\n}\n\n.dc-casos__project--asai\n.dc-casos__card {\n    top: 73px;\n    right: 0;\n\n    width: 230px;\n    min-height: 295px;\n\n    --card-rotation: 2.4deg;\n}\n\n\/* =========================================================\n   POSICIONES \u2014 KI GOURMET\n========================================================= *\/\n\n.dc-casos__project--ki {\n    right: 4%;\n    bottom: 0;\n\n    width: 52%;\n    height: 355px;\n}\n\n.dc-casos__project--ki\n.dc-casos__photo {\n    bottom: 0;\n    left: 0;\n\n    width: 67%;\n    height: 330px;\n\n    --photo-rotation: 3deg;\n}\n\n.dc-casos__project--ki\n.dc-casos__photo img {\n    object-position: center 56%;\n}\n\n.dc-casos__project--ki\n.dc-casos__card {\n    top: 14px;\n    right: 0;\n\n    width: 230px;\n    min-height: 305px;\n\n    --card-rotation: 2deg;\n}\n\n\/* =========================================================\n   NOTA ADHESIVA\n========================================================= *\/\n\n.dc-casos__note {\n    position: absolute;\n    z-index: 13;\n\n    bottom: 55px;\n    left: 19%;\n\n    width: 184px;\n    min-height: 150px;\n\n    padding: 23px 20px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #F7E5A6,\n            #E9CF82\n        );\n\n    box-shadow:\n        0 18px 26px rgba(8, 11, 13, 0.13);\n\n    transform: rotate(-4deg);\n\n    transition:\n        transform 0.5s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-casos__note:hover {\n    transform:\n        translateY(-7px)\n        rotate(-1deg);\n}\n\n.dc-casos__note span {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: rgba(8, 11, 13, 0.8);\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.35;\n}\n\n\/* =========================================================\n   DIAGRAMA\n========================================================= *\/\n\n.dc-casos__chart {\n    position: absolute;\n    z-index: 2;\n\n    bottom: 0;\n    left: -1%;\n\n    width: 300px;\n    height: 250px;\n\n    padding: 30px;\n\n    border: 1px solid rgba(8, 11, 13, 0.07);\n\n    background:\n        linear-gradient(\n            rgba(8, 11, 13, 0.025) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(8, 11, 13, 0.025) 1px,\n            transparent 1px\n        ),\n        rgba(250, 249, 246, 0.6);\n\n    background-size: 20px 20px;\n\n    transform: rotate(-4deg);\n\n    opacity: 0.68;\n}\n\n.dc-casos__chart-circle {\n    position: absolute;\n    top: 46px;\n    left: 53px;\n\n    width: 112px;\n    height: 112px;\n\n    border: 1px solid rgba(8, 11, 13, 0.4);\n    border-radius: 50%;\n}\n\n.dc-casos__chart-circle::before,\n.dc-casos__chart-circle::after {\n    content: \"\";\n\n    position: absolute;\n    top: 50%;\n    left: 50%;\n\n    width: 1px;\n    height: 56px;\n\n    background: rgba(8, 11, 13, 0.3);\n\n    transform-origin: bottom;\n}\n\n.dc-casos__chart-circle::before {\n    transform:\n        translate(-50%, -100%)\n        rotate(68deg);\n}\n\n.dc-casos__chart-circle::after {\n    transform:\n        translate(-50%, -100%)\n        rotate(155deg);\n}\n\n.dc-casos__chart-label {\n    position: absolute;\n\n    color: rgba(8, 11, 13, 0.48);\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.dc-casos__chart-label--1 {\n    top: 28px;\n    left: 157px;\n}\n\n.dc-casos__chart-label--2 {\n    top: 100px;\n    left: 178px;\n}\n\n.dc-casos__chart-label--3 {\n    top: 153px;\n    left: 79px;\n}\n\n\/* =========================================================\n   PALETA DE COLOR\n========================================================= *\/\n\n.dc-casos__palette {\n    position: absolute;\n    z-index: 8;\n\n    right: 0;\n    bottom: 12px;\n\n    display: grid;\n    grid-template-columns: repeat(2, 34px);\n\n    gap: 4px;\n\n    padding: 11px;\n\n    border: 1px solid rgba(8, 11, 13, 0.08);\n\n    background: rgba(250, 249, 246, 0.82);\n\n    transform: rotate(5deg);\n}\n\n.dc-casos__swatch {\n    width: 34px;\n    height: 31px;\n\n    border: 1px solid rgba(8, 11, 13, 0.08);\n}\n\n.dc-casos__swatch--pink {\n    background: #C2265B;\n}\n\n.dc-casos__swatch--red {\n    background: #A9173D;\n}\n\n.dc-casos__swatch--cream {\n    background: #E7DED1;\n}\n\n.dc-casos__swatch--gray {\n    background: #B2B3B1;\n}\n\n.dc-casos__swatch--dark {\n    background: #080B0D;\n}\n\n.dc-casos__swatch--white {\n    background: #F5F5F3;\n}\n\n\/* =========================================================\n   CLIP LATERAL DECORATIVO\n========================================================= *\/\n\n.dc-casos__side-clip {\n    position: absolute;\n    z-index: 4;\n\n    top: 325px;\n    right: 0;\n\n    width: 18px;\n    height: 50px;\n\n    border: 3px solid rgba(8, 11, 13, 0.36);\n    border-left: 0;\n    border-radius: 0 12px 12px 0;\n\n    transform: rotate(17deg);\n}\n\n\/* =========================================================\n   ANIMACIONES DE ENTRADA\n========================================================= *\/\n\n.dc-casos__intro,\n.dc-casos__technical-paper,\n.dc-casos__project,\n.dc-casos__compass,\n.dc-casos__note,\n.dc-casos__chart,\n.dc-casos__palette {\n    opacity: 0;\n    transform: translateY(32px);\n\n    transition:\n        opacity 0.85s ease,\n        transform 0.9s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-casos.is-visible\n.dc-casos__intro,\n.dc-casos.is-visible\n.dc-casos__technical-paper,\n.dc-casos.is-visible\n.dc-casos__project,\n.dc-casos.is-visible\n.dc-casos__note,\n.dc-casos.is-visible\n.dc-casos__chart,\n.dc-casos.is-visible\n.dc-casos__palette {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.dc-casos.is-visible\n.dc-casos__compass {\n    opacity: 1;\n\n    transform:\n        translate(-50%, -50%)\n        rotate(0deg);\n}\n\n.dc-casos.is-visible\n.dc-casos__technical-paper {\n    transition-delay: 0.08s;\n}\n\n.dc-casos.is-visible\n.dc-casos__project--pueblos {\n    transition-delay: 0.14s;\n}\n\n.dc-casos.is-visible\n.dc-casos__project--karla {\n    transition-delay: 0.21s;\n}\n\n.dc-casos.is-visible\n.dc-casos__project--mariana {\n    transition-delay: 0.28s;\n}\n\n.dc-casos.is-visible\n.dc-casos__project--asai {\n    transition-delay: 0.35s;\n}\n\n.dc-casos.is-visible\n.dc-casos__project--ki {\n    transition-delay: 0.42s;\n}\n\n.dc-casos.is-visible\n.dc-casos__compass {\n    transition-delay: 0.48s;\n}\n\n.dc-casos.is-visible\n.dc-casos__note,\n.dc-casos.is-visible\n.dc-casos__chart,\n.dc-casos.is-visible\n.dc-casos__palette {\n    transition-delay: 0.52s;\n}\n\n\/* =========================================================\n   INTERACCIONES GENERALES\n========================================================= *\/\n\n@media (hover: hover) {\n\n    .dc-casos:has(.dc-casos__project:hover)\n    .dc-casos__compass {\n        box-shadow:\n            0 23px 28px rgba(8, 11, 13, 0.25),\n            inset 0 0 0 3px rgba(8, 11, 13, 0.82),\n            inset 0 0 0 5px rgba(217, 192, 152, 0.5);\n\n        transform:\n            translate(-50%, -50%)\n            rotate(4deg)\n            scale(1.04);\n    }\n\n    .dc-casos:has(.dc-casos__project:hover)\n    .dc-casos__connection-glow {\n        opacity: 0.32;\n    }\n}\n\n\/* =========================================================\n   LAPTOP\n========================================================= *\/\n\n@media (max-width: 1500px) {\n\n    .dc-casos__container {\n        min-height: 1160px;\n\n        padding-right: 45px;\n        padding-left: 45px;\n    }\n\n    .dc-casos__intro {\n        width: 29%;\n    }\n\n    .dc-casos__board {\n        left: 25%;\n        min-height: 1040px;\n    }\n\n    .dc-casos__project--pueblos {\n        left: 12%;\n    }\n\n    .dc-casos__project--mariana {\n        left: -7%;\n    }\n\n    .dc-casos__card {\n        padding:\n            32px\n            23px\n            25px;\n    }\n\n    .dc-casos__project--pueblos\n    .dc-casos__card {\n        width: 185px;\n    }\n\n    .dc-casos__project--karla\n    .dc-casos__card,\n    .dc-casos__project--mariana\n    .dc-casos__card,\n    .dc-casos__project--asai\n    .dc-casos__card,\n    .dc-casos__project--ki\n    .dc-casos__card {\n        width: 205px;\n    }\n\n    .dc-casos__card-category {\n        font-size: 22px;\n    }\n\n    .dc-casos__card-client {\n        font-size: 17px;\n    }\n\n    .dc-casos__card-quote {\n        font-size: 12px;\n    }\n\n    .dc-casos__compass {\n        width: 92px;\n        height: 92px;\n    }\n\n    .dc-casos__compass-star {\n        width: 37px;\n        height: 37px;\n    }\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n    .dc-casos {\n        width: 100%;\n        max-width: 100%;\n        overflow-x: hidden;\n        overflow-y: visible;\n    }\n\n    .dc-casos::before {\n        -webkit-mask-image: none;\n        mask-image: none;\n\n        opacity: 0.45;\n    }\n\n    .dc-casos__container {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        min-height: auto;\n\n        padding:\n            76px\n            32px\n            100px;\n    }\n\n    .dc-casos__intro {\n        width: 100%;\n        max-width: 780px;\n\n        margin-bottom: 68px;\n        padding-top: 0;\n    }\n\n    .dc-casos__label {\n        margin-bottom: 26px;\n    }\n\n    .dc-casos__title {\n        max-width: 780px;\n\n        font-size: clamp(62px, 9vw, 92px);\n    }\n\n    .dc-casos__description {\n        max-width: 680px;\n\n        font-size: 18px;\n    }\n\n    .dc-casos__board {\n        position: relative;\n\n        top: auto;\n        right: auto;\n        bottom: auto;\n        left: auto;\n\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n\n        display: grid;\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        gap: 52px 34px;\n\n        min-height: auto;\n    }\n\n    .dc-casos__technical-paper,\n    .dc-casos__connections,\n    .dc-casos__pin,\n    .dc-casos__compass,\n    .dc-casos__note,\n    .dc-casos__chart,\n    .dc-casos__palette,\n    .dc-casos__side-clip {\n        display: none;\n    }\n\n    .dc-casos__project {\n        position: relative;\n\n        top: auto;\n        right: auto;\n        bottom: auto;\n        left: auto;\n\n        display: grid;\n        grid-template-columns: 1fr;\n        grid-template-rows: auto auto;\n\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        height: auto;\n\n        padding-bottom: 0;\n        overflow: visible;\n    }\n\n    .dc-casos__project--ki {\n        grid-column: 1 \/ -1;\n\n        width: calc(50% - 17px);\n        margin: 0 auto;\n    }\n\n    .dc-casos__photo {\n        position: relative;\n\n        top: auto !important;\n        right: auto !important;\n        bottom: auto !important;\n        left: auto !important;\n\n        width: 100% !important;\n        height: 340px !important;\n\n        margin-bottom: -22px;\n\n        transform: rotate(0deg);\n    }\n\n    .dc-casos__project--pueblos\n    .dc-casos__photo img,\n    .dc-casos__project--karla\n    .dc-casos__photo img,\n    .dc-casos__project--mariana\n    .dc-casos__photo img,\n    .dc-casos__project--asai\n    .dc-casos__photo img,\n    .dc-casos__project--ki\n    .dc-casos__photo img {\n        object-position: center;\n    }\n\n    .dc-casos__card {\n        position: relative;\n        z-index: 6;\n\n        top: auto !important;\n        right: auto !important;\n        bottom: auto !important;\n        left: auto !important;\n\n        width: calc(100% - 38px) !important;\n        min-height: 250px !important;\n\n        margin-left: auto;\n\n        padding:\n            34px\n            28px\n            30px;\n\n        transform: rotate(0deg);\n    }\n\n    .dc-casos__card-category {\n        font-size: 27px;\n    }\n\n    .dc-casos__card-client {\n        font-size: 20px;\n    }\n\n    .dc-casos__card-service {\n        font-size: 14px;\n    }\n\n    .dc-casos__photo,\n    .dc-casos__card,\n    .dc-casos__photo img {\n        max-width: 100%;\n        min-width: 0;\n    }\n\n    .dc-casos__photo img {\n        height: 100%;\n    }\n}\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 680px) {\n\n    .dc-casos,\n    .dc-casos__container,\n    .dc-casos__intro,\n    .dc-casos__board,\n    .dc-casos__project,\n    .dc-casos__photo,\n    .dc-casos__card {\n        max-width: 100%;\n        min-width: 0;\n    }\n\n    .dc-casos {\n        overflow-x: clip;\n    }\n\n    .dc-casos__container {\n        padding:\n            60px\n            20px\n            78px;\n    }\n\n    .dc-casos__intro {\n        margin-bottom: 50px;\n    }\n\n    .dc-casos__label {\n        margin-bottom: 23px;\n\n        font-size: 14px;\n    }\n\n    .dc-casos__title {\n        width: 100%;\n        max-width: 100%;\n\n        font-size: clamp(52px, 15vw, 69px);\n        line-height: 0.98;\n        letter-spacing: -1px;\n\n        overflow-wrap: normal;\n        word-break: normal;\n    }\n\n    .dc-casos__title-accent {\n        margin-top: 4px;\n    }\n\n    .dc-casos__intro-line {\n        margin:\n            28px\n            0\n            23px;\n    }\n\n    .dc-casos__description {\n        font-size: 16px;\n        line-height: 1.75;\n    }\n\n    .dc-casos__board {\n        grid-template-columns: 1fr;\n        gap: 54px;\n    }\n\n    .dc-casos__project--ki {\n        grid-column: auto;\n\n        width: 100%;\n    }\n\n    .dc-casos__photo {\n        height: clamp(290px, 90vw, 390px) !important;\n\n        padding:\n            10px\n            10px\n            30px;\n    }\n\n    .dc-casos__card {\n        width: calc(100% - 20px) !important;\n        min-height: auto !important;\n\n        padding:\n            30px\n            23px\n            27px;\n    }\n\n    .dc-casos__card-line {\n        margin-bottom: 17px;\n    }\n\n    .dc-casos__card-category {\n        font-size: 25px;\n    }\n\n    .dc-casos__card-client {\n        font-size: 19px;\n    }\n\n    .dc-casos__card-service {\n        margin-bottom: 18px;\n    }\n\n    .dc-casos__card-quote {\n        font-size: 14px;\n        line-height: 1.75;\n    }\n\n    .dc-casos__clip {\n        width: 24px;\n        height: 31px;\n    }\n}\n\n\/* =========================================================\n   M\u00d3VIL PEQUE\u00d1O\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n    .dc-casos__container {\n        padding-right: 17px;\n        padding-left: 17px;\n    }\n\n    .dc-casos__title {\n        font-size: 48px;\n    }\n\n    .dc-casos__photo {\n        height: 300px !important;\n    }\n}\n\n\n@supports not (overflow: clip) {\n    @media (max-width: 1100px) {\n        .dc-casos {\n            overflow-x: hidden;\n        }\n    }\n}\n\n\/* =========================================================\n   MOVIMIENTO REDUCIDO\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .dc-casos__intro,\n    .dc-casos__technical-paper,\n    .dc-casos__project,\n    .dc-casos__compass,\n    .dc-casos__note,\n    .dc-casos__chart,\n    .dc-casos__palette {\n        opacity: 1;\n        transform: none;\n\n        transition: none;\n    }\n\n    .dc-casos__compass {\n        transform:\n            translate(-50%, -50%);\n    }\n\n    .dc-casos__photo,\n    .dc-casos__card,\n    .dc-casos__note {\n        transition: none;\n    }\n}\n<\/style>\n\n<section class=\"dc-casos\">\n\n    <div class=\"dc-casos__container\">\n\n        <!-- INTRODUCCI\u00d3N -->\n        <header class=\"dc-casos__intro\">\n\n            <span class=\"dc-casos__label\">\n                PROYECTOS\n            <\/span>\n\n            <h1 class=\"dc-casos__title\">\n                CASOS DE\n\n                <span class=\"dc-casos__title-accent\">\n                    DIFERENCIACI\u00d3N.\n                <\/span>\n            <\/h1>\n\n            <span\n                class=\"dc-casos__intro-line\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n            <p class=\"dc-casos__description\">\n                Cada negocio enfrenta desaf\u00edos distintos.\n                Estas son algunas de las oportunidades, ideas\n                y estrategias que ayudaron a nuestros clientes\n                a competir de una forma\n                <strong>diferente.<\/strong>\n            <\/p>\n\n        <\/header>\n\n        <!-- LIENZO -->\n        <div class=\"dc-casos__board\">\n\n            <div\n                class=\"dc-casos__technical-paper\"\n                aria-hidden=\"true\"\n            ><\/div>\n\n            <!-- CONEXIONES -->\n            <svg\n                class=\"dc-casos__connections\"\n                viewBox=\"0 0 1200 1120\"\n                preserveAspectRatio=\"none\"\n                aria-hidden=\"true\"\n            >\n                <line\n                    x1=\"642\"\n                    y1=\"565\"\n                    x2=\"530\"\n                    y2=\"386\"\n                ><\/line>\n\n                <line\n                    x1=\"642\"\n                    y1=\"565\"\n                    x2=\"790\"\n                    y2=\"390\"\n                ><\/line>\n\n                <line\n                    x1=\"642\"\n                    y1=\"565\"\n                    x2=\"475\"\n                    y2=\"579\"\n                ><\/line>\n\n                <line\n                    x1=\"642\"\n                    y1=\"565\"\n                    x2=\"815\"\n                    y2=\"580\"\n                ><\/line>\n\n                <line\n                    x1=\"642\"\n                    y1=\"565\"\n                    x2=\"585\"\n                    y2=\"755\"\n                ><\/line>\n\n                <line\n                    x1=\"642\"\n                    y1=\"565\"\n                    x2=\"785\"\n                    y2=\"790\"\n                ><\/line>\n\n                <circle cx=\"530\" cy=\"386\" r=\"6\"><\/circle>\n                <circle cx=\"790\" cy=\"390\" r=\"6\"><\/circle>\n                <circle cx=\"475\" cy=\"579\" r=\"6\"><\/circle>\n                <circle cx=\"815\" cy=\"580\" r=\"6\"><\/circle>\n                <circle cx=\"585\" cy=\"755\" r=\"6\"><\/circle>\n                <circle cx=\"785\" cy=\"790\" r=\"6\"><\/circle>\n\n                <circle\n                    class=\"dc-casos__connection-glow\"\n                    cx=\"642\"\n                    cy=\"565\"\n                    r=\"67\"\n                    fill=\"none\"\n                    stroke=\"#C2265B\"\n                    stroke-width=\"3\"\n                ><\/circle>\n            <\/svg>\n\n            <!-- CHINCHETAS -->\n            <span class=\"dc-casos__pin dc-casos__pin--1\"><\/span>\n            <span class=\"dc-casos__pin dc-casos__pin--2\"><\/span>\n            <span class=\"dc-casos__pin dc-casos__pin--3\"><\/span>\n            <span class=\"dc-casos__pin dc-casos__pin--4\"><\/span>\n            <span class=\"dc-casos__pin dc-casos__pin--5\"><\/span>\n            <span class=\"dc-casos__pin dc-casos__pin--6\"><\/span>\n\n            <!-- BR\u00daJULA -->\n            <div\n                class=\"dc-casos__compass\"\n                aria-hidden=\"true\"\n            >\n                <span class=\"dc-casos__compass-star\"><\/span>\n            <\/div>\n\n            <!-- LOS PUEBLOS -->\n            <article\n                class=\"dc-casos__project dc-casos__project--pueblos\"\n            >\n\n                <figure class=\"dc-casos__photo\">\n\n                    <span\n                        class=\"dc-casos__clip\"\n                        aria-hidden=\"true\"\n                    ><\/span>\n\n                    <span\n                        class=\"dc-casos__tape dc-casos__tape--left\"\n                        aria-hidden=\"true\"\n                    ><\/span>\n\n                    <img\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/IMG_1758.jpg\"\n                        alt=\"Proyecto de Panader\u00eda Los Pueblos\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n\n                <\/figure>\n\n                <div class=\"dc-casos__card\">\n\n                    <span class=\"dc-casos__card-line\"><\/span>\n\n                    <h2 class=\"dc-casos__card-category\">\n                        TRADICI\u00d3N<br>\n                        GASTRON\u00d3MICA\n                    <\/h2>\n\n                    <p class=\"dc-casos__card-client\">\n                        Panader\u00eda<br>\n                        Los Pueblos\n                    <\/p>\n\n                    <p class=\"dc-casos__card-quote\">\n                        \u201cLa tradici\u00f3n tambi\u00e9n puede diferenciar.\u201d\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- KARLA S\u00c1NCHEZ -->\n            <article\n                class=\"dc-casos__project dc-casos__project--karla\"\n            >\n\n                <figure class=\"dc-casos__photo\">\n\n                    <span\n                        class=\"dc-casos__clip\"\n                        aria-hidden=\"true\"\n                    ><\/span>\n\n                    <span\n                        class=\"dc-casos__tape dc-casos__tape--right\"\n                        aria-hidden=\"true\"\n                    ><\/span>\n\n                    <img\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/IMG_1763.jpg\"\n                        alt=\"Proyecto de Karla S\u00e1nchez\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n\n                <\/figure>\n\n                <div class=\"dc-casos__card\">\n\n                    <span class=\"dc-casos__card-line\"><\/span>\n\n                    <h2 class=\"dc-casos__card-category\">\n                        PROTECCI\u00d3N<br>\n                        FINANCIERA\n                    <\/h2>\n\n                    <p class=\"dc-casos__card-client\">\n                        Karla S\u00e1nchez\n                    <\/p>\n\n                    <p class=\"dc-casos__card-service\">\n                        Agente de seguros\n                    <\/p>\n\n                    <p class=\"dc-casos__card-quote\">\n                        \u201cLas personas no compran seguros.\n                        Compran tranquilidad.\u201d\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- MARIANA -->\n            <article\n                class=\"dc-casos__project dc-casos__project--mariana\"\n            >\n\n                <figure class=\"dc-casos__photo\">\n\n                    <span\n                        class=\"dc-casos__tape dc-casos__tape--left\"\n                        aria-hidden=\"true\"\n                    ><\/span>\n\n                    <img\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/IMG_2186.jpg\"\n                        alt=\"Proyecto de nutrici\u00f3n cl\u00ednica de Mariana Ju\u00e1rez\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n\n                <\/figure>\n\n                <div class=\"dc-casos__card\">\n\n                    <span\n                        class=\"dc-casos__clip\"\n                        aria-hidden=\"true\"\n                    ><\/span>\n\n                    <span class=\"dc-casos__card-line\"><\/span>\n\n                    <h2 class=\"dc-casos__card-category\">\n                        NUTRICI\u00d3N<br>\n                        CL\u00cdNICA\n                    <\/h2>\n\n                    <p class=\"dc-casos__card-client\">\n                        Mariana Ju\u00e1rez\n                    <\/p>\n\n                    <p class=\"dc-casos__card-service\">\n                        Nutrici\u00f3n cl\u00ednica\n                    <\/p>\n\n                    <p class=\"dc-casos__card-quote\">\n                        \u201cComo saludable, pero no estoy viendo cambios.\u201d\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- ASAI -->\n            <article\n                class=\"dc-casos__project dc-casos__project--asai\"\n            >\n\n                <figure class=\"dc-casos__photo\">\n\n                    <span\n                        class=\"dc-casos__clip\"\n                        aria-hidden=\"true\"\n                    ><\/span>\n\n                    <img\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/beafd941-d00e-4020-a83c-79d2bf7d420f-2.jpg\"\n                        alt=\"Proyecto de educaci\u00f3n musical ASAI\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n\n                <\/figure>\n\n                <div class=\"dc-casos__card\">\n\n                    <span class=\"dc-casos__card-line\"><\/span>\n\n                    <h2 class=\"dc-casos__card-category\">\n                        EDUCACI\u00d3N<br>\n                        MUSICAL\n                    <\/h2>\n\n                    <p class=\"dc-casos__card-client\">\n                        ASAI\n                    <\/p>\n\n                    <p class=\"dc-casos__card-service\">\n                        Educaci\u00f3n musical\n                    <\/p>\n\n                    <p class=\"dc-casos__card-quote\">\n                        \u201cEl verdadero miedo no era estudiar m\u00fasica.\n                        Era no poder vivir de ella.\u201d\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- KI GOURMET -->\n            <article\n                class=\"dc-casos__project dc-casos__project--ki\"\n            >\n\n                <figure class=\"dc-casos__photo\">\n\n                    <span\n                        class=\"dc-casos__clip\"\n                        aria-hidden=\"true\"\n                    ><\/span>\n\n                    <img\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/IMG_1765.jpg\"\n                        alt=\"Proyecto de salsas artesanales Ki Gourmet\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n\n                <\/figure>\n\n                <div class=\"dc-casos__card\">\n\n                    <span\n                        class=\"dc-casos__clip\"\n                        aria-hidden=\"true\"\n                    ><\/span>\n\n                    <span class=\"dc-casos__card-line\"><\/span>\n\n                    <h2 class=\"dc-casos__card-category\">\n                        SALSAS<br>\n                        GOURMET\n                    <\/h2>\n\n                    <p class=\"dc-casos__card-client\">\n                        Ki Gourmet\n                    <\/p>\n\n                    <p class=\"dc-casos__card-service\">\n                        Salsas artesanales\n                    <\/p>\n\n                    <p class=\"dc-casos__card-quote\">\n                        \u201cNo se trata de hacer otra salsa.\n                        Se trata de crear una experiencia inolvidable.\u201d\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- NOTA ADHESIVA -->\n            <aside\n                class=\"dc-casos__note\"\n                aria-label=\"Servicios aplicados\"\n            >\n                <span>\u2713 Estrategia<\/span>\n                <span>\u2713 Posicionamiento<\/span>\n                <span>\u2713 Contenido<\/span>\n                <span>\u2713 Crecimiento<\/span>\n            <\/aside>\n\n            <!-- DIAGRAMA -->\n            <div\n                class=\"dc-casos__chart\"\n                aria-hidden=\"true\"\n            >\n                <span class=\"dc-casos__chart-circle\"><\/span>\n\n                <span\n                    class=\"dc-casos__chart-label dc-casos__chart-label--1\"\n                >\n                    20%\n                <\/span>\n\n                <span\n                    class=\"dc-casos__chart-label dc-casos__chart-label--2\"\n                >\n                    30%\n                <\/span>\n\n                <span\n                    class=\"dc-casos__chart-label dc-casos__chart-label--3\"\n                >\n                    50%\n                <\/span>\n            <\/div>\n\n            <!-- PALETA -->\n            <div\n                class=\"dc-casos__palette\"\n                aria-hidden=\"true\"\n            >\n                <span class=\"dc-casos__swatch dc-casos__swatch--pink\"><\/span>\n                <span class=\"dc-casos__swatch dc-casos__swatch--red\"><\/span>\n                <span class=\"dc-casos__swatch dc-casos__swatch--cream\"><\/span>\n                <span class=\"dc-casos__swatch dc-casos__swatch--gray\"><\/span>\n                <span class=\"dc-casos__swatch dc-casos__swatch--dark\"><\/span>\n                <span class=\"dc-casos__swatch dc-casos__swatch--white\"><\/span>\n            <\/div>\n\n            <span\n                class=\"dc-casos__side-clip\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n\n    function initializeDcCasos() {\n\n        const sections =\n            document.querySelectorAll(\".dc-casos\");\n\n        sections.forEach(function (section) {\n\n            if (\n                section.dataset.dcCasosReady === \"true\"\n            ) {\n                return;\n            }\n\n            section.dataset.dcCasosReady = \"true\";\n\n            const prefersReducedMotion =\n                window.matchMedia &&\n                window.matchMedia(\n                    \"(prefers-reduced-motion: reduce)\"\n                ).matches;\n\n            if (\n                prefersReducedMotion ||\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                                return;\n                            }\n\n                            entry.target.classList.add(\n                                \"is-visible\"\n                            );\n\n                            observer.unobserve(\n                                entry.target\n                            );\n\n                        });\n\n                    },\n                    {\n                        threshold: 0.08,\n                        rootMargin: \"0px 0px -5% 0px\"\n                    }\n                );\n\n            observer.observe(section);\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeDcCasos\n        );\n\n    } else {\n\n        initializeDcCasos();\n    }\n\n    window.addEventListener(\n        \"elementor\/frontend\/init\",\n        initializeDcCasos\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9a96926 e-con e-atomic-element e-flexbox-base e-f9efb9c \" data-id=\"9a96926\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9a96926\">\n    \t\t<div class=\"elementor-element elementor-element-eeeb3d7 elementor-widget elementor-widget-html\" data-id=\"eeeb3d7\" 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 PROYECTOS\n================================================== *\/\n\n.dc-proyectos-cta,\n.dc-proyectos-cta * {\n    box-sizing: border-box;\n}\n\n.dc-proyectos-cta {\n    --dc-pink: #C2265B;\n    --dc-dark: #080B0D;\n    --dc-light: #F5F5F3;\n    --dc-border: rgba(8, 11, 13, 0.13);\n    --dc-text: rgba(8, 11, 13, 0.76);\n\n    position: relative;\n\n    width: 100%;\n    overflow: hidden;\n\n    padding:\n        clamp(34px, 3vw, 54px)\n        clamp(24px, 3vw, 48px)\n        clamp(60px, 5vw, 86px);\n\n    background: var(--dc-light);\n\n    font-family: \"Manrope\", sans-serif;\n}\n\n\/* ==================================================\n   CONTENEDOR\n================================================== *\/\n\n.dc-proyectos-cta__container {\n    position: relative;\n\n    display: grid;\n    grid-template-columns:\n        minmax(0, 1.15fr)\n        minmax(0, 0.95fr)\n        minmax(280px, 0.72fr);\n\n    align-items: center;\n\n    gap: clamp(48px, 6vw, 110px);\n\n    width: 100%;\n    max-width: 1860px;\n    min-height: clamp(360px, 27vw, 470px);\n\n    margin: 0 auto;\n\n    padding:\n        clamp(60px, 5vw, 96px)\n        clamp(46px, 5vw, 92px);\n\n    border: 1px solid var(--dc-border);\n}\n\n\/* ==================================================\n   TITULAR\n================================================== *\/\n\n.dc-proyectos-cta__headline {\n    max-width: 590px;\n}\n\n.dc-proyectos-cta__title {\n    margin: 0;\n\n    color: var(--dc-dark);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: clamp(48px, 4.4vw, 76px);\n    font-weight: 400;\n    line-height: 1.04;\n    letter-spacing: -0.8px;\n\n    text-transform: uppercase;\n    text-wrap: balance;\n}\n\n.dc-proyectos-cta__title-accent {\n    color: var(--dc-pink);\n}\n\n.dc-proyectos-cta__line {\n    display: block;\n\n    width: 40px;\n    height: 3px;\n\n    margin-top: 34px;\n\n    background: var(--dc-pink);\n}\n\n\/* ==================================================\n   TEXTO CENTRAL\n================================================== *\/\n\n.dc-proyectos-cta__message {\n    max-width: 520px;\n}\n\n.dc-proyectos-cta__text {\n    margin: 0;\n\n    color: var(--dc-text);\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: clamp(17px, 1.22vw, 22px);\n    font-weight: 500;\n    line-height: 1.85;\n\n    text-wrap: pretty;\n}\n\n\/* ==================================================\n   ACCIONES\n================================================== *\/\n\n.dc-proyectos-cta__actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n}\n\n.dc-proyectos-cta__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 42px;\n\n    width: 100%;\n    max-width: 360px;\n    min-height: 102px;\n\n    padding:\n        24px\n        34px;\n\n    border: 1.5px solid var(--dc-pink);\n\n    color: var(--dc-dark);\n    background: transparent;\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: clamp(17px, 1.2vw, 21px);\n    font-weight: 700;\n    line-height: 1;\n    letter-spacing: 0.1px;\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-proyectos-cta__button-arrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    color: var(--dc-pink);\n\n    font-size: clamp(34px, 2.5vw, 46px);\n    font-weight: 300;\n    line-height: 1;\n\n    transition:\n        color 0.35s ease,\n        transform 0.4s cubic-bezier(.22, 1, .36, 1);\n}\n\n\/* ==================================================\n   HOVER\n================================================== *\/\n\n@media (hover: hover) {\n\n    .dc-proyectos-cta__button:hover {\n        color: var(--dc-light);\n        background: var(--dc-pink);\n        border-color: var(--dc-pink);\n\n        transform: translateY(-3px);\n    }\n\n    .dc-proyectos-cta__button:hover\n    .dc-proyectos-cta__button-arrow {\n        color: var(--dc-light);\n\n        transform: translateX(7px);\n    }\n}\n\n\/* ==================================================\n   ANIMACI\u00d3N\n================================================== *\/\n\n.dc-proyectos-cta__headline,\n.dc-proyectos-cta__message,\n.dc-proyectos-cta__actions {\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-proyectos-cta.is-visible\n.dc-proyectos-cta__headline,\n.dc-proyectos-cta.is-visible\n.dc-proyectos-cta__message,\n.dc-proyectos-cta.is-visible\n.dc-proyectos-cta__actions {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.dc-proyectos-cta.is-visible\n.dc-proyectos-cta__message {\n    transition-delay: 0.12s;\n}\n\n.dc-proyectos-cta.is-visible\n.dc-proyectos-cta__actions {\n    transition-delay: 0.22s;\n}\n\n\/* ==================================================\n   LAPTOP\n================================================== *\/\n\n@media (max-width: 1280px) {\n\n    .dc-proyectos-cta__container {\n        grid-template-columns:\n            minmax(0, 1.1fr)\n            minmax(0, 0.9fr)\n            minmax(250px, 0.7fr);\n\n        gap: 44px;\n\n        padding:\n            58px\n            48px;\n    }\n\n    .dc-proyectos-cta__title {\n        font-size: clamp(44px, 4.6vw, 64px);\n    }\n\n    .dc-proyectos-cta__text {\n        font-size: 18px;\n    }\n\n    .dc-proyectos-cta__button {\n        min-height: 92px;\n\n        padding-right: 28px;\n        padding-left: 28px;\n    }\n}\n\n\/* ==================================================\n   TABLET\n================================================== *\/\n\n@media (max-width: 980px) {\n\n    .dc-proyectos-cta {\n        padding:\n            28px\n            24px\n            70px;\n    }\n\n    .dc-proyectos-cta__container {\n        grid-template-columns: 1fr;\n\n        gap: 42px;\n\n        min-height: auto;\n\n        padding:\n            54px\n            36px\n            60px;\n    }\n\n    .dc-proyectos-cta__headline {\n        max-width: 720px;\n    }\n\n    .dc-proyectos-cta__title {\n        font-size: clamp(52px, 8.5vw, 76px);\n    }\n\n    .dc-proyectos-cta__message {\n        max-width: 680px;\n    }\n\n    .dc-proyectos-cta__text {\n        max-width: 640px;\n\n        font-size: 20px;\n    }\n\n    .dc-proyectos-cta__actions {\n        justify-content: flex-start;\n    }\n\n    .dc-proyectos-cta__button {\n        max-width: 350px;\n    }\n}\n\n\/* ==================================================\n   M\u00d3VIL\n================================================== *\/\n\n@media (max-width: 620px) {\n\n    .dc-proyectos-cta {\n        padding:\n            22px\n            16px\n            54px;\n    }\n\n    .dc-proyectos-cta__container {\n        gap: 32px;\n\n        padding:\n            42px\n            22px\n            46px;\n    }\n\n    .dc-proyectos-cta__title {\n        font-size: clamp(44px, 13vw, 58px);\n        line-height: 1.02;\n    }\n\n    .dc-proyectos-cta__line {\n        width: 34px;\n\n        margin-top: 26px;\n    }\n\n    .dc-proyectos-cta__text {\n        font-size: 17px;\n        line-height: 1.7;\n    }\n\n    .dc-proyectos-cta__button {\n        max-width: 100%;\n        min-height: 78px;\n\n        padding:\n            18px\n            22px;\n\n        font-size: 17px;\n    }\n\n    .dc-proyectos-cta__button-arrow {\n        font-size: 37px;\n    }\n}\n\n\/* ==================================================\n   M\u00d3VIL PEQUE\u00d1O\n================================================== *\/\n\n@media (max-width: 390px) {\n\n    .dc-proyectos-cta__container {\n        padding-right: 18px;\n        padding-left: 18px;\n    }\n\n    .dc-proyectos-cta__title {\n        font-size: 41px;\n    }\n\n    .dc-proyectos-cta__text {\n        font-size: 16px;\n    }\n}\n\n\/* ==================================================\n   MOVIMIENTO REDUCIDO\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .dc-proyectos-cta__headline,\n    .dc-proyectos-cta__message,\n    .dc-proyectos-cta__actions {\n        opacity: 1;\n        transform: none;\n\n        transition: none;\n    }\n\n    .dc-proyectos-cta__button,\n    .dc-proyectos-cta__button-arrow {\n        transition: none;\n    }\n}\n<\/style>\n\n<section class=\"dc-proyectos-cta\">\n\n    <div class=\"dc-proyectos-cta__container\">\n\n        <div class=\"dc-proyectos-cta__headline\">\n\n            <h2 class=\"dc-proyectos-cta__title\">\n                LAS IDEAS M\u00c1S<br>\n                INTERESANTES RARA VEZ<br>\n                APARECEN EN EL<br>\n\n                <span class=\"dc-proyectos-cta__title-accent\">\n                    CAMINO OBVIO.\n                <\/span>\n            <\/h2>\n\n            <span\n                class=\"dc-proyectos-cta__line\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n        <\/div>\n\n        <div class=\"dc-proyectos-cta__message\">\n\n            <p class=\"dc-proyectos-cta__text\">\n                Si est\u00e1s buscando una nueva forma de competir,\n                quiz\u00e1 sea momento de observar tu negocio\n                desde otra perspectiva.\n            <\/p>\n\n        <\/div>\n\n        <div class=\"dc-proyectos-cta__actions\">\n\n            <a\n                class=\"dc-proyectos-cta__button\"\n                href=\"\/Develop\/hablemos\/\"\n                aria-label=\"Hablemos sobre tu proyecto\"\n            >\n                <span>HABLEMOS<\/span>\n\n                <span\n                    class=\"dc-proyectos-cta__button-arrow\"\n                    aria-hidden=\"true\"\n                >\n                    \u2192\n                <\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n\n    function initializeDcProyectosCta() {\n\n        const sections =\n            document.querySelectorAll(\n                \".dc-proyectos-cta\"\n            );\n\n        sections.forEach(function (section) {\n\n            if (\n                section.dataset.dcProyectosCtaReady === \"true\"\n            ) {\n                return;\n            }\n\n            section.dataset.dcProyectosCtaReady = \"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                                return;\n                            }\n\n                            entry.target.classList.add(\n                                \"is-visible\"\n                            );\n\n                            observer.unobserve(\n                                entry.target\n                            );\n                        });\n\n                    },\n                    {\n                        threshold: 0.14\n                    }\n                );\n\n            observer.observe(section);\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeDcProyectosCta\n        );\n\n    } else {\n\n        initializeDcProyectosCta();\n    }\n\n    window.addEventListener(\n        \"elementor\/frontend\/init\",\n        initializeDcProyectosCta\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5119584 e-con e-atomic-element e-flexbox-base e-95234a6 \" data-id=\"5119584\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5119584\">\n    \t\t<div class=\"elementor-element elementor-element-984ec9c elementor-widget elementor-widget-html\" data-id=\"984ec9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   DIMENSI\u00d3N CREATIVA \u2014 FOOTER CLARO\n========================================================= *\/\n\n.dc-footer,\n.dc-footer * {\n    box-sizing: border-box;\n}\n\n.dc-footer {\n    --dc-pink: #C2265B;\n    --dc-background: #F5F5F3;\n    --dc-black: #080B0D;\n    --dc-gray: rgba(8, 11, 13, 0.66);\n    --dc-dark-gray: rgba(8, 11, 13, 0.48);\n    --dc-line: rgba(8, 11, 13, 0.11);\n\n    position: relative;\n\n    width: 100%;\n    overflow: hidden;\n\n    border-top: 1px solid var(--dc-line);\n\n    color: var(--dc-black);\n    background:\n        radial-gradient(\n            circle at 85% 0%,\n            rgba(194, 38, 91, 0.055),\n            transparent 32%\n        ),\n        var(--dc-background);\n\n    font-family: \"Manrope\", sans-serif;\n}\n\n\/* Cuadr\u00edcula editorial de fondo *\/\n.dc-footer::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    pointer-events: none;\n\n    opacity: 0.035;\n\n    background-image:\n        linear-gradient(\n            rgba(8, 11, 13, 0.45) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(8, 11, 13, 0.35) 1px,\n            transparent 1px\n        );\n\n    background-size: 80px 80px;\n}\n\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n\n.dc-footer__inner {\n    position: relative;\n    z-index: 2;\n\n    width: min(calc(100% - 80px), 1440px);\n\n    margin: 0 auto;\n    padding: 68px 0 42px;\n}\n\n.dc-footer__grid {\n    display: grid;\n    grid-template-columns:\n        minmax(260px, 1.25fr)\n        minmax(150px, 0.7fr)\n        minmax(180px, 0.75fr)\n        minmax(270px, 1fr);\n\n    align-items: start;\n\n    gap: 64px;\n}\n\n\/* =========================================================\n   MARCA\n========================================================= *\/\n\n.dc-footer__brand {\n    max-width: 320px;\n}\n\n.dc-footer__logo-link {\n    display: inline-block;\n\n    text-decoration: none;\n\n    transition:\n        opacity 0.3s ease,\n        transform 0.3s ease;\n}\n\n.dc-footer__logo-link:hover {\n    opacity: 0.72;\n    transform: translateY(-2px);\n}\n\n.dc-footer__logo {\n    display: block;\n\n    width: 245px;\n    max-width: 100%;\n    height: auto;\n}\n\n.dc-footer__description {\n    max-width: 300px;\n\n    margin: 25px 0 0;\n\n    color: var(--dc-gray);\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.7;\n}\n\n\/* =========================================================\n   T\u00cdTULOS\n========================================================= *\/\n\n.dc-footer__heading {\n    margin: 0 0 22px;\n\n    color: var(--dc-pink);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: 17px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 0.8px;\n\n    text-transform: uppercase;\n}\n\n\/* =========================================================\n   NAVEGACI\u00d3N\n========================================================= *\/\n\n.dc-footer__list {\n    display: flex;\n    flex-direction: column;\n\n    gap: 13px;\n\n    margin: 0;\n    padding: 0;\n\n    list-style: none;\n}\n\n.dc-footer__link {\n    position: relative;\n\n    display: inline-flex;\n    align-items: center;\n\n    width: fit-content;\n\n    color: var(--dc-gray);\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.4;\n\n    text-decoration: none;\n\n    transition:\n        color 0.3s ease,\n        transform 0.3s ease;\n}\n\n.dc-footer__link::after {\n    content: \"\";\n\n    position: absolute;\n    right: 0;\n    bottom: -4px;\n    left: 0;\n\n    height: 1px;\n\n    background: var(--dc-pink);\n\n    transform: scaleX(0);\n    transform-origin: left;\n\n    transition: transform 0.3s ease;\n}\n\n.dc-footer__link:hover {\n    color: var(--dc-black);\n    transform: translateX(4px);\n}\n\n.dc-footer__link:hover::after {\n    transform: scaleX(1);\n}\n\n\/* =========================================================\n   CONTACTO\n========================================================= *\/\n\n.dc-footer__contact-list {\n    display: flex;\n    flex-direction: column;\n\n    gap: 17px;\n\n    margin: 0;\n    padding: 0;\n\n    list-style: none;\n}\n\n.dc-footer__contact-item {\n    display: flex;\n    align-items: flex-start;\n\n    gap: 13px;\n}\n\n.dc-footer__contact-icon {\n    flex: 0 0 20px;\n\n    width: 20px;\n    height: 20px;\n\n    margin-top: 1px;\n\n    color: var(--dc-pink);\n}\n\n.dc-footer__contact-icon svg {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.dc-footer__contact-link,\n.dc-footer__contact-text {\n    color: var(--dc-gray);\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.55;\n\n    text-decoration: none;\n\n    transition: color 0.3s ease;\n}\n\n.dc-footer__contact-link:hover {\n    color: var(--dc-black);\n}\n\n\/* =========================================================\n   REDES SOCIALES\n========================================================= *\/\n\n.dc-footer__social {\n    display: flex;\n    align-items: center;\n\n    gap: 12px;\n\n    margin-top: 25px;\n}\n\n.dc-footer__social-link {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 42px;\n    height: 42px;\n\n    border: 1px solid rgba(194, 38, 91, 0.58);\n\n    color: var(--dc-black);\n    background: transparent;\n\n    text-decoration: none;\n\n    transition:\n        color 0.3s ease,\n        background-color 0.3s ease,\n        border-color 0.3s ease,\n        transform 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.dc-footer__social-link svg {\n    width: 19px;\n    height: 19px;\n\n    fill: currentColor;\n}\n\n.dc-footer__social-link:hover {\n    color: #FFFFFF;\n    background: var(--dc-pink);\n    border-color: var(--dc-pink);\n\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 12px 25px rgba(194, 38, 91, 0.18);\n}\n\n\/* =========================================================\n   FRANJA INFERIOR\n========================================================= *\/\n\n.dc-footer__bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 30px;\n\n    margin-top: 54px;\n    padding-top: 24px;\n\n    border-top: 1px solid var(--dc-line);\n}\n\n.dc-footer__bottom-text {\n    margin: 0;\n\n    color: var(--dc-dark-gray);\n\n    font-size: 12px;\n    line-height: 1.5;\n}\n\n.dc-footer__bottom-links {\n    display: flex;\n    flex-wrap: wrap;\n\n    gap: 24px;\n}\n\n.dc-footer__bottom-link {\n    color: var(--dc-dark-gray);\n\n    font-size: 12px;\n    line-height: 1.5;\n\n    text-decoration: none;\n\n    transition: color 0.3s ease;\n}\n\n.dc-footer__bottom-link:hover {\n    color: var(--dc-black);\n}\n\n\/* =========================================================\n   ANIMACIONES\n========================================================= *\/\n\n.dc-footer__column,\n.dc-footer__bottom {\n    opacity: 0;\n    transform: translateY(22px);\n\n    transition:\n        opacity 0.75s ease,\n        transform 0.75s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-footer.is-visible .dc-footer__column,\n.dc-footer.is-visible .dc-footer__bottom {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.dc-footer.is-visible\n.dc-footer__column:nth-child(2) {\n    transition-delay: 0.08s;\n}\n\n.dc-footer.is-visible\n.dc-footer__column:nth-child(3) {\n    transition-delay: 0.16s;\n}\n\n.dc-footer.is-visible\n.dc-footer__column:nth-child(4) {\n    transition-delay: 0.24s;\n}\n\n.dc-footer.is-visible\n.dc-footer__bottom {\n    transition-delay: 0.30s;\n}\n\n\/* =========================================================\n   TABLET GRANDE\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n    .dc-footer__inner {\n        width: min(calc(100% - 50px), 1100px);\n    }\n\n    .dc-footer__grid {\n        grid-template-columns:\n            minmax(250px, 1.2fr)\n            minmax(140px, 0.7fr)\n            minmax(170px, 0.75fr)\n            minmax(235px, 1fr);\n\n        gap: 38px;\n    }\n\n    .dc-footer__logo {\n        width: 220px;\n    }\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 820px) {\n\n    .dc-footer__inner {\n        width: min(calc(100% - 40px), 820px);\n\n        padding-top: 56px;\n    }\n\n    .dc-footer__grid {\n        grid-template-columns: 1.2fr 0.8fr;\n\n        gap: 52px 40px;\n    }\n\n    .dc-footer__brand {\n        max-width: 360px;\n    }\n\n    .dc-footer__bottom {\n        align-items: flex-start;\n        flex-direction: column;\n\n        gap: 15px;\n    }\n}\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 560px) {\n\n    .dc-footer__inner {\n        width: calc(100% - 30px);\n\n        padding: 48px 0 30px;\n    }\n\n    .dc-footer__grid {\n        display: block;\n    }\n\n    .dc-footer__column +\n    .dc-footer__column {\n        margin-top: 42px;\n    }\n\n    .dc-footer__brand {\n        max-width: 100%;\n    }\n\n    .dc-footer__logo {\n        width: 225px;\n    }\n\n    .dc-footer__description {\n        max-width: 330px;\n    }\n\n    .dc-footer__heading {\n        margin-bottom: 18px;\n    }\n\n    .dc-footer__bottom {\n        margin-top: 44px;\n    }\n\n    .dc-footer__bottom-links {\n        flex-direction: column;\n\n        gap: 10px;\n    }\n\n    .dc-footer__social-link {\n        width: 44px;\n        height: 44px;\n    }\n}\n\n\/* =========================================================\n   MOVIMIENTO REDUCIDO\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .dc-footer__column,\n    .dc-footer__bottom {\n        opacity: 1;\n        transform: none;\n\n        transition: none;\n    }\n\n    .dc-footer__link,\n    .dc-footer__link::after,\n    .dc-footer__social-link,\n    .dc-footer__logo-link {\n        transition: none;\n    }\n}\n<\/style>\n\n<footer class=\"dc-footer\">\n\n    <div class=\"dc-footer__inner\">\n\n        <div class=\"dc-footer__grid\">\n\n            <!-- MARCA -->\n            <div class=\"dc-footer__column dc-footer__brand\">\n\n                <a\n                    class=\"dc-footer__logo-link\"\n                    href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/\"\n                    aria-label=\"Ir al inicio de Dimensi\u00f3n Creativa\"\n                >\n                    <img decoding=\"async\"\n                        class=\"dc-footer__logo\"\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/logo_dimension_creativa_negro_transparente.png\"\n                        alt=\"Dimensi\u00f3n Creativa\"\n                        loading=\"lazy\"\n                    >\n                <\/a>\n\n                <p class=\"dc-footer__description\">\n                    Creatividad estrat\u00e9gica para negocios que\n                    quieren dejar de parecer uno m\u00e1s y convertirse\n                    en la elecci\u00f3n.\n                <\/p>\n\n            <\/div>\n\n            <!-- NAVEGACI\u00d3N -->\n            <div class=\"dc-footer__column\">\n\n                <h2 class=\"dc-footer__heading\">\n                    Navegaci\u00f3n\n                <\/h2>\n\n                <ul class=\"dc-footer__list\">\n\n                    <li>\n                        <a\n                            class=\"dc-footer__link\"\n                            href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/\"\n                        >\n                            Inicio\n                        <\/a>\n                    <\/li>\n\n                    <li>\n                        <a\n                            class=\"dc-footer__link\"\n                            href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/enfoque\/\"\n                        >\n                            Enfoque\n                        <\/a>\n                    <\/li>\n\n                    <li>\n                        <a\n                            class=\"dc-footer__link\"\n                            href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/servicios\/\"\n                        >\n                            Servicios\n                        <\/a>\n                    <\/li>\n\n                    <li>\n                        <a\n                            class=\"dc-footer__link\"\n                            href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/proyectos\/\"\n                        >\n                            Proyectos\n                        <\/a>\n                    <\/li>\n\n                    <li>\n                        <a\n                            class=\"dc-footer__link\"\n                            href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/dimensiones\/\"\n                        >\n                            Dimensiones\n                        <\/a>\n                    <\/li>\n\n                <\/ul>\n\n            <\/div>\n\n            <!-- LEGAL -->\n            <div class=\"dc-footer__column\">\n\n                <h2 class=\"dc-footer__heading\">\n                    Legal\n                <\/h2>\n\n                <ul class=\"dc-footer__list\">\n\n                    <li>\n                        <a\n                            class=\"dc-footer__link\"\n                            href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/aviso-de-privacidad\/\"\n                        >\n                            Aviso de privacidad\n                        <\/a>\n                    <\/li>\n\n                    <li>\n                        <a\n                            class=\"dc-footer__link\"\n                            href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/terminos-y-condiciones\/\"\n                        >\n                            T\u00e9rminos y condiciones\n                        <\/a>\n                    <\/li>\n\n                <\/ul>\n\n            <\/div>\n\n            <!-- CONTACTO -->\n            <div class=\"dc-footer__column\">\n\n                <h2 class=\"dc-footer__heading\">\n                    Contacto\n                <\/h2>\n\n                <ul class=\"dc-footer__contact-list\">\n\n                    <li class=\"dc-footer__contact-item\">\n\n                        <span\n                            class=\"dc-footer__contact-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <rect\n                                    x=\"3\"\n                                    y=\"5\"\n                                    width=\"18\"\n                                    height=\"14\"\n                                    rx=\"2\"\n                                ><\/rect>\n\n                                <path d=\"M3 7l9 6 9-6\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <a\n                            class=\"dc-footer__contact-link\"\n                            href=\"mailto:info@dimensioncreativa.com.mx\"\n                        >\n                            info@dimensioncreativa.com.mx\n                        <\/a>\n\n                    <\/li>\n\n                    <li class=\"dc-footer__contact-item\">\n\n                        <span\n                            class=\"dc-footer__contact-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path\n                                    d=\"M5 4h4l2 5-3 2a16 16 0 0 0 5 5l2-3 5 2v4a2 2 0 0 1-2 2C10 21 3 14 3 6a2 2 0 0 1 2-2z\"\n                                ><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <a\n                            class=\"dc-footer__contact-link\"\n                            href=\"tel:+525561862271\"\n                        >\n                            +52 55 6186 2271\n                        <\/a>\n\n                    <\/li>\n\n                    <li class=\"dc-footer__contact-item\">\n\n                        <span\n                            class=\"dc-footer__contact-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path\n                                    d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0z\"\n                                ><\/path>\n\n                                <circle\n                                    cx=\"12\"\n                                    cy=\"10\"\n                                    r=\"2.5\"\n                                ><\/circle>\n                            <\/svg>\n                        <\/span>\n\n                        <span class=\"dc-footer__contact-text\">\n                            CDMX, M\u00e9xico\n                        <\/span>\n\n                    <\/li>\n\n                <\/ul>\n\n                <div class=\"dc-footer__social\">\n\n                    <a\n                        class=\"dc-footer__social-link\"\n                        href=\"https:\/\/www.instagram.com\/_dimension_creativa_?igsh=NzdxZXF5amF2dDls\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        aria-label=\"Instagram de Dimensi\u00f3n Creativa\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path\n                                d=\"M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm5 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm6.5-.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5z\"\n                            ><\/path>\n                        <\/svg>\n                    <\/a>\n\n                    <a\n                        class=\"dc-footer__social-link\"\n                        href=\"https:\/\/www.facebook.com\/share\/14e3Jpmk48K\/?mibextid=wwXIfr\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        aria-label=\"Facebook de Dimensi\u00f3n Creativa\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path\n                                d=\"M14 8h4V3.5c-.7-.1-2.1-.3-4-.3-4 0-6.7 2.4-6.7 6.9V14H3v5h4.3v12h5.2V19h4.3l.7-5h-5v-3.4C12.5 9.1 12.9 8 14 8z\"\n                            ><\/path>\n                        <\/svg>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- PARTE INFERIOR -->\n        <div class=\"dc-footer__bottom\">\n\n            <p class=\"dc-footer__bottom-text\">\n                \u00a9 <span class=\"dc-footer__year\"><\/span>\n                Dimensi\u00f3n Creativa. Todos los derechos reservados.\n            <\/p>\n\n            <div class=\"dc-footer__bottom-links\">\n\n                <a\n                    class=\"dc-footer__bottom-link\"\n                    href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/aviso-de-privacidad\/\"\n                >\n                    Privacidad\n                <\/a>\n\n                <a\n                    class=\"dc-footer__bottom-link\"\n                    href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/terminos-y-condiciones\/\"\n                >\n                    T\u00e9rminos\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/footer>\n\n<script>\n(function () {\n\n    function initializeDcFooter() {\n\n        const footers =\n            document.querySelectorAll(\".dc-footer\");\n\n        footers.forEach(function (footer) {\n\n            const year =\n                footer.querySelector(\".dc-footer__year\");\n\n            if (year) {\n                year.textContent =\n                    new Date().getFullYear();\n            }\n\n            if (\n                footer.dataset.animationReady === \"true\"\n            ) {\n                return;\n            }\n\n            footer.dataset.animationReady = \"true\";\n\n            const reducedMotion =\n                window.matchMedia &&\n                window.matchMedia(\n                    \"(prefers-reduced-motion: reduce)\"\n                ).matches;\n\n            if (\n                reducedMotion ||\n                !(\"IntersectionObserver\" in window)\n            ) {\n                footer.classList.add(\"is-visible\");\n                return;\n            }\n\n            const observer =\n                new IntersectionObserver(\n                    function (entries) {\n\n                        entries.forEach(function (entry) {\n\n                            if (!entry.isIntersecting) {\n                                return;\n                            }\n\n                            entry.target.classList.add(\n                                \"is-visible\"\n                            );\n\n                            observer.unobserve(\n                                entry.target\n                            );\n\n                        });\n\n                    },\n                    {\n                        threshold: 0.12,\n                        rootMargin: \"0px 0px -30px 0px\"\n                    }\n                );\n\n            observer.observe(footer);\n\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeDcFooter\n        );\n\n    } else {\n\n        initializeDcFooter();\n    }\n\n    window.addEventListener(\n        \"elementor\/frontend\/init\",\n        initializeDcFooter\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>INICIO ENFOQUE SERVICIOS PROYECTOS DIMENSIONES HABLEMOS \u2192 INICIO ENFOQUE SERVICIOS PROYECTOS DIMENSIONES HABLEMOS \u2192 PROYECTOS CASOS DE DIFERENCIACI\u00d3N. Cada negocio enfrenta desaf\u00edos distintos. Estas son algunas de las oportunidades, ideas y estrategias que ayudaron a nuestros clientes a competir de una forma diferente. TRADICI\u00d3N GASTRON\u00d3MICA Panader\u00eda Los Pueblos \u201cLa tradici\u00f3n tambi\u00e9n puede diferenciar.\u201d PROTECCI\u00d3N FINANCIERA [&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-87","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/pages\/87","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=87"}],"version-history":[{"count":7,"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":163,"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/pages\/87\/revisions\/163"}],"wp:attachment":[{"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/media?parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}