{"id":28,"date":"2026-07-15T02:15:23","date_gmt":"2026-07-15T02:15:23","guid":{"rendered":"https:\/\/dimensioncreativa.com.mx\/Develop\/?page_id=28"},"modified":"2026-08-26T21:19:04","modified_gmt":"2026-08-26T21:19:04","slug":"inicio","status":"publish","type":"page","link":"https:\/\/dimensioncreativa.com.mx\/Develop\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee3f21a e-con e-atomic-element e-flexbox-base e-95fa5b4 \" data-id=\"ee3f21a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ee3f21a\">\n    \t\t<div class=\"elementor-element elementor-element-40e7e4f elementor-widget elementor-widget-html\" data-id=\"40e7e4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- DIMENSI\u00d3N CREATIVA \u00b7 HEADER OSCURO RESPONSIVE\nPegar completo dentro de un widget HTML de Elementor.\nLa p\u00e1gina activa es INICIO.\n-->\n\n<style>\n.dc-header,\n.dc-header *{\n  box-sizing:border-box;\n}\n\n.dc-header{\n  position:relative;\n  z-index:9999;\n  width:100%;\n  background:#080B0D;\n  font-family:'Oswald',sans-serif;\n}\n\n.dc-header__inner{\n  width:min(100% - 60px,1280px);\n  min-height:92px;\n  margin:auto;\n  display:grid;\n  grid-template-columns:200px 1fr;\n  align-items:center;\n}\n\n.dc-header__logo{\n  width:185px;\n  display:flex;\n  align-items:center;\n  text-decoration:none;\n}\n\n.dc-header__logo img{\n  width:185px;\n  height:auto;\n  display:block;\n}\n\n.dc-header__right{\n  width:100%;\n  display:flex;\n  justify-content:flex-end;\n  align-items:center;\n  gap:56px;\n}\n\n.dc-header__nav{\n  display:flex;\n  align-items:center;\n  gap:40px;\n}\n\n.dc-header__nav a{\n  position:relative;\n  color:rgba(255,255,255,.93);\n  text-decoration:none;\n  text-transform:uppercase;\n  font-size:16px;\n  font-weight:400;\n  letter-spacing:1px;\n  transition:color .25s ease;\n}\n\n.dc-header__nav a::after{\n  content:\"\";\n  position:absolute;\n  left:0;\n  bottom:-10px;\n  width:0;\n  height:2px;\n  background:#C2265B;\n  transition:width .25s ease;\n}\n\n.dc-header__nav a:hover{\n  color:#C2265B;\n}\n\n.dc-header__nav a:hover::after,\n.dc-header__nav a.dc-header__active::after{\n  width:100%;\n}\n\n.dc-header__nav a.dc-header__active{\n  color:#FFFFFF;\n}\n\n.dc-header__button{\n  width:145px;\n  height:44px;\n  border:1.5px solid #C2265B;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  text-decoration:none;\n  color:#FFFFFF;\n  text-transform:uppercase;\n  font-size:15px;\n  font-weight:400;\n  letter-spacing:1px;\n  transition:background .25s ease,color .25s ease;\n}\n\n.dc-header__button:hover{\n  background:#C2265B;\n}\n\n.dc-header__toggle{\n  display:none;\n  width:46px;\n  height:46px;\n  padding:0;\n  border:0;\n  background:transparent;\n  cursor:pointer;\n  align-items:center;\n  justify-content:center;\n}\n\n.dc-header__toggle-lines{\n  position:relative;\n  width:28px;\n  height:18px;\n  display:block;\n}\n\n.dc-header__toggle-lines span{\n  position:absolute;\n  left:0;\n  width:100%;\n  height:2px;\n  background:#FFFFFF;\n  transition:transform .28s ease,top .28s ease,opacity .2s ease;\n}\n\n.dc-header__toggle-lines span:nth-child(1){\n  top:0;\n}\n\n.dc-header__toggle-lines span:nth-child(2){\n  top:8px;\n}\n\n.dc-header__toggle-lines span:nth-child(3){\n  top:16px;\n}\n\n.dc-header.is-open .dc-header__toggle-lines span:nth-child(1){\n  top:8px;\n  transform:rotate(45deg);\n}\n\n.dc-header.is-open .dc-header__toggle-lines span:nth-child(2){\n  opacity:0;\n}\n\n.dc-header.is-open .dc-header__toggle-lines span:nth-child(3){\n  top:8px;\n  transform:rotate(-45deg);\n}\n\n.dc-header__mobile-panel{\n  display:none;\n}\n\n@media(max-width:1100px){\n  .dc-header__inner{\n    width:min(100% - 40px,1280px);\n    grid-template-columns:170px 1fr;\n  }\n\n  .dc-header__logo,\n  .dc-header__logo img{\n    width:160px;\n  }\n\n  .dc-header__right{\n    gap:34px;\n  }\n\n  .dc-header__nav{\n    gap:26px;\n  }\n\n  .dc-header__nav a{\n    font-size:14px;\n  }\n}\n\n@media(max-width:850px){\n  .dc-header__inner{\n    width:min(100% - 32px,1280px);\n    min-height:78px;\n    grid-template-columns:1fr auto;\n  }\n\n  .dc-header__logo,\n  .dc-header__logo img{\n    width:155px;\n  }\n\n  .dc-header__right{\n    display:none;\n  }\n\n  .dc-header__toggle{\n    display:flex;\n  }\n\n  .dc-header__mobile-panel{\n    display:block;\n    max-height:0;\n    overflow:hidden;\n    background:#080B0D;\n    border-top:1px solid rgba(255,255,255,.08);\n    opacity:0;\n    visibility:hidden;\n    transition:max-height .4s ease,opacity .3s ease,visibility .3s ease;\n  }\n\n  .dc-header.is-open .dc-header__mobile-panel{\n    max-height:600px;\n    opacity:1;\n    visibility:visible;\n  }\n\n  .dc-header__mobile-inner{\n    width:min(100% - 32px,1280px);\n    margin:auto;\n    padding:28px 0 34px;\n  }\n\n  .dc-header__mobile-nav{\n    display:flex;\n    flex-direction:column;\n  }\n\n  .dc-header__mobile-nav a{\n    position:relative;\n    padding:17px 0;\n    border-bottom:1px solid rgba(255,255,255,.08);\n    color:#FFFFFF;\n    text-decoration:none;\n    text-transform:uppercase;\n    font-family:'Oswald',sans-serif;\n    font-size:22px;\n    font-weight:400;\n    letter-spacing:.06em;\n  }\n\n  .dc-header__mobile-nav a.dc-header__active{\n    color:#C2265B;\n  }\n\n  .dc-header__mobile-nav a.dc-header__active::after{\n    content:\"\";\n    position:absolute;\n    right:0;\n    top:50%;\n    width:36px;\n    height:2px;\n    background:#C2265B;\n    transform:translateY(-50%);\n  }\n\n  .dc-header__mobile-button{\n    width:100%;\n    min-height:54px;\n    margin-top:26px;\n    border:1.5px solid #C2265B;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    color:#FFFFFF;\n    background:transparent;\n    text-decoration:none;\n    text-transform:uppercase;\n    font-family:'Oswald',sans-serif;\n    font-size:18px;\n    letter-spacing:.07em;\n    transition:background .25s ease;\n  }\n\n  .dc-header__mobile-button:hover{\n    background:#C2265B;\n  }\n}\n<\/style>\n\n<header class=\"dc-header\" id=\"dc-header\">\n  <div class=\"dc-header__inner\">\n\n    <a class=\"dc-header__logo\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/\" aria-label=\"Ir al inicio\">\n      <img decoding=\"async\"\n        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/logo_dimension_creativa_transparente.png\"\n        alt=\"Dimensi\u00f3n Creativa\">\n    <\/a>\n\n    <div class=\"dc-header__right\">\n      <nav class=\"dc-header__nav\" aria-label=\"Navegaci\u00f3n principal\">\n        <a\n          href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/\"\n          class=\"dc-header__active\"\n          aria-current=\"page\">\n          INICIO\n        <\/a>\n\n        <a href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/enfoque\/\">\n          ENFOQUE\n        <\/a>\n\n        <a href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/servicios\/\">\n          SERVICIOS\n        <\/a>\n\n        <a href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/proyectos\/\">\n          PROYECTOS\n        <\/a>\n\n        <a href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/dimensiones\/\">\n          DIMENSIONES\n        <\/a>\n      <\/nav>\n\n      <a\n        class=\"dc-header__button\"\n        href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/hablemos\/\">\n        HABLEMOS\n      <\/a>\n    <\/div>\n\n    <button\n      class=\"dc-header__toggle\"\n      type=\"button\"\n      aria-label=\"Abrir men\u00fa\"\n      aria-controls=\"dc-mobile-menu\"\n      aria-expanded=\"false\">\n      <span class=\"dc-header__toggle-lines\" aria-hidden=\"true\">\n        <span><\/span>\n        <span><\/span>\n        <span><\/span>\n      <\/span>\n    <\/button>\n\n  <\/div>\n\n  <div class=\"dc-header__mobile-panel\" id=\"dc-mobile-menu\">\n    <div class=\"dc-header__mobile-inner\">\n\n      <nav class=\"dc-header__mobile-nav\" aria-label=\"Navegaci\u00f3n m\u00f3vil\">\n        <a\n          href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/\"\n          class=\"dc-header__active\"\n          aria-current=\"page\">\n          INICIO\n        <\/a>\n\n        <a href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/enfoque\/\">\n          ENFOQUE\n        <\/a>\n\n        <a href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/servicios\/\">\n          SERVICIOS\n        <\/a>\n\n        <a href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/proyectos\/\">\n          PROYECTOS\n        <\/a>\n\n        <a href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/dimensiones\/\">\n          DIMENSIONES\n        <\/a>\n      <\/nav>\n\n      <a\n        class=\"dc-header__mobile-button\"\n        href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/hablemos\/\">\n        HABLEMOS\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/header>\n\n<script>\n(function(){\n  const header = document.getElementById('dc-header');\n  if(!header) return;\n\n  const toggle = header.querySelector('.dc-header__toggle');\n  const panel = header.querySelector('.dc-header__mobile-panel');\n  const mobileLinks = header.querySelectorAll('.dc-header__mobile-nav a, .dc-header__mobile-button');\n\n  if(!toggle || !panel) return;\n\n  function setMenu(open){\n    header.classList.toggle('is-open', open);\n    toggle.setAttribute('aria-expanded', open ? 'true' : 'false');\n    toggle.setAttribute('aria-label', open ? 'Cerrar men\u00fa' : 'Abrir men\u00fa');\n  }\n\n  toggle.addEventListener('click', function(){\n    setMenu(!header.classList.contains('is-open'));\n  });\n\n  mobileLinks.forEach(function(link){\n    link.addEventListener('click', function(){\n      setMenu(false);\n    });\n  });\n\n  document.addEventListener('keydown', function(event){\n    if(event.key === 'Escape'){\n      setMenu(false);\n    }\n  });\n\n  window.addEventListener('resize', function(){\n    if(window.innerWidth > 850){\n      setMenu(false);\n    }\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-437ca2c e-con e-atomic-element e-flexbox-base e-c2dbad4 \" data-id=\"437ca2c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"437ca2c\">\n    \t\t<div class=\"elementor-element elementor-element-9509a73 elementor-widget elementor-widget-html\" data-id=\"9509a73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==================================================\n   DIMENSI\u00d3N CREATIVA \u2014 HERO HOME\n================================================== *\/\n\n.dc-home-hero,\n.dc-home-hero * {\n    box-sizing: border-box;\n}\n\n.dc-home-hero {\n    --dc-pink: #C2265B;\n    --dc-white: #F5F5F3;\n    --dc-black: #080B0D;\n\n    position: relative;\n    width: 100%;\n    min-height: 650px;\n    overflow: hidden;\n\n    display: flex;\n    align-items: center;\n\n    background-color: var(--dc-black);\n\n    color: var(--dc-white);\n    font-family: \"Manrope\", sans-serif;\n}\n\n\n\/* ==================================================\n   IMAGEN PRINCIPAL \/ LCP\n================================================== *\/\n\n.dc-home-hero__media {\n    position: absolute;\n    z-index: 0;\n    inset: 0;\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    overflow: hidden;\n\n    pointer-events: none;\n}\n\n.dc-home-hero__media img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center center;\n}\n\n\n\/* ==================================================\n   OSCURECIMIENTO PARA CONTRASTE\n================================================== *\/\n\n.dc-home-hero::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n\n    pointer-events: none;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(3, 5, 6, 0.98) 0%,\n            rgba(3, 5, 6, 0.92) 20%,\n            rgba(3, 5, 6, 0.70) 39%,\n            rgba(3, 5, 6, 0.20) 59%,\n            rgba(3, 5, 6, 0.04) 78%,\n            rgba(3, 5, 6, 0.14) 100%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(0, 0, 0, 0.16) 0%,\n            rgba(0, 0, 0, 0.03) 55%,\n            rgba(0, 0, 0, 0.62) 100%\n        );\n}\n\n\n\/* ==================================================\n   LUZ AMBIENTAL SUTIL\n================================================== *\/\n\n.dc-home-hero::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 1;\n\n    right: 10%;\n    bottom: -30%;\n    left: 20%;\n\n    height: 55%;\n\n    pointer-events: none;\n\n    background:\n        radial-gradient(\n            ellipse at center,\n            rgba(194, 38, 91, 0.10),\n            transparent 65%\n        );\n}\n\n\n\/* ==================================================\n   CONTENEDOR\n================================================== *\/\n\n.dc-home-hero__inner {\n    position: relative;\n    z-index: 2;\n\n    width: min(calc(100% - 60px), 1280px);\n    margin: 0 auto;\n    padding: 72px 0 68px;\n}\n\n.dc-home-hero__content {\n    width: min(100%, 620px);\n}\n\n\n\/* ==================================================\n   T\u00cdTULO\n================================================== *\/\n\n.dc-home-hero__title {\n    margin: 0;\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: clamp(52px, 5.2vw, 78px);\n    font-weight: 500;\n    line-height: 1.06;\n    letter-spacing: -1.3px;\n    text-transform: uppercase;\n\n    color: var(--dc-white);\n\n    text-wrap: balance;\n}\n\n.dc-home-hero__title-accent {\n    color: var(--dc-pink);\n}\n\n\n\/* ==================================================\n   TEXTO\n================================================== *\/\n\n.dc-home-hero__text {\n    max-width: 555px;\n    margin: 26px 0 0;\n\n    color: rgba(245, 245, 243, 0.84);\n\n    font-size: 19px;\n    font-weight: 400;\n    line-height: 1.65;\n    letter-spacing: -0.1px;\n}\n\n\n\/* ==================================================\n   BOT\u00d3N\n================================================== *\/\n\n.dc-home-hero__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 38px;\n\n    min-width: 330px;\n    min-height: 66px;\n    margin-top: 31px;\n    padding: 0 25px 0 31px;\n\n    border: 2px solid var(--dc-pink);\n\n    color: var(--dc-white);\n    background: rgba(0, 0, 0, 0.18);\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 1;\n    letter-spacing: 0.7px;\n    text-decoration: none;\n    text-transform: uppercase;\n\n    backdrop-filter: blur(3px);\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-home-hero__button-arrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    color: var(--dc-pink);\n\n    font-size: 33px;\n    font-weight: 300;\n    line-height: 1;\n\n    transition:\n        color 0.3s ease,\n        transform 0.3s ease;\n}\n\n.dc-home-hero__button: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 18px 38px rgba(194, 38, 91, 0.25);\n}\n\n.dc-home-hero__button:hover\n.dc-home-hero__button-arrow {\n    color: #FFFFFF;\n    transform: translateX(7px);\n}\n\n\n\/* ==================================================\n   ANIMACI\u00d3N\n================================================== *\/\n\n.dc-home-hero__title,\n.dc-home-hero__text,\n.dc-home-hero__button {\n    opacity: 0;\n    transform: translateY(24px);\n\n    transition:\n        opacity 0.85s ease,\n        transform 0.85s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-home-hero.is-visible\n.dc-home-hero__title {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.dc-home-hero.is-visible\n.dc-home-hero__text {\n    opacity: 1;\n    transform: translateY(0);\n\n    transition-delay: 0.14s;\n}\n\n.dc-home-hero.is-visible\n.dc-home-hero__button {\n    opacity: 1;\n    transform: translateY(0);\n\n    transition-delay: 0.26s;\n}\n\n\n\/* ==================================================\n   LAPTOP\n================================================== *\/\n\n@media (max-width: 1200px) {\n\n    .dc-home-hero {\n        min-height: 610px;\n    }\n\n    .dc-home-hero__media img {\n        object-position: 56% center;\n    }\n\n    .dc-home-hero__inner {\n        width: min(calc(100% - 50px), 1180px);\n    }\n\n    .dc-home-hero__content {\n        width: min(100%, 570px);\n    }\n\n    .dc-home-hero__title {\n        font-size: clamp(50px, 5vw, 68px);\n    }\n\n    .dc-home-hero__text {\n        max-width: 500px;\n        font-size: 18px;\n    }\n}\n\n\n\/* ==================================================\n   TABLET\n================================================== *\/\n\n@media (max-width: 900px) {\n\n    .dc-home-hero {\n        min-height: 660px;\n        align-items: flex-end;\n    }\n\n    .dc-home-hero__media img {\n        object-position: 61% center;\n    }\n\n    .dc-home-hero::before {\n        background:\n            linear-gradient(\n                90deg,\n                rgba(3, 5, 6, 0.97) 0%,\n                rgba(3, 5, 6, 0.86) 36%,\n                rgba(3, 5, 6, 0.40) 67%,\n                rgba(3, 5, 6, 0.10) 100%\n            ),\n            linear-gradient(\n                180deg,\n                rgba(0, 0, 0, 0.06) 0%,\n                rgba(0, 0, 0, 0.12) 46%,\n                rgba(0, 0, 0, 0.88) 100%\n            );\n    }\n\n    .dc-home-hero__inner {\n        width: min(calc(100% - 40px), 860px);\n        padding: 90px 0 58px;\n    }\n\n    .dc-home-hero__content {\n        width: min(100%, 535px);\n    }\n\n    .dc-home-hero__title {\n        font-size: clamp(48px, 7vw, 64px);\n    }\n\n    .dc-home-hero__text {\n        max-width: 480px;\n    }\n}\n\n\n\/* ==================================================\n   M\u00d3VIL\n================================================== *\/\n\n@media (max-width: 620px) {\n\n    .dc-home-hero {\n        min-height: 100svh;\n        align-items: stretch;\n\n        background-color: var(--dc-black);\n    }\n\n    .dc-home-hero__media img {\n        object-position: center top;\n    }\n\n    .dc-home-hero::before {\n        background:\n            linear-gradient(\n                180deg,\n                rgba(8, 11, 13, 0.38) 0%,\n                rgba(8, 11, 13, 0.18) 23%,\n                rgba(8, 11, 13, 0.04) 47%,\n                rgba(8, 11, 13, 0.10) 65%,\n                rgba(8, 11, 13, 0.58) 86%,\n                rgba(8, 11, 13, 0.90) 100%\n            ),\n            linear-gradient(\n                90deg,\n                rgba(8, 11, 13, 0.34) 0%,\n                rgba(8, 11, 13, 0.08) 54%,\n                rgba(8, 11, 13, 0.01) 100%\n            );\n    }\n\n    .dc-home-hero::after {\n        right: -18%;\n        bottom: -16%;\n        left: 0;\n        height: 38%;\n    }\n\n    .dc-home-hero__inner {\n        width: calc(100% - 34px);\n        min-height: 100svh;\n        padding: 42px 0 28px;\n\n        display: flex;\n        align-items: stretch;\n    }\n\n    .dc-home-hero__content {\n        width: 100%;\n        min-height: calc(100svh - 70px);\n\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n    }\n\n    .dc-home-hero__title {\n        width: min(100%, 345px);\n        margin: 0;\n\n        font-size: clamp(38px, 10.7vw, 47px);\n        line-height: 1.03;\n        letter-spacing: -0.7px;\n    }\n\n    .dc-home-hero__text {\n        width: min(100%, 305px);\n        max-width: 305px;\n        margin: 36px 0 0;\n\n        color: rgba(245, 245, 243, 0.86);\n\n        font-size: 15.5px;\n        line-height: 1.58;\n    }\n\n    .dc-home-hero__button {\n        width: fit-content;\n        min-width: 0;\n        min-height: 48px;\n        margin-top: 26px;\n        padding: 0 16px;\n        gap: 0;\n\n        font-size: 11.5px;\n        letter-spacing: 0.45px;\n        white-space: nowrap;\n    }\n\n    .dc-home-hero__button-arrow {\n        display: none;\n    }\n}\n\n\n\/* ==================================================\n   M\u00d3VIL PEQUE\u00d1O\n================================================== *\/\n\n@media (max-width: 390px) {\n\n    .dc-home-hero {\n        min-height: 100svh;\n    }\n\n    .dc-home-hero__media img {\n        object-position: center top;\n    }\n\n    .dc-home-hero__inner {\n        width: calc(100% - 30px);\n        min-height: 100svh;\n        padding: 34px 0 24px;\n    }\n\n    .dc-home-hero__content {\n        min-height: calc(100svh - 58px);\n    }\n\n    .dc-home-hero__title {\n        width: min(100%, 320px);\n        font-size: 36px;\n    }\n\n    .dc-home-hero__text {\n        width: min(100%, 285px);\n        max-width: 285px;\n        margin-top: 32px;\n\n        font-size: 15px;\n    }\n\n    .dc-home-hero__button {\n        width: fit-content;\n        min-width: 0;\n        min-height: 46px;\n        margin-top: 24px;\n        padding: 0 14px;\n        gap: 0;\n\n        font-size: 11.2px;\n        white-space: nowrap;\n    }\n}\n\n\n\/* ==================================================\n   MOVIMIENTO REDUCIDO\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .dc-home-hero__title,\n    .dc-home-hero__text,\n    .dc-home-hero__button {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n\n    .dc-home-hero__button,\n    .dc-home-hero__button-arrow {\n        transition: none;\n    }\n}\n<\/style>\n\n\n<!-- ==================================================\n     CAMBIO DE ACCESIBILIDAD:\n     section -> main\n================================================== -->\n\n<main class=\"dc-home-hero\">\n\n    <!-- =============================================\n         IMAGEN LCP\n         Desktop + imagen espec\u00edfica para m\u00f3vil\n    ============================================== -->\n\n    <picture\n        class=\"dc-home-hero__media\"\n        aria-hidden=\"true\"\n    >\n\n        <source\n            media=\"(max-width: 620px)\"\n            srcset=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-30-jul-2026-15_02_02.png\"\n        >\n\n        <img\n            src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/buena-home-1.png\"\n            alt=\"\"\n            fetchpriority=\"high\"\n            loading=\"eager\"\n            decoding=\"async\"\n        >\n\n    <\/picture>\n\n\n    <div class=\"dc-home-hero__inner\">\n\n        <div class=\"dc-home-hero__content\">\n\n            <h1 class=\"dc-home-hero__title\">\n                Creatividad<br>\n                estrat\u00e9gica para<br>\n                negocios que quieren<br>\n                ser la\n                <span class=\"dc-home-hero__title-accent\">\n                    elecci\u00f3n.\n                <\/span>\n            <\/h1>\n\n            <p class=\"dc-home-hero__text\">\n                No se trata de hacer m\u00e1s. Se trata de hacer lo correcto\n                para que tu negocio destaque, conecte y venda.\n            <\/p>\n\n            <a\n                class=\"dc-home-hero__button\"\n                href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/enfoque\/\"\n                aria-label=\"Conoce nuestro enfoque\"\n            >\n                <span>Conoce nuestro enfoque<\/span>\n\n                <span\n                    class=\"dc-home-hero__button-arrow\"\n                    aria-hidden=\"true\"\n                >\n                    \u2192\n                <\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/main>\n\n\n<script>\n(function () {\n\n    function initializeDcHomeHero() {\n\n        const heroes =\n            document.querySelectorAll(\".dc-home-hero\");\n\n        heroes.forEach(function (hero) {\n\n            if (\n                hero.dataset.animationReady === \"true\"\n            ) {\n                return;\n            }\n\n            hero.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                hero.classList.add(\"is-visible\");\n                return;\n            }\n\n            const observer =\n                new IntersectionObserver(\n                    function (entries) {\n\n                        entries.forEach(function (entry) {\n\n                            if (entry.isIntersecting) {\n\n                                entry.target.classList.add(\n                                    \"is-visible\"\n                                );\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n                            }\n\n                        });\n\n                    },\n                    {\n                        threshold: 0.12\n                    }\n                );\n\n            observer.observe(hero);\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeDcHomeHero\n        );\n\n    } else {\n\n        initializeDcHomeHero();\n    }\n\n    window.addEventListener(\n        \"elementor\/frontend\/init\",\n        initializeDcHomeHero\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f3106cc e-con e-atomic-element e-flexbox-base e-e9a8af3 \" data-id=\"f3106cc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f3106cc\">\n    \t\t<div class=\"elementor-element elementor-element-0fa8665 elementor-widget elementor-widget-html\" data-id=\"0fa8665\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.dc-trusted,\n.dc-trusted * {\n    box-sizing: border-box;\n}\n\n.dc-trusted {\n    width: 100%;\n    background: #080B0D;\n    font-family: 'Oswald', sans-serif;\n}\n\n.dc-trusted__inner {\n    width: min(100% - 60px, 1280px);\n    min-height: 150px;\n    margin: 0 auto;\n\n    display: grid;\n    grid-template-columns: 230px 1fr;\n    align-items: center;\n    gap: 44px;\n}\n\n\/* T\u00cdTULO *\/\n\n.dc-trusted__title {\n    margin: 0;\n\n    color: #E04B7B;\n\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 1.15;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n}\n\n\/* LOGOS *\/\n\n.dc-trusted__logos-wrap {\n    position: relative;\n    width: 100%;\n    min-width: 0;\n}\n\n.dc-trusted__logos {\n    width: 100%;\n\n    display: grid;\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n    align-items: center;\n    gap: 34px;\n}\n\n.dc-trusted__logo {\n    min-width: 0;\n    height: 96px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.dc-trusted__logo img {\n    display: block;\n\n    width: 100%;\n    max-width: 190px;\n    max-height: 82px;\n    height: auto;\n\n    object-fit: contain;\n\n    opacity: 0.9;\n    filter: grayscale(1) brightness(1.35);\n}\n\n\/* AJUSTES \u00d3PTICOS *\/\n\n.dc-trusted__logo--wide img {\n    max-width: 215px;\n}\n\n.dc-trusted__logo--compact img {\n    max-width: 158px;\n    max-height: 76px;\n}\n\n\/* FLECHAS *\/\n\n.dc-trusted__arrow {\n    display: none;\n}\n\n\/* LAPTOP *\/\n\n@media (max-width: 1100px) {\n    .dc-trusted__inner {\n        width: min(100% - 40px, 1280px);\n        grid-template-columns: 190px 1fr;\n        gap: 30px;\n    }\n\n    .dc-trusted__logos {\n        gap: 24px;\n    }\n\n    .dc-trusted__logo img {\n        max-width: 160px;\n        max-height: 70px;\n    }\n\n    .dc-trusted__logo--wide img {\n        max-width: 180px;\n    }\n\n    .dc-trusted__logo--compact img {\n        max-width: 135px;\n    }\n}\n\n\/* TABLET *\/\n\n@media (max-width: 850px) {\n    .dc-trusted__inner {\n        padding: 30px 0;\n\n        grid-template-columns: 1fr;\n        gap: 24px;\n    }\n\n    .dc-trusted__title {\n        text-align: left;\n    }\n\n    .dc-trusted__logos {\n        grid-template-columns: repeat(3, 1fr);\n        row-gap: 28px;\n    }\n}\n\n\/* M\u00d3VIL *\/\n\n@media (max-width: 560px) {\n    .dc-trusted__inner {\n        width: calc(100% - 30px);\n        min-height: auto;\n        padding: 28px 0 30px;\n        gap: 16px;\n    }\n\n    .dc-trusted__title {\n        font-size: 15px;\n        letter-spacing: 0.9px;\n    }\n\n    .dc-trusted__logos-wrap {\n        padding: 0 22px;\n    }\n\n    .dc-trusted__logos {\n        display: flex;\n        align-items: center;\n        gap: 0;\n\n        overflow: hidden;\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n\n    .dc-trusted__logos::-webkit-scrollbar {\n        display: none;\n    }\n\n    .dc-trusted__logo {\n        flex: 0 0 50%;\n        width: 50%;\n        height: 92px;\n        padding: 0 8px;\n\n        scroll-snap-align: start;\n        scroll-snap-stop: always;\n    }\n\n    .dc-trusted__logo img,\n    .dc-trusted__logo--wide img,\n    .dc-trusted__logo--compact img {\n        width: auto;\n        max-width: 135px;\n        max-height: 66px;\n    }\n\n    .dc-trusted__logo--wide img {\n        max-width: 145px;\n    }\n\n    .dc-trusted__logo--compact img {\n        max-width: 112px;\n        max-height: 60px;\n    }\n\n    .dc-trusted__arrow {\n        position: absolute;\n        z-index: 3;\n        top: 50%;\n\n        width: 20px;\n        height: 32px;\n        padding: 0;\n\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n\n        border: 0;\n        border-radius: 0;\n\n        color: rgba(245, 245, 243, 0.42);\n        background: transparent;\n\n        font-family: 'Manrope', sans-serif;\n        font-size: 22px;\n        font-weight: 300;\n        line-height: 1;\n\n        cursor: pointer;\n        transform: translateY(-50%);\n\n        transition:\n            color 0.2s ease,\n            opacity 0.2s ease,\n            transform 0.2s ease;\n    }\n\n    .dc-trusted__arrow:hover,\n    .dc-trusted__arrow:focus-visible {\n        color: rgba(245, 245, 243, 0.85);\n        background: transparent;\n        outline: none;\n    }\n\n    .dc-trusted__arrow:active {\n        transform: translateY(-50%) scale(0.92);\n    }\n\n    .dc-trusted__arrow--next {\n        right: 0;\n    }\n}\n<\/style>\n\n<section class=\"dc-trusted\">\n\n    <div class=\"dc-trusted__inner\">\n\n        <p class=\"dc-trusted__title\">\n            Marcas que han confiado\n        <\/p>\n\n        <div class=\"dc-trusted__logos-wrap\">\n            <div class=\"dc-trusted__logos\">\n\n                <div class=\"dc-trusted__logo dc-trusted__logo--wide\">\n                    <img decoding=\"async\"\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-20-jun-2026-13_39_43.png\"\n                        alt=\"Cliente de Dimensi\u00f3n Creativa\"\n                        loading=\"lazy\"\n                    >\n                <\/div>\n\n                <div class=\"dc-trusted__logo\">\n                    <img decoding=\"async\"\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/Logo-arteria.png\"\n                        alt=\"Arteria\"\n                        loading=\"lazy\"\n                    >\n                <\/div>\n\n                <div class=\"dc-trusted__logo\">\n                    <img decoding=\"async\"\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/Logo-Aromatyx-.png\"\n                        alt=\"Aromatyx\"\n                        loading=\"lazy\"\n                    >\n                <\/div>\n\n                <div class=\"dc-trusted__logo dc-trusted__logo--wide\">\n                    <img decoding=\"async\"\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-20-jun-2026-13_41_18.png\"\n                        alt=\"Cliente de Dimensi\u00f3n Creativa\"\n                        loading=\"lazy\"\n                    >\n                <\/div>\n\n                <div class=\"dc-trusted__logo dc-trusted__logo--compact\">\n                    <img decoding=\"async\"\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/Logo-CI.png\"\n                        alt=\"CI\"\n                        loading=\"lazy\"\n                    >\n                <\/div>\n\n                <div class=\"dc-trusted__logo dc-trusted__logo--compact\">\n                    <img decoding=\"async\"\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/Logo-Ki-gourmet.png\"\n                        alt=\"Ki Gourmet\"\n                        loading=\"lazy\"\n                    >\n                <\/div>\n\n            <\/div>\n\n            <button\n                class=\"dc-trusted__arrow dc-trusted__arrow--next\"\n                type=\"button\"\n                aria-label=\"Ver siguiente logo\"\n            >\n                \u2192\n            <\/button>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function(){\nfunction init(){\ndocument.querySelectorAll('.dc-trusted').forEach(function(section){\nif(section.dataset.sliderReady)return;\nsection.dataset.sliderReady='true';\nconst viewport=section.querySelector('.dc-trusted__logos');\nconst items=[...section.querySelectorAll('.dc-trusted__logo')];\nconst next=section.querySelector('.dc-trusted__arrow--next');\nconst pages=Math.ceil(items.length\/2);\nlet page=0;\nfunction mobile(){return matchMedia('(max-width:560px)').matches;}\nfunction width(){return viewport.clientWidth;}\nfunction go(p){\nif(!mobile())return;\npage=(p+pages)%pages;\nviewport.scrollTo({left:page*width(),behavior:'smooth'});\n}\nif(next){\nnext.addEventListener('click',()=>go(page+1));\n}\nlet t;\nviewport.addEventListener('scroll',()=>{\nif(!mobile())return;\nclearTimeout(t);\nt=setTimeout(()=>{page=Math.round(viewport.scrollLeft\/width())%pages;},80);\n},{passive:true});\nwindow.addEventListener('resize',()=>{if(mobile())viewport.scrollLeft=page*width();});\n});\n}\nif(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',init);}else{init();}\nwindow.addEventListener('elementor\/frontend\/init',init);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-acbf0f0 e-con e-atomic-element e-flexbox-base e-b94c223 \" data-id=\"acbf0f0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"acbf0f0\">\n    \t\t<div class=\"elementor-element elementor-element-8b6ba0b elementor-widget elementor-widget-html\" data-id=\"8b6ba0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==================================================\n   SECCI\u00d3N: EL PROBLEMA REAL\n================================================== *\/\n\n.dc-problem,\n.dc-problem * {\n    box-sizing: border-box;\n}\n\n.dc-problem {\n    width: 100%;\n    overflow: hidden;\n\n    background: #F5F5F3;\n    color: #111111;\n\n    font-family: 'Manrope', sans-serif;\n}\n\n.dc-problem__inner {\n    width: min(calc(100% - 70px), 1280px);\n    margin: 0 auto;\n    padding: 75px 0 80px;\n\n    display: grid;\n    grid-template-columns: 39% 61%;\n    gap: 48px;\n    align-items: start;\n}\n\n\/* ==================================================\n   COLUMNA IZQUIERDA\n================================================== *\/\n\n.dc-problem__content {\n    position: sticky;\n    top: 40px;\n\n    max-width: 510px;\n}\n\n.dc-problem__eyebrow {\n    margin: 0 0 24px;\n\n    color: #C2265B;\n\n    font-family: 'Oswald', sans-serif;\n    font-size: 17px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n}\n\n.dc-problem__title {\n    margin: 0;\n\n    font-family: 'Oswald', sans-serif;\n    font-size: clamp(43px, 4vw, 58px);\n    font-weight: 500;\n    line-height: 1.07;\n    letter-spacing: -0.8px;\n    text-transform: uppercase;\n    color: #111111;\n}\n\n.dc-problem__title-accent {\n    display: block;\n    margin-top: 24px;\n\n    color: #C2265B;\n}\n\n.dc-problem__description {\n    max-width: 500px;\n    margin-top: 38px;\n\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.8;\n    color: #333333;\n}\n\n.dc-problem__description p {\n    margin: 0 0 14px;\n}\n\n.dc-problem__description p:last-child {\n    margin-bottom: 0;\n}\n\n\/* ==================================================\n   COLUMNA DERECHA\n================================================== *\/\n\n.dc-problem__visual {\n    width: 100%;\n\n    display: flex;\n    flex-direction: column;\n    gap: 26px;\n}\n\n.dc-problem__item {\n    position: relative;\n\n    width: 100%;\n    min-height: 180px;\n\n    display: grid;\n    align-items: center;\n}\n\n\/* ==================================================\n   PRIMER BLOQUE\n   Imagen izquierda \/ texto derecha\n================================================== *\/\n\n.dc-problem__item--same {\n    grid-template-columns: 58% 42%;\n}\n\n.dc-problem__item--same .dc-problem__media {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n\n    padding-right: 34px;\n}\n\n.dc-problem__item--same .dc-problem__image {\n    width: 315px;\n    max-width: 100%;\n}\n\n\/* ==================================================\n   SEGUNDO BLOQUE\n   Texto izquierda \/ imagen derecha\n================================================== *\/\n\n.dc-problem__item--value {\n    grid-template-columns: 36% 64%;\n    min-height: 205px;\n}\n\n.dc-problem__item--value .dc-problem__insight {\n    padding-right: 20px;\n}\n\n.dc-problem__item--value .dc-problem__media {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n}\n\n.dc-problem__item--value .dc-problem__image {\n    width: 395px;\n    max-width: 100%;\n}\n\n\/* ==================================================\n   TERCER BLOQUE\n   Imagen izquierda \/ texto derecha\n================================================== *\/\n\n.dc-problem__item--preference {\n    grid-template-columns: 58% 42%;\n    min-height: 225px;\n}\n\n.dc-problem__item--preference .dc-problem__media {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n\n    padding-right: 28px;\n}\n\n.dc-problem__item--preference .dc-problem__image {\n    width: 405px;\n    max-width: 100%;\n}\n\n.dc-problem__item--preference .dc-problem__insight {\n    padding-left: 4px;\n}\n\n\/* ==================================================\n   IM\u00c1GENES\n================================================== *\/\n\n.dc-problem__image {\n    display: block;\n    height: auto;\n\n    object-fit: contain;\n\n    will-change: transform;\n}\n\n\/* ==================================================\n   TEXTOS SECUNDARIOS\n================================================== *\/\n\n.dc-problem__insight {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n    max-width: 225px;\n}\n\n.dc-problem__insight h3 {\n    margin: 0 0 12px;\n\n    font-size: 17px;\n    font-weight: 800;\n    line-height: 1.35;\n    color: #171717;\n}\n\n.dc-problem__insight-line {\n    display: block;\n\n    width: 42px;\n    height: 3px;\n    margin-bottom: 13px;\n\n    background: #C2265B;\n}\n\n.dc-problem__insight p {\n    margin: 0;\n\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 1.65;\n    color: #3C3C3C;\n}\n\n\/* ==================================================\n   ANIMACI\u00d3N DE ENTRADA DE LA COLUMNA IZQUIERDA\n================================================== *\/\n\n.dc-problem__content {\n    opacity: 0;\n    transform: translateY(30px);\n\n    transition:\n        opacity 0.9s ease,\n        transform 0.9s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-problem__content.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* ==================================================\n   ANIMACIONES DE LAS FILAS\n================================================== *\/\n\n.dc-problem__item {\n    opacity: 0;\n    transform: translateY(30px);\n\n    transition:\n        opacity 0.8s ease,\n        transform 0.8s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-problem__item.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* Desfase progresivo *\/\n\n.dc-problem__item:nth-child(2) {\n    transition-delay: 0.1s;\n}\n\n.dc-problem__item:nth-child(3) {\n    transition-delay: 0.2s;\n}\n\n\/* Imagen y texto entran desde lados opuestos *\/\n\n.dc-problem__item .dc-problem__media,\n.dc-problem__item .dc-problem__insight {\n    opacity: 0;\n\n    transition:\n        opacity 0.85s ease,\n        transform 0.85s cubic-bezier(.22, 1, .36, 1);\n}\n\n\/* Primera fila *\/\n\n.dc-problem__item--same .dc-problem__media {\n    transform: translateX(-28px);\n}\n\n.dc-problem__item--same .dc-problem__insight {\n    transform: translateX(28px);\n}\n\n\/* Segunda fila *\/\n\n.dc-problem__item--value .dc-problem__insight {\n    transform: translateX(-28px);\n}\n\n.dc-problem__item--value .dc-problem__media {\n    transform: translateX(28px);\n}\n\n\/* Tercera fila *\/\n\n.dc-problem__item--preference .dc-problem__media {\n    transform: translateX(-28px);\n}\n\n.dc-problem__item--preference .dc-problem__insight {\n    transform: translateX(28px);\n}\n\n.dc-problem__item.is-visible .dc-problem__media,\n.dc-problem__item.is-visible .dc-problem__insight {\n    opacity: 1;\n    transform: translateX(0);\n}\n\n\/* ==================================================\n   FLOTACI\u00d3N SUAVE DE LAS IM\u00c1GENES\n================================================== *\/\n\n.dc-problem__item.is-visible .dc-problem__image {\n    animation: dcProblemFloat 6s ease-in-out infinite;\n}\n\n.dc-problem__item:nth-child(2).is-visible .dc-problem__image {\n    animation-delay: 0.8s;\n}\n\n.dc-problem__item:nth-child(3).is-visible .dc-problem__image {\n    animation-delay: 1.6s;\n}\n\n@keyframes dcProblemFloat {\n    0%,\n    100% {\n        transform: translateY(0);\n    }\n\n    50% {\n        transform: translateY(-6px);\n    }\n}\n\n\/* ==================================================\n   INTERACCI\u00d3N EN ESCRITORIO\n================================================== *\/\n\n@media (hover: hover) and (pointer: fine) {\n\n    .dc-problem__image {\n        transition:\n            filter 0.35s ease,\n            scale 0.35s cubic-bezier(.22, 1, .36, 1);\n    }\n\n    .dc-problem__media:hover .dc-problem__image {\n        scale: 1.025;\n        filter: drop-shadow(0 14px 18px rgba(17, 17, 17, 0.08));\n    }\n}\n\n\/* ==================================================\n   LAPTOP\n================================================== *\/\n\n@media (max-width: 1180px) {\n\n    .dc-problem__inner {\n        width: min(calc(100% - 50px), 1280px);\n\n        grid-template-columns: 39% 61%;\n        gap: 35px;\n    }\n\n    .dc-problem__title {\n        font-size: 48px;\n    }\n\n    .dc-problem__item--same .dc-problem__image {\n        width: 280px;\n    }\n\n    .dc-problem__item--value .dc-problem__image {\n        width: 350px;\n    }\n\n    .dc-problem__item--preference .dc-problem__image {\n        width: 360px;\n    }\n}\n\n\/* ==================================================\n   TABLET\n================================================== *\/\n\n@media (max-width: 900px) {\n\n    .dc-problem__inner {\n        width: min(calc(100% - 40px), 1280px);\n        padding: 60px 0 70px;\n\n        grid-template-columns: 1fr;\n        gap: 65px;\n    }\n\n    .dc-problem__content {\n        position: relative;\n        top: auto;\n\n        max-width: 680px;\n    }\n\n    .dc-problem__title {\n        max-width: 650px;\n        font-size: 50px;\n    }\n\n    .dc-problem__description {\n        max-width: 620px;\n    }\n\n    .dc-problem__visual {\n        gap: 35px;\n    }\n\n    .dc-problem__item {\n        min-height: 210px;\n    }\n\n    .dc-problem__item--same,\n    .dc-problem__item--preference {\n        grid-template-columns: 58% 42%;\n    }\n\n    .dc-problem__item--value {\n        grid-template-columns: 38% 62%;\n    }\n\n    .dc-problem__item--same .dc-problem__image {\n        width: 330px;\n    }\n\n    .dc-problem__item--value .dc-problem__image,\n    .dc-problem__item--preference .dc-problem__image {\n        width: 400px;\n    }\n}\n\n\/* ==================================================\n   M\u00d3VIL\n================================================== *\/\n\n@media (max-width: 620px) {\n\n    .dc-problem__inner {\n        width: calc(100% - 30px);\n        padding: 48px 0 55px;\n        gap: 45px;\n    }\n\n    .dc-problem__eyebrow {\n        margin-bottom: 18px;\n\n        font-size: 14px;\n    }\n\n    .dc-problem__title {\n        font-size: 36px;\n        line-height: 1.08;\n    }\n\n    .dc-problem__title-accent {\n        margin-top: 18px;\n    }\n\n    .dc-problem__description {\n        margin-top: 28px;\n\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .dc-problem__visual {\n        gap: 48px;\n    }\n\n    .dc-problem__item,\n    .dc-problem__item--same,\n    .dc-problem__item--value,\n    .dc-problem__item--preference {\n        min-height: auto;\n\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 20px;\n    }\n\n    .dc-problem__item .dc-problem__media {\n        width: 100%;\n        padding: 0;\n\n        justify-content: center;\n    }\n\n    .dc-problem__item .dc-problem__insight {\n        width: 100%;\n        max-width: 100%;\n        padding: 0 5px;\n    }\n\n    .dc-problem__item--same .dc-problem__media,\n    .dc-problem__item--value .dc-problem__media,\n    .dc-problem__item--preference .dc-problem__media {\n        order: 1;\n    }\n\n    .dc-problem__item--same .dc-problem__insight,\n    .dc-problem__item--value .dc-problem__insight,\n    .dc-problem__item--preference .dc-problem__insight {\n        order: 2;\n    }\n\n    .dc-problem__item--same .dc-problem__image {\n        width: 90%;\n        max-width: 390px;\n    }\n\n    .dc-problem__item--value .dc-problem__image,\n    .dc-problem__item--preference .dc-problem__image {\n        width: 100%;\n        max-width: 430px;\n    }\n\n    \/* Entrada vertical en m\u00f3vil *\/\n\n    .dc-problem__item .dc-problem__media,\n    .dc-problem__item .dc-problem__insight,\n    .dc-problem__item--same .dc-problem__media,\n    .dc-problem__item--same .dc-problem__insight,\n    .dc-problem__item--value .dc-problem__media,\n    .dc-problem__item--value .dc-problem__insight,\n    .dc-problem__item--preference .dc-problem__media,\n    .dc-problem__item--preference .dc-problem__insight {\n        transform: translateY(22px);\n    }\n\n    .dc-problem__item.is-visible .dc-problem__media,\n    .dc-problem__item.is-visible .dc-problem__insight {\n        transform: translateY(0);\n    }\n}\n\n\/* ==================================================\n   ACCESIBILIDAD\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .dc-problem__content,\n    .dc-problem__item,\n    .dc-problem__item .dc-problem__media,\n    .dc-problem__item .dc-problem__insight {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n\n    .dc-problem__item.is-visible .dc-problem__image {\n        animation: none;\n    }\n\n    .dc-problem__image {\n        scale: 1;\n        filter: none;\n    }\n}\n<\/style>\n\n<section class=\"dc-problem\">\n\n    <div class=\"dc-problem__inner\">\n\n        <!-- COLUMNA IZQUIERDA -->\n\n        <div class=\"dc-problem__content\">\n\n            <p class=\"dc-problem__eyebrow\">\n                El problema real\n            <\/p>\n\n            <h2 class=\"dc-problem__title\">\n\n                Tu negocio no tiene<br>\n                un problema de marketing.\n\n                <span class=\"dc-problem__title-accent\">\n                    Tiene un problema<br>\n                    de diferenciaci\u00f3n.\n                <\/span>\n\n            <\/h2>\n\n            <div class=\"dc-problem__description\">\n\n                <p>\n                    Muchos negocios hacen contenido, invierten en anuncios\n                    y tienen presencia en redes. Aun as\u00ed, no crecen.\n                <\/p>\n\n                <p>\n                    El problema no es la visibilidad. Es que todo se ve igual.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- COLUMNA DERECHA -->\n\n        <div class=\"dc-problem__visual\">\n\n            <!-- TODO SE VE IGUAL -->\n\n            <article class=\"dc-problem__item dc-problem__item--same\">\n\n                <div class=\"dc-problem__media\">\n\n                    <img decoding=\"async\"\n                        class=\"dc-problem__image\"\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-20-jul-2026-16_40_04.png\"\n                        alt=\"Mismos mensajes, mismos resultados\"\n                        loading=\"lazy\"\n                    >\n\n                <\/div>\n\n                <div class=\"dc-problem__insight\">\n\n                    <h3>Todo se ve igual.<\/h3>\n\n                    <span class=\"dc-problem__insight-line\"><\/span>\n\n                    <p>\n                        Tu comunicaci\u00f3n, tu oferta y tu presencia\n                        no te hacen diferente.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- NADIE ENTIENDE TU VALOR -->\n\n            <article class=\"dc-problem__item dc-problem__item--value\">\n\n                <div class=\"dc-problem__insight\">\n\n                    <h3>Nadie entiende tu valor.<\/h3>\n\n                    <span class=\"dc-problem__insight-line\"><\/span>\n\n                    <p>\n                        Si tu mensaje no es claro,\n                        tu cliente tampoco lo ser\u00e1.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"dc-problem__media\">\n\n                    <img decoding=\"async\"\n                        class=\"dc-problem__image\"\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-20-jul-2026-14_54_31.png\"\n                        alt=\"An\u00e1lisis de propuesta de valor\"\n                        loading=\"lazy\"\n                    >\n\n                <\/div>\n\n            <\/article>\n\n            <!-- NO GENERAS PREFERENCIA -->\n\n            <article class=\"dc-problem__item dc-problem__item--preference\">\n\n                <div class=\"dc-problem__media\">\n\n                    <img decoding=\"async\"\n                        class=\"dc-problem__image\"\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-20-jul-2026-14_48_31.png\"\n                        alt=\"Convertirse en la opci\u00f3n obvia\"\n                        loading=\"lazy\"\n                    >\n\n                <\/div>\n\n                <div class=\"dc-problem__insight\">\n\n                    <h3>No generas preferencia.<\/h3>\n\n                    <span class=\"dc-problem__insight-line\"><\/span>\n\n                    <p>\n                        Si no eres la opci\u00f3n obvia,\n                        siempre competir\u00e1s por precio.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n    function initializeProblemSection() {\n        const sections = document.querySelectorAll('.dc-problem');\n\n        sections.forEach(function (section) {\n            if (section.dataset.animationsInitialized === 'true') {\n                return;\n            }\n\n            section.dataset.animationsInitialized = 'true';\n\n            const content = section.querySelector('.dc-problem__content');\n            const items = section.querySelectorAll('.dc-problem__item');\n\n            const elements = [];\n\n            if (content) {\n                elements.push(content);\n            }\n\n            items.forEach(function (item) {\n                elements.push(item);\n            });\n\n            if (\n                window.matchMedia &&\n                window.matchMedia('(prefers-reduced-motion: reduce)').matches\n            ) {\n                elements.forEach(function (element) {\n                    element.classList.add('is-visible');\n                });\n\n                return;\n            }\n\n            if (!('IntersectionObserver' in window)) {\n                elements.forEach(function (element) {\n                    element.classList.add('is-visible');\n                });\n\n                return;\n            }\n\n            const observer = new IntersectionObserver(\n                function (entries) {\n                    entries.forEach(function (entry) {\n                        if (entry.isIntersecting) {\n                            entry.target.classList.add('is-visible');\n                            observer.unobserve(entry.target);\n                        }\n                    });\n                },\n                {\n                    threshold: 0.16,\n                    rootMargin: '0px 0px -45px 0px'\n                }\n            );\n\n            elements.forEach(function (element) {\n                observer.observe(element);\n            });\n        });\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener(\n            'DOMContentLoaded',\n            initializeProblemSection\n        );\n    } else {\n        initializeProblemSection();\n    }\n\n    \/* Compatibilidad con la vista previa de Elementor *\/\n\n    window.addEventListener('elementor\/frontend\/init', function () {\n        initializeProblemSection();\n    });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c180ddd e-con e-atomic-element e-flexbox-base e-4b51bf7 \" data-id=\"c180ddd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c180ddd\">\n    \t\t<div class=\"elementor-element elementor-element-347d245 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"347d245\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t+<style>\n\/* ==================================================\n   DIMENSI\u00d3N CREATIVA \u2014 NUESTRO ENFOQUE\n================================================== *\/\n\n.dc-approach,\n.dc-approach * {\n    box-sizing: border-box;\n}\n\n.dc-approach {\n    position: relative;\n    width: 100%;\n    min-height: 680px;\n    overflow: hidden;\n\n    background-color: #090909;\n    background-image:\n        linear-gradient(\n            90deg,\n            rgba(0, 0, 0, 0.25) 0%,\n            rgba(0, 0, 0, 0.02) 44%,\n            rgba(0, 0, 0, 0.08) 100%\n        ),\n        url(\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-21-jul-2026-17_33_28.png\");\n\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: cover;\n\n    color: #f5f5f3;\n    font-family: \"Manrope\", sans-serif;\n}\n\n.dc-approach::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n\n    pointer-events: none;\n\n    background:\n        radial-gradient(\n            circle at 58% 34%,\n            rgba(255, 255, 255, 0.045) 0%,\n            rgba(255, 255, 255, 0) 35%\n        ),\n        linear-gradient(\n            to bottom,\n            rgba(0, 0, 0, 0.02) 0%,\n            rgba(0, 0, 0, 0.14) 100%\n        );\n}\n\n.dc-approach__inner {\n    position: relative;\n    z-index: 2;\n\n    width: min(calc(100% - 70px), 1280px);\n    min-height: 680px;\n    margin: 0 auto;\n    padding: 64px 0 55px;\n}\n\n\/* ==================================================\n   TEXTO PRINCIPAL\n================================================== *\/\n\n.dc-approach__intro {\n    position: relative;\n    z-index: 10;\n\n    width: 36%;\n    max-width: 445px;\n\n    opacity: 0;\n    transform: translateY(28px);\n\n    transition:\n        opacity 0.9s ease,\n        transform 0.9s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-approach.is-visible .dc-approach__intro {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.dc-approach__eyebrow {\n    margin: 0 0 22px;\n\n    color: #c2265b;\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: 17px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n}\n\n.dc-approach__title {\n    margin: 0;\n\n    color: #f5f5f3;\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: clamp(31px, 2.65vw, 43px);\n    font-weight: 400;\n    line-height: 1.22;\n    letter-spacing: -0.3px;\n    text-transform: uppercase;\n}\n\n.dc-approach__description {\n    max-width: 430px;\n    margin: 27px 0 0;\n\n    color: rgba(245, 245, 243, 0.78);\n\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.75;\n}\n\n.dc-approach__accent {\n    display: block;\n\n    width: 48px;\n    height: 3px;\n    margin-top: 29px;\n\n    background: #c2265b;\n}\n\n\/* ==================================================\n   ESCENA VISUAL\n================================================== *\/\n\n.dc-approach__visuals {\n    position: absolute;\n    z-index: 4;\n\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 24%;\n\n    pointer-events: none;\n}\n\n\/* ==================================================\n   L\u00cdNEA ESTRAT\u00c9GICA\n================================================== *\/\n\n.dc-approach__connection {\n    position: absolute;\n    z-index: 1;\n\n    top: 235px;\n    right: 1%;\n    left: 2%;\n\n    width: 97%;\n    height: 265px;\n\n    overflow: visible;\n\n    opacity: 0;\n\n    transition: opacity 0.6s ease 0.55s;\n}\n\n.dc-approach.is-visible .dc-approach__connection {\n    opacity: 1;\n}\n\n.dc-approach__connection-base {\n    fill: none;\n\n    stroke: rgba(194, 38, 91, 0.16);\n    stroke-width: 1;\n    stroke-linecap: round;\n}\n\n.dc-approach__connection-progress {\n    fill: none;\n\n    stroke: rgba(194, 38, 91, 0.76);\n    stroke-width: 1.2;\n    stroke-linecap: round;\n\n    filter: drop-shadow(\n        0 0 4px rgba(194, 38, 91, 0.38)\n    );\n\n    stroke-dasharray: 1150;\n    stroke-dashoffset: 1150;\n}\n\n.dc-approach.is-visible\n.dc-approach__connection-progress {\n    animation:\n        dcApproachDrawLine\n        2.7s\n        cubic-bezier(.65, 0, .35, 1)\n        0.65s\n        forwards;\n}\n\n.dc-approach__connection-dot {\n    fill: #c2265b;\n\n    filter:\n        drop-shadow(0 0 3px rgba(194, 38, 91, 0.9))\n        drop-shadow(0 0 8px rgba(194, 38, 91, 0.55));\n\n    opacity: 0;\n}\n\n.dc-approach.is-visible\n.dc-approach__connection-dot {\n    animation:\n        dcApproachDotVisibility\n        2.7s\n        linear\n        0.65s\n        forwards;\n}\n\n@keyframes dcApproachDrawLine {\n    from {\n        stroke-dashoffset: 1150;\n    }\n\n    to {\n        stroke-dashoffset: 0;\n    }\n}\n\n@keyframes dcApproachDotVisibility {\n    0% {\n        opacity: 0;\n    }\n\n    4% {\n        opacity: 1;\n    }\n\n    92% {\n        opacity: 1;\n    }\n\n    100% {\n        opacity: 0;\n    }\n}\n\n\/* ==================================================\n   IM\u00c1GENES\n================================================== *\/\n\n.dc-approach__image-wrap {\n    position: absolute;\n\n    opacity: 0;\n\n    transition:\n        opacity 0.9s ease,\n        transform 0.9s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-approach__image {\n    display: block;\n\n    width: 100%;\n    height: auto;\n\n    object-fit: contain;\n    transform-origin: center;\n\n    will-change: transform;\n}\n\n\/* --------------------------------------------------\n   1. LUPA \u2014 PRIMER PLANO\n-------------------------------------------------- *\/\n\n.dc-approach__image-wrap--first {\n    z-index: 7;\n\n    top: 355px;\n    left: 0;\n\n    width: 22%;\n    max-width: 230px;\n\n    transform:\n        translateX(-32px)\n        translateY(18px)\n        scale(0.96);\n}\n\n.dc-approach__image-wrap--first\n.dc-approach__image {\n    filter:\n        drop-shadow(\n            0 23px 25px rgba(0, 0, 0, 0.52)\n        )\n        drop-shadow(\n            0 8px 12px rgba(0, 0, 0, 0.30)\n        );\n}\n\n\/* --------------------------------------------------\n   2. LIBRETA \u2014 PLANO CENTRAL\n-------------------------------------------------- *\/\n\n.dc-approach__image-wrap--second {\n    z-index: 6;\n\n    top: 145px;\n    left: 24%;\n\n    width: 39%;\n    max-width: 405px;\n\n    transform:\n        translateY(-25px)\n        scale(0.93);\n}\n\n.dc-approach__image-wrap--second\n.dc-approach__image {\n    filter:\n        drop-shadow(\n            0 18px 20px rgba(0, 0, 0, 0.42)\n        )\n        drop-shadow(\n            0 6px 10px rgba(0, 0, 0, 0.22)\n        );\n}\n\n\/* --------------------------------------------------\n   3. KIT \u2014 PLANO POSTERIOR\n-------------------------------------------------- *\/\n\n.dc-approach__image-wrap--third {\n    z-index: 4;\n\n    top: 245px;\n    right: 0;\n\n    width: 39%;\n    max-width: 410px;\n\n    transform:\n        translateX(35px)\n        translateY(15px)\n        scale(0.91);\n}\n\n.dc-approach__image-wrap--third\n.dc-approach__image {\n    filter:\n        drop-shadow(\n            0 14px 17px rgba(0, 0, 0, 0.34)\n        )\n        drop-shadow(\n            0 5px 8px rgba(0, 0, 0, 0.18)\n        );\n}\n\n\/* Aparici\u00f3n escalonada *\/\n\n.dc-approach.is-visible\n.dc-approach__image-wrap {\n    opacity: 1;\n\n    transform:\n        translate(0, 0)\n        scale(1);\n}\n\n.dc-approach.is-visible\n.dc-approach__image-wrap--first {\n    transition-delay: 0.15s;\n}\n\n.dc-approach.is-visible\n.dc-approach__image-wrap--second {\n    transition-delay: 0.92s;\n}\n\n.dc-approach.is-visible\n.dc-approach__image-wrap--third {\n    transition-delay: 1.62s;\n}\n\n\/* ==================================================\n   MOVIMIENTO Y PROFUNDIDAD\n================================================== *\/\n\n.dc-approach.is-visible\n.dc-approach__image-wrap--first\n.dc-approach__image {\n    animation:\n        dcApproachFloatFirst\n        6s\n        ease-in-out\n        1.25s\n        infinite;\n}\n\n.dc-approach.is-visible\n.dc-approach__image-wrap--second\n.dc-approach__image {\n    animation:\n        dcApproachFloatSecond\n        7s\n        ease-in-out\n        1.75s\n        infinite;\n}\n\n.dc-approach.is-visible\n.dc-approach__image-wrap--third\n.dc-approach__image {\n    animation:\n        dcApproachFloatThird\n        8s\n        ease-in-out\n        2.25s\n        infinite;\n}\n\n@keyframes dcApproachFloatFirst {\n    0%,\n    100% {\n        transform:\n            translate3d(0, 0, 0)\n            rotate(-0.8deg)\n            scale(1.02);\n    }\n\n    50% {\n        transform:\n            translate3d(0, -3px, 0)\n            rotate(-0.45deg)\n            scale(1.025);\n    }\n}\n\n@keyframes dcApproachFloatSecond {\n    0%,\n    100% {\n        transform:\n            translate3d(0, 0, 0)\n            rotate(0.5deg)\n            scale(1);\n    }\n\n    50% {\n        transform:\n            translate3d(0, -4px, 0)\n            rotate(0.2deg)\n            scale(1.005);\n    }\n}\n\n@keyframes dcApproachFloatThird {\n    0%,\n    100% {\n        transform:\n            translate3d(0, 0, 0)\n            rotate(-0.4deg)\n            scale(0.96);\n    }\n\n    50% {\n        transform:\n            translate3d(0, -2px, 0)\n            rotate(-0.12deg)\n            scale(0.965);\n    }\n}\n\n\/* ==================================================\n   ETAPAS DEL PROCESO\n================================================== *\/\n\n.dc-approach__steps {\n    position: absolute;\n    z-index: 9;\n\n    right: 0;\n    bottom: 38px;\n    left: 26%;\n\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    align-items: start;\n}\n\n.dc-approach__step {\n    position: relative;\n\n    min-height: 145px;\n    padding: 0 48px 0 38px;\n\n    opacity: 0;\n    transform: translateY(28px);\n\n    transition:\n        opacity 0.8s ease,\n        transform 0.8s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-approach__step:first-child {\n    padding-left: 0;\n}\n\n.dc-approach__step:not(:last-child)::after {\n    content: \"\";\n\n    position: absolute;\n    top: 3px;\n    right: 0;\n\n    width: 1px;\n    height: 126px;\n\n    background:\n        linear-gradient(\n            to bottom,\n            rgba(194, 38, 91, 0.92),\n            rgba(194, 38, 91, 0.14)\n        );\n}\n\n.dc-approach__step-title {\n    margin: 0 0 12px;\n\n    color: #f5f5f3;\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n    line-height: 1;\n    text-transform: uppercase;\n}\n\n.dc-approach__step-text {\n    max-width: 225px;\n    margin: 0;\n\n    color: rgba(245, 245, 243, 0.72);\n\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.65;\n}\n\n.dc-approach.is-visible\n.dc-approach__step {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.dc-approach.is-visible\n.dc-approach__step:nth-child(1) {\n    transition-delay: 0.42s;\n}\n\n.dc-approach.is-visible\n.dc-approach__step:nth-child(2) {\n    transition-delay: 1.18s;\n}\n\n.dc-approach.is-visible\n.dc-approach__step:nth-child(3) {\n    transition-delay: 1.88s;\n}\n\n\/* ==================================================\n   LAPTOP\n================================================== *\/\n\n@media (max-width: 1180px) {\n\n    .dc-approach {\n        min-height: 670px;\n    }\n\n    .dc-approach__inner {\n        width: min(calc(100% - 50px), 1280px);\n        min-height: 670px;\n    }\n\n    .dc-approach__intro {\n        width: 36%;\n    }\n\n    .dc-approach__title {\n        font-size: 35px;\n    }\n\n    .dc-approach__visuals {\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 25%;\n    }\n\n    .dc-approach__image-wrap--first {\n        top: 350px;\n        left: 0;\n\n        width: 21%;\n    }\n\n    .dc-approach__image-wrap--second {\n        top: 155px;\n        left: 23%;\n\n        width: 38%;\n    }\n\n    .dc-approach__image-wrap--third {\n        top: 250px;\n        right: -1%;\n\n        width: 38%;\n    }\n\n    .dc-approach__connection {\n        top: 238px;\n        left: 1%;\n    }\n\n    .dc-approach__steps {\n        left: 28%;\n        bottom: 34px;\n    }\n\n    .dc-approach__step {\n        padding-right: 32px;\n        padding-left: 27px;\n    }\n\n    .dc-approach__step-title {\n        font-size: 25px;\n    }\n\n    .dc-approach__step-text {\n        font-size: 15px;\n    }\n}\n\n\/* ==================================================\n   TABLET\n================================================== *\/\n\n@media (max-width: 900px) {\n\n    .dc-approach {\n        min-height: auto;\n        background-position: center;\n    }\n\n    .dc-approach__inner {\n        width: min(calc(100% - 40px), 1280px);\n        min-height: auto;\n        padding: 58px 0 60px;\n    }\n\n    .dc-approach__intro {\n        width: 100%;\n        max-width: 620px;\n    }\n\n    .dc-approach__title {\n        max-width: 590px;\n        font-size: 40px;\n    }\n\n    .dc-approach__description {\n        max-width: 560px;\n    }\n\n    .dc-approach__visuals {\n        position: relative;\n\n        top: auto;\n        right: auto;\n        bottom: auto;\n        left: auto;\n\n        width: 100%;\n        height: 570px;\n        margin-top: 35px;\n    }\n\n    .dc-approach__image-wrap--first {\n        top: 310px;\n        left: 0;\n\n        width: 28%;\n        max-width: 230px;\n    }\n\n    .dc-approach__image-wrap--second {\n        top: 60px;\n        left: 23%;\n\n        width: 46%;\n        max-width: 405px;\n    }\n\n    .dc-approach__image-wrap--third {\n        top: 235px;\n        right: 0;\n\n        width: 43%;\n        max-width: 400px;\n    }\n\n    .dc-approach__connection {\n        top: 170px;\n        right: 0;\n        left: 0;\n\n        width: 100%;\n        height: 280px;\n    }\n\n    .dc-approach__steps {\n        position: relative;\n\n        right: auto;\n        bottom: auto;\n        left: auto;\n\n        margin-top: 35px;\n    }\n}\n\n\/* ==================================================\n   M\u00d3VIL\n================================================== *\/\n\n@media (max-width: 620px) {\n\n    .dc-approach {\n        background-position: 58% center;\n    }\n\n    .dc-approach__inner {\n        width: calc(100% - 30px);\n        padding: 48px 0 52px;\n    }\n\n    .dc-approach__eyebrow {\n        margin-bottom: 18px;\n\n        font-size: 14px;\n    }\n\n    .dc-approach__title {\n        font-size: 34px;\n        line-height: 1.15;\n    }\n\n    .dc-approach__description {\n        margin-top: 23px;\n\n        font-size: 15px;\n        line-height: 1.7;\n    }\n\n    .dc-approach__accent {\n        margin-top: 24px;\n    }\n\n    .dc-approach__visuals {\n        height: auto;\n        margin-top: 38px;\n\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n    }\n\n    .dc-approach__connection {\n        display: none;\n    }\n\n    .dc-approach__image-wrap,\n    .dc-approach__image-wrap--first,\n    .dc-approach__image-wrap--second,\n    .dc-approach__image-wrap--third {\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    }\n\n    .dc-approach__image-wrap--first {\n        width: 68%;\n        align-self: flex-start;\n    }\n\n    .dc-approach__image-wrap--second {\n        width: 88%;\n        align-self: center;\n    }\n\n    .dc-approach__image-wrap--third {\n        width: 90%;\n        align-self: flex-end;\n    }\n\n    .dc-approach__steps {\n        margin-top: 45px;\n\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .dc-approach__step,\n    .dc-approach__step:first-child {\n        min-height: auto;\n        padding: 0 0 28px;\n    }\n\n    .dc-approach__step:not(:last-child)::after {\n        top: auto;\n        right: auto;\n        bottom: 0;\n        left: 0;\n\n        width: 44px;\n        height: 2px;\n    }\n\n    .dc-approach__step-title {\n        font-size: 25px;\n    }\n\n    .dc-approach__step-text {\n        max-width: 320px;\n    }\n}\n\n\/* ==================================================\n   MOVIMIENTO REDUCIDO\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .dc-approach__intro,\n    .dc-approach__image-wrap,\n    .dc-approach__step,\n    .dc-approach__connection {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n\n    .dc-approach__image,\n    .dc-approach__connection-progress,\n    .dc-approach__connection-dot {\n        animation: none !important;\n    }\n\n    .dc-approach__connection-progress {\n        stroke-dashoffset: 0;\n    }\n}\n<\/style>\n\n<section class=\"dc-approach\">\n\n    <div class=\"dc-approach__inner\">\n\n        <!-- TEXTO PRINCIPAL -->\n\n        <div class=\"dc-approach__intro\">\n\n            <p class=\"dc-approach__eyebrow\">\n                Nuestro enfoque\n            <\/p>\n\n            <h2 class=\"dc-approach__title\">\n                Vemos lo que otros no ven.<br>\n                Y lo convertimos en tu ventaja.\n            <\/h2>\n\n            <p class=\"dc-approach__description\">\n                Aplicamos creatividad estrat\u00e9gica para analizar,\n                definir y comunicar lo que hace \u00fanico a tu negocio.\n            <\/p>\n\n            <span class=\"dc-approach__accent\"><\/span>\n\n        <\/div>\n\n        <!-- ESCENA EDITORIAL -->\n\n        <div class=\"dc-approach__visuals\">\n\n            <!-- L\u00cdNEA QUE CONECTA EL PROCESO -->\n\n            <svg\n                class=\"dc-approach__connection\"\n                viewBox=\"0 0 1000 270\"\n                preserveAspectRatio=\"none\"\n                aria-hidden=\"true\"\n            >\n                <path\n                    class=\"dc-approach__connection-base\"\n                    d=\"M80,205\n                       C175,210 205,105 340,105\n                       C475,105 500,195 620,190\n                       C740,185 790,115 930,125\"\n                \/>\n\n                <path\n                    id=\"dcApproachPath\"\n                    class=\"dc-approach__connection-progress\"\n                    d=\"M80,205\n                       C175,210 205,105 340,105\n                       C475,105 500,195 620,190\n                       C740,185 790,115 930,125\"\n                \/>\n\n                <circle\n                    class=\"dc-approach__connection-dot\"\n                    r=\"4\"\n                >\n                    <animateMotion\n                        dur=\"2.7s\"\n                        begin=\"0.65s\"\n                        fill=\"freeze\"\n                        repeatCount=\"1\"\n                        path=\"M80,205\n                              C175,210 205,105 340,105\n                              C475,105 500,195 620,190\n                              C740,185 790,115 930,125\"\n                    \/>\n                <\/circle>\n            <\/svg>\n\n            <!-- LUPA -->\n\n            <div class=\"\n                dc-approach__image-wrap\n                dc-approach__image-wrap--first\n            \">\n\n                <img decoding=\"async\"\n                    class=\"dc-approach__image\"\n                    src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-21-jul-2026-11_46_54.png\"\n                    alt=\"An\u00e1lisis estrat\u00e9gico de negocio\"\n                    loading=\"lazy\"\n                >\n\n            <\/div>\n\n            <!-- LIBRETA -->\n\n            <div class=\"\n                dc-approach__image-wrap\n                dc-approach__image-wrap--second\n            \">\n\n                <img decoding=\"async\"\n                    class=\"dc-approach__image\"\n                    src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-21-jul-2026-11_49_37.png\"\n                    alt=\"Definici\u00f3n de una ventaja estrat\u00e9gica\"\n                    loading=\"lazy\"\n                >\n\n            <\/div>\n\n            <!-- KIT DE MARCA -->\n\n            <div class=\"\n                dc-approach__image-wrap\n                dc-approach__image-wrap--third\n            \">\n\n                <img decoding=\"async\"\n                    class=\"dc-approach__image\"\n                    src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/Copia-de-ChatGPT-Image-21-jul-2026-11_59_33.png\"\n                    alt=\"Comunicaci\u00f3n estrat\u00e9gica y sistema de marca\"\n                    loading=\"lazy\"\n                >\n\n            <\/div>\n\n        <\/div>\n\n        <!-- ETAPAS -->\n\n        <div class=\"dc-approach__steps\">\n\n            <article class=\"dc-approach__step\">\n\n                <h3 class=\"dc-approach__step-title\">\n                    Analizamos\n                <\/h3>\n\n                <p class=\"dc-approach__step-text\">\n                    Entendemos tu negocio,\n                    tu mercado y a tu\n                    cliente real.\n                <\/p>\n\n            <\/article>\n\n            <article class=\"dc-approach__step\">\n\n                <h3 class=\"dc-approach__step-title\">\n                    Definimos\n                <\/h3>\n\n                <p class=\"dc-approach__step-text\">\n                    Encontramos tu diferencial\n                    y lo convertimos en\n                    propuesta de valor.\n                <\/p>\n\n            <\/article>\n\n            <article class=\"dc-approach__step\">\n\n                <h3 class=\"dc-approach__step-title\">\n                    Comunicamos\n                <\/h3>\n\n                <p class=\"dc-approach__step-text\">\n                    Lo expresamos de forma clara,\n                    atractiva y alineada a\n                    tu estrategia.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n\n    function initializeApproachSection() {\n\n        const sections =\n            document.querySelectorAll(\".dc-approach\");\n\n        sections.forEach(function (section) {\n\n            if (\n                section.dataset.animationReady === \"true\"\n            ) {\n                return;\n            }\n\n            section.dataset.animationReady = \"true\";\n\n            const reducedMotion =\n                window.matchMedia &&\n                window.matchMedia(\n                    \"(prefers-reduced-motion: reduce)\"\n                ).matches;\n\n            if (\n                reducedMotion ||\n                !(\"IntersectionObserver\" in window)\n            ) {\n                section.classList.add(\"is-visible\");\n                return;\n            }\n\n            const observer =\n                new IntersectionObserver(\n                    function (entries) {\n\n                        entries.forEach(function (entry) {\n\n                            if (entry.isIntersecting) {\n\n                                entry.target.classList.add(\n                                    \"is-visible\"\n                                );\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n                            }\n\n                        });\n\n                    },\n                    {\n                        threshold: 0.16,\n                        rootMargin: \"0px 0px -50px 0px\"\n                    }\n                );\n\n            observer.observe(section);\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeApproachSection\n        );\n\n    } else {\n\n        initializeApproachSection();\n    }\n\n    window.addEventListener(\n        \"elementor\/frontend\/init\",\n        initializeApproachSection\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-000d067 e-con e-atomic-element e-flexbox-base e-2347d29 \" data-id=\"000d067\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"000d067\">\n    \t\t<div class=\"elementor-element elementor-element-fd6d277 elementor-widget elementor-widget-html\" data-id=\"fd6d277\" 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 NUESTROS SERVICIOS\n================================================== *\/\n\n.dc-services,\n.dc-services * {\n    box-sizing: border-box;\n}\n\n.dc-services {\n    --dc-pink: #C2265B;\n    --dc-red: #D41832;\n    --dc-black: #111111;\n    --dc-text: #292929;\n    --dc-muted: #686868;\n    --dc-line: rgba(194, 38, 91, 0.25);\n    --dc-bg: #F5F5F3;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n\n    background: #F5F5F3;\n\n    color: var(--dc-text);\n    font-family: \"Manrope\", sans-serif;\n}\n\n.dc-services::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    pointer-events: none;\n\n    background:\n        radial-gradient(\n            circle at 50% 18%,\n            rgba(255, 255, 255, 0.58) 0%,\n            rgba(255, 255, 255, 0) 48%\n        );\n}\n\n.dc-services__inner {\n    position: relative;\n    z-index: 2;\n\n    width: min(calc(100% - 80px), 1440px);\n    margin: 0 auto;\n    padding: 62px 0 76px;\n}\n\n\/* ==================================================\n   ENCABEZADO\n================================================== *\/\n\n.dc-services__header {\n    position: relative;\n\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: start;\n\n    margin-bottom: 42px;\n}\n\n.dc-services__heading {\n    max-width: 400px;\n\n    opacity: 0;\n    transform: translateY(24px);\n\n    transition:\n        opacity 0.85s ease,\n        transform 0.85s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-services.is-visible .dc-services__heading {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.dc-services__eyebrow {\n    margin: 0 0 20px;\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: 1.1px;\n    text-transform: uppercase;\n}\n\n.dc-services__title {\n    margin: 0;\n\n    color: var(--dc-black);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: clamp(52px, 5.2vw, 78px);\n    font-weight: 500;\n    line-height: 0.92;\n    letter-spacing: -1.6px;\n    text-transform: uppercase;\n}\n\n.dc-services__title-accent {\n    display: block;\n    color: var(--dc-red);\n}\n\n.dc-services__statement {\n    justify-self: end;\n\n    width: min(100%, 390px);\n    margin-top: 10px;\n\n    opacity: 0;\n    transform: translateY(24px);\n\n    transition:\n        opacity 0.85s ease 0.18s,\n        transform 0.85s cubic-bezier(.22, 1, .36, 1) 0.18s;\n}\n\n.dc-services.is-visible .dc-services__statement {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.dc-services__statement-text {\n    margin: 0;\n\n    color: #2A2A2A;\n\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 1.75;\n}\n\n.dc-services__statement-line {\n    display: block;\n\n    width: 54px;\n    height: 3px;\n    margin-top: 23px;\n\n    background: var(--dc-pink);\n}\n\n\/* ==================================================\n   ARQUITECTURA PRINCIPAL\n================================================== *\/\n\n.dc-services__architecture {\n    position: relative;\n    padding-top: 16px;\n}\n\n\/* L\u00ednea horizontal *\/\n\n.dc-services__track {\n    position: absolute;\n    z-index: 1;\n\n    top: 76px;\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: rgba(194, 38, 91, 0.16);\n}\n\n.dc-services__track-progress {\n    position: absolute;\n    z-index: 2;\n\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    background: linear-gradient(\n        90deg,\n        rgba(194, 38, 91, 0.35),\n        rgba(194, 38, 91, 0.78),\n        rgba(194, 38, 91, 0.35)\n    );\n\n    transform: scaleX(0);\n    transform-origin: left center;\n\n    transition:\n        transform 2s cubic-bezier(.65, 0, .35, 1) 0.38s;\n}\n\n.dc-services.is-visible .dc-services__track-progress {\n    transform: scaleX(1);\n}\n\n\/* Columnas *\/\n\n.dc-services__grid {\n    position: relative;\n    z-index: 3;\n\n    display: grid;\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n}\n\n.dc-services__item {\n    position: relative;\n\n    min-width: 0;\n    padding: 0 25px;\n\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-services.is-visible .dc-services__item {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.dc-services.is-visible .dc-services__item:nth-child(1) {\n    transition-delay: 0.48s;\n}\n\n.dc-services.is-visible .dc-services__item:nth-child(2) {\n    transition-delay: 0.63s;\n}\n\n.dc-services.is-visible .dc-services__item:nth-child(3) {\n    transition-delay: 0.78s;\n}\n\n.dc-services.is-visible .dc-services__item:nth-child(4) {\n    transition-delay: 0.93s;\n}\n\n.dc-services.is-visible .dc-services__item:nth-child(5) {\n    transition-delay: 1.08s;\n}\n\n.dc-services.is-visible .dc-services__item:nth-child(6) {\n    transition-delay: 1.23s;\n}\n\n\/* ==================================================\n   N\u00daMEROS Y NODOS\n================================================== *\/\n\n.dc-services__number-zone {\n    position: relative;\n\n    height: 112px;\n\n    display: flex;\n    justify-content: center;\n    align-items: flex-start;\n}\n\n.dc-services__number {\n    position: relative;\n    z-index: 4;\n\n    margin: 0;\n\n    color: var(--dc-red);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: 47px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: -0.8px;\n\n    text-shadow:\n        0 2px 5px rgba(212, 24, 50, 0.14);\n}\n\n.dc-services__node {\n    position: absolute;\n    z-index: 6;\n\n    top: 58px;\n    left: 50%;\n\n    width: 15px;\n    height: 15px;\n\n    border: 2px solid var(--dc-red);\n    border-radius: 50%;\n\n    background: var(--dc-red);\n\n    transform: translateX(-50%) scale(0);\n\n    box-shadow:\n        0 0 0 4px rgba(194, 38, 91, 0.08);\n\n    transition:\n        transform 0.45s cubic-bezier(.34, 1.56, .64, 1);\n}\n\n.dc-services.is-visible .dc-services__node {\n    transform: translateX(-50%) scale(1);\n}\n\n.dc-services.is-visible\n.dc-services__item:nth-child(1)\n.dc-services__node {\n    transition-delay: 0.7s;\n}\n\n.dc-services.is-visible\n.dc-services__item:nth-child(2)\n.dc-services__node {\n    transition-delay: 0.85s;\n}\n\n.dc-services.is-visible\n.dc-services__item:nth-child(3)\n.dc-services__node {\n    transition-delay: 1s;\n}\n\n.dc-services.is-visible\n.dc-services__item:nth-child(4)\n.dc-services__node {\n    transition-delay: 1.15s;\n}\n\n.dc-services.is-visible\n.dc-services__item:nth-child(5)\n.dc-services__node {\n    transition-delay: 1.3s;\n}\n\n.dc-services.is-visible\n.dc-services__item:nth-child(6)\n.dc-services__node {\n    transition-delay: 1.45s;\n}\n\n\/* L\u00edneas verticales cortas *\/\n\n.dc-services__vertical-line {\n    position: absolute;\n    z-index: 1;\n\n    top: 73px;\n    left: 50%;\n\n    width: 1px;\n    height: 0;\n\n    background: linear-gradient(\n        to bottom,\n        rgba(194, 38, 91, 0.55),\n        rgba(194, 38, 91, 0.14)\n    );\n\n    transition:\n        height 0.65s cubic-bezier(.65, 0, .35, 1);\n}\n\n.dc-services.is-visible .dc-services__vertical-line {\n    height: 42px;\n}\n\n.dc-services.is-visible\n.dc-services__item:nth-child(1)\n.dc-services__vertical-line {\n    transition-delay: 0.88s;\n}\n\n.dc-services.is-visible\n.dc-services__item:nth-child(2)\n.dc-services__vertical-line {\n    transition-delay: 1.03s;\n}\n\n.dc-services.is-visible\n.dc-services__item:nth-child(3)\n.dc-services__vertical-line {\n    transition-delay: 1.18s;\n}\n\n.dc-services.is-visible\n.dc-services__item:nth-child(4)\n.dc-services__vertical-line {\n    transition-delay: 1.33s;\n}\n\n.dc-services.is-visible\n.dc-services__item:nth-child(5)\n.dc-services__vertical-line {\n    transition-delay: 1.48s;\n}\n\n.dc-services.is-visible\n.dc-services__item:nth-child(6)\n.dc-services__vertical-line {\n    transition-delay: 1.63s;\n}\n\n.dc-services__vertical-line::after {\n    content: \"\";\n\n    position: absolute;\n    bottom: -3px;\n    left: 50%;\n\n    width: 6px;\n    height: 6px;\n\n    border-radius: 50%;\n\n    background: var(--dc-red);\n\n    transform: translateX(-50%);\n}\n\n\/* ==================================================\n   C\u00cdRCULO DE DIFERENCIACI\u00d3N\n================================================== *\/\n\n.dc-services__focus {\n    position: absolute;\n    z-index: 2;\n\n    top: -45px;\n    left: 50%;\n\n    width: 205px;\n    height: 205px;\n\n    border: 1px solid rgba(194, 38, 91, 0.21);\n    border-radius: 50%;\n\n    opacity: 0;\n    transform: translateX(-50%) scale(0.72) rotate(-12deg);\n\n    transition:\n        opacity 0.8s ease 1.35s,\n        transform 1.1s cubic-bezier(.22, 1, .36, 1) 1.35s;\n}\n\n.dc-services.is-visible .dc-services__focus {\n    opacity: 1;\n    transform: translateX(-50%) scale(1) rotate(0);\n}\n\n.dc-services__focus::before,\n.dc-services__focus::after {\n    content: \"\";\n\n    position: absolute;\n    border-radius: 50%;\n}\n\n.dc-services__focus::before {\n    inset: 10px;\n    border: 1px dashed rgba(194, 38, 91, 0.25);\n}\n\n.dc-services__focus::after {\n    inset: -7px;\n\n    border-top: 2px solid rgba(194, 38, 91, 0.75);\n    border-right: 2px solid transparent;\n    border-bottom: 2px solid transparent;\n    border-left: 2px solid rgba(194, 38, 91, 0.22);\n\n    transform: rotate(-35deg);\n}\n\n.dc-services__focus-mark {\n    position: absolute;\n\n    top: 50%;\n    left: -6px;\n\n    width: 13px;\n    height: 1px;\n\n    background: var(--dc-pink);\n}\n\n.dc-services__item--featured .dc-services__node {\n    animation:\n        dcServicesPulse\n        2.8s\n        ease-in-out\n        2.2s\n        infinite;\n}\n\n@keyframes dcServicesPulse {\n    0%,\n    100% {\n        box-shadow:\n            0 0 0 4px rgba(194, 38, 91, 0.08);\n    }\n\n    50% {\n        box-shadow:\n            0 0 0 9px rgba(194, 38, 91, 0.13);\n    }\n}\n\n\/* ==================================================\n   CONTENIDO\n================================================== *\/\n\n.dc-services__content {\n    position: relative;\n    z-index: 4;\n\n    padding-top: 4px;\n}\n\n.dc-services__service-title {\n    min-height: 66px;\n    margin: -2px 0 18px;\n\n    color: #181818;\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: clamp(21px, 1.55vw, 26px);\n    font-weight: 500;\n    line-height: 1.18;\n    letter-spacing: -0.25px;\n    text-transform: uppercase;\n}\n\n.dc-services__item--featured\n.dc-services__service-title {\n    color: var(--dc-red);\n}\n\n.dc-services__list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n\n    margin: 0;\n    padding: 0;\n\n    list-style: none;\n}\n\n.dc-services__list li {\n    position: relative;\n\n    padding-left: 19px;\n\n    color: #494949;\n\n    font-size: 15px;\n    font-weight: 450;\n    line-height: 1.45;\n}\n\n.dc-services__list li::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 9px;\n    left: 0;\n\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--dc-red);\n}\n\n\/* ==================================================\n   REMATE GR\u00c1FICO DERECHO\n================================================== *\/\n\n.dc-services__technical-mark {\n    position: absolute;\n    z-index: 2;\n\n    top: 1px;\n    right: -15px;\n\n    width: 145px;\n    height: 145px;\n\n    opacity: 0;\n    transform: translateX(22px);\n\n    transition:\n        opacity 0.9s ease 1.4s,\n        transform 0.9s cubic-bezier(.22, 1, .36, 1) 1.4s;\n\n    pointer-events: none;\n}\n\n.dc-services.is-visible .dc-services__technical-mark {\n    opacity: 0.7;\n    transform: translateX(0);\n}\n\n.dc-services__technical-mark::before,\n.dc-services__technical-mark::after {\n    content: \"\";\n\n    position: absolute;\n\n    border: 1px solid rgba(194, 38, 91, 0.45);\n    border-radius: 50%;\n}\n\n.dc-services__technical-mark::before {\n    width: 64px;\n    height: 64px;\n\n    right: 6px;\n    bottom: 6px;\n}\n\n.dc-services__technical-mark::after {\n    width: 32px;\n    height: 32px;\n\n    right: 22px;\n    bottom: 22px;\n}\n\n.dc-services__technical-cross {\n    position: absolute;\n\n    right: 37px;\n    bottom: 37px;\n\n    width: 2px;\n    height: 2px;\n\n    border-radius: 50%;\n\n    background: var(--dc-red);\n\n    box-shadow:\n        0 0 0 5px rgba(194, 38, 91, 0.13);\n}\n\n.dc-services__technical-line {\n    position: absolute;\n    background: rgba(194, 38, 91, 0.38);\n}\n\n.dc-services__technical-line--vertical {\n    right: 38px;\n    bottom: 38px;\n\n    width: 1px;\n    height: 102px;\n}\n\n.dc-services__technical-line--horizontal {\n    right: -6px;\n    bottom: 38px;\n\n    width: 100px;\n    height: 1px;\n}\n\n\/* ==================================================\n   LAPTOP\n================================================== *\/\n\n@media (max-width: 1280px) {\n\n    .dc-services__inner {\n        width: min(calc(100% - 50px), 1440px);\n    }\n\n    .dc-services__grid {\n        grid-template-columns: repeat(6, minmax(145px, 1fr));\n    }\n\n    .dc-services__item {\n        padding-right: 18px;\n        padding-left: 18px;\n    }\n\n    .dc-services__service-title {\n        font-size: 21px;\n    }\n\n    .dc-services__list li {\n        font-size: 14px;\n    }\n\n    .dc-services__focus {\n        width: 185px;\n        height: 185px;\n    }\n}\n\n\/* ==================================================\n   TABLET\n================================================== *\/\n\n@media (max-width: 1000px) {\n\n    .dc-services__inner {\n        width: min(calc(100% - 40px), 920px);\n        padding-top: 56px;\n    }\n\n    .dc-services__header {\n        grid-template-columns: 1fr;\n        gap: 35px;\n\n        margin-bottom: 58px;\n    }\n\n    .dc-services__statement {\n        justify-self: start;\n\n        width: 100%;\n        max-width: 530px;\n        margin-top: 0;\n    }\n\n    .dc-services__grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 50px 24px;\n    }\n\n    .dc-services__track {\n        display: none;\n    }\n\n    .dc-services__item {\n        min-height: 430px;\n        padding: 0 28px 35px;\n\n        border-left: 1px solid rgba(194, 38, 91, 0.22);\n    }\n\n    .dc-services__number-zone {\n        height: 85px;\n        justify-content: flex-start;\n    }\n\n    .dc-services__number {\n        font-size: 42px;\n    }\n\n    .dc-services__node {\n        top: 55px;\n        left: 0;\n\n        transform: translateX(-50%) scale(0);\n    }\n\n    .dc-services.is-visible .dc-services__node {\n        transform: translateX(-50%) scale(1);\n    }\n\n    .dc-services__vertical-line {\n        display: none;\n    }\n\n    .dc-services__content {\n        padding-top: 0;\n    }\n\n    .dc-services__service-title {\n        min-height: auto;\n        margin-bottom: 18px;\n\n        font-size: 26px;\n    }\n\n    .dc-services__focus {\n        top: -42px;\n        left: 37px;\n\n        width: 170px;\n        height: 170px;\n    }\n\n    .dc-services__technical-mark {\n        display: none;\n    }\n}\n\n\/* ==================================================\n   M\u00d3VIL\n================================================== *\/\n\n@media (max-width: 620px) {\n\n    .dc-services__inner {\n        width: calc(100% - 30px);\n        padding: 48px 0 58px;\n    }\n\n    .dc-services__header {\n        margin-bottom: 48px;\n    }\n\n    .dc-services__eyebrow {\n        margin-bottom: 17px;\n        font-size: 14px;\n    }\n\n    .dc-services__title {\n        font-size: 53px;\n    }\n\n    .dc-services__statement-text {\n        font-size: 16px;\n        line-height: 1.7;\n    }\n\n    .dc-services__grid {\n        grid-template-columns: 1fr;\n        gap: 0;\n    }\n\n    .dc-services__item {\n        min-height: auto;\n        padding: 0 0 42px 28px;\n\n        border-left: 1px solid rgba(194, 38, 91, 0.28);\n    }\n\n    .dc-services__item:not(:last-child) {\n        margin-bottom: 18px;\n    }\n\n    .dc-services__number-zone {\n        height: 75px;\n    }\n\n    .dc-services__number {\n        font-size: 39px;\n    }\n\n    .dc-services__node {\n        top: 52px;\n    }\n\n    .dc-services__service-title {\n        font-size: 25px;\n    }\n\n    .dc-services__list {\n        gap: 9px;\n    }\n\n    .dc-services__list li {\n        font-size: 15px;\n    }\n\n    .dc-services__focus {\n        top: -38px;\n        left: 31px;\n\n        width: 145px;\n        height: 145px;\n    }\n}\n\n\/* ==================================================\n   MOVIMIENTO REDUCIDO\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .dc-services__heading,\n    .dc-services__statement,\n    .dc-services__item,\n    .dc-services__technical-mark {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n\n    .dc-services__track-progress {\n        transform: scaleX(1);\n        transition: none;\n    }\n\n    .dc-services__node {\n        transform: translateX(-50%) scale(1);\n        transition: none;\n        animation: none !important;\n    }\n\n    .dc-services__vertical-line {\n        height: 42px;\n        transition: none;\n    }\n\n    .dc-services__focus {\n        opacity: 1;\n        transform: translateX(-50%) scale(1);\n        transition: none;\n    }\n}\n<\/style>\n\n<section class=\"dc-services\">\n\n    <div class=\"dc-services__inner\">\n\n        <header class=\"dc-services__header\">\n\n            <div class=\"dc-services__heading\">\n\n                <p class=\"dc-services__eyebrow\">\n                    Arquitectura de crecimiento\n                <\/p>\n\n                <h2 class=\"dc-services__title\">\n                    Nuestros\n                    <span class=\"dc-services__title-accent\">\n                        servicios.\n                    <\/span>\n                <\/h2>\n\n            <\/div>\n\n            <div class=\"dc-services__statement\">\n\n                <p class=\"dc-services__statement-text\">\n                    No construimos piezas aisladas.\n                    Construimos sistemas que trabajan juntos\n                    para que tu negocio se convierta en la elecci\u00f3n.\n                <\/p>\n\n                <span class=\"dc-services__statement-line\"><\/span>\n\n            <\/div>\n\n        <\/header>\n\n        <div class=\"dc-services__architecture\">\n\n            <div class=\"dc-services__track\">\n                <span class=\"dc-services__track-progress\"><\/span>\n            <\/div>\n\n            <div class=\"dc-services__technical-mark\">\n\n                <span class=\"\n                    dc-services__technical-line\n                    dc-services__technical-line--vertical\n                \"><\/span>\n\n                <span class=\"\n                    dc-services__technical-line\n                    dc-services__technical-line--horizontal\n                \"><\/span>\n\n                <span class=\"dc-services__technical-cross\"><\/span>\n\n            <\/div>\n\n            <div class=\"dc-services__grid\">\n\n                <article class=\"dc-services__item\">\n\n                    <div class=\"dc-services__number-zone\">\n                        <span class=\"dc-services__number\">01<\/span>\n                        <span class=\"dc-services__node\"><\/span>\n                        <span class=\"dc-services__vertical-line\"><\/span>\n                    <\/div>\n\n                    <div class=\"dc-services__content\">\n\n                        <h3 class=\"dc-services__service-title\">\n                            Diagn\u00f3stico y<br>\n                            descubrimiento\n                        <\/h3>\n\n                        <ul class=\"dc-services__list\">\n                            <li>An\u00e1lisis del negocio<\/li>\n                            <li>Investigaci\u00f3n de mercado<\/li>\n                            <li>An\u00e1lisis de cliente<\/li>\n                            <li>Detecci\u00f3n de oportunidades<\/li>\n                        <\/ul>\n\n                    <\/div>\n\n                <\/article>\n\n                <article class=\"\n                    dc-services__item\n                    dc-services__item--featured\n                \">\n\n                    <div class=\"dc-services__number-zone\">\n\n                        <div class=\"dc-services__focus\">\n                            <span class=\"dc-services__focus-mark\"><\/span>\n                        <\/div>\n\n                        <span class=\"dc-services__number\">02<\/span>\n                        <span class=\"dc-services__node\"><\/span>\n                        <span class=\"dc-services__vertical-line\"><\/span>\n\n                    <\/div>\n\n                    <div class=\"dc-services__content\">\n\n                        <h3 class=\"dc-services__service-title\">\n                            Diferenciaci\u00f3n\n                        <\/h3>\n\n                        <ul class=\"dc-services__list\">\n                            <li>Propuesta de valor<\/li>\n                            <li>Estrategias disruptivas<\/li>\n                            <li>Posicionamiento diferencial<\/li>\n                            <li>Innovaci\u00f3n comercial<\/li>\n                            <li>Productos gancho<\/li>\n                        <\/ul>\n\n                    <\/div>\n\n                <\/article>\n\n                <article class=\"dc-services__item\">\n\n                    <div class=\"dc-services__number-zone\">\n                        <span class=\"dc-services__number\">03<\/span>\n                        <span class=\"dc-services__node\"><\/span>\n                        <span class=\"dc-services__vertical-line\"><\/span>\n                    <\/div>\n\n                    <div class=\"dc-services__content\">\n\n                        <h3 class=\"dc-services__service-title\">\n                            Marca y<br>\n                            comunicaci\u00f3n\n                        <\/h3>\n\n                        <ul class=\"dc-services__list\">\n                            <li>Identidad de marca<\/li>\n                            <li>Dise\u00f1o de logotipo<\/li>\n                            <li>Manual de marca<\/li>\n                            <li>Arquitectura de marca<\/li>\n                            <li>Mensajes de marca<\/li>\n                        <\/ul>\n\n                    <\/div>\n\n                <\/article>\n\n                <article class=\"dc-services__item\">\n\n                    <div class=\"dc-services__number-zone\">\n                        <span class=\"dc-services__number\">04<\/span>\n                        <span class=\"dc-services__node\"><\/span>\n                        <span class=\"dc-services__vertical-line\"><\/span>\n                    <\/div>\n\n                    <div class=\"dc-services__content\">\n\n                        <h3 class=\"dc-services__service-title\">\n                            Contenido y<br>\n                            experiencias\n                        <\/h3>\n\n                        <ul class=\"dc-services__list\">\n                            <li>Estrategia de contenido<\/li>\n                            <li>Redes sociales<\/li>\n                            <li>Producci\u00f3n audiovisual<\/li>\n                            <li>P\u00e1ginas web<\/li>\n                            <li>Experiencias digitales<\/li>\n                            <li>Copywriting<\/li>\n                        <\/ul>\n\n                    <\/div>\n\n                <\/article>\n\n                <article class=\"dc-services__item\">\n\n                    <div class=\"dc-services__number-zone\">\n                        <span class=\"dc-services__number\">05<\/span>\n                        <span class=\"dc-services__node\"><\/span>\n                        <span class=\"dc-services__vertical-line\"><\/span>\n                    <\/div>\n\n                    <div class=\"dc-services__content\">\n\n                        <h3 class=\"dc-services__service-title\">\n                            Visibilidad y<br>\n                            crecimiento\n                        <\/h3>\n\n                        <ul class=\"dc-services__list\">\n                            <li>Estrategia digital<\/li>\n                            <li>Campa\u00f1as Ads<\/li>\n                            <li>Meta Ads<\/li>\n                            <li>Google Ads<\/li>\n                            <li>TikTok Ads<\/li>\n                        <\/ul>\n\n                    <\/div>\n\n                <\/article>\n\n                <article class=\"dc-services__item\">\n\n                    <div class=\"dc-services__number-zone\">\n                        <span class=\"dc-services__number\">06<\/span>\n                        <span class=\"dc-services__node\"><\/span>\n                        <span class=\"dc-services__vertical-line\"><\/span>\n                    <\/div>\n\n                    <div class=\"dc-services__content\">\n\n                        <h3 class=\"dc-services__service-title\">\n                            Sistemas, medici\u00f3n<br>\n                            y evoluci\u00f3n\n                        <\/h3>\n\n                        <ul class=\"dc-services__list\">\n                            <li>Automatizaciones<\/li>\n                            <li>CRM e integraciones<\/li>\n                            <li>Flujos de trabajo<\/li>\n                            <li>Reportes y dashboards<\/li>\n                            <li>Medici\u00f3n y optimizaci\u00f3n<\/li>\n                        <\/ul>\n\n                    <\/div>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n\n    function initializeServicesSection() {\n\n        const sections =\n            document.querySelectorAll(\".dc-services\");\n\n        sections.forEach(function (section) {\n\n            if (\n                section.dataset.animationReady === \"true\"\n            ) {\n                return;\n            }\n\n            section.dataset.animationReady = \"true\";\n\n            const reducedMotion =\n                window.matchMedia &&\n                window.matchMedia(\n                    \"(prefers-reduced-motion: reduce)\"\n                ).matches;\n\n            if (\n                reducedMotion ||\n                !(\"IntersectionObserver\" in window)\n            ) {\n                section.classList.add(\"is-visible\");\n                return;\n            }\n\n            const observer =\n                new IntersectionObserver(\n                    function (entries) {\n\n                        entries.forEach(function (entry) {\n\n                            if (entry.isIntersecting) {\n\n                                entry.target.classList.add(\n                                    \"is-visible\"\n                                );\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n                            }\n\n                        });\n\n                    },\n                    {\n                        threshold: 0.12,\n                        rootMargin: \"0px 0px -60px 0px\"\n                    }\n                );\n\n            observer.observe(section);\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeServicesSection\n        );\n\n    } else {\n\n        initializeServicesSection();\n    }\n\n    window.addEventListener(\n        \"elementor\/frontend\/init\",\n        initializeServicesSection\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-88462b5 e-con e-atomic-element e-flexbox-base e-8a9db72 \" data-id=\"88462b5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"88462b5\">\n    \t\t<div class=\"elementor-element elementor-element-749808d elementor-widget elementor-widget-html\" data-id=\"749808d\" 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 CASOS DESTACADOS\n================================================== *\/\n\n.dc-projects,\n.dc-projects * {\n    box-sizing: border-box;\n}\n\n.dc-projects {\n    --dc-pink: #C2265B;\n    --dc-black: #101010;\n    --dc-text: #222222;\n    --dc-bg: #F5F5F3;\n\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n\n    background: var(--dc-bg);\n    color: var(--dc-text);\n\n    font-family: \"Manrope\", sans-serif;\n}\n\n.dc-projects::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    pointer-events: none;\n\n    background:\n        radial-gradient(\n            circle at 17% 25%,\n            rgba(255, 255, 255, 0.75) 0%,\n            rgba(255, 255, 255, 0) 40%\n        ),\n        radial-gradient(\n            circle at 76% 66%,\n            rgba(194, 38, 91, 0.025) 0%,\n            rgba(194, 38, 91, 0) 42%\n        );\n}\n\n.dc-projects__inner {\n    position: relative;\n    z-index: 2;\n\n    width: min(calc(100% - 80px), 1560px);\n    margin: 0 auto;\n\n    padding: 82px 0 76px;\n}\n\n\/* ==================================================\n   ESTRUCTURA GENERAL\n================================================== *\/\n\n.dc-projects__layout {\n    display: grid;\n\n    grid-template-columns:\n        minmax(230px, 0.55fr)\n        minmax(0, 3.45fr);\n\n    gap: 54px;\n    align-items: center;\n}\n\n\/* ==================================================\n   BLOQUE IZQUIERDO\n================================================== *\/\n\n.dc-projects__intro {\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    max-width: 300px;\n\n    opacity: 0;\n    transform: translateY(28px);\n\n    transition:\n        opacity 0.85s ease,\n        transform 0.85s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-projects.is-visible\n.dc-projects__intro {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.dc-projects__eyebrow {\n    max-width: 285px;\n    margin: 0 0 30px;\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.25;\n    letter-spacing: 1.05px;\n    text-transform: uppercase;\n}\n\n.dc-projects__title {\n    margin: 0;\n\n    color: var(--dc-black);\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: clamp(43px, 3.3vw, 60px);\n    font-weight: 500;\n    line-height: 1.03;\n    letter-spacing: -0.7px;\n    text-transform: uppercase;\n}\n\n.dc-projects__title-line {\n    display: block;\n}\n\n.dc-projects__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 30px;\n\n    width: fit-content;\n    min-width: 240px;\n\n    margin-top: 38px;\n    padding: 17px 21px 17px 23px;\n\n    border: 1px solid rgba(194, 38, 91, 0.72);\n\n    color: var(--dc-black);\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.35px;\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-projects__button-arrow {\n    display: inline-block;\n\n    color: var(--dc-pink);\n\n    font-size: 29px;\n    font-weight: 300;\n    line-height: 0.7;\n\n    transition:\n        color 0.3s ease,\n        transform 0.3s ease;\n}\n\n.dc-projects__button:hover {\n    color: #FFFFFF;\n    background: var(--dc-pink);\n    border-color: var(--dc-pink);\n\n    transform: translateY(-2px);\n}\n\n.dc-projects__button:hover\n.dc-projects__button-arrow {\n    color: #FFFFFF;\n    transform: translateX(6px);\n}\n\n\/* ==================================================\n   GRID DE TARJETAS\n================================================== *\/\n\n.dc-projects__grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n\n    gap: 22px;\n    align-items: stretch;\n}\n\n\/* ==================================================\n   TARJETA\n================================================== *\/\n\n.dc-projects__card {\n    position: relative;\n\n    min-width: 0;\n    aspect-ratio: 4 \/ 5.45;\n    overflow: hidden;\n\n    border: 1px solid rgba(17, 17, 17, 0.09);\n\n    background: #0E0E0E;\n\n    box-shadow:\n        0 20px 48px rgba(0, 0, 0, 0.10);\n\n    opacity: 0;\n    transform: translateY(38px);\n\n    transition:\n        opacity 0.85s ease,\n        transform 0.85s cubic-bezier(.22, 1, .36, 1),\n        box-shadow 0.4s ease;\n}\n\n.dc-projects.is-visible\n.dc-projects__card {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.dc-projects.is-visible\n.dc-projects__card:nth-child(1) {\n    transition-delay: 0.14s;\n}\n\n.dc-projects.is-visible\n.dc-projects__card:nth-child(2) {\n    transition-delay: 0.28s;\n}\n\n.dc-projects.is-visible\n.dc-projects__card:nth-child(3) {\n    transition-delay: 0.42s;\n}\n\n.dc-projects__card:hover {\n    transform: translateY(-6px);\n\n    box-shadow:\n        0 30px 62px rgba(0, 0, 0, 0.16);\n}\n\n\/* ==================================================\n   FONDO FOTOGR\u00c1FICO DE APOYO\n\n   Usa la misma fotograf\u00eda desenfocada para llenar\n   la tarjeta sin tener que hacer zoom agresivo.\n================================================== *\/\n\n.dc-projects__media-background {\n    position: absolute;\n    z-index: 1;\n    inset: -16px;\n\n    background-image: var(--project-image);\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: cover;\n\n    filter:\n        blur(18px)\n        brightness(0.58)\n        saturate(0.88);\n\n    transform: scale(1.12);\n\n    transition:\n        transform 0.9s cubic-bezier(.22, 1, .36, 1),\n        filter 0.6s ease;\n}\n\n.dc-projects__card:hover\n.dc-projects__media-background {\n    transform: scale(1.15);\n\n    filter:\n        blur(18px)\n        brightness(0.52)\n        saturate(0.95);\n}\n\n\/* ==================================================\n   IMAGEN PRINCIPAL COMPLETA\n================================================== *\/\n\n.dc-projects__image {\n    position: absolute;\n    z-index: 2;\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: contain;\n    object-position: center center;\n\n    transform: scale(1);\n\n    transition:\n        transform 0.9s cubic-bezier(.22, 1, .36, 1),\n        filter 0.5s ease;\n}\n\n.dc-projects__card:hover\n.dc-projects__image {\n    transform: scale(1.012);\n\n    filter:\n        saturate(1.03)\n        contrast(1.015);\n}\n\n\/* Ajustes particulares para aprovechar mejor cada foto *\/\n\n.dc-projects__card--aromatyx\n.dc-projects__image {\n    object-position: center center;\n}\n\n.dc-projects__card--ki\n.dc-projects__image {\n    object-position: center center;\n}\n\n.dc-projects__card--ci\n.dc-projects__image {\n    object-position: center center;\n}\n\n\/* ==================================================\n   CAPA CINEMATOGR\u00c1FICA\n================================================== *\/\n\n.dc-projects__overlay {\n    position: absolute;\n    z-index: 3;\n    inset: 0;\n\n    background:\n        linear-gradient(\n            to bottom,\n            rgba(0, 0, 0, 0.02) 0%,\n            rgba(0, 0, 0, 0.03) 44%,\n            rgba(0, 0, 0, 0.24) 61%,\n            rgba(0, 0, 0, 0.78) 82%,\n            rgba(0, 0, 0, 0.96) 100%\n        );\n\n    transition:\n        background 0.45s ease;\n}\n\n.dc-projects__card:hover\n.dc-projects__overlay {\n    background:\n        linear-gradient(\n            to bottom,\n            rgba(0, 0, 0, 0.02) 0%,\n            rgba(0, 0, 0, 0.04) 43%,\n            rgba(0, 0, 0, 0.29) 61%,\n            rgba(0, 0, 0, 0.82) 82%,\n            rgba(0, 0, 0, 0.97) 100%\n        );\n}\n\n\/* Vi\u00f1eta lateral discreta *\/\n\n.dc-projects__vignette {\n    position: absolute;\n    z-index: 4;\n    inset: 0;\n\n    pointer-events: none;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(0, 0, 0, 0.10) 0%,\n            rgba(0, 0, 0, 0) 19%,\n            rgba(0, 0, 0, 0) 81%,\n            rgba(0, 0, 0, 0.08) 100%\n        );\n}\n\n\/* ==================================================\n   CONTENIDO INFERIOR\n================================================== *\/\n\n.dc-projects__content {\n    position: absolute;\n    z-index: 6;\n\n    right: 28px;\n    bottom: 29px;\n    left: 28px;\n\n    max-width: calc(100% - 56px);\n\n    transform: translateY(0);\n\n    transition:\n        transform 0.45s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-projects__card:hover\n.dc-projects__content {\n    transform: translateY(-7px);\n}\n\n\/* L\u00ednea rosa permanente *\/\n\n.dc-projects__accent-line {\n    display: block;\n\n    width: 31px;\n    height: 2px;\n    margin-bottom: 15px;\n\n    background: var(--dc-pink);\n\n    transform: scaleX(0.72);\n    transform-origin: left center;\n\n    transition:\n        width 0.45s cubic-bezier(.22, 1, .36, 1),\n        transform 0.45s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-projects__card:hover\n.dc-projects__accent-line {\n    width: 53px;\n    transform: scaleX(1);\n}\n\n.dc-projects__category {\n    margin: 0 0 11px;\n\n    color: rgba(255, 255, 255, 0.82);\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.15;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n}\n\n.dc-projects__name {\n    margin: 0 0 10px;\n\n    color: #FFFFFF;\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: clamp(27px, 2vw, 36px);\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 0;\n    text-transform: uppercase;\n}\n\n.dc-projects__service {\n    max-width: 295px;\n    margin: 0;\n\n    color: rgba(255, 255, 255, 0.88);\n\n    font-size: 15px;\n    font-weight: 450;\n    line-height: 1.48;\n}\n\n\/* ==================================================\n   LINK COMPLETO\n================================================== *\/\n\n.dc-projects__card-link {\n    position: absolute;\n    z-index: 10;\n    inset: 0;\n\n    overflow: hidden;\n\n    color: transparent;\n    text-indent: -9999px;\n}\n\n\/* ==================================================\n   L\u00cdNEA INFERIOR DE LA SECCI\u00d3N\n================================================== *\/\n\n.dc-projects__footer-line {\n    position: relative;\n\n    width: 100%;\n    height: 1px;\n    margin-top: 40px;\n\n    overflow: hidden;\n\n    background: rgba(17, 17, 17, 0.08);\n}\n\n.dc-projects__footer-line::after {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--dc-pink) 0%,\n            rgba(194, 38, 91, 0.45) 34%,\n            rgba(194, 38, 91, 0) 76%\n        );\n\n    transform: scaleX(0);\n    transform-origin: left center;\n\n    transition:\n        transform 1.6s cubic-bezier(.65, 0, .35, 1) 0.45s;\n}\n\n.dc-projects.is-visible\n.dc-projects__footer-line::after {\n    transform: scaleX(1);\n}\n\n\/* ==================================================\n   PANTALLAS GRANDES\n================================================== *\/\n\n@media (min-width: 1500px) {\n\n    .dc-projects__layout {\n        grid-template-columns:\n            minmax(250px, 0.58fr)\n            minmax(0, 3.42fr);\n\n        gap: 62px;\n    }\n\n    .dc-projects__grid {\n        gap: 24px;\n    }\n\n    .dc-projects__card {\n        aspect-ratio: 4 \/ 5.35;\n    }\n\n    .dc-projects__content {\n        right: 31px;\n        bottom: 31px;\n        left: 31px;\n\n        max-width: calc(100% - 62px);\n    }\n}\n\n\/* ==================================================\n   LAPTOP\n================================================== *\/\n\n@media (max-width: 1280px) {\n\n    .dc-projects__inner {\n        width: min(calc(100% - 50px), 1440px);\n        padding: 70px 0 68px;\n    }\n\n    .dc-projects__layout {\n        grid-template-columns:\n            minmax(220px, 0.62fr)\n            minmax(0, 3.2fr);\n\n        gap: 40px;\n    }\n\n    .dc-projects__grid {\n        gap: 17px;\n    }\n\n    .dc-projects__title {\n        font-size: clamp(40px, 3.3vw, 52px);\n    }\n\n    .dc-projects__card {\n        aspect-ratio: 4 \/ 5.3;\n    }\n\n    .dc-projects__content {\n        right: 23px;\n        bottom: 24px;\n        left: 23px;\n\n        max-width: calc(100% - 46px);\n    }\n\n    .dc-projects__name {\n        font-size: clamp(24px, 2vw, 30px);\n    }\n\n    .dc-projects__service {\n        font-size: 14px;\n    }\n}\n\n\/* ==================================================\n   TABLET HORIZONTAL\n================================================== *\/\n\n@media (max-width: 1020px) {\n\n    .dc-projects__inner {\n        width: min(calc(100% - 40px), 940px);\n        padding: 62px 0 68px;\n    }\n\n    .dc-projects__layout {\n        grid-template-columns: 1fr;\n        gap: 46px;\n    }\n\n    .dc-projects__intro {\n        max-width: 580px;\n    }\n\n    .dc-projects__eyebrow {\n        margin-bottom: 21px;\n    }\n\n    .dc-projects__title {\n        max-width: 560px;\n        font-size: 48px;\n    }\n\n    .dc-projects__button {\n        margin-top: 30px;\n    }\n\n    .dc-projects__grid {\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 18px;\n    }\n\n    .dc-projects__card {\n        aspect-ratio: 4 \/ 5.4;\n    }\n\n    .dc-projects__content {\n        right: 21px;\n        bottom: 22px;\n        left: 21px;\n\n        max-width: calc(100% - 42px);\n    }\n\n    .dc-projects__category {\n        font-size: 10px;\n    }\n\n    .dc-projects__name {\n        font-size: 26px;\n    }\n\n    .dc-projects__service {\n        font-size: 14px;\n    }\n}\n\n\/* ==================================================\n   TABLET VERTICAL\n================================================== *\/\n\n@media (max-width: 780px) {\n\n    .dc-projects__grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 20px;\n    }\n\n    .dc-projects__card {\n        aspect-ratio: 4 \/ 5.25;\n    }\n\n    .dc-projects__card:nth-child(3) {\n        grid-column: 1 \/ -1;\n\n        width: calc(50% - 10px);\n        justify-self: center;\n    }\n\n    .dc-projects__content {\n        right: 25px;\n        bottom: 26px;\n        left: 25px;\n\n        max-width: calc(100% - 50px);\n    }\n\n    .dc-projects__name {\n        font-size: 29px;\n    }\n\n    .dc-projects__service {\n        font-size: 15px;\n    }\n}\n\n\/* ==================================================\n   M\u00d3VIL\n================================================== *\/\n\n@media (max-width: 620px) {\n\n    .dc-projects__inner {\n        width: calc(100% - 30px);\n        padding: 50px 0 56px;\n    }\n\n    .dc-projects__layout {\n        gap: 38px;\n    }\n\n    .dc-projects__intro {\n        max-width: 100%;\n    }\n\n    .dc-projects__eyebrow {\n        max-width: 270px;\n        margin-bottom: 19px;\n\n        font-size: 14px;\n    }\n\n    .dc-projects__title {\n        max-width: 100%;\n\n        font-size: 43px;\n        line-height: 1.04;\n    }\n\n    .dc-projects__button {\n        min-width: 215px;\n\n        margin-top: 27px;\n        padding: 16px 18px 16px 20px;\n    }\n\n    .dc-projects__grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n\n    .dc-projects__card,\n    .dc-projects__card:nth-child(3) {\n        grid-column: auto;\n\n        width: 100%;\n        aspect-ratio: 4 \/ 5;\n\n        justify-self: stretch;\n    }\n\n    .dc-projects__content {\n        right: 24px;\n        bottom: 25px;\n        left: 24px;\n\n        max-width: calc(100% - 48px);\n    }\n\n    .dc-projects__category {\n        margin-bottom: 10px;\n\n        font-size: 10px;\n    }\n\n    .dc-projects__name {\n        margin-bottom: 9px;\n\n        font-size: 30px;\n    }\n\n    .dc-projects__service {\n        max-width: 290px;\n\n        font-size: 15px;\n    }\n\n    .dc-projects__footer-line {\n        margin-top: 32px;\n    }\n}\n\n\/* ==================================================\n   MOVIMIENTO REDUCIDO\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .dc-projects__intro,\n    .dc-projects__card {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n\n    .dc-projects__media-background,\n    .dc-projects__image,\n    .dc-projects__content,\n    .dc-projects__accent-line,\n    .dc-projects__footer-line::after,\n    .dc-projects__button,\n    .dc-projects__button-arrow {\n        transition: none;\n    }\n\n    .dc-projects__footer-line::after {\n        transform: scaleX(1);\n    }\n}\n<\/style>\n\n<section class=\"dc-projects\">\n\n    <div class=\"dc-projects__inner\">\n\n        <div class=\"dc-projects__layout\">\n\n            <!-- ======================================\n                 INTRODUCCI\u00d3N\n            ======================================= -->\n\n            <div class=\"dc-projects__intro\">\n\n                <p class=\"dc-projects__eyebrow\">\n                    Resultados que hablan por s\u00ed solos\n                <\/p>\n\n                <h2 class=\"dc-projects__title\">\n\n                    <span class=\"dc-projects__title-line\">\n                        Casos reales,\n                    <\/span>\n\n                    <span class=\"dc-projects__title-line\">\n                        negocios reales,\n                    <\/span>\n\n                    <span class=\"dc-projects__title-line\">\n                        resultados reales.\n                    <\/span>\n\n                <\/h2>\n\n                <a\n                    class=\"dc-projects__button\"\n                    href=\"#\"\n                    aria-label=\"Ver todos los proyectos\"\n                >\n                    <span>Ver proyectos<\/span>\n\n                    <span\n                        class=\"dc-projects__button-arrow\"\n                        aria-hidden=\"true\"\n                    >\n                        \u2192\n                    <\/span>\n                <\/a>\n\n            <\/div>\n\n            <!-- ======================================\n                 GRID DE PROYECTOS\n            ======================================= -->\n\n            <div class=\"dc-projects__grid\">\n\n                <!-- AROMATYX -->\n\n                <article\n                    class=\"\n                        dc-projects__card\n                        dc-projects__card--aromatyx\n                    \"\n                    style=\"\n                        --project-image:\n                        url('https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/IMG_1699.jpg');\n                    \"\n                >\n\n                    <div\n                        class=\"dc-projects__media-background\"\n                        aria-hidden=\"true\"\n                    ><\/div>\n\n                    <img decoding=\"async\"\n                        class=\"dc-projects__image\"\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/IMG_1699.jpg\"\n                        alt=\"Proyecto Aromatyx\"\n                        loading=\"lazy\"\n                    >\n\n                    <div class=\"dc-projects__overlay\"><\/div>\n                    <div class=\"dc-projects__vignette\"><\/div>\n\n                    <div class=\"dc-projects__content\">\n\n                        <span\n                            class=\"dc-projects__accent-line\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n\n                        <p class=\"dc-projects__category\">\n                            Estrategia digital\n                        <\/p>\n\n                        <h3 class=\"dc-projects__name\">\n                            Aromatyx\n                        <\/h3>\n\n                        <p class=\"dc-projects__service\">\n                            Estrategia digital y contenido\n                        <\/p>\n\n                    <\/div>\n\n                    <a\n                        class=\"dc-projects__card-link\"\n                        href=\"#\"\n                        aria-label=\"Ver proyecto Aromatyx\"\n                    >\n                        Ver proyecto Aromatyx\n                    <\/a>\n\n                <\/article>\n\n                <!-- KI GOURMET -->\n\n                <article\n                    class=\"\n                        dc-projects__card\n                        dc-projects__card--ki\n                    \"\n                    style=\"\n                        --project-image:\n                        url('https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/IMG_1700.jpg');\n                    \"\n                >\n\n                    <div\n                        class=\"dc-projects__media-background\"\n                        aria-hidden=\"true\"\n                    ><\/div>\n\n                    <img decoding=\"async\"\n                        class=\"dc-projects__image\"\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/IMG_1700.jpg\"\n                        alt=\"Proyecto Ki Gourmet\"\n                        loading=\"lazy\"\n                    >\n\n                    <div class=\"dc-projects__overlay\"><\/div>\n                    <div class=\"dc-projects__vignette\"><\/div>\n\n                    <div class=\"dc-projects__content\">\n\n                        <span\n                            class=\"dc-projects__accent-line\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n\n                        <p class=\"dc-projects__category\">\n                            Rebranding\n                        <\/p>\n\n                        <h3 class=\"dc-projects__name\">\n                            Ki Gourmet\n                        <\/h3>\n\n                        <p class=\"dc-projects__service\">\n                            Rebranding y comunicaci\u00f3n integral\n                        <\/p>\n\n                    <\/div>\n\n                    <a\n                        class=\"dc-projects__card-link\"\n                        href=\"#\"\n                        aria-label=\"Ver proyecto Ki Gourmet\"\n                    >\n                        Ver proyecto Ki Gourmet\n                    <\/a>\n\n                <\/article>\n\n                <!-- CI DESARROLLOS -->\n\n                <article\n                    class=\"\n                        dc-projects__card\n                        dc-projects__card--ci\n                    \"\n                    style=\"\n                        --project-image:\n                        url('https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/IMG_1702.jpg');\n                    \"\n                >\n\n                    <div\n                        class=\"dc-projects__media-background\"\n                        aria-hidden=\"true\"\n                    ><\/div>\n\n                    <img decoding=\"async\"\n                        class=\"dc-projects__image\"\n                        src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/IMG_1702.jpg\"\n                        alt=\"Proyecto CI Desarrollos\"\n                        loading=\"lazy\"\n                    >\n\n                    <div class=\"dc-projects__overlay\"><\/div>\n                    <div class=\"dc-projects__vignette\"><\/div>\n\n                    <div class=\"dc-projects__content\">\n\n                        <span\n                            class=\"dc-projects__accent-line\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n\n                        <p class=\"dc-projects__category\">\n                            Estrategia de marca\n                        <\/p>\n\n                        <h3 class=\"dc-projects__name\">\n                            CI Desarrollos\n                        <\/h3>\n\n                        <p class=\"dc-projects__service\">\n                            Estrategia de marca y presencia digital\n                        <\/p>\n\n                    <\/div>\n\n                    <a\n                        class=\"dc-projects__card-link\"\n                        href=\"#\"\n                        aria-label=\"Ver proyecto CI Desarrollos\"\n                    >\n                        Ver proyecto CI Desarrollos\n                    <\/a>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n        <div\n            class=\"dc-projects__footer-line\"\n            aria-hidden=\"true\"\n        ><\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n\n    function initializeProjectsSection() {\n\n        const sections =\n            document.querySelectorAll(\".dc-projects\");\n\n        sections.forEach(function (section) {\n\n            if (\n                section.dataset.animationReady === \"true\"\n            ) {\n                return;\n            }\n\n            section.dataset.animationReady = \"true\";\n\n            const reducedMotion =\n                window.matchMedia &&\n                window.matchMedia(\n                    \"(prefers-reduced-motion: reduce)\"\n                ).matches;\n\n            if (\n                reducedMotion ||\n                !(\"IntersectionObserver\" in window)\n            ) {\n                section.classList.add(\"is-visible\");\n                return;\n            }\n\n            const observer =\n                new IntersectionObserver(\n                    function (entries) {\n\n                        entries.forEach(function (entry) {\n\n                            if (entry.isIntersecting) {\n\n                                entry.target.classList.add(\n                                    \"is-visible\"\n                                );\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n                            }\n\n                        });\n\n                    },\n                    {\n                        threshold: 0.12,\n                        rootMargin: \"0px 0px -60px 0px\"\n                    }\n                );\n\n            observer.observe(section);\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeProjectsSection\n        );\n\n    } else {\n\n        initializeProjectsSection();\n    }\n\n    window.addEventListener(\n        \"elementor\/frontend\/init\",\n        initializeProjectsSection\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-008122b e-con e-atomic-element e-flexbox-base e-ef381de \" data-id=\"008122b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"008122b\">\n    \t\t<div class=\"elementor-element elementor-element-9f1458f elementor-widget elementor-widget-html\" data-id=\"9f1458f\" 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 FINAL\n================================================== *\/\n\n.dc-final-cta,\n.dc-final-cta * {\n    box-sizing: border-box;\n}\n\n.dc-final-cta {\n    --dc-pink: #C2265B;\n    --dc-white: #F5F5F3;\n    --dc-black: #090909;\n\n    position: relative;\n    width: 100%;\n    min-height: 330px;\n    overflow: hidden;\n\n    display: flex;\n    align-items: center;\n\n    background-color: var(#080B0D);\n\n    color: var(--dc-white);\n    font-family: \"Manrope\", sans-serif;\n}\n\n\/* ==================================================\n   IMAGEN DEL ASTRONAUTA\n================================================== *\/\n\n.dc-final-cta::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 0;\n\n    top: 0;\n    bottom: 0;\n    left: 0;\n\n    width: 34%;\n\n    background-image:\n        url(\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-21-jun-2026-14_12_50.png\");\n\n    background-repeat: no-repeat;\n    background-position: left 46%;\n    background-size: auto 112%;\n\n    pointer-events: none;\n}\n\n\/* Transici\u00f3n entre imagen y negro *\/\n\n.dc-final-cta::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n\n    pointer-events: none;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(0, 0, 0, 0) 0%,\n            rgba(0, 0, 0, 0.02) 22%,\n            rgba(0, 0, 0, 0.24) 31%,\n            rgba(0, 0, 0, 0.72) 42%,\n            rgba(0, 0, 0, 0.95) 55%,\n            rgba(0, 0, 0, 1) 100%\n        );\n}\n\n\/* ==================================================\n   CONTENEDOR\n================================================== *\/\n\n.dc-final-cta__inner {\n    position: relative;\n    z-index: 3;\n\n    width: min(calc(100% - 80px), 1440px);\n    margin: 0 auto;\n    padding: 54px 0;\n\n    display: grid;\n    grid-template-columns:\n        minmax(300px, 0.9fr)\n        minmax(420px, 1.55fr)\n        minmax(210px, 0.55fr);\n\n    gap: 42px;\n    align-items: center;\n}\n\n.dc-final-cta__visual-space {\n    min-height: 200px;\n}\n\n\/* ==================================================\n   MENSAJE\n================================================== *\/\n\n.dc-final-cta__message {\n    max-width: 720px;\n\n    opacity: 0;\n    transform: translateY(24px);\n\n    transition:\n        opacity 0.9s ease,\n        transform 0.9s cubic-bezier(.22, 1, .36, 1);\n}\n\n.dc-final-cta.is-visible\n.dc-final-cta__message {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.dc-final-cta__title {\n    margin: 0;\n\n    font-family: \"Oswald\", sans-serif;\n    font-size: clamp(34px, 3.2vw, 56px);\n    font-weight: 500;\n    line-height: 1.08;\n    letter-spacing: -0.5px;\n    text-transform: uppercase;\n}\n\n.dc-final-cta__title-main {\n    display: block;\n    color: var(--dc-white);\n}\n\n.dc-final-cta__title-accent {\n    display: block;\n    margin-top: 5px;\n\n    color: var(--dc-pink);\n}\n\n\/* ==================================================\n   BOT\u00d3N\n================================================== *\/\n\n.dc-final-cta__action {\n    justify-self: end;\n\n    opacity: 0;\n    transform: translateX(24px);\n\n    transition:\n        opacity 0.85s ease 0.24s,\n        transform 0.85s cubic-bezier(.22, 1, .36, 1) 0.24s;\n}\n\n.dc-final-cta.is-visible\n.dc-final-cta__action {\n    opacity: 1;\n    transform: translateX(0);\n}\n\n.dc-final-cta__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 26px;\n\n    min-width: 220px;\n    padding: 17px 21px 17px 24px;\n\n    border: 1px solid var(--dc-pink);\n\n    background: rgba(0, 0, 0, 0.20);\n    color: var(--dc-white);\n\n    font-family: \"Manrope\", sans-serif;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1;\n    letter-spacing: 0.7px;\n    text-decoration: none;\n    text-transform: uppercase;\n\n    backdrop-filter: blur(2px);\n\n    transition:\n        background-color 0.3s ease,\n        border-color 0.3s ease,\n        color 0.3s ease,\n        transform 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.dc-final-cta__button-arrow {\n    display: inline-block;\n\n    color: var(--dc-pink);\n\n    font-size: 28px;\n    font-weight: 300;\n    line-height: 0.7;\n\n    transition:\n        color 0.3s ease,\n        transform 0.3s ease;\n}\n\n.dc-final-cta__button:hover {\n    color: #FFFFFF;\n    background: var(--dc-pink);\n    border-color: var(--dc-pink);\n\n    transform: translateY(-2px);\n\n    box-shadow:\n        0 16px 34px rgba(194, 38, 91, 0.22);\n}\n\n.dc-final-cta__button:hover\n.dc-final-cta__button-arrow {\n    color: #FFFFFF;\n    transform: translateX(7px);\n}\n\n\/* ==================================================\n   L\u00cdNEA INFERIOR\n================================================== *\/\n\n.dc-final-cta__line {\n    position: absolute;\n    z-index: 4;\n\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    height: 1px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(194, 38, 91, 0) 0%,\n            rgba(194, 38, 91, 0.6) 35%,\n            rgba(194, 38, 91, 0.2) 70%,\n            rgba(194, 38, 91, 0) 100%\n        );\n\n    transform: scaleX(0);\n    transform-origin: center;\n\n    transition:\n        transform 1.6s cubic-bezier(.65, 0, .35, 1) 0.45s;\n}\n\n.dc-final-cta.is-visible\n.dc-final-cta__line {\n    transform: scaleX(1);\n}\n\n\/* ==================================================\n   LAPTOP\n================================================== *\/\n\n@media (max-width: 1200px) {\n\n    .dc-final-cta {\n        min-height: 310px;\n    }\n\n    .dc-final-cta::after {\n        width: 35%;\n        background-position: left 46%;\n        background-size: auto 110%;\n    }\n\n    .dc-final-cta::before {\n        background:\n            linear-gradient(\n                90deg,\n                rgba(0, 0, 0, 0) 0%,\n                rgba(0, 0, 0, 0.03) 24%,\n                rgba(0, 0, 0, 0.36) 34%,\n                rgba(0, 0, 0, 0.80) 46%,\n                rgba(0, 0, 0, 0.97) 60%,\n                rgba(0, 0, 0, 1) 100%\n            );\n    }\n\n    .dc-final-cta__inner {\n        width: min(calc(100% - 50px), 1440px);\n\n        grid-template-columns:\n            minmax(250px, 0.8fr)\n            minmax(380px, 1.5fr)\n            minmax(190px, 0.55fr);\n\n        gap: 30px;\n    }\n\n    .dc-final-cta__title {\n        font-size: clamp(32px, 3vw, 48px);\n    }\n\n    .dc-final-cta__button {\n        min-width: 195px;\n    }\n}\n\n\/* ==================================================\n   TABLET\n================================================== *\/\n\n@media (max-width: 900px) {\n\n    .dc-final-cta {\n        min-height: 430px;\n    }\n\n    .dc-final-cta::after {\n        width: 44%;\n        background-position: left 48%;\n        background-size: auto 104%;\n    }\n\n    .dc-final-cta::before {\n        background:\n            linear-gradient(\n                90deg,\n                rgba(0, 0, 0, 0.02) 0%,\n                rgba(0, 0, 0, 0.13) 30%,\n                rgba(0, 0, 0, 0.62) 46%,\n                rgba(0, 0, 0, 0.94) 61%,\n                rgba(0, 0, 0, 1) 100%\n            );\n    }\n\n    .dc-final-cta__inner {\n        width: min(calc(100% - 40px), 900px);\n        padding: 58px 0;\n\n        grid-template-columns:\n            minmax(210px, 0.78fr)\n            minmax(0, 1.35fr);\n\n        gap: 34px;\n    }\n\n    .dc-final-cta__visual-space {\n        min-height: 280px;\n        grid-row: 1 \/ span 2;\n    }\n\n    .dc-final-cta__message {\n        align-self: end;\n    }\n\n    .dc-final-cta__action {\n        justify-self: start;\n        align-self: start;\n    }\n\n    .dc-final-cta__title {\n        font-size: 40px;\n    }\n}\n\n\/* ==================================================\n   M\u00d3VIL\n================================================== *\/\n\n@media (max-width: 620px) {\n\n    .dc-final-cta {\n        min-height: 700px;\n        align-items: flex-end;\n    }\n\n    .dc-final-cta::after {\n        top: 0;\n        right: 0;\n        bottom: auto;\n        left: 0;\n\n        width: 100%;\n        height: 470px;\n\n        background-image:\n            url(\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/astronauta-dimension-creativa-apuntando-arriba-9x16-sin-fondo-2160x3840-1.png\");\n\n        background-position: center top;\n        background-repeat: no-repeat;\n        background-size: contain;\n    }\n\n    .dc-final-cta::before {\n        background:\n            linear-gradient(\n                to bottom,\n                rgba(0,0,0,0) 0%,\n                rgba(0,0,0,0.05) 42%,\n                rgba(0,0,0,0.62) 64%,\n                rgba(0,0,0,0.93) 80%,\n                rgba(0,0,0,1) 100%\n            );\n    }\n\n    .dc-final-cta__inner {\n        width: calc(100% - 30px);\n        padding: 455px 0 46px;\n\n        display: block;\n    }\n\n    .dc-final-cta__visual-space {\n        display: none;\n    }\n\n    .dc-final-cta__message {\n        max-width: 100%;\n    }\n\n    .dc-final-cta__title {\n        font-size: 36px;\n        line-height: 1.08;\n    }\n\n    .dc-final-cta__action {\n        margin-top: 28px;\n    }\n\n    .dc-final-cta__button {\n        width: 100%;\n        min-width: 0;\n    }\n}\n\n\/* ==================================================\n   MOVIMIENTO REDUCIDO\n================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .dc-final-cta__message,\n    .dc-final-cta__action {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n\n    .dc-final-cta__line {\n        transform: scaleX(1);\n        transition: none;\n    }\n\n    .dc-final-cta__button,\n    .dc-final-cta__button-arrow {\n        transition: none;\n    }\n}\n<\/style>\n\n<section class=\"dc-final-cta\">\n\n    <div class=\"dc-final-cta__inner\">\n\n        <div\n            class=\"dc-final-cta__visual-space\"\n            aria-hidden=\"true\"\n        ><\/div>\n\n        <div class=\"dc-final-cta__message\">\n\n            <h2 class=\"dc-final-cta__title\">\n\n                <span class=\"dc-final-cta__title-main\">\n                    Tu negocio tiene una historia \u00fanica.\n                <\/span>\n\n                <span class=\"dc-final-cta__title-accent\">\n                    Hagamos que el mundo la conozca.\n                <\/span>\n\n            <\/h2>\n\n        <\/div>\n\n        <div class=\"dc-final-cta__action\">\n\n            <a\n                class=\"dc-final-cta__button\"\n                href=\"#\"\n                aria-label=\"Hablemos sobre tu negocio\"\n            >\n                <span>Hablemos<\/span>\n\n                <span\n                    class=\"dc-final-cta__button-arrow\"\n                    aria-hidden=\"true\"\n                >\n                    \u2192\n                <\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n    <div\n        class=\"dc-final-cta__line\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n<\/section>\n\n<script>\n(function () {\n\n    function initializeFinalCta() {\n\n        const sections =\n            document.querySelectorAll(\".dc-final-cta\");\n\n        sections.forEach(function (section) {\n\n            if (\n                section.dataset.animationReady === \"true\"\n            ) {\n                return;\n            }\n\n            section.dataset.animationReady = \"true\";\n\n            const reducedMotion =\n                window.matchMedia &&\n                window.matchMedia(\n                    \"(prefers-reduced-motion: reduce)\"\n                ).matches;\n\n            if (\n                reducedMotion ||\n                !(\"IntersectionObserver\" in window)\n            ) {\n                section.classList.add(\"is-visible\");\n                return;\n            }\n\n            const observer =\n                new IntersectionObserver(\n                    function (entries) {\n\n                        entries.forEach(function (entry) {\n\n                            if (entry.isIntersecting) {\n\n                                entry.target.classList.add(\n                                    \"is-visible\"\n                                );\n\n                                observer.unobserve(\n                                    entry.target\n                                );\n                            }\n\n                        });\n                    },\n                    {\n                        threshold: 0.18,\n                        rootMargin: \"0px 0px -40px 0px\"\n                    }\n                );\n\n            observer.observe(section);\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeFinalCta\n        );\n\n    } else {\n\n        initializeFinalCta();\n    }\n\n    window.addEventListener(\n        \"elementor\/frontend\/init\",\n        initializeFinalCta\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8ae9706 e-con e-atomic-element e-flexbox-base e-aa9f03a \" data-id=\"8ae9706\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8ae9706\">\n    \t\t<div class=\"elementor-element elementor-element-6cc8f60 elementor-widget elementor-widget-html\" data-id=\"6cc8f60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.dc-footer,.dc-footer *{box-sizing:border-box}.dc-footer{--dc-pink:#C2265B;--dc-white:#F5F5F3;--dc-gray:#A7A7A7;--dc-dark-gray:#6E6E6E;--dc-black:#080b0d;--dc-line:rgba(255,255,255,.10);position:relative;width:100%;overflow:hidden;background:radial-gradient(circle at 85% 0%,rgba(194,38,91,.07),transparent 32%),var(--dc-black);color:var(--dc-white);font-family:\"Manrope\",sans-serif;border-top:1px solid var(--dc-line)}.dc-footer::before{content:\"\";position:absolute;inset:0;opacity:.045;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:80px 80px}.dc-footer__inner{position:relative;z-index:2;width:min(calc(100% - 80px),1440px);margin:0 auto;padding:68px 0 42px}.dc-footer__grid{display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(150px,.7fr) minmax(180px,.75fr) minmax(270px,1fr);gap:64px;align-items:start}.dc-footer__brand{max-width:320px}.dc-footer__logo-link{display:inline-block;text-decoration:none;transition:opacity .3s ease,transform .3s ease}.dc-footer__logo-link:hover{opacity:.86;transform:translateY(-2px)}.dc-footer__logo{display:block;width:245px;max-width:100%;height:auto}.dc-footer__description{margin:25px 0 0;max-width:300px;color:var(--dc-gray);font-size:14px;font-weight:400;line-height:1.7}.dc-footer__heading{margin:0 0 22px;color:var(--dc-pink);font-family:\"Oswald\",sans-serif;font-size:17px;font-weight:500;line-height:1;letter-spacing:.8px;text-transform:uppercase}.dc-footer__list{display:flex;flex-direction:column;gap:13px;margin:0;padding:0;list-style:none}.dc-footer__link{position:relative;display:inline-flex;align-items:center;width:fit-content;color:var(--dc-gray);font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;transition:color .3s ease,transform .3s ease}.dc-footer__link::after{content:\"\";position:absolute;right:0;bottom:-4px;left:0;height:1px;background:var(--dc-pink);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.dc-footer__link:hover{color:var(--dc-white);transform:translateX(4px)}.dc-footer__link:hover::after{transform:scaleX(1)}.dc-footer__contact-list{display:flex;flex-direction:column;gap:17px;margin:0;padding:0;list-style:none}.dc-footer__contact-item{display:flex;align-items:flex-start;gap:13px}.dc-footer__contact-icon{flex:0 0 20px;width:20px;height:20px;margin-top:1px;color:var(--dc-pink)}.dc-footer__contact-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dc-footer__contact-link,.dc-footer__contact-text{color:var(--dc-gray);font-size:14px;font-weight:500;line-height:1.55;text-decoration:none;transition:color .3s ease}.dc-footer__contact-link:hover{color:var(--dc-white)}.dc-footer__social{display:flex;align-items:center;gap:12px;margin-top:25px}.dc-footer__social-link{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(194,38,91,.55);color:var(--dc-white);background:transparent;text-decoration:none;transition:color .3s ease,background-color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}.dc-footer__social-link svg{width:19px;height:19px;fill:currentColor}.dc-footer__social-link:hover{color:#fff;background:var(--dc-pink);border-color:var(--dc-pink);transform:translateY(-3px);box-shadow:0 12px 25px rgba(194,38,91,.20)}.dc-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:54px;padding-top:24px;border-top:1px solid var(--dc-line)}.dc-footer__bottom-text{margin:0;color:var(--dc-dark-gray);font-size:12px;line-height:1.5}.dc-footer__bottom-links{display:flex;flex-wrap:wrap;gap:24px}.dc-footer__bottom-link{color:var(--dc-dark-gray);font-size:12px;line-height:1.5;text-decoration:none;transition:color .3s ease}.dc-footer__bottom-link:hover{color:var(--dc-white)}.dc-footer__column,.dc-footer__bottom{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}.dc-footer.is-visible .dc-footer__column,.dc-footer.is-visible .dc-footer__bottom{opacity:1;transform:translateY(0)}.dc-footer.is-visible .dc-footer__column:nth-child(2){transition-delay:.08s}.dc-footer.is-visible .dc-footer__column:nth-child(3){transition-delay:.16s}.dc-footer.is-visible .dc-footer__column:nth-child(4){transition-delay:.24s}.dc-footer.is-visible .dc-footer__bottom{transition-delay:.30s}@media(max-width:1100px){.dc-footer__inner{width:min(calc(100% - 50px),1100px)}.dc-footer__grid{grid-template-columns:minmax(250px,1.2fr) minmax(140px,.7fr) minmax(170px,.75fr) minmax(235px,1fr);gap:38px}.dc-footer__logo{width:220px}}@media(max-width:820px){.dc-footer__inner{width:min(calc(100% - 40px),820px);padding-top:56px}.dc-footer__grid{grid-template-columns:1.2fr .8fr;gap:52px 40px}.dc-footer__brand{max-width:360px}.dc-footer__bottom{align-items:flex-start;flex-direction:column;gap:15px}}@media(max-width:560px){.dc-footer__inner{width:calc(100% - 30px);padding:48px 0 30px}.dc-footer__grid{display:block}.dc-footer__column+.dc-footer__column{margin-top:42px}.dc-footer__brand{max-width:100%}.dc-footer__logo{width:225px}.dc-footer__description{max-width:330px}.dc-footer__heading{margin-bottom:18px}.dc-footer__bottom{margin-top:44px}.dc-footer__bottom-links{flex-direction:column;gap:10px}.dc-footer__social-link{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.dc-footer__column,.dc-footer__bottom{opacity:1;transform:none;transition:none}.dc-footer__link,.dc-footer__link::after,.dc-footer__social-link,.dc-footer__logo-link{transition:none}}\n<\/style>\n<footer class=\"dc-footer\"><div class=\"dc-footer__inner\"><div class=\"dc-footer__grid\"><div class=\"dc-footer__column dc-footer__brand\"><a class=\"dc-footer__logo-link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/\" aria-label=\"Ir al inicio de Dimensi\u00f3n Creativa\"><img decoding=\"async\" class=\"dc-footer__logo\" src=\"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-content\/uploads\/2026\/07\/logo_dimension_creativa_transparente.png\" alt=\"Dimensi\u00f3n Creativa\" loading=\"lazy\"><\/a><p class=\"dc-footer__description\">Creatividad estrat\u00e9gica para negocios que quieren dejar de parecer uno m\u00e1s y convertirse en la elecci\u00f3n.<\/p><\/div><div class=\"dc-footer__column\"><h2 class=\"dc-footer__heading\">Navegaci\u00f3n<\/h2><ul class=\"dc-footer__list\"><li><a class=\"dc-footer__link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/\">Inicio<\/a><\/li><li><a class=\"dc-footer__link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/enfoque\/\">Enfoque<\/a><\/li><li><a class=\"dc-footer__link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/servicios\/\">Servicios<\/a><\/li><li><a class=\"dc-footer__link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/proyectos\/\">Proyectos<\/a><\/li><li><a class=\"dc-footer__link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/dimensiones\/\">Dimensiones<\/a><\/li><\/ul><\/div><div class=\"dc-footer__column\"><h2 class=\"dc-footer__heading\">Legal<\/h2><ul class=\"dc-footer__list\"><li><a class=\"dc-footer__link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/aviso-de-privacidad\/\">Aviso de privacidad<\/a><\/li><li><a class=\"dc-footer__link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/terminos-y-condiciones\/\">T\u00e9rminos y condiciones<\/a><\/li><\/ul><\/div><div class=\"dc-footer__column\"><h2 class=\"dc-footer__heading\">Contacto<\/h2><ul class=\"dc-footer__contact-list\"><li class=\"dc-footer__contact-item\"><span class=\"dc-footer__contact-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect><path d=\"M3 7l9 6 9-6\"><\/path><\/svg><\/span><a class=\"dc-footer__contact-link\" href=\"mailto:info@dimensioncreativa.com.mx\">info@dimensioncreativa.com.mx<\/a><\/li><li class=\"dc-footer__contact-item\"><span class=\"dc-footer__contact-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 4h4l2 5-3 2a16 16 0 0 0 5 5l2-3 5 2v4a2 2 0 0 1-2 2C10 21 3 14 3 6a2 2 0 0 1 2-2z\"><\/path><\/svg><\/span><a class=\"dc-footer__contact-link\" href=\"tel:+525561862271\">+52 55 6186 2271<\/a><\/li><li class=\"dc-footer__contact-item\"><span class=\"dc-footer__contact-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"2.5\"><\/circle><\/svg><\/span><span class=\"dc-footer__contact-text\">CDMX, M\u00e9xico<\/span><\/li><\/ul><div class=\"dc-footer__social\"><a class=\"dc-footer__social-link\" href=\"https:\/\/www.instagram.com\/_dimension_creativa_?igsh=NzdxZXF5amF2dDls\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram de Dimensi\u00f3n Creativa\"><svg viewBox=\"0 0 24 24\"><path d=\"M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm5 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm6.5-.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5z\"><\/path><\/svg><\/a><a class=\"dc-footer__social-link\" href=\"https:\/\/www.facebook.com\/share\/14e3Jpmk48K\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook de Dimensi\u00f3n Creativa\"><svg viewBox=\"0 0 24 24\"><path d=\"M14 8h4V3.5c-.7-.1-2.1-.3-4-.3-4 0-6.7 2.4-6.7 6.9V14H3v5h4.3v12h5.2V19h4.3l.7-5h-5v-3.4C12.5 9.1 12.9 8 14 8z\"><\/path><\/svg><\/a><\/div><\/div><\/div><div class=\"dc-footer__bottom\"><p class=\"dc-footer__bottom-text\">\u00a9 <span class=\"dc-footer__year\"><\/span> Dimensi\u00f3n Creativa. Todos los derechos reservados.<\/p><div class=\"dc-footer__bottom-links\"><a class=\"dc-footer__bottom-link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/aviso-de-privacidad\/\">Privacidad<\/a><a class=\"dc-footer__bottom-link\" href=\"https:\/\/dimensioncreativa.com.mx\/Develop\/terminos-y-condiciones\/\">T\u00e9rminos<\/a><\/div><\/div><\/div><\/footer>\n<script>(function(){function initializeDcFooter(){const footers=document.querySelectorAll('.dc-footer');footers.forEach(function(footer){const year=footer.querySelector('.dc-footer__year');if(year){year.textContent=new Date().getFullYear()}if(footer.dataset.animationReady==='true'){return}footer.dataset.animationReady='true';const reducedMotion=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;if(reducedMotion||!('IntersectionObserver' in window)){footer.classList.add('is-visible');return}const observer=new IntersectionObserver(function(entries){entries.forEach(function(entry){if(entry.isIntersecting){entry.target.classList.add('is-visible');observer.unobserve(entry.target)}})},{threshold:.12,rootMargin:'0px 0px -30px 0px'});observer.observe(footer)})}if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',initializeDcFooter)}else{initializeDcFooter()}window.addEventListener('elementor\/frontend\/init',initializeDcFooter)})();<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2cd35ae e-con e-atomic-element e-flexbox-base e-728959e \" data-id=\"2cd35ae\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2cd35ae\">\n    \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>INICIO ENFOQUE SERVICIOS PROYECTOS DIMENSIONES HABLEMOS INICIO ENFOQUE SERVICIOS PROYECTOS DIMENSIONES HABLEMOS Creatividad estrat\u00e9gica para negocios que quieren ser la elecci\u00f3n. No se trata de hacer m\u00e1s. Se trata de hacer lo correcto para que tu negocio destaque, conecte y venda. Conoce nuestro enfoque \u2192 Marcas que han confiado \u2192 El problema real Tu negocio [&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-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/pages\/28","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=28"}],"version-history":[{"count":28,"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":197,"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/pages\/28\/revisions\/197"}],"wp:attachment":[{"href":"https:\/\/dimensioncreativa.com.mx\/Develop\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}